@caseparts-org/caseblocks 0.0.21 → 0.0.23

package/dist/assets/SearchBox.css

@@ -1 +1 @@
-._button_1izj4_1{box-sizing:border-box;cursor:pointer;width:var(--spacing-2-5);height:var(--spacing-2-5);padding:var(--spacing-0-5);border-width:0;border-radius:0px var(--spacing-0-125) var(--spacing-0-125) 0px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:inherit;color:var(--icons-icon-search)}._text_1izj4_16{flex:1;position:relative;border:none;border-radius:40px;outline:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);background:var(--surface-surface-searchBar, #f6f6f6)}._text_1izj4_16::placeholder{font-style:italic;font-weight:var(--font-weight-light);color:var(--text-text-search-bar)}._input_1izj4_32{flex:1;padding:0px var(--spacing-0-5) 0px var(--spacing-0-5);box-sizing:border-box}._inputSearch_1izj4_37{flex:1;border-radius:var(--spacing-0-125)}._searchfield_1izj4_41{flex:1;height:var(--spacing-2-5);border-radius:var(--spacing-2-5);overflow:hidden;background-color:var(--surface-surface-search-bar)}._searchBox_1izj4_48{flex:1;width:100%;min-width:250px;height:var(--spacing-2-5);position:relative;border-radius:var(--spacing-2-5);overflow:hidden;text-align:left;background-color:var(--surface-surface-search-bar)}
+._button_11jol_1{box-sizing:border-box;cursor:pointer;width:var(--spacing-2-5);height:var(--spacing-2-5);padding:var(--spacing-0-5);border-width:0;border-radius:0px var(--spacing-0-125) var(--spacing-0-125) 0px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:inherit;color:var(--icons-icon-search)}._text_11jol_16{flex:1;position:relative;border:none;border-radius:40px;outline:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);background:var(--surface-surface-searchBar, #f6f6f6);padding:0px var(--spacing-0-5) 0px var(--spacing-0-5)}._text_11jol_16::placeholder{font-style:italic;font-weight:var(--font-weight-light);color:var(--text-text-search-bar)}._input_11jol_33{flex:1;padding:0px 0px 0px var(--spacing-0-5);box-sizing:border-box}._inputSearch_11jol_38{flex:1;border-radius:var(--spacing-0-125)}._searchfield_11jol_42{flex:1;height:var(--spacing-2-5);border-radius:var(--spacing-2-5);overflow:hidden;background-color:var(--surface-surface-search-bar)}._searchBox_11jol_49{flex:1;width:100%;min-width:250px;height:var(--spacing-2-5);position:relative;border-radius:var(--spacing-2-5);overflow:hidden;text-align:left;background-color:var(--surface-surface-search-bar)}

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._content_lgc5i_1{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}
+._content_ogovb_1{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}._wrapper_ogovb_12{position:relative;display:inline-block}._tooltip_ogovb_17{position:absolute;z-index:1000;padding:var(--spacing-0-5);background:var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:0 4px 12px #0000002e;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease,transform .15s ease}._open_ogovb_30{opacity:1;visibility:visible;transform:translateY(0)}._tooltip_ogovb_17[data-position=top]{bottom:100%;left:50%;transform:translate(-50%,-4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=top]{transform:translate(-50%)}._tooltip_ogovb_17[data-position=bottom]{top:100%;left:50%;transform:translate(-50%,4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=bottom]{transform:translate(-50%)}._tooltip_ogovb_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,-50%)}._open_ogovb_30._tooltip_ogovb_17[data-position=left]{transform:translateY(-50%)}._tooltip_ogovb_17[data-position=right]{left:100%;top:50%;transform:translate(4px,-50%)}._open_ogovb_30._tooltip_ogovb_17[data-position=right]{transform:translateY(-50%)}._tooltip_ogovb_17[data-position=top]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),-4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=top]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_ogovb_17[data-position=bottom]{top:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),4px)}._open_ogovb_30._tooltip_ogovb_17[data-position=bottom]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_ogovb_17[data-position=left]{right:100%;top:50%;transform:translate(-4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_ogovb_30._tooltip_ogovb_17[data-position=left]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}._tooltip_ogovb_17[data-position=right]{left:100%;top:50%;transform:translate(4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_ogovb_30._tooltip_ogovb_17[data-position=right]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}

package/dist/atoms/Link/Link.d.ts

@@ -1,7 +1,15 @@
+import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
 /** A link element. */
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
-    /** Is the link disabled? */
+    href: string;
+    children: React.ReactNode;
     disabled?: boolean;
 }
-export declare function Link({ href, children, disabled, hideAt, className, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
+/** Signature an external router link (e.g. next/link) must satisfy */
+export type LinkComponent = (_props: LinkProps) => JSX.Element;
+export declare function LinkProvider({ component, children, }: {
+    component: LinkComponent;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,35 +1,56 @@
-import { jsx as n } from "react/jsx-runtime";
-import { t as a } from "../../Text.module-smM1g1J4.js";
-import { c as d } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as m } from "../HideAt.js";
-import '../../assets/Link.css';const c = "_link_ygp31_1", f = "_disabled_ygp31_14", s = {
-  link: c,
-  disabled: f
-};
-function x({
-  href: e,
-  children: i,
+import { jsx as a } from "react/jsx-runtime";
+import c from "react";
+import { t as k } from "../../Text.module-smM1g1J4.js";
+import { c as y } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as _ } from "../HideAt.js";
+import '../../assets/Link.css';const g = "_link_ygp31_1", v = "_disabled_ygp31_14", f = {
+  link: g,
+  disabled: v
+}, p = c.createContext(null);
+function P({
+  component: n,
+  children: e
+}) {
+  return /* @__PURE__ */ a(p.Provider, { value: n, children: e });
+}
+function S({
+  href: n,
+  children: e,
   disabled: t = !1,
-  hideAt: o,
-  className: l,
-  ...r
+  hideAt: i,
+  className: u,
+  onClick: r,
+  ...o
 }) {
-  return /* @__PURE__ */ n(
-    "a",
-    {
-      href: t ? void 0 : e,
-      className: d(
-        a["text-body"],
-        s.link,
-        t ? s.disabled : "",
-        m(o),
-        l
-      ),
-      ...r,
-      children: i
-    }
+  const l = c.useContext(p), x = y(
+    k["text-body"],
+    f.link,
+    t && f.disabled,
+    _(i),
+    u
   );
+  function d(s) {
+    if (t) {
+      s.preventDefault(), s.stopPropagation();
+      return;
+    }
+    r == null || r(s);
+  }
+  const m = {
+    ...o,
+    href: t ? "#" : n,
+    className: x,
+    children: e,
+    disabled: t,
+    hideAt: i,
+    onClick: d,
+    "aria-disabled": t || void 0,
+    tabIndex: t ? -1 : o.tabIndex,
+    role: t ? "link" : o.role
+  };
+  return l ? /* @__PURE__ */ a(l, { ...m }) : /* @__PURE__ */ a("a", { ...m, children: e });
 }
 export {
-  x as Link
+  S as Link,
+  P as LinkProvider
 };

package/dist/molecules/Cart/Cart.js

@@ -3,19 +3,19 @@ import { Icon as m } from "../../atoms/Icon/Icon.js";
 import { Text as n } from "../../atoms/Text/Text.js";
 import { Button as a } from "../../atoms/Button/Button.js";
 import { Tooltip as l } from "../Tooltip/Tooltip.js";
-import '../../assets/Cart.css';const d = "_cart_15bzn_1", h = "_count_15bzn_8", p = "_cartContainer_15bzn_23", g = "_cartItems_15bzn_32", _ = "_noItems_15bzn_58", s = {
+import '../../assets/Cart.css';const d = "_cart_15bzn_1", h = "_count_15bzn_8", p = "_cartContainer_15bzn_23", _ = "_cartItems_15bzn_32", g = "_noItems_15bzn_58", s = {
   cart: d,
   count: h,
   cartContainer: p,
-  cartItems: g,
-  noItems: _
+  cartItems: _,
+  noItems: g
 };
 function v({
   cart: e,
   onItemQtyChange: I,
   onItemDelete: u,
   onItemEdit: z,
-  onCheckout: o,
+  onCheckout: r,
   ...c
 }) {
   return e = e || { items: [] }, /* @__PURE__ */ t(
@@ -32,24 +32,23 @@ function v({
         ),
         e.items.length > 0 && /* @__PURE__ */ t("div", { className: s.count, children: /* @__PURE__ */ t(n, { size: "xxs", children: e.items.length }) })
       ] }),
-      arrow: !1,
-      position: "bottom right",
+      position: "bottom",
       on: "click",
       children: /* @__PURE__ */ i("div", { className: s.cartContainer, children: [
         /* @__PURE__ */ t(n, { as: "h1", size: "2xl", children: "Cart" }),
         /* @__PURE__ */ t("div", { className: s.cartItems, children: e.items.length > 0 ? /* @__PURE__ */ t("ul", { children: e.items.map(
-          (r) => /* @__PURE__ */ i("li", { children: [
-            /* @__PURE__ */ t("img", { src: r.imageUrl, alt: `${r.itemId} product image` }),
+          (o) => /* @__PURE__ */ i("li", { children: [
+            /* @__PURE__ */ t("img", { src: o.imageUrl, alt: `${o.itemId} product image` }),
             /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(n, { as: "p", size: "sm", children: r.description }),
+              /* @__PURE__ */ t(n, { as: "p", size: "sm", children: o.description }),
               /* @__PURE__ */ i(n, { as: "p", size: "sm", children: [
                 "Part # ",
-                r.itemId
+                o.itemId
               ] })
             ] })
           ] })
         ) }) : /* @__PURE__ */ t("div", { className: s.noItems, children: /* @__PURE__ */ t(n, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
-        /* @__PURE__ */ t(a, { disabled: e.items.length === 0, onClick: o, variant: "cta-primary", size: "md", children: "Checkout" })
+        /* @__PURE__ */ t(a, { disabled: e.items.length === 0, onClick: r, variant: "cta-primary", size: "md", children: "Checkout" })
       ] })
     }
   );

package/dist/molecules/CategoryNav/CategoryNav.js

@@ -1,25 +1,24 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { c as a } from "../../clsx-OuTLNxxd.js";
-import { Text as n } from "../../atoms/Text/Text.js";
-import { Link as s } from "../../atoms/Link/Link.js";
+import { Text as s } from "../../atoms/Text/Text.js";
+import { Link as n } 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", o = {
+import '../../assets/CategoryNav.css';const d = "_categories_1m4w9_1", u = "_category_1m4w9_16", p = "_submenuTooltip_1m4w9_42", l = {
   categories: d,
   category: u,
   submenuTooltip: p
 };
 function z({
-  categories: r
+  categories: o
 }) {
-  return !r || r.length === 0 ? null : /* @__PURE__ */ e("ul", { className: a(o.categories, c(["sm"])), children: r.map(
+  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,
       {
-        arrow: !1,
-        trigger: /* @__PURE__ */ e("li", { className: o.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
-          /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
+        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 }),
           i.showChevron && /* @__PURE__ */ e(
             m,
             {
@@ -29,13 +28,12 @@ function z({
             }
           )
         ] }) }),
-        on: "hover",
-        position: "bottom center",
-        children: /* @__PURE__ */ e("ul", { className: o.submenuTooltip, children: i.children.map((l) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { href: l.route, children: /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: l.label }) }) }, l.id)) })
+        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)) })
       },
       i.id
-    ) : /* @__PURE__ */ e("li", { className: o.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
-      /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
+    ) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(n, { href: i.route, children: [
+      /* @__PURE__ */ e(s, { size: "sm", weight: "semibold", children: i.label }),
       i.showChevron && /* @__PURE__ */ e(
         m,
         {

package/dist/molecules/SearchBox/SearchBox.js

@@ -3,7 +3,7 @@ import { c as h } from "../../clsx-OuTLNxxd.js";
 import { Flex as r } from "../../atoms/Flex/Flex.js";
 import { getHideAtStyles as u } from "../../atoms/HideAt.js";
 import { Icon as f } from "../../atoms/Icon/Icon.js";
-import '../../assets/SearchBox.css';const p = "_button_1izj4_1", x = "_text_1izj4_16", _ = "_input_1izj4_32", d = "_inputSearch_1izj4_37", g = "_searchfield_1izj4_41", b = "_searchBox_1izj4_48", t = {
+import '../../assets/SearchBox.css';const p = "_button_11jol_1", x = "_text_11jol_16", _ = "_input_11jol_33", d = "_inputSearch_11jol_38", g = "_searchfield_11jol_42", b = "_searchBox_11jol_49", t = {
   button: p,
   text: x,
   input: _,
@@ -11,30 +11,30 @@ import '../../assets/SearchBox.css';const p = "_button_1izj4_1", x = "_text_1izj
   searchfield: g,
   searchBox: b
 };
-function D({
-  onSearch: i,
-  inputName: c,
+function N({
+  onSearch: n,
+  inputName: o,
   hideAt: s,
-  className: o,
-  ...a
+  className: a,
+  ...i
 }) {
   return /* @__PURE__ */ e(
     r,
     {
       flexDirection: "row",
       alignItems: "center",
-      className: h(t.searchBox, u(s), o),
-      ...a,
+      className: h(t.searchBox, u(s), a),
+      ...i,
       children: /* @__PURE__ */ e(
         r,
         {
           flexDirection: "row",
           alignItems: "center",
           className: t.searchfield,
-          children: /* @__PURE__ */ e("div", { className: t.inputSearch, children: /* @__PURE__ */ e("form", { onSubmit: (n) => {
-            n.preventDefault();
-            const l = (new FormData(n.currentTarget).get(c ?? "search") || "").trim();
-            i(l);
+          children: /* @__PURE__ */ e("div", { className: t.inputSearch, children: /* @__PURE__ */ e("form", { onSubmit: (c) => {
+            c.preventDefault();
+            const l = (new FormData(c.currentTarget).get(o ?? "search") || "").trim();
+            n(l);
           }, children: /* @__PURE__ */ m(
             r,
             {
@@ -49,7 +49,7 @@ function D({
                     type: "text",
                     className: t.text,
                     placeholder: "Search by keyword(s) or Part #....",
-                    name: c ?? "search"
+                    name: o ?? "search"
                   }
                 )
               ]
@@ -61,5 +61,5 @@ function D({
   );
 }
 export {
-  D as SearchBox
+  N as SearchBox
 };

package/dist/molecules/Tooltip/Tooltip.d.ts

@@ -1,11 +1,14 @@
 import { default as React } from 'react';
-import { PopupProps } from 'reactjs-popup/dist/types';
-/**
- * Tooltip component that wraps reactjs-popup's Popup,
- * applying consistent styling for all tooltips/popups.
- */
-export type TooltipProps = PopupProps & {
+export interface TooltipProps {
+    children: React.ReactNode;
+    trigger: React.ReactElement;
+    position?: "top" | "bottom" | "left" | "right";
+    delay?: number;
     tooltipClassName?: string;
-    contentClassName?: string;
-};
+    wrapperClassName?: string;
+    on?: "hover" | "click" | "auto";
+    autoAdjust?: boolean;
+    flip?: boolean;
+    viewportPadding?: number;
+}
 export declare const Tooltip: React.FC<TooltipProps>;