@guardian/interactive-component-library 0.1.0-alpha.41 → 0.1.0-alpha.42

package/dist/interactive-component-library.js

@@ -1877,11 +1877,11 @@ const ToplineResult = forwardRef(({
     })]
   });
 });
-const borderTop = "_borderTop_gph7y_9";
-const section = "_section_gph7y_13";
-const fullWidth = "_fullWidth_gph7y_19";
-const header = "_header_gph7y_95";
-const content = "_content_gph7y_132";
+const borderTop = "_borderTop_1xpz0_9";
+const section = "_section_1xpz0_39";
+const fullWidth = "_fullWidth_1xpz0_39";
+const header = "_header_1xpz0_150";
+const content = "_content_1xpz0_187";
 const defaultStyles$9 = {
   borderTop,
   section,
@@ -1894,6 +1894,7 @@ const SectionLayout = {
   fullWidth: "fullWidth"
 };
 const PageSection = forwardRef(({
+  id: id2,
   children,
   layout = SectionLayout.default,
   styles: styles2,
@@ -1910,13 +1911,16 @@ const PageSection = forwardRef(({
     setMinHeight(headerElement.offsetHeight);
   }, [children]);
   return jsxs("section", {
+    id: id2,
     ref,
-    className: [styles2.section, styles2[layout], borderTop2 && styles2.borderTop].join(" "),
+    className: [styles2.section, styles2[layout]].join(" "),
     style: {
       "--background-color": backgroundColor,
       minHeight
     },
-    children: [jsx("div", {
+    children: [borderTop2 && jsx("div", {
+      className: styles2.borderTop
+    }), jsx("div", {
       className: [styles2.header, styles2[layout]].join(" "),
       ref: headerRef,
       children: children.header