@apolitical/component-library 4.8.7-jc.1 → 4.8.7-jc.4

package/index.mjs

@@ -6365,23 +6365,23 @@ const Dn = ({
         }
       });
     }
+  }, G = (k) => {
+    var q;
+    if (k.preventDefault(), k.stopPropagation(), $)
+      return;
+    let R = 0;
+    if ((q = re == null ? void 0 : re.current) != null && q.id) {
+      const ne = document.getElementById(re.current.id);
+      ne && (R = ne.getBoundingClientRect().top + window.scrollY);
+    }
+    const M = document.getElementById("header");
+    M && (R = R - M.offsetHeight - b), R < 0 && (R = 0), window.scrollTo({ top: R, behavior: "smooth" }), L();
   }, _ = [
     {
       ...f,
       icon: W ? { icon: "tick", position: "left" } : !1,
-      className: "gtm-trackable",
-      onClick: (k) => {
-        var q;
-        if (k.preventDefault(), k.stopPropagation(), $)
-          return;
-        let R = 0;
-        if ((q = re == null ? void 0 : re.current) != null && q.id) {
-          const ne = document.getElementById(re.current.id);
-          ne && (R = ne.getBoundingClientRect().top + window.scrollY);
-        }
-        const M = document.getElementById("header");
-        M && (R = R - M.offsetHeight - b), R < 0 && (R = 0), window.scrollTo({ top: R, behavior: "smooth" }), L();
-      },
+      className: `gtm-trackable ${f.className ?? ""}`,
+      onClick: G,
       disabled: $ || W || s.disabled,
       "data-gtm-event-context": d.context,
       "data-gtm-event-type": d.event,
@@ -6390,7 +6390,7 @@ const Dn = ({
   ];
   return v && _.unshift({
     ...o,
-    className: "gtm-trackable",
+    className: `gtm-trackable ${f.className ?? ""}`,
     "data-gtm-event-context": d.context,
     "data-gtm-event-type": d.event,
     disabled: $ || W,
@@ -20736,7 +20736,8 @@ const _C = ({
       ],
       intlPath: "contactForm",
       gtm: { context: r, event: i },
-      functions: { onSuccess: t, onFailure: n }
+      functions: { onSuccess: t, onFailure: n },
+      button: { className: "new" }
     }
   );
 };
@@ -21509,12 +21510,13 @@ const qn = ({
   styling: n = {},
   ...r
 }) => {
-  const { background: i = "default" } = n;
+  const { background: i = "default", padding: a = "none" } = n;
   return /* @__PURE__ */ c.jsx(
     "section",
     {
       className: Z("full-width-section", t, {
-        [i]: i !== "default"
+        [i]: i !== "default",
+        [a]: a !== "none"
       }),
       ...r,
       children: e

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "4.8.7-jc.1",
+  "version": "4.8.7-jc.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/sections/full-width-section/full-width-section.d.ts

@@ -4,6 +4,8 @@ interface Props {
     styling?: {
         /** The background of the section. Defaults to `default` */
         background?: 'default' | 'light' | 'dark';
+        /** The size of the padding. Defaults to `default` */
+        padding?: 'none' | 'medium' | 'large';
     };
     /** Additional classes */
     className?: string;