@caseparts-org/caseblocks 0.0.85 → 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/main-client.d.ts

@@ -1,4 +1,6 @@
 export * from './main-server';
+export { HorizontalScroll } from './atoms/HorizontalScroll/HorizontalScroll';
+export type { HorizontalScrollProps } from './atoms/HorizontalScroll/HorizontalScroll';
 export { Tooltip } from './molecules/Tooltip/Tooltip';
 export { Account } from './molecules/Account/Account';
 export type { AccountProps } from './molecules/Account/Account';

package/dist/main-client.js

@@ -7,66 +7,68 @@ import { Root as c } from "./atoms/Root/Root.js";
 import { Separator as C } from "./atoms/Separator/Separator.js";
 import { Text as k } from "./atoms/Text/Text.js";
 import { Input as B } from "./atoms/Input/Input.js";
-import { Link as v } from "./atoms/Link/Link.js";
-import { linkClassName as L } from "./atoms/Link/linkClassName.js";
+import { Link as h } from "./atoms/Link/Link.js";
+import { linkClassName as I } from "./atoms/Link/linkClassName.js";
 import { configureLink as T, routerOverride as s } from "./atoms/Link/configureLink.js";
 import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as M } from "./atoms/Image/configureImage.js";
-import { Logo as b } from "./molecules/Logo/Logo.js";
-import { SearchBox as G } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as R } from "./molecules/Pricing/Pricing.js";
-import { Availability as j } from "./molecules/Availability/Availability.js";
-import { Avatar as z } from "./molecules/Avatar/Avatar.js";
+import { configureImage as H } from "./atoms/Image/configureImage.js";
+import { Logo as P } from "./molecules/Logo/Logo.js";
+import { SearchBox as w } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as G } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as Q } from "./molecules/Pricing/Pricing.js";
+import { Availability as V } from "./molecules/Availability/Availability.js";
+import { Avatar as q } from "./molecules/Avatar/Avatar.js";
 import { BannerCard as E } from "./molecules/BannerCard/BannerCard.js";
 import { NotFound as K } from "./organisms/NotFound/NotFound.js";
-import { Tooltip as W } from "./molecules/Tooltip/Tooltip.js";
-import { Account as Y } from "./molecules/Account/Account.js";
-import { Chip as _ } from "./molecules/Chip/Chip.js";
-import { ToggleView as oo } from "./molecules/ToggleView/ToggleView.js";
-import { StatefulButton as to } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as po } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as fo } from "./molecules/AddToCart/AddToCart.js";
-import { MainNav as ao } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as io } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as lo } from "./organisms/Product/Product.js";
-import { Carousel as Co } from "./organisms/Carousel/Carousel.js";
-import { Footer as ko } from "./organisms/Footer/Footer.js";
+import { HorizontalScroll as W } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { Tooltip as Y } from "./molecules/Tooltip/Tooltip.js";
+import { Account as _ } from "./molecules/Account/Account.js";
+import { Chip as oo } from "./molecules/Chip/Chip.js";
+import { ToggleView as to } from "./molecules/ToggleView/ToggleView.js";
+import { StatefulButton as po } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as fo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as ao } from "./molecules/AddToCart/AddToCart.js";
+import { MainNav as io } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as lo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Co } from "./organisms/Product/Product.js";
+import { Carousel as ko } from "./organisms/Carousel/Carousel.js";
+import { Footer as Bo } from "./organisms/Footer/Footer.js";
 export {
-  Y as Account,
-  fo as AddToCart,
-  po as AnimatedCheckMark,
-  j as Availability,
-  z as Avatar,
+  _ as Account,
+  ao as AddToCart,
+  fo as AnimatedCheckMark,
+  V as Availability,
+  q as Avatar,
   E as BannerCard,
   t as Button,
-  Co as Carousel,
-  _ as Chip,
-  io as ChipSelector,
+  ko as Carousel,
+  oo as Chip,
+  lo as ChipSelector,
   f as Column,
   p as Flex,
-  ko as Footer,
+  Bo as Footer,
   x as Grid,
   n as Head,
+  W as HorizontalScroll,
   u as Icon,
   B as Input,
-  v as Link,
+  h as Link,
   N as LinkButton,
-  b as Logo,
-  ao as MainNav,
+  P as Logo,
+  io as MainNav,
   K as NotFound,
-  R as Pricing,
-  lo as Product,
-  O as QuantityInput,
+  Q as Pricing,
+  Co as Product,
+  G as QuantityInput,
   c as Root,
-  G as SearchBox,
+  w as SearchBox,
   C as Separator,
-  to as StatefulButton,
+  po as StatefulButton,
   k as Text,
-  oo as ToggleView,
-  W as Tooltip,
-  M as configureImage,
+  to as ToggleView,
+  Y as Tooltip,
+  H as configureImage,
   T as configureLink,
-  L as linkClassName,
+  I as linkClassName,
   s as routerOverride
 };

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;