@apolitical/component-library 6.4.1-ac.5 → 6.4.1

package/index.mjs

@@ -2529,16 +2529,29 @@ const km = ({
   title: t,
   subtitle: n,
   children: r,
-  className: i = ""
+  className: i = "",
+  ctaButton: a
 }) => {
-  const a = e ? { "--max-width": `${e / 16}rem` } : {};
+  const s = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ c.jsxs("section", { className: V("page-heading", i), children: [
-    /* @__PURE__ */ c.jsxs("div", { className: V("content", { "has-max-width": e }), style: a, children: [
-      t && t.text && ee.createElement(t.element || "h1", { className: "title" }, t.text),
-      n && n.text && ee.createElement(
-        n.element || "h2",
-        { className: "text-medium" },
-        n.text
+    /* @__PURE__ */ c.jsxs("div", { className: V("content", { "has-max-width": e }), style: s, children: [
+      /* @__PURE__ */ c.jsxs("div", { className: V("content-wrapper", { "has-max-width": e }), children: [
+        t && t.text && ee.createElement(t.element || "h1", { className: "title" }, t.text),
+        n && n.text && ee.createElement(
+          n.element || "h2",
+          { className: "text-medium" },
+          n.text
+        )
+      ] }),
+      a && /* @__PURE__ */ c.jsx(
+        Fe,
+        {
+          ...a,
+          className: V("cta-button", "gtm-trackable"),
+          "data-gtm-event-context": "CreateNewArticle",
+          "data-gtm-event-type": "create-article-click",
+          children: a.text
+        }
       )
     ] }),
     r
@@ -8530,15 +8543,7 @@ const Nd = ({
         tabIndex: -1
       }
     ),
-    /* @__PURE__ */ c.jsx(
-      "span",
-      {
-        className: V("pretty-checkbox", {
-          radio: u === "radio"
-        }),
-        "data-testid": "pretty-checkbox"
-      }
-    ),
+    /* @__PURE__ */ c.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
     /* @__PURE__ */ c.jsx(
       "label",
       {
@@ -29375,7 +29380,6 @@ export {
   O_ as CardBlock,
   qk as Carousel,
   Pd as CharacterLimit,
-  Nd as Checkbox,
   oo as CollapsibleSection,
   ev as Columns,
   hk as CommunityDetails,

package/layout/content-layout/top-level-page/top-level-page.d.ts

@@ -1,9 +1,14 @@
 import { type IProfileFormProps } from '../../../form';
 import { NavigationMenuProps } from '../../../navigation';
 import { PageHeadingProps } from '../../../text';
+import { ButtonPropsType } from '../../../general';
 interface Props extends NavigationMenuProps, PageHeadingProps {
     /** Props for the profile modal */
     profile?: IProfileFormProps;
+    /** Call-To-Action button configuration */
+    ctaButton?: ButtonPropsType & {
+        text: string;
+    };
 }
 declare const TopLevelPage: ({ activeLink, profile, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TopLevelPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "6.4.1-ac.5",
+  "version": "6.4.1",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {