@hellobetterdigitalnz/selwynui 0.0.1-17 → 0.0.1-18

package/dist/index.es.js

@@ -7031,36 +7031,36 @@ const f = (l) => {
     /* @__PURE__ */ C("h3", { children: t }),
     /* @__PURE__ */ C("ul", { children: i })
   ] });
-}, Y1 = "_header_acx9t_1", z1 = "_headerWrapper_acx9t_6", G1 = "_headerLogo_acx9t_12", K1 = "_logo_acx9t_19", O1 = "_logoSmall_acx9t_22", X1 = "_headerRightWrapper_acx9t_25", Q1 = "_headerBottomItemHolder_acx9t_30", J1 = "_icon_acx9t_43", y1 = "_menuDropdown_acx9t_50", C5 = "_active_acx9t_69", p = {
+}, Y1 = "_header_f6h7h_1", z1 = "_active_f6h7h_5", G1 = "_headerWrapper_f6h7h_8", K1 = "_headerLogo_f6h7h_14", O1 = "_logo_f6h7h_21", X1 = "_logoSmall_f6h7h_24", Q1 = "_headerRightWrapper_f6h7h_27", J1 = "_headerBottomItemHolder_f6h7h_32", y1 = "_icon_f6h7h_45", C5 = "_menuDropdown_f6h7h_52", u = {
   header: Y1,
-  headerWrapper: z1,
-  headerLogo: G1,
-  logo: K1,
-  logoSmall: O1,
-  headerRightWrapper: X1,
-  headerBottomItemHolder: Q1,
-  icon: J1,
-  menuDropdown: y1,
-  active: C5
+  active: z1,
+  headerWrapper: G1,
+  headerLogo: K1,
+  logo: O1,
+  logoSmall: X1,
+  headerRightWrapper: Q1,
+  headerBottomItemHolder: J1,
+  icon: y1,
+  menuDropdown: C5
 }, X7 = (l) => {
-  const { children: t, logoSmall: i, logo: e } = l;
-  return /* @__PURE__ */ C("header", { className: p.header, children: /* @__PURE__ */ C(f, { children: /* @__PURE__ */ r("div", { className: p.headerWrapper, children: [
-    /* @__PURE__ */ r("div", { className: p.headerLogo, children: [
-      /* @__PURE__ */ C("div", { className: `${p.logo} HeaderLogo`, children: e }),
-      /* @__PURE__ */ C("div", { className: `${p.logoSmall} HeaderLogoSmall`, children: i })
+  const { children: t, logoSmall: i, logo: e, active: h } = l;
+  return /* @__PURE__ */ C("header", { className: `${u.header} ${h ? u.active : ""}`, children: /* @__PURE__ */ C(f, { children: /* @__PURE__ */ r("div", { className: u.headerWrapper, children: [
+    /* @__PURE__ */ r("div", { className: u.headerLogo, children: [
+      /* @__PURE__ */ C("div", { className: `${u.logo} HeaderLogo`, children: e }),
+      /* @__PURE__ */ C("div", { className: `${u.logoSmall} HeaderLogoSmall`, children: i })
     ] }),
-    /* @__PURE__ */ C("div", { className: p.headerRight, children: t })
+    /* @__PURE__ */ C("div", { className: u.headerRight, children: t })
   ] }) }) });
-}, Q7 = ({ children: l }) => /* @__PURE__ */ C("div", { className: p.headerRightWrapper, children: l }), J7 = (l) => {
+}, Q7 = ({ children: l }) => /* @__PURE__ */ C("div", { className: u.headerRightWrapper, children: l }), J7 = (l) => {
   const { href: t, target: i, children: e, extraClass: h, icon: n, menuDropdown: o, active: H } = l;
-  return /* @__PURE__ */ r("div", { className: `${p.headerBottomItemHolder} ${h} ${H && p.active}`, children: [
-    /* @__PURE__ */ r("a", { href: t, target: i, className: `${p.headerBottomItem} headerBottomItem`, children: [
-      n && /* @__PURE__ */ C("div", { className: p.icon, children: n }),
+  return /* @__PURE__ */ r("div", { className: `${u.headerBottomItemHolder} ${h} ${H && u.active}`, children: [
+    /* @__PURE__ */ r("a", { href: t, target: i, className: `${u.headerBottomItem} headerBottomItem`, children: [
+      n && /* @__PURE__ */ C("div", { className: u.icon, children: n }),
       e
     ] }),
-    o && /* @__PURE__ */ C("div", { className: p.menuDropdown, children: o })
+    o && /* @__PURE__ */ C("div", { className: u.menuDropdown, children: o })
   ] });
-}, l5 = "_hero_dw2dw_1", r5 = "_heroLarge_dw2dw_4", t5 = "_heroImg_dw2dw_8", i5 = "_heroWrapper_dw2dw_24", e5 = "_heroSvg_dw2dw_42", n5 = "_heroMedium_dw2dw_50", o5 = "_content_dw2dw_59", h5 = "_clipPath_dw2dw_99", w5 = "_heroSmall_dw2dw_111", Z = {
+}, l5 = "_hero_ldndu_1", r5 = "_heroLarge_ldndu_4", t5 = "_heroImg_ldndu_8", i5 = "_heroWrapper_ldndu_24", e5 = "_heroSvg_ldndu_42", n5 = "_heroMedium_ldndu_50", o5 = "_content_ldndu_59", h5 = "_clipPath_ldndu_99", w5 = "_heroSmall_ldndu_111", Z = {
   hero: l5,
   heroLarge: r5,
   heroImg: t5,
@@ -7151,7 +7151,7 @@ const f = (l) => {
       ]
     }
   );
-}, d5 = "_megaMenu_1qgar_1", g5 = "_pillarIcon_1qgar_10", s5 = "_megaMenuSvg_1qgar_18", V5 = "_megaMenuHolder_1qgar_23", L5 = "_megaMenuWrapper_1qgar_27", c5 = "_right_1qgar_33", M5 = "_left_1qgar_36", Z5 = "_preview_1qgar_65", f5 = "_previewImg_1qgar_72", a5 = "_content_1qgar_80", v5 = "_action_1qgar_95", u = {
+}, d5 = "_megaMenu_1qgar_1", g5 = "_pillarIcon_1qgar_10", s5 = "_megaMenuSvg_1qgar_18", V5 = "_megaMenuHolder_1qgar_23", L5 = "_megaMenuWrapper_1qgar_27", c5 = "_right_1qgar_33", M5 = "_left_1qgar_36", Z5 = "_preview_1qgar_65", f5 = "_previewImg_1qgar_72", a5 = "_content_1qgar_80", v5 = "_action_1qgar_95", p = {
   megaMenu: d5,
   pillarIcon: g5,
   megaMenuSvg: s5,
@@ -7167,10 +7167,10 @@ const f = (l) => {
   const {
     pillar: t = "main"
   } = l;
-  return /* @__PURE__ */ C("div", { className: `${u.megaMenu} ${t}`, children: /* @__PURE__ */ r("div", { className: `${u.megaMenuHolder}`, children: [
-    /* @__PURE__ */ C(f, { children: /* @__PURE__ */ r("div", { className: `${u.megaMenuWrapper} megaMenuWrapper`, children: [
-      /* @__PURE__ */ r("div", { className: u.left, children: [
-        /* @__PURE__ */ C("div", { className: u.pillarIcon, children: /* @__PURE__ */ C(A, { brandPillar: t, brandFullLogo: !0 }) }),
+  return /* @__PURE__ */ C("div", { className: `${p.megaMenu} ${t}`, children: /* @__PURE__ */ r("div", { className: `${p.megaMenuHolder}`, children: [
+    /* @__PURE__ */ C(f, { children: /* @__PURE__ */ r("div", { className: `${p.megaMenuWrapper} megaMenuWrapper`, children: [
+      /* @__PURE__ */ r("div", { className: p.left, children: [
+        /* @__PURE__ */ C("div", { className: p.pillarIcon, children: /* @__PURE__ */ C(A, { brandPillar: t, brandFullLogo: !0 }) }),
         /* @__PURE__ */ r("ul", { children: [
           /* @__PURE__ */ C("li", { children: /* @__PURE__ */ r("a", { href: "", children: [
             "Link",
@@ -7190,9 +7190,9 @@ const f = (l) => {
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ C("div", { className: u.right, children: /* @__PURE__ */ C("div", { className: u.preview, children: /* @__PURE__ */ r("div", { className: u.previewWrapper, children: [
-        /* @__PURE__ */ C("div", { className: u.previewImg, children: /* @__PURE__ */ C("img", { src: "https://images.pexels.com/photos/709143/pexels-photo-709143.jpeg" }) }),
-        /* @__PURE__ */ r("div", { className: u.content, children: [
+      /* @__PURE__ */ C("div", { className: p.right, children: /* @__PURE__ */ C("div", { className: p.preview, children: /* @__PURE__ */ r("div", { className: p.previewWrapper, children: [
+        /* @__PURE__ */ C("div", { className: p.previewImg, children: /* @__PURE__ */ C("img", { src: "https://images.pexels.com/photos/709143/pexels-photo-709143.jpeg" }) }),
+        /* @__PURE__ */ r("div", { className: p.content, children: [
           /* @__PURE__ */ r("h5", { children: [
             "Spring gardens",
             /* @__PURE__ */ C("br", {}),
@@ -7200,10 +7200,10 @@ const f = (l) => {
           ] }),
           /* @__PURE__ */ C("p", { children: "Visit Selwyn is for those who like to take the back roads, breathe mountain air, and find their own pace. Stay a little longer, explore deeper, and refuel with great kai and local stories along the way." })
         ] }),
-        /* @__PURE__ */ C("div", { className: u.action, children: /* @__PURE__ */ C(M1, { pillar: t, label: "START EXPLORING", secondaryIcon: /* @__PURE__ */ C(N, {}) }) })
+        /* @__PURE__ */ C("div", { className: p.action, children: /* @__PURE__ */ C(M1, { pillar: t, label: "START EXPLORING", secondaryIcon: /* @__PURE__ */ C(N, {}) }) })
       ] }) }) })
     ] }) }),
-    /* @__PURE__ */ C("div", { className: u.megaMenuSvg, children: /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "741", height: "340", viewBox: "0 0 741 340", fill: "none", children: /* @__PURE__ */ r("g", { opacity: "0.1", children: [
+    /* @__PURE__ */ C("div", { className: p.megaMenuSvg, children: /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "741", height: "340", viewBox: "0 0 741 340", fill: "none", children: /* @__PURE__ */ r("g", { opacity: "0.1", children: [
       /* @__PURE__ */ C("path", { opacity: "0.5", d: "M0 113.209C68.1991 113.209 123.5 163.901 123.5 226.417H0V113.209Z", fill: "currentColor" }),
       /* @__PURE__ */ C("path", { opacity: "0.25", d: "M247 113.209C178.801 113.209 123.5 163.901 123.5 226.417H247V113.209Z", fill: "currentColor" }),
       /* @__PURE__ */ C("path", { opacity: "0.5", d: "M741 226.417C672.801 226.417 617.5 175.725 617.5 113.209H741V226.417Z", fill: "currentColor" }),