mp-design-system 1.2.45 → 1.2.47

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "1.2.45",
+  "version": "1.2.47",
   "description": "",
   "scripts": {
     "dev": "npm-run-all --parallel bundle:*",

package/src/assets/scss/components/form.scss

@@ -17,6 +17,10 @@
 
             .c-form__input {
                 flex: 1 0 298px;
+            
+                @media only screen and (max-width: 31.25em) {
+                    flex-shrink: 1;
+                }
             }
     
             .c-input {
@@ -26,11 +30,12 @@
   
         &__input-wrap {
             display: flex;
-            gap: var(--space-s);
+            gap: var(--space-3xs) var(--space-s);
             flex-wrap: wrap;
             align-items: flex-start;
             
             .c-label {
+                min-width: 115px;
                 flex-basis: 115px;
                 @include margin-bottom(0);
                 word-wrap: break-word;

package/src/assets/scss/utilities/space.scss

@@ -93,6 +93,9 @@
 .u-pad-s-m {
   @include padding('s-m');
 }
+.u-pad-s-l {
+  @include padding('s-l');
+}
 .u-pad-m {
   @include padding('m');
 }