@caseparts-org/caseblocks 0.0.165 → 0.0.167

package/dist/Cart.module-DzPBP5QJ.js

@@ -0,0 +1,24 @@
+import './assets/Cart.css';const t = "_cartIconButton_a2slx_2", a = "_count_a2slx_9", o = "_cartContainer_a2slx_24", e = "_headerWrapper_a2slx_35", n = "_header_a2slx_35", _ = "_cartItems_a2slx_53", s = "_cartItem_a2slx_53", c = "_topRow_a2slx_79", r = "_itemInfo_a2slx_85", l = "_purchaseInformation_a2slx_90", m = "_availabilitySlot_a2slx_96", i = "_priceSlot_a2slx_99", I = "_itemManagement_a2slx_102", u = "_quantitySlot_a2slx_108", x = "_itemImage_a2slx_118", p = "_removeItem_a2slx_121", h = "_noItems_a2slx_131", S = "_subtotal_a2slx_138", y = "_checkoutButton_a2slx_145", b = {
+  cartIconButton: t,
+  count: a,
+  cartContainer: o,
+  headerWrapper: e,
+  header: n,
+  cartItems: _,
+  cartItem: s,
+  topRow: c,
+  itemInfo: r,
+  purchaseInformation: l,
+  availabilitySlot: m,
+  priceSlot: i,
+  itemManagement: I,
+  quantitySlot: u,
+  itemImage: x,
+  removeItem: p,
+  noItems: h,
+  subtotal: S,
+  checkoutButton: y
+};
+export {
+  b as s
+};

package/dist/assets/Cart.css

