feat(unity-bootstrap-theme): added custom selector for input type submit

UDS-1915

Author: juanmitriatti

packages/unity-bootstrap-theme/src/scss/extends/_form-fields.scss

@@ -63,10 +63,16 @@ form.uds-form {
   textarea:focus,
   select:focus {
     outline: none!important;
-    box-shadow: $uds-color-base-white 0px 0px 0px 2px, $uds-color-base-gray-7 0px 0px 0px 4px !important;
+    box-shadow: 0 0 0 1px $uds-color-base-gray-7 !important;
+    border: 1px solid $uds-color-base-gray-7 !important;
     border-radius: none;
   }
 
+  input[type="submit"]:focus {
+    box-shadow: $uds-color-base-white 0 0 0 2px, $uds-color-base-gray-7 0px 0px 0px 4px !important;
+    border: 0 !important;
+  }
+
   /* Radios and Checkboxes - For more flexible control, this is a departure
     from Bootstrap 4 custom Checkboxes and Radios as described in:
     https://getbootstrap.com/docs/4.0/components/forms/#checkboxes-and-radios-1

packages/unity-bootstrap-theme/stories/atoms/buttons/buttons.examples.stories.js

@@ -51,7 +51,7 @@ export const ButtonColorsComponent = () => (
     </button>
     <hr />
     <form className="uds-form">
-    <input class="btn-maroon btn btn-primary" type="submit" value="Send message"></input>
+      <input className="btn-maroon btn btn-primary" type="submit" value="Send message"></input>
     </form>
     <hr />
   </div>