@caseparts-org/caseblocks 0.0.47 → 0.0.48

package/dist/assets/CategoryNav.css

@@ -1 +1 @@
-._categories_1m4w9_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_1m4w9_1{margin-right:70px;flex-wrap:wrap}}._category_1m4w9_16{list-style:none}._category_1m4w9_16 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_1m4w9_16 a{justify-content:space-between;width:100%}}._category_1m4w9_16 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1m4w9_16 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_1m4w9_42{list-style:none;padding:0;margin:0;height:min-content}
+._categories_1glk3_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_1glk3_1{margin-right:70px;flex-wrap:wrap}}._category_1glk3_16{list-style:none}._category_1glk3_16 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_1glk3_16 a{justify-content:space-between;width:100%}}._category_1glk3_16 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1glk3_16 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_1glk3_42{list-style:none;padding:var(--spacing-spacing-2xs);margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}

package/dist/molecules/Cart/Cart.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { Icon as o } from "../../atoms/Icon/Icon.js";
+import { Icon as a } from "../../atoms/Icon/Icon.js";
 import { Text as m } from "../../atoms/Text/Text.js";
 import { Button as g } from "../../atoms/Button/Button.js";
 import { Tooltip as _ } from "../Tooltip/Tooltip.js";
@@ -17,7 +17,7 @@ import '../../assets/Cart.css';const u = "_cart_tgc5k_1", I = "_count_tgc5k_8",
 };
 function Q({
   cart: i,
-  onItemQtyChange: a,
+  onItemQtyChange: o,
   onItemDelete: r,
   onItemEdit: b,
   onCheckout: l,
@@ -27,9 +27,9 @@ function Q({
   return i = i || { items: [] }, /* @__PURE__ */ t(
     _,
     {
-      trigger: /* @__PURE__ */ s("button", { className: e.cart, ...d, children: [
+      trigger: /* @__PURE__ */ s("button", { className: e.cart, tabIndex: 0, ...d, children: [
         /* @__PURE__ */ t(
-          o,
+          a,
           {
             iconKey: "fa-kit fa-shoppingcart-empty",
             title: "Shopping Cart",
@@ -55,8 +55,8 @@ function Q({
               ] })
             ] }),
             /* @__PURE__ */ s("div", { className: e.itemManagement, children: [
-              /* @__PURE__ */ t("button", { onClick: () => r(n), className: e.removeItem, children: /* @__PURE__ */ t(o, { iconKey: "fa-regular fa-trash", size: "sm" }) }),
-              /* @__PURE__ */ t(p, { quantity: n.quantity, onQuantityChange: (h) => a(n, h), size: "sm" })
+              /* @__PURE__ */ t("button", { onClick: () => r(n), className: e.removeItem, children: /* @__PURE__ */ t(a, { iconKey: "fa-regular fa-trash", size: "sm" }) }),
+              /* @__PURE__ */ t(p, { quantity: n.quantity, onQuantityChange: (h) => o(n, h), size: "sm" })
             ] })
           ] }, n.id)
         ) }) : /* @__PURE__ */ t("div", { className: e.noItems, children: /* @__PURE__ */ t(m, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),

package/dist/molecules/CategoryNav/CategoryNav.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
-import { Text as s } from "../../atoms/Text/Text.js";
-import { Link as n } from "../../atoms/Link/Link.js";
+import { Text as n } from "../../atoms/Text/Text.js";
+import { Link as s } from "../../atoms/Link/Link.js";
 import { Icon as m } from "../../atoms/Icon/Icon.js";
 import { getHideAtStyles as c } from "../../atoms/HideAt.js";
-import { Tooltip as h } from "../Tooltip/Tooltip.js";
-import '../../assets/CategoryNav.css';const d = "_categories_1m4w9_1", u = "_category_1m4w9_16", p = "_submenuTooltip_1m4w9_42", l = {
-  categories: d,
+import { Tooltip as d } from "../Tooltip/Tooltip.js";
+import '../../assets/CategoryNav.css';const h = "_categories_1glk3_1", u = "_category_1glk3_16", p = "_submenuTooltip_1glk3_42", l = {
+  categories: h,
   category: u,
   submenuTooltip: p
 };
@@ -15,10 +15,10 @@ function z({
 }) {
   return !o || o.length === 0 ? null : /* @__PURE__ */ e("ul", { className: a(l.categories, c(["sm"])), children: o.map(
     (i) => i.children.length > 0 ? /* @__PURE__ */ e(
-      h,
+      d,
       {
-        trigger: /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(n, { href: i.route, children: [
-          /* @__PURE__ */ e(s, { size: "sm", weight: "semibold", children: i.label }),
+        trigger: /* @__PURE__ */ e("li", { className: l.category, tabIndex: 0, children: /* @__PURE__ */ t(s, { href: i.route, children: [
+          /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
           i.showChevron && /* @__PURE__ */ e(
             m,
             {
@@ -29,11 +29,11 @@ function z({
           )
         ] }) }),
         position: "bottom",
-        children: /* @__PURE__ */ e("ul", { className: l.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(n, { href: r.route, children: /* @__PURE__ */ e(s, { size: "sm", weight: "semibold", children: r.label }) }) }, r.id)) })
+        children: /* @__PURE__ */ e("ul", { className: l.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { href: r.route, children: /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: r.label }) }) }, r.id)) })
       },
       i.id
-    ) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(n, { href: i.route, children: [
-      /* @__PURE__ */ e(s, { size: "sm", weight: "semibold", children: i.label }),
+    ) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
+      /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
       i.showChevron && /* @__PURE__ */ e(
         m,
         {

package/dist/organisms/Product/Product.js

@@ -1,19 +1,19 @@
 import { jsxs as r, jsx as o } from "react/jsx-runtime";
 import { Image as N } from "../../atoms/Image/Image.js";
 import { Link as k } from "../../atoms/Link/Link.js";
-import { Text as c } from "../../atoms/Text/Text.js";
+import { Text as i } from "../../atoms/Text/Text.js";
 import { Availability as g } from "../../molecules/Availability/Availability.js";
 import { Pricing as x } from "../../molecules/Pricing/Pricing.js";
 import { AddToCart as I } from "../../molecules/AddToCart/AddToCart.js";
 import { Icon as B } from "../../atoms/Icon/Icon.js";
 import { c as b } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Product.css';const P = "_productCard_wdkww_1", R = "_productInformation_wdkww_22", A = "_purchaseInformation_wdkww_29", D = "_addToCart_wdkww_37", j = "_addToCartButton_wdkww_40", $ = "_productTile_wdkww_45", y = "_topRow_wdkww_66", L = "_productData_wdkww_97", q = "_purchase_wdkww_29", E = "_attributeContainer_wdkww_134", t = {
+import '../../assets/Product.css';const P = "_productCard_wdkww_1", R = "_productInformation_wdkww_22", $ = "_purchaseInformation_wdkww_29", A = "_addToCart_wdkww_37", D = "_addToCartButton_wdkww_40", j = "_productTile_wdkww_45", y = "_topRow_wdkww_66", L = "_productData_wdkww_97", q = "_purchase_wdkww_29", E = "_attributeContainer_wdkww_134", t = {
   productCard: P,
   productInformation: R,
-  purchaseInformation: A,
-  addToCart: D,
-  addToCartButton: j,
-  productTile: $,
+  purchaseInformation: $,
+  addToCart: A,
+  addToCartButton: D,
+  productTile: j,
   topRow: y,
   productData: L,
   purchase: q,
@@ -21,7 +21,7 @@ import '../../assets/Product.css';const P = "_productCard_wdkww_1", R = "_produc
 };
 function X({
   productView: v,
-  itemKey: i,
+  itemKey: s,
   partNumber: a,
   productDescription: l,
   availDescription: m,
@@ -32,7 +32,7 @@ function X({
   priceLabel: h,
   price: n,
   imgSrc: _,
-  attributes: s,
+  attributes: e,
   className: f,
   onAddToCart: C,
   onClose: T,
@@ -42,7 +42,7 @@ function X({
     /* @__PURE__ */ o(N, { src: _, alt: `${a} product image` }),
     /* @__PURE__ */ r("div", { className: t.productInformation, children: [
       /* @__PURE__ */ o(k, { href: w, children: l }),
-      /* @__PURE__ */ r(c, { size: "sm", className: t.partNumber, children: [
+      /* @__PURE__ */ r(i, { size: "sm", className: t.partNumber, children: [
         "Part # ",
         a
       ] })
@@ -62,7 +62,7 @@ function X({
     /* @__PURE__ */ o(
       I,
       {
-        itemKey: i,
+        itemKey: s,
         onAdd: C,
         className: t.addToCart,
         addButtonClassName: t.addToCartButton,
@@ -76,12 +76,12 @@ function X({
       /* @__PURE__ */ r("div", { className: t.topRow, children: [
         /* @__PURE__ */ r("div", { className: t.productInformation, children: [
           /* @__PURE__ */ o(k, { href: w, children: l }),
-          /* @__PURE__ */ r(c, { size: "sm", className: t.partNumber, children: [
+          /* @__PURE__ */ r(i, { size: "sm", className: t.partNumber, children: [
             "Part # ",
             a
           ] })
         ] }),
-        T && /* @__PURE__ */ o("button", { onClick: () => T(i), children: /* @__PURE__ */ o(B, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        T && /* @__PURE__ */ o("button", { onClick: () => T(s), children: /* @__PURE__ */ o(B, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
       /* @__PURE__ */ r("div", { className: t.purchase, children: [
         /* @__PURE__ */ r("div", { className: t.purchaseInformation, children: [
@@ -96,15 +96,15 @@ function X({
           ),
           n && /* @__PURE__ */ o(x, { pricingLabel: h, price: n })
         ] }),
-        /* @__PURE__ */ o(I, { itemKey: i, onAdd: C, className: t.addToCart, addButtonClassName: t.addToCartButton })
+        /* @__PURE__ */ o(I, { itemKey: s, onAdd: C, className: t.addToCart, addButtonClassName: t.addToCartButton })
       ] }),
-      s && s.length > 0 && /* @__PURE__ */ o("ul", { className: t.attributeContainer, children: s.map((e) => /* @__PURE__ */ r("li", { children: [
-        /* @__PURE__ */ r(c, { size: "xs", weight: "light", children: [
-          e.label,
+      e && e.length > 0 && /* @__PURE__ */ o("ul", { className: t.attributeContainer, children: e.map((c) => /* @__PURE__ */ r("li", { children: [
+        /* @__PURE__ */ r(i, { size: "xs", weight: "light", children: [
+          c.label,
           ":"
         ] }),
-        /* @__PURE__ */ o(c, { size: "xs", weight: "semibold", children: e.value })
-      ] }, e.value)) })
+        /* @__PURE__ */ o(i, { size: "xs", weight: "semibold", children: c.value })
+      ] }, `${c.label}.${c.value}`)) })
     ] })
   ] });
 }

package/package.json

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