mp-design-system 1.2.14 → 1.2.16

package/package.json

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

package/src/assets/scss/components/product-finder.scss

@@ -6,6 +6,10 @@
 
         &--intro {
             background: radial-gradient(circle at top right, color('petrol', 'step-3') 0%, color('petrol', 'step-3') 30%, color('blue', 'step-2') 100%);
+
+            .c-h {
+                font-size: ar(--step-5);
+            }
         }
 
         &:after {
@@ -26,6 +30,11 @@
                 display: block;
             }
         }
+
+        .c-h,
+        figure {
+            @include margin-bottom(0);
+        }
     }
 
     &__result {

package/src/assets/scss/objects/grid.scss

@@ -73,6 +73,11 @@ $grid-gutter-width: 36;
   }
 
   &--of-two-switch {
+    &>* {
+      @include margin-bottom(0);
+      gap: var(--space-s);
+    }
+    
     @media (min-width: 40em) {
       @include o-grid(2);
     }

package/src/assets/scss/utilities/display.scss

@@ -125,6 +125,12 @@
   @include gap("s-l");
 }
 
+@supports (object-fit: contain) {
+  .u-object-contain {
+    object-fit: contain;
+  }
+}
+
 @supports (object-fit: cover) {
   .u-2\/1 {
     aspect-ratio: 2 / 1;
@@ -133,6 +139,7 @@
   }
 }
 
+
 @media (min-width: 640px) {
   .u-md-hidden {
     display: none !important;