@guardian/interactive-component-library 0.9.1 → 0.9.3

package/dist/components/molecules/page-section/style.module.scss.js

@@ -1,9 +1,9 @@
-const section = "_section_s7ln2_9";
-const fullWidth = "_fullWidth_s7ln2_58";
-const borderLeftCol = "_borderLeftCol_s7ln2_75";
-const header = "_header_s7ln2_82";
-const content = "_content_s7ln2_87";
-const borderTop = "_borderTop_s7ln2_92";
+const section = "_section_1vdz3_9";
+const fullWidth = "_fullWidth_1vdz3_57";
+const borderLeftCol = "_borderLeftCol_1vdz3_74";
+const header = "_header_1vdz3_81";
+const content = "_content_1vdz3_86";
+const borderTop = "_borderTop_1vdz3_91";
 const defaultStyles = {
   section,
   fullWidth,

package/dist/style.css

@@ -2192,14 +2192,14 @@ body.android {
   --top-inset: 58px;
 }
 
-._section_s7ln2_9 {
+._section_1vdz3_9 {
   background-color: var(--background-color);
   display: grid;
   grid-column-gap: 10px;
   grid-row-gap: 10px;
   grid-template-areas: "header" "content";
   --padding: 10px;
-  --bleed: 10px;
+  --bleed: 0px;
   width: calc(100% + var(--bleed) * 2);
   padding-left: var(--padding);
   padding-right: var(--padding);
@@ -2207,75 +2207,74 @@ body.android {
   margin-right: calc(var(--bleed) * -1);
 }
 @media (min-width: 480px) {
-  ._section_s7ln2_9 {
+  ._section_1vdz3_9 {
     --padding: 20px;
-    --bleed: 20px;
-  }
-}
-@media (min-width: 740px) and (max-width: 1140px) {
-  ._section_s7ln2_9 {
-    --bleed: 0px;
   }
 }
 @media (min-width: 980px) {
-  ._section_s7ln2_9 {
+  ._section_1vdz3_9 {
     width: calc(100% + var(--bleed) * 2 - 2px);
     grid-template-columns: 620px;
   }
 }
+@media (min-width: 1140px) {
+  ._section_1vdz3_9 {
+    --bleed: 20px;
+  }
+}
 @media (min-width: 1140px) and (max-width: 1300px) {
-  ._section_s7ln2_9 {
+  ._section_1vdz3_9 {
     margin-left: calc(var(--bleed) * -1 - 1px);
   }
 }
 @media (min-width: 1140px) {
-  ._section_s7ln2_9 {
+  ._section_1vdz3_9 {
     grid-template-columns: 140px 1px 620px 1fr;
     grid-template-areas: "header border content .";
   }
 }
 @media (min-width: 1300px) {
-  ._section_s7ln2_9 {
+  ._section_1vdz3_9 {
     grid-template-columns: 219px 1px 620px;
   }
 }
 
 @media (min-width: 980px) {
-  ._section_s7ln2_9._fullWidth_s7ln2_58 {
+  ._section_1vdz3_9._fullWidth_1vdz3_57 {
     grid-template-columns: 1fr;
   }
 }
 @media (min-width: 1140px) {
-  ._section_s7ln2_9._fullWidth_s7ln2_58 {
+  ._section_1vdz3_9._fullWidth_1vdz3_57 {
     grid-template-columns: 140px 1px 1fr;
     grid-template-areas: "header border content";
   }
 }
 @media (min-width: 1300px) {
-  ._section_s7ln2_9._fullWidth_s7ln2_58 {
+  ._section_1vdz3_9._fullWidth_1vdz3_57 {
     grid-template-columns: 219px 1px 1fr;
   }
 }
 
 @media (min-width: 1140px) {
-  ._section_s7ln2_9._borderLeftCol_s7ln2_75:before {
+  ._section_1vdz3_9._borderLeftCol_1vdz3_74:before {
     content: "";
     grid-area: border;
     border-left: 1px solid var(--border-divider-color);
   }
 }
 
-._header_s7ln2_82 {
+._header_1vdz3_81 {
   padding-top: 10px;
   grid-area: header;
 }
 
-._content_s7ln2_87 {
+._content_1vdz3_86 {
   padding-top: 10px;
   grid-area: content;
 }
 
-._borderTop_s7ln2_92 {
+._borderTop_1vdz3_91 {
   border-top: 1px solid var(--border-divider-color);
 }._text_1ci1k_1 {
   font-family: var(--text-sans);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@guardian/interactive-component-library",
   "private": false,
-  "version": "0.9.1",
+  "version": "0.9.3",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",