@@ -1 +1 @@
-._cartIconButton_5jpfu_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_5jpfu_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartContainer_5jpfu_24{height:100vh;width:100%;min-width:320px;max-width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1);padding:var(--spacing-1)}._headerWrapper_5jpfu_35{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._headerWrapper_5jpfu_35>button{padding:0;margin:0;background-color:transparent;border:none}._header_5jpfu_35{display:flex;flex-direction:column;align-items:flex-start;width:100%}._cartItems_5jpfu_53{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_5jpfu_53 ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-spacing-1xs)}._cartItem_5jpfu_53{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:start;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border:1px solid var(--color-neutrals-neutral-2);border-radius:var(--border-radius-md)}._topRow_5jpfu_79{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_5jpfu_85{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_5jpfu_90{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._itemManagement_5jpfu_97{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-spacing-3xs)}._cartItem_5jpfu_53 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._itemImage_5jpfu_110{object-fit:contain}._removeItem_5jpfu_113{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_5jpfu_123{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_5jpfu_130{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_5jpfu_137{width:100%}
+._cartIconButton_a2slx_2{position:relative;border:none;padding:0;margin:0;background-color:transparent}._count_a2slx_9{position:absolute;top:0;left:14px;border-radius:50%;width:18px;height:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-brand-primary-primary-tangerine);color:var(--color-neutrals-neutral-1);font-weight:var(--font-weight-semibold)}._cartContainer_a2slx_24{height:100vh;width:100%;min-width:320px;max-width:375px;box-sizing:border-box;display:grid;grid-template-rows:auto 1fr auto auto;gap:var(--spacing-1);padding:var(--spacing-1)}._headerWrapper_a2slx_35{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._headerWrapper_a2slx_35>button{padding:0;margin:0;background-color:transparent;border:none}._header_a2slx_35{display:flex;flex-direction:column;align-items:flex-start;width:100%}._cartItems_a2slx_53{height:100%;overflow-y:auto;overflow-x:hidden}._cartItems_a2slx_53 ul{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-spacing-1xs)}._cartItem_a2slx_53{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-0-5);align-items:start;box-sizing:border-box;position:relative;list-style:none;margin:0;padding:var(--spacing-0-5);width:100%;border:1px solid var(--color-neutrals-neutral-2);border-radius:var(--border-radius-md)}._topRow_a2slx_79{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}._itemInfo_a2slx_85{display:flex;flex-direction:column;align-items:flex-start}._purchaseInformation_a2slx_90{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;width:100%}._availabilitySlot_a2slx_96{min-width:0}._priceSlot_a2slx_99{justify-self:end}._itemManagement_a2slx_102{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-spacing-3xs)}._quantitySlot_a2slx_108{align-self:flex-end}._cartItem_a2slx_53 p{margin:0;padding:0;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}._itemImage_a2slx_118{object-fit:contain}._removeItem_a2slx_121{border:none;background-color:transparent;padding:0;margin:0;cursor:pointer;width:min-content;height:min-content}._noItems_a2slx_131{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}._subtotal_a2slx_138{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-0-5)}._checkoutButton_a2slx_145{width:100%}

package/dist/molecules/Cart/Cart.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import l from "react";
 import { Icon as g } from "../../atoms/Icon/Icon.js";
 import { Text as p } from "../../atoms/Text/Text.js";
-import { s as m } from "../../Cart.module-B-yc1ax6.js";
+import { s as m } from "../../Cart.module-DzPBP5QJ.js";
 const S = l.forwardRef(function({
   cart: i,
   open: t = !1,

package/dist/molecules/Cart/CartPart.js

@@ -1,66 +1,66 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Link as N } from "../../atoms/Link/Link.js";
-import { Text as m } from "../../atoms/Text/Text.js";
-import { s as r } from "../../Cart.module-B-yc1ax6.js";
-import { Image as z } from "../../atoms/Image/Image.js";
-import { c as P } from "../../clsx-OuTLNxxd.js";
-import { Availability as w } from "../Availability/Availability.js";
-import { Pricing as y } from "../Pricing/Pricing.js";
-import { QuantityInput as k } from "../QuantityInput/QuantityInput.js";
-import { Icon as L } from "../../atoms/Icon/Icon.js";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { Link as x } from "../../atoms/Link/Link.js";
+import { Text as a } from "../../atoms/Text/Text.js";
+import { Image as y } from "../../atoms/Image/Image.js";
+import { Availability as z } from "../Availability/Availability.js";
+import { Pricing as P } from "../Pricing/Pricing.js";
+import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
+import { Icon as S } from "../../atoms/Icon/Icon.js";
+import { c as k } from "../../clsx-OuTLNxxd.js";
+import { s as e } from "../../Cart.module-DzPBP5QJ.js";
 function B({
-  imageUrl: f,
-  imageAlt: h = "Product image",
-  title: a,
+  imageUrl: h,
+  imageAlt: p = "Product image",
+  title: m,
   titleHref: s,
   partNumber: t,
-  custom: p,
-  availabilityId: u,
-  availability: o,
-  contactHref: I,
-  contactLinkBehavior: g = "new-tab",
-  priceLabel: v = "List Price",
-  price: c,
-  quantity: l,
+  custom: f,
+  availabilityId: v,
+  availability: c,
+  contactHref: u,
+  contactLinkBehavior: I = "new-tab",
+  priceLabel: N = "List Price",
+  price: l,
+  quantity: o,
   onQuantityChange: n,
   onRemove: d,
-  className: b,
-  ...x
+  className: g,
+  ...b
 }) {
-  return /* @__PURE__ */ i("li", { className: P(r.cartItem, b), ...x, children: [
-    /* @__PURE__ */ e(z, { height: 50, width: 50, src: f || "", alt: h, className: r.itemImage }),
-    /* @__PURE__ */ i("div", { children: [
-      /* @__PURE__ */ i("div", { className: r.topRow, children: [
-        /* @__PURE__ */ i("div", { className: r.itemInfo, children: [
-          /* @__PURE__ */ e(m, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ e(N, { href: s, children: a }) : a }),
-          t != null && /* @__PURE__ */ i(m, { size: "sm", children: [
-            /* @__PURE__ */ e(m, { colorToken: "quaternary", size: "xs", children: p ? "Specs " : "Part # " }),
+  return /* @__PURE__ */ r("li", { className: k(e.cartItem, g), ...b, children: [
+    /* @__PURE__ */ i(y, { height: 50, width: 50, src: h || "", alt: p, className: e.itemImage }),
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ r("div", { className: e.topRow, children: [
+        /* @__PURE__ */ r("div", { className: e.itemInfo, children: [
+          /* @__PURE__ */ i(a, { size: "sm", weight: "semibold", children: s ? /* @__PURE__ */ i(x, { href: s, children: m }) : m }),
+          t != null && /* @__PURE__ */ r(a, { size: "sm", children: [
+            /* @__PURE__ */ i(a, { colorToken: "quaternary", size: "xs", children: f ? "Specs " : "Part # " }),
             t
           ] })
         ] }),
-        d && /* @__PURE__ */ e("button", { onClick: d, className: r.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ e(L, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+        d && /* @__PURE__ */ i("button", { onClick: d, className: e.removeItem, "aria-label": "Remove item", type: "button", children: /* @__PURE__ */ i(S, { iconKey: "fa-regular fa-trash", size: "sm" }) })
       ] }),
-      /* @__PURE__ */ i("div", { className: r.itemManagement, children: [
-        /* @__PURE__ */ i("div", { className: r.purchaseInformation, children: [
-          o && /* @__PURE__ */ e(
-            w,
+      /* @__PURE__ */ r("div", { className: e.itemManagement, children: [
+        /* @__PURE__ */ r("div", { className: e.purchaseInformation, children: [
+          /* @__PURE__ */ i("div", { className: e.availabilitySlot, children: c && /* @__PURE__ */ i(
+            z,
             {
-              availId: u || "",
-              availDescription: o,
-              contactHref: I || "",
-              contactLinkBehavior: g
+              availId: v || "",
+              availDescription: c,
+              contactHref: u || "",
+              contactLinkBehavior: I
             }
-          ),
-          c && /* @__PURE__ */ e(y, { pricingLabel: v, price: c })
+          ) }),
+          /* @__PURE__ */ i("div", { className: e.priceSlot, children: l && /* @__PURE__ */ i(P, { pricingLabel: N, price: l }) })
         ] }),
-        typeof l == "number" && n && /* @__PURE__ */ e(
-          k,
+        typeof o == "number" && n && /* @__PURE__ */ i("div", { className: e.quantitySlot, children: /* @__PURE__ */ i(
+          w,
           {
-            quantity: l,
+            quantity: o,
             onQuantityChange: n,
             size: "sm"
           }
-        )
+        ) })
       ] })
     ] })
   ] });

package/dist/molecules/Cart/CartPart.stories.d.ts

@@ -29,3 +29,4 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basic: Story;
 export declare const CustomSpecs: Story;
+export declare const WithoutAvailability: Story;

package/dist/molecules/Cart/CartPart.stories.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
-import { CartPart as e } from "./CartPart.js";
+import { CartPart as i } from "./CartPart.js";
 const l = {
   title: "Case Parts/Molecules/CartPart",
-  component: e,
+  component: i,
   parameters: {
     layout: "centered"
   },
@@ -27,8 +27,8 @@ const l = {
     }
   }
 }, o = {
-  render: (a) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(e, { ...a }) }) })
-}, s = {
+  render: (a) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(i, { ...a }) }) })
+}, n = {
   args: {
     title: "Custom-Molded Snap-In Magnetic Gasket",
     partNumber: 'MG064 36" x 79" 3-Sided Dart-to-Dart Gasket',
@@ -37,10 +37,18 @@ const l = {
     availability: "Contact us for availability",
     price: "$129.99"
   },
-  render: (a) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(e, { ...a }) }) })
+  render: (a) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(i, { ...a }) }) })
+}, s = {
+  args: {
+    availabilityId: void 0,
+    availability: void 0,
+    price: "$99.99"
+  },
+  render: (a) => /* @__PURE__ */ t("div", { style: { width: 360 }, children: /* @__PURE__ */ t("ul", { style: { margin: 0, padding: 0 }, children: /* @__PURE__ */ t(i, { ...a }) }) })
 };
 export {
   o as Basic,
-  s as CustomSpecs,
+  n as CustomSpecs,
+  s as WithoutAvailability,
   l as default
 };

package/dist/molecules/Cart/CartSlideInPanel.js

@@ -4,7 +4,7 @@ import { Text as l } from "../../atoms/Text/Text.js";
 import { Button as f } from "../../atoms/Button/Button.js";
 import { Icon as v } from "../../atoms/Icon/Icon.js";
 import { CartPart as I } from "./CartPart.js";
-import { s as a } from "../../Cart.module-B-yc1ax6.js";
+import { s as a } from "../../Cart.module-DzPBP5QJ.js";
 function q({
   open: o,
   onClose: m,

package/package.json

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

package/dist/Cart.module-B-yc1ax6.js

@@ -1,21 +0,0 @@
-import './assets/Cart.css';const t = "_cartIconButton_5jpfu_2", e = "_count_5jpfu_9", o = "_cartContainer_5jpfu_24", n = "_headerWrapper_5jpfu_35", _ = "_header_5jpfu_35", c = "_cartItems_5jpfu_53", a = "_cartItem_5jpfu_53", r = "_topRow_5jpfu_79", u = "_itemInfo_5jpfu_85", m = "_purchaseInformation_5jpfu_90", s = "_itemManagement_5jpfu_97", p = "_itemImage_5jpfu_110", I = "_removeItem_5jpfu_113", f = "_noItems_5jpfu_123", j = "_subtotal_5jpfu_130", i = "_checkoutButton_5jpfu_137", h = {
-  cartIconButton: t,
-  count: e,
-  cartContainer: o,
-  headerWrapper: n,
-  header: _,
-  cartItems: c,
-  cartItem: a,
-  topRow: r,
-  itemInfo: u,
-  purchaseInformation: m,
-  itemManagement: s,
-  itemImage: p,
-  removeItem: I,
-  noItems: f,
-  subtotal: j,
-  checkoutButton: i
-};
-export {
-  h as s
-};