@caseparts-org/caseblocks 0.0.37 → 0.0.38

package/dist/assets/Grid.css

@@ -1 +1 @@
-._grid_b1bt_2{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-2);width:100%;max-width:1440px;margin:0 auto}._column_b1bt_11{min-width:0;width:100%;grid-column:var(--start-large, 1) / span var(--span-large)}@media (max-width: 1280px){._grid_b1bt_2{max-width:100%}._column_b1bt_11{grid-column:var(--start-medium, 1) / span var(--span-medium)}}@media (max-width: 767px){._grid_b1bt_2{grid-template-columns:repeat(4,1fr)}._column_b1bt_11{grid-column:var(--start-small, 1) / span var(--span-small)}}
+._gridWrapper_y41ud_2{width:100%}._grid_y41ud_2{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-2);width:100%;max-width:1440px;margin:0 auto}._column_y41ud_15{min-width:0;width:100%;grid-column:var(--start-large, 1) / span var(--span-large)}@media (max-width: 1280px){._grid_y41ud_2{max-width:100%}._column_y41ud_15{grid-column:var(--start-medium, 1) / span var(--span-medium)}}@media (max-width: 767px){._grid_y41ud_2{grid-template-columns:repeat(4,1fr)}._column_y41ud_15{grid-column:var(--start-small, 1) / span var(--span-small)}}

package/dist/assets/MainNav.css

