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

package/dist/interactive-component-library.umd.cjs

@@ -1873,11 +1873,11 @@
       })]
     });
   });
-  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,
@@ -1890,6 +1890,7 @@
     fullWidth: "fullWidth"
   };
   const PageSection = compat.forwardRef(({
+    id: id2,
     children,
     layout = SectionLayout.default,
     styles: styles2,
@@ -1906,13 +1907,16 @@
       setMinHeight(headerElement.offsetHeight);
     }, [children]);
     return jsxRuntime.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: [jsxRuntime.jsx("div", {
+      children: [borderTop2 && jsxRuntime.jsx("div", {
+        className: styles2.borderTop
+      }), jsxRuntime.jsx("div", {
         className: [styles2.header, styles2[layout]].join(" "),
         ref: headerRef,
         children: children.header