Merge pull request #1425 from ASU/UDS-1915

feat(unity-bootstrap-theme): added style and example for input type submit

Author: davidornelas11

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

@@ -68,6 +68,11 @@ form.uds-form {
     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

@@ -49,6 +49,11 @@ export const ButtonColorsComponent = () => (
     <button type="button" className="btn btn-dark">
       Dark
     </button>
+    <hr />
+    <form className="uds-form">
+      <input className="btn-maroon btn btn-primary" type="submit" value="Send message"></input>
+    </form>
+    <hr />
   </div>
 );