mp-design-system 1.2.46 → 1.2.48

package/package.json

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

package/src/_headers

@@ -1,5 +1,5 @@
 /*
-  Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' polyfill.io; style-src 'self' 'unsafe-inline' fonts.googleapis.com; img-src 'self' data: p3.aprimocdn.net img.youtube.com; font-src 'self' fonts.gstatic.com; frame-src 'self' brand.malvernpanalytical.com www.youtube.com; frame-ancestors 'self' brand.malvernpanalytical.com; object-src 'none'; base-uri 'self'; form-action 'self'; upgrade-insecure-requests; block-all-mixed-content; sandbox allow-forms allow-same-origin allow-scripts allow-downloads;
+  Content-Security-Policy: default-src 'self'; base-uri 'self'; block-all-mixed-content; font-src 'self' https://fonts.gstatic.com; form-action 'self'; frame-src 'self' https://brand.malvernpanalytical.com https://www.youtube.com https://challenges.cloudflare.com https://newassets.hcaptcha.com; frame-ancestors 'self' https://brand.malvernpanalytical.com; img-src 'self' data: https://p3.aprimocdn.net https://img.youtube.com; object-src 'none'; picture-in-picture 'self'; sandbox allow-forms allow-same-origin allow-scripts allow-downloads; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://polyfill.io https://eu.altcha.org https://challenges.cloudflare.com https://js.hcaptcha.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; upgrade-insecure-requests;
   X-Content-Type-Options: nosniff
   X-Frame-Options: SAMEORIGIN
   X-XSS-Protection: 1; mode=block

package/src/_includes/components/product-signpost/product-signpost.scss

@@ -21,14 +21,11 @@
     flex-shrink: 0;
   }
 
-  &__content {
-    flex-grow: 1;
-  }
-
   &__wrapper {
     display: flex;
     flex-direction: column;
-    @include space('gap', 'xs-s');
+    @include space("gap", "xs-s");
+    max-width: 100%;
   }
 
   .o-prose p {

package/src/assets/js/imports/off-canvas.js

@@ -40,8 +40,6 @@ function isVisible(element) {
 // Function to handle off-canvas behavior based on visibility
 function handleOffCanvas(toggle, isVisible) {
   const target = document.getElementById(toggle.getAttribute('data-target'));
-  console.log(target);
-  console.log(isVisible);
   if (isVisible === true) {
     createOffCanvas(target);
   } else {

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,7 +30,7 @@
   
         &__input-wrap {
             display: flex;
-            gap: var(--space-s);
+            gap: var(--space-3xs) var(--space-s);
             flex-wrap: wrap;
             align-items: flex-start;
             

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');
 }