@@ -1 +1 @@
-._topNav_1uhwf_1{padding:var(--spacing-1) 0;gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1uhwf_1{padding:var(--spacing-1) 0 0 0;gap:var(--spacing-1)}}._operations_1uhwf_9{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1uhwf_9{gap:var(--spacing-1)}}._search_1uhwf_16{flex:1}._siteLink_1uhwf_19{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1uhwf_23{width:145px}@media (max-width: 1281px){._accountArea_1uhwf_23{width:min-content}}._cart_1uhwf_29{border:none;padding:0;margin:0;background-color:transparent}._category_1uhwf_35{list-style:none}._category_1uhwf_35 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_1uhwf_35 a{justify-content:space-between;width:100%}}._category_1uhwf_35 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1uhwf_35 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1uhwf_57{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1uhwf_57>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_1uhwf_57>li:last-of-type{border-bottom:none}
+._main_1199t_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0}._topNav_1199t_6{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_1199t_6{gap:var(--spacing-1)}}._operations_1199t_13{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_1199t_13{gap:var(--spacing-1)}}._search_1199t_20{flex:1}._siteLink_1199t_23{color:var(--color-brand-primary-primary-black);cursor:default}._accountArea_1199t_27{width:145px}@media (max-width: 1281px){._accountArea_1199t_27{width:min-content}}._cart_1199t_33{border:none;padding:0;margin:0;background-color:transparent}._category_1199t_39{list-style:none}._category_1199t_39 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_1199t_39 a{justify-content:space-between;width:100%}}._category_1199t_39 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1199t_39 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_1199t_61{list-style:none;padding:0;margin:0;height:min-content;border:1px solid var(--border-border-secondary-btn, #dfdfdf)}._menuList_1199t_61>li{width:100%;padding:var(--spacing-0-5) var(--spacing-1);border-bottom:1px solid var(--border-border-secondary-btn, #dfdfdf);box-sizing:border-box}._menuList_1199t_61>li:last-of-type{border-bottom:none}

package/dist/atoms/Grid/Grid.d.ts

@@ -2,9 +2,10 @@ import { HideAtProps } from '../HideAt';
 import { ResponsiveProp } from '../ResponsiveProp';
 export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
+    gridWrapperClassName?: string;
 }
 /** A Grid component for layout of elements. Use the Column component to define children. */
-export declare function Grid({ children, ...otherProps }: GridProps): import("react/jsx-runtime").JSX.Element;
+export declare function Grid({ children, gridWrapperClassName, className, ...otherProps }: GridProps): import("react/jsx-runtime").JSX.Element;
 export interface ColumnProps extends React.HTMLAttributes<HTMLDivElement>, HideAtProps {
     /** The number of grid columns to span.
      * If provided a number, it applies to all screen sizes.

package/dist/atoms/Grid/Grid.js

@@ -1,40 +1,41 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as u } from "../HideAt.js";
-import { responsivePropToCSSVariables as r } from "../ResponsiveProp.js";
-import '../../assets/Grid.css';const d = "_grid_b1bt_2", p = "_column_b1bt_11", i = {
-  grid: d,
-  column: p
+import { c as e } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as p } from "../HideAt.js";
+import { responsivePropToCSSVariables as n } from "../ResponsiveProp.js";
+import '../../assets/Grid.css';const u = "_gridWrapper_y41ud_2", l = "_grid_y41ud_2", g = "_column_y41ud_15", a = {
+  gridWrapper: u,
+  grid: l,
+  column: g
 };
-function v({ children: o, ...t }) {
-  return /* @__PURE__ */ s("div", { className: i.grid, ...t, children: o });
+function W({ children: r, gridWrapperClassName: o, className: t, ...i }) {
+  return /* @__PURE__ */ s("div", { className: e(a.gridWrapper, o), children: /* @__PURE__ */ s("div", { className: e(a.grid, t), ...i, children: r }) });
 }
 function x({
-  span: o = [4, 12, 12],
+  span: r = [4, 12, 12],
   // default to full-width.
-  start: t = ["auto", "auto", "auto"],
+  start: o = ["auto", "auto", "auto"],
   // default to "auto".
-  hideAt: n,
-  className: m,
-  children: c,
-  style: e = {},
-  ...a
+  hideAt: t,
+  className: i,
+  children: d,
+  style: c = {},
+  ...m
 }) {
   return /* @__PURE__ */ s(
     "div",
     {
-      className: l(i.column, u(n), m),
+      className: e(a.column, p(t), i),
       style: {
-        ...e,
-        ...r("span", o),
-        ...r("start", t)
+        ...c,
+        ...n("span", r),
+        ...n("start", o)
       },
-      ...a,
-      children: c
+      ...m,
+      children: d
     }
   );
 }
 export {
   x as Column,
-  v as Grid
+  W as Grid
 };

package/dist/organisms/MainNav/MainNav.d.ts

@@ -21,4 +21,4 @@ export interface MainCategory extends Category {
     children: Category[];
     showChevron?: boolean;
 }
-export declare function MainNav({ account, categories, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function MainNav({ account, categories, faqRoute, customPartsRoute, aboutUsRoute, accountRoute, contactRoute, cart, cartSubtotal, onLoginClick, onSearch, onItemQtyChange, onItemDelete, onItemEdit, onCheckout, className, ...otherProps }: MainNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/MainNav/MainNav.js

@@ -1,100 +1,103 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Text as f } from "../../atoms/Text/Text.js";
-import { Link as p } from "../../atoms/Link/Link.js";
-import { Icon as y } from "../../atoms/Icon/Icon.js";
-import { Flex as c } from "../../atoms/Flex/Flex.js";
-import { Grid as b, Column as k } from "../../atoms/Grid/Grid.js";
-import { Logo as j } from "../../molecules/Logo/Logo.js";
+import { Text as p } from "../../atoms/Text/Text.js";
+import { Link as f } from "../../atoms/Link/Link.js";
+import { Icon as k } from "../../atoms/Icon/Icon.js";
+import { Flex as s } from "../../atoms/Flex/Flex.js";
+import { Grid as w, Column as j } from "../../atoms/Grid/Grid.js";
+import { Logo as D } from "../../molecules/Logo/Logo.js";
 import { SearchBox as d } from "../../molecules/SearchBox/SearchBox.js";
-import { HamburgerMenu as D } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
-import { ShoppingCart as z } from "../../molecules/Cart/Cart.js";
-import { Account as F } from "../../molecules/Account/Account.js";
-import { CategoryNav as I } from "../../molecules/CategoryNav/CategoryNav.js";
-import '../../assets/MainNav.css';const U = "_topNav_1uhwf_1", M = "_operations_1uhwf_9", Q = "_search_1uhwf_16", B = "_siteLink_1uhwf_19", G = "_accountArea_1uhwf_23", H = "_category_1uhwf_35", K = "_menuList_1uhwf_57", i = {
-  topNav: U,
-  operations: M,
-  search: Q,
-  siteLink: B,
-  accountArea: G,
-  category: H,
-  menuList: K
+import { HamburgerMenu as z } from "../../molecules/HamburgerMenu/HamburgerMenu.js";
+import { ShoppingCart as F } from "../../molecules/Cart/Cart.js";
+import { Account as I } from "../../molecules/Account/Account.js";
+import { CategoryNav as U } from "../../molecules/CategoryNav/CategoryNav.js";
+import { c as M } from "../../clsx-OuTLNxxd.js";
+import '../../assets/MainNav.css';const Q = "_main_1199t_1", B = "_topNav_1199t_6", G = "_operations_1199t_13", H = "_search_1199t_20", K = "_siteLink_1199t_23", P = "_accountArea_1199t_27", S = "_category_1199t_39", T = "_menuList_1199t_61", i = {
+  main: Q,
+  topNav: B,
+  operations: G,
+  search: H,
+  siteLink: K,
+  accountArea: P,
+  category: S,
+  menuList: T
 };
-function q({
-  account: s,
+function re({
+  account: a,
   categories: t,
   faqRoute: o,
-  customPartsRoute: l,
-  aboutUsRoute: u,
-  accountRoute: _,
-  contactRoute: m,
+  customPartsRoute: m,
+  aboutUsRoute: _,
+  accountRoute: u,
+  contactRoute: l,
   cart: N,
   cartSubtotal: A,
-  onLoginClick: v,
+  onLoginClick: g,
   onSearch: h,
-  onItemQtyChange: w,
-  onItemDelete: g,
-  onItemEdit: x,
-  onCheckout: L,
-  ...C
+  onItemQtyChange: v,
+  onItemDelete: x,
+  onItemEdit: L,
+  onCheckout: C,
+  className: y,
+  ...b
 }) {
-  return /* @__PURE__ */ e(b, { ...C, children: /* @__PURE__ */ n(k, { span: 12, children: [
+  return /* @__PURE__ */ e(w, { ...b, gridWrapperClassName: M(i.main, y), children: /* @__PURE__ */ n(j, { span: 12, children: [
     /* @__PURE__ */ n(
-      c,
+      s,
       {
         flexDirection: "row",
         alignItems: "center",
         justifyContent: "space-between",
         className: i.topNav,
         children: [
-          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(j, {}) }),
+          /* @__PURE__ */ e("div", { className: i.logo, children: /* @__PURE__ */ e(D, {}) }),
           /* @__PURE__ */ n(
-            c,
+            s,
             {
               flexDirection: "row",
               alignItems: "center",
               justifyContent: "flex-end",
               className: i.operations,
               children: [
-                /* @__PURE__ */ e(c, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
-                /* @__PURE__ */ e(r, { href: l, hideAt: ["sm", "md"], children: "Custom Parts" }),
+                /* @__PURE__ */ e(s, { flexDirection: "row", hideAt: ["sm"], className: i.search, children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search" }) }),
+                /* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Custom Parts" }),
                 /* @__PURE__ */ e(r, { href: o, hideAt: ["sm", "md"], children: "FAQ" }),
-                /* @__PURE__ */ e(r, { href: m, hideAt: ["sm", "md"], children: "Contact Us" }),
+                /* @__PURE__ */ e(r, { href: l, hideAt: ["sm", "md"], children: "Contact Us" }),
                 /* @__PURE__ */ e("div", { className: i.accountArea, children: /* @__PURE__ */ e(
-                  F,
+                  I,
                   {
-                    account: s,
-                    accountRoute: _,
-                    onLoginClick: v,
+                    account: a,
+                    accountRoute: u,
+                    onLoginClick: g,
                     className: i.avatar
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  z,
+                  F,
                   {
                     cart: N,
-                    onItemDelete: g,
-                    onItemEdit: x,
-                    onItemQtyChange: w,
-                    onCheckout: L,
+                    onItemDelete: x,
+                    onItemEdit: L,
+                    onItemQtyChange: v,
+                    onCheckout: C,
                     subtotal: A
                   }
                 ),
-                /* @__PURE__ */ e(D, { hideAt: ["lg"], children: /* @__PURE__ */ n("ul", { className: i.menuList, children: [
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: l, children: "Custom Parts" }) }),
+                /* @__PURE__ */ e(z, { hideAt: ["lg"], children: /* @__PURE__ */ n("ul", { className: i.menuList, children: [
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Custom Parts" }) }),
                   /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: o, children: "FAQ" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: m, children: "Contact Us" }) }),
-                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: u, children: "About Us" }) }),
-                  t && t.map((a) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ n(p, { href: a.route, children: [
-                    /* @__PURE__ */ e(f, { size: "sm", weight: "semibold", children: a.label }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: l, children: "Contact Us" }) }),
+                  /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(r, { href: _, children: "About Us" }) }),
+                  t && t.map((c) => /* @__PURE__ */ e("li", { className: i.category, children: /* @__PURE__ */ n(f, { href: c.route, children: [
+                    /* @__PURE__ */ e(p, { size: "sm", weight: "semibold", children: c.label }),
                     /* @__PURE__ */ e(
-                      y,
+                      k,
                       {
                         iconKey: "fa-solid fa-chevron-right",
                         title: "Navigate",
                         size: "sm"
                       }
                     )
-                  ] }) }, a.id))
+                  ] }) }, c.id))
                 ] }) })
               ]
             }
@@ -102,17 +105,17 @@ function q({
         ]
       }
     ),
-    /* @__PURE__ */ e(c, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
-    /* @__PURE__ */ e(I, { categories: t })
+    /* @__PURE__ */ e(s, { flexDirection: "row", hideAt: ["md", "lg"], children: /* @__PURE__ */ e(d, { onSearch: h, inputName: "cpc-search", className: i.search }) }),
+    /* @__PURE__ */ e(U, { categories: t })
   ] }) });
 }
 function r({
-  href: s,
+  href: a,
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ e(p, { href: s, className: i.siteLink, ...o, children: /* @__PURE__ */ e(f, { size: "md", variant: "display", children: t }) });
+  return /* @__PURE__ */ e(f, { href: a, className: i.siteLink, ...o, children: /* @__PURE__ */ e(p, { size: "md", variant: "display", children: t }) });
 }
 export {
-  q as MainNav
+  re as MainNav
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.37",
+  "version": "0.0.38",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",