@caseparts-org/caseblocks 0.0.86 → 0.0.87

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._content_1wx0f_2{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_1ao8d_2{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}

package/dist/atoms/Icon/Icon.js

@@ -1,38 +1,38 @@
 import { jsx as r } from "react/jsx-runtime";
 import { c as n } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as l } from "../HideAt.js";
-import '../../assets/Icon.css';const t = "_wrapper_7uoas_15", o = {
-  "icon-sm": "_icon-sm_7uoas_1",
-  "icon-md": "_icon-md_7uoas_5",
-  "icon-lg": "_icon-lg_7uoas_9",
+import { getHideAtStyles as a } from "../HideAt.js";
+import '../../assets/Icon.css';const t = "_wrapper_1lr8y_15", o = {
+  "icon-sm": "_icon-sm_1lr8y_1",
+  "icon-md": "_icon-md_1lr8y_5",
+  "icon-lg": "_icon-lg_1lr8y_9",
   wrapper: t,
-  "iconColor-inherit": "_iconColor-inherit_7uoas_37",
-  "iconColor-default": "_iconColor-default_7uoas_38",
-  "iconColor-default-inverted": "_iconColor-default-inverted_7uoas_39",
-  "iconColor-secondary": "_iconColor-secondary_7uoas_40",
-  "iconColor-warning": "_iconColor-warning_7uoas_41",
-  "iconColor-error-warning": "_iconColor-error-warning_7uoas_42",
-  "iconColor-success": "_iconColor-success_7uoas_43"
+  "iconColor-inherit": "_iconColor-inherit_1lr8y_37",
+  "iconColor-default": "_iconColor-default_1lr8y_38",
+  "iconColor-default-inverted": "_iconColor-default-inverted_1lr8y_39",
+  "iconColor-secondary": "_iconColor-secondary_1lr8y_40",
+  "iconColor-warning": "_iconColor-warning_1lr8y_41",
+  "iconColor-error-warning": "_iconColor-error-warning_1lr8y_42",
+  "iconColor-success": "_iconColor-success_1lr8y_43"
 };
 function m({
   iconKey: i,
-  size: c = "md",
-  hideAt: s,
-  className: a,
-  colorToken: _ = "inherit",
-  ...e
+  size: l = "md",
+  hideAt: c,
+  className: _,
+  colorToken: e = "inherit",
+  ...s
 }) {
   return /* @__PURE__ */ r(
     "span",
     {
       className: n(
         o.wrapper,
-        o[`icon-${c}`],
-        o[`iconColor-${_}`],
-        l(s),
-        a
+        o[`icon-${l}`],
+        o[`iconColor-${e}`],
+        a(c),
+        _
       ),
-      ...e,
+      ...s,
       children: /* @__PURE__ */ r("i", { className: n(i), "aria-hidden": "true" })
     }
   );

package/dist/atoms/Root/Root.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/Root.css';const r = "_root_rz7mq_20", s = {
+import '../../assets/Root.css';const r = "_root_1w7oz_20", s = {
   root: r
 };
 function c({ children: o }) {

package/dist/molecules/Cart/Cart.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Icon as s } from "../../atoms/Icon/Icon.js";
+import { Icon as m } from "../../atoms/Icon/Icon.js";
 import { Text as a } from "../../atoms/Text/Text.js";
 import { Link as u } from "../../atoms/Link/Link.js";
 import { Button as f } from "../../atoms/Button/Button.js";
@@ -7,40 +7,38 @@ import { Tooltip as g } from "../Tooltip/Tooltip.js";
 import { Pricing as v } from "../Pricing/Pricing.js";
 import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
 import { Availability as x } from "../Availability/Availability.js";
-import '../../assets/Cart.css';const b = "_cart_11wxn_2", y = "_count_11wxn_9", N = "_cartTooltip_11wxn_24", z = "_cartContainer_11wxn_27", C = "_cartItems_11wxn_35", k = "_topRow_11wxn_57", T = "_itemInfo_11wxn_63", R = "_purchaseInformation_11wxn_68", L = "_itemManagement_11wxn_75", M = "_removeItem_11wxn_93", P = "_noItems_11wxn_101", S = "_subtotal_11wxn_108", i = {
+import '../../assets/Cart.css';const b = "_cart_11wxn_2", y = "_count_11wxn_9", N = "_cartTooltip_11wxn_24", C = "_cartContainer_11wxn_27", z = "_cartItems_11wxn_35", k = "_topRow_11wxn_57", T = "_itemInfo_11wxn_63", L = "_purchaseInformation_11wxn_68", M = "_itemManagement_11wxn_75", R = "_removeItem_11wxn_93", P = "_noItems_11wxn_101", S = "_subtotal_11wxn_108", i = {
   cart: b,
   count: y,
   cartTooltip: N,
-  cartContainer: z,
-  cartItems: C,
+  cartContainer: C,
+  cartItems: z,
   topRow: k,
   itemInfo: T,
-  purchaseInformation: R,
-  itemManagement: L,
-  removeItem: M,
+  purchaseInformation: L,
+  itemManagement: M,
+  removeItem: R,
   noItems: P,
   subtotal: S
 };
-function O({
+function U({
   cart: o,
-  onItemQtyChange: m,
+  onItemQtyChange: s,
   onItemDelete: c,
   onCheckout: l,
   subtotal: r,
   contactHref: d,
-  contactLinkBehavior: p,
-  itemPriceLabel: h,
+  contactLinkBehavior: h,
+  itemPriceLabel: p,
   ..._
 }) {
   return o = o || { items: [] }, /* @__PURE__ */ t(
     g,
     {
       tooltipClassName: i.cartTooltip,
-      repositionOnResize: !0,
-      keepTooltipInside: !0,
       trigger: /* @__PURE__ */ n("button", { className: i.cart, tabIndex: 0, ..._, children: [
         /* @__PURE__ */ t(
-          s,
+          m,
           {
             iconKey: "fa-kit fa-shoppingcart-empty",
             title: "Shopping Cart",
@@ -49,7 +47,7 @@ function O({
         ),
         o.items.length > 0 && /* @__PURE__ */ t("div", { className: i.count, children: /* @__PURE__ */ t(a, { size: "xxs", children: o.items.length }) })
       ] }),
-      position: "bottom left",
+      placement: "bottom",
       on: "click",
       children: /* @__PURE__ */ n("div", { className: i.cartContainer, children: [
         /* @__PURE__ */ t(a, { size: "2xl", children: "Cart" }),
@@ -65,7 +63,7 @@ function O({
                     e.itemId
                   ] })
                 ] }),
-                /* @__PURE__ */ t("button", { onClick: () => c(e), className: i.removeItem, children: /* @__PURE__ */ t(s, { iconKey: "fa-regular fa-trash", size: "sm" }) })
+                /* @__PURE__ */ t("button", { onClick: () => c(e), className: i.removeItem, children: /* @__PURE__ */ t(m, { iconKey: "fa-regular fa-trash", size: "sm" }) })
               ] }),
               /* @__PURE__ */ n("div", { className: i.itemManagement, children: [
                 /* @__PURE__ */ n("div", { className: i.purchaseInformation, children: [
@@ -75,12 +73,12 @@ function O({
                       availId: e.availabilityId || "",
                       availDescription: e.availability || "",
                       contactHref: d || "",
-                      contactLinkBehavior: p || "new-tab"
+                      contactLinkBehavior: h || "new-tab"
                     }
                   ),
-                  /* @__PURE__ */ t(v, { pricingLabel: h || "List Price", price: e.price })
+                  /* @__PURE__ */ t(v, { pricingLabel: p || "List Price", price: e.price })
                 ] }),
-                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (I) => m(e, I), size: "sm" })
+                /* @__PURE__ */ t(w, { quantity: e.quantity, onQuantityChange: (I) => s(e, I), size: "sm" })
               ] })
             ] })
           ] }, e.id)
@@ -95,5 +93,5 @@ function O({
   );
 }
 export {
-  O as ShoppingCart
+  U as ShoppingCart
 };

package/dist/molecules/CategoryNav/CategoryNav.js

@@ -28,7 +28,7 @@ function z({
             }
           )
         ] }) }),
-        position: "bottom center",
+        placement: "bottom",
         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

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

@@ -1,11 +1,12 @@
 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 & {
+import { TippyProps } from '@tippyjs/react';
+export type TooltipProps = Omit<TippyProps, "content" | "children" | "trigger"> & {
     tooltipClassName?: string;
     contentClassName?: string;
+    trigger: React.ReactElement;
+    on?: "click" | "mouseenter focus";
+    children: React.ReactNode;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
 };
-export declare const Tooltip: React.FC<TooltipProps>;
+export declare function Tooltip({ tooltipClassName, contentClassName, trigger, children, on, mouseEnterDelay, mouseLeaveDelay, ...tippyProps }: TooltipProps): import("react/jsx-runtime").JSX.Element;