@caseparts-org/caseblocks 0.0.129 → 0.0.131

package/dist/assets/Product.css

@@ -1 +1 @@
-._productCard_179ie_1{box-sizing:border-box;background:var(--surface-surface-primary, #FFF);display:flex;width:232px;height:296px;padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._productCard_179ie_1>img{width:96px;height:96px;object-fit:contain;flex-shrink:0;margin:0 auto}._productCard_179ie_1 ._productInformation_179ie_20{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}._productCard_179ie_1 ._purchaseInformation_179ie_27{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._productCard_179ie_1 ._addToCart_179ie_35,._productCard_179ie_1 ._addToCartButton_179ie_38{width:100%}._productInformation_179ie_20>a{font-weight:var(--font-weight-semibold)}._partNumber_179ie_46{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._partNumberLabel_179ie_53{color:var(--text-text-quaternary)}._productTile_179ie_57{box-sizing:border-box;width:100%;max-width:1072px;display:flex;flex-direction:row;align-items:flex-start;background:var(--surface-surface-primary, #FFF);padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);gap:var(--spacing-spacing-1xs)}._productTile_179ie_57>img{width:108px;height:108px;object-fit:contain}._productTile_179ie_57 ._topRow_179ie_76{display:grid;grid-template-columns:1fr auto;width:100%}._productTile_179ie_57 ._topRow_179ie_76 button{background-color:transparent;padding:0;margin:0;outline:none;border:none;height:min-content;width:min-content}._productTile_179ie_57 ._topRow_179ie_76 path{fill:var(--icons-icon-search)}._productTile_179ie_57 ._topRow_179ie_76 svg{padding:0}._productTile_179ie_57 ._productInformation_179ie_20{display:flex;flex-direction:column;align-items:flex-start;gap:2px}._productTile_179ie_57 ._productData_179ie_107{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-spacing-2xs)}._productTile_179ie_57 ._purchase_179ie_27{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}@media (max-width: 480px){._productTile_179ie_57 ._purchase_179ie_27{flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-3xs)}}._productTile_179ie_57 ._purchaseInformation_179ie_27{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}@media (max-width: 480px){._productTile_179ie_57 ._purchaseInformation_179ie_27{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:0px}}._productTile_179ie_57 ._attributeContainer_179ie_144{margin:0;padding:0;padding-top:var(--spacing-spacing-1xs);border-top:1px solid var(--border-border-primary);width:100%;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--spacing-spacing-lg);row-gap:var(--spacing-spacing-3xs)}@media (max-width: 640px){._productTile_179ie_57 ._attributeContainer_179ie_144{display:none}}._productTile_179ie_57 ._attributeContainer_179ie_144 li{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._productTile_179ie_57 ._addToCart_179ie_35{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-md)}@media (max-width: 480px){._productTile_179ie_57 ._addToCart_179ie_35{gap:var(--spacing-spacing-2xs);width:100%}}._productTile_179ie_57 ._addToCartButton_179ie_38{width:96px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){._productTile_179ie_57 ._addToCartButton_179ie_38{width:100%}}._elevated_179ie_192{border:1px solid var(--border-border-primary, #DFDFDF);box-shadow:2px 4px 12px #00000026}._noImage_179ie_198 ._productInformation_179ie_20{margin-top:0}
+._productCard_tpx1r_3{box-sizing:border-box;background:var(--surface-surface-primary, #FFF);display:flex;width:232px;height:296px;padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._productCard_tpx1r_3._sm_tpx1r_15{width:180px;height:230px}._productCard_tpx1r_3>img{width:78px;height:78px;object-fit:contain;flex-shrink:0;margin:0 auto}._productCard_tpx1r_3 ._productInformation_tpx1r_27{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:auto}._productCard_tpx1r_3 ._purchaseInformation_tpx1r_34{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%}._productCard_tpx1r_3 ._addToCart_tpx1r_42,._productCard_tpx1r_3 ._addToCartButton_tpx1r_45{width:100%}._productInformation_tpx1r_27>a{font-weight:var(--font-weight-semibold)}._partNumber_tpx1r_53{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._partNumberLabel_tpx1r_60{color:var(--text-text-quaternary)}._productTile_tpx1r_64{box-sizing:border-box;width:100%;max-width:1072px;display:flex;flex-direction:row;align-items:flex-start;background:var(--surface-surface-primary, #FFF);padding:var(--spacing-spacing-default, 16px) var(--spacing-spacing-sm, 20px);gap:var(--spacing-spacing-1xs)}._productTile_tpx1r_64>img{width:108px;height:108px;object-fit:contain}._productTile_tpx1r_64 ._topRow_tpx1r_83{display:grid;grid-template-columns:1fr auto;width:100%}._productTile_tpx1r_64 ._topRow_tpx1r_83 button{background-color:transparent;padding:0;margin:0;outline:none;border:none;height:min-content;width:min-content}._productTile_tpx1r_64 ._topRow_tpx1r_83 path{fill:var(--icons-icon-search)}._productTile_tpx1r_64 ._topRow_tpx1r_83 svg{padding:0}._productTile_tpx1r_64 ._productInformation_tpx1r_27{display:flex;flex-direction:column;align-items:flex-start;gap:2px}._productTile_tpx1r_64 ._productData_tpx1r_114{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:var(--spacing-spacing-2xs)}._productTile_tpx1r_64 ._purchase_tpx1r_34{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%}@media (max-width: 480px){._productTile_tpx1r_64 ._purchase_tpx1r_34{flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-3xs)}}._productTile_tpx1r_64 ._purchaseInformation_tpx1r_34{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-spacing-2xs)}@media (max-width: 480px){._productTile_tpx1r_64 ._purchaseInformation_tpx1r_34{flex-direction:row;align-items:flex-start;justify-content:space-between;width:100%;gap:0px}}._productTile_tpx1r_64 ._attributeContainer_tpx1r_151{margin:0;padding:0;padding-top:var(--spacing-spacing-1xs);border-top:1px solid var(--border-border-primary);width:100%;list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;column-gap:var(--spacing-spacing-lg);row-gap:var(--spacing-spacing-3xs)}@media (max-width: 640px){._productTile_tpx1r_64 ._attributeContainer_tpx1r_151{display:none}}._productTile_tpx1r_64 ._attributeContainer_tpx1r_151 li{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-3xs)}._productTile_tpx1r_64 ._addToCart_tpx1r_42{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-md)}@media (max-width: 480px){._productTile_tpx1r_64 ._addToCart_tpx1r_42{gap:var(--spacing-spacing-2xs);width:100%}}._productTile_tpx1r_64 ._addToCartButton_tpx1r_45{width:96px;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){._productTile_tpx1r_64 ._addToCartButton_tpx1r_45{width:100%}}._elevated_tpx1r_199{border:1px solid var(--border-border-primary, #DFDFDF);box-shadow:2px 4px 12px #00000026}._noImage_tpx1r_205 ._productInformation_tpx1r_27{margin-top:0}._sm_tpx1r_15{padding:var(--spacing-spacing-1xs)}

package/dist/assets/linkClassName.css

@@ -1 +1 @@
-._link_ygp31_1{color:var(--text-text-links);text-decoration:none}._link_ygp31_1:hover{text-decoration:underline}._link_ygp31_1:focus{text-decoration:underline;font-weight:var(--font-weight-semibold)}._link_ygp31_1._disabled_ygp31_14{color:var(--text-text-disabled);cursor:not-allowed}._link_ygp31_1._disabled_ygp31_14:hover{text-decoration:none}
+._link_f9a12_1{color:var(--text-text-links);text-decoration:none}._link_f9a12_1:hover{text-decoration:underline}._link_f9a12_1:focus{text-decoration:underline;font-weight:var(--font-weight-semibold)}._link_f9a12_1._disabled_f9a12_14{color:var(--text-text-disabled);cursor:not-allowed}._link_f9a12_1._disabled_f9a12_14:hover{text-decoration:none}

package/dist/atoms/Button/buttonClassName.d.ts

@@ -1,8 +1,10 @@
 import { HideAtProps } from '../HideAt';
+export type ButtonVariant = "primary" | "secondary" | "secondary-transparent" | "cta-primary" | "tertiary" | "destructive";
+export type ButtonSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
 export interface ButtonStyleProps {
     disabled?: boolean;
-    size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-    variant: "primary" | "secondary" | "secondary-transparent" | "cta-primary" | "tertiary" | "destructive";
+    size: ButtonSize;
+    variant: ButtonVariant;
 }
 export declare function buttonClassNames({ size, variant, hideAt, className, disabled, }: ButtonStyleProps & {
     hideAt?: HideAtProps["hideAt"];

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

@@ -1,11 +1,14 @@
 import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
+import { TextSize, TextWeight } from '../Text/Text';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
     href: string;
     disabled?: boolean;
     unstyled?: boolean;
     children: React.ReactNode;
     implementation?: LinkImplementation;
+    size?: TextSize;
+    weight?: TextWeight;
 }
 /** Router component contract (e.g. next/link or react-router Link) */
 export type LinkImplementation = React.ComponentType<{
@@ -13,4 +16,4 @@ export type LinkImplementation = React.ComponentType<{
     className?: string;
     children: React.ReactNode;
 } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">>;
-export declare function Link({ href, disabled, unstyled, hideAt, className, children, implementation, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ href, disabled, unstyled, hideAt, className, children, implementation, size, weight, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { routerOverride as i } from "./configureLink.js";
-import { linkClassName as d } from "./linkClassName.js";
-function L({
+import { linkClassName as x } from "./linkClassName.js";
+function b({
   href: f,
   disabled: o = !1,
   unstyled: m = !1,
@@ -9,16 +9,18 @@ function L({
   className: c,
   children: e,
   implementation: a,
+  size: p,
+  weight: s,
   ...r
 }) {
-  const p = d({ className: c, unstyled: m, disabled: o, hideAt: u }), t = {
+  const d = x({ className: c, size: p, weight: s, unstyled: m, disabled: o, hideAt: u }), t = {
     ...r,
     href: o ? "#" : f,
-    className: p,
+    className: d,
     "aria-disabled": o || void 0,
     tabIndex: o ? -1 : r.tabIndex,
     role: o ? "link" : r.role
-  }, s = typeof globalThis < "u" && globalThis.__CASEBLOCKS_LINK_IMPL || null, n = a || i || s;
+  }, g = typeof globalThis < "u" && globalThis.__CASEBLOCKS_LINK_IMPL || null, n = a || i || g;
   return n ? /* @__PURE__ */ l(
     n,
     {
@@ -29,5 +31,5 @@ function L({
   ) : /* @__PURE__ */ l("a", { ...t, "data-router-adapter": "anchor", children: e });
 }
 export {
-  L as Link
+  b as Link
 };

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

@@ -1,6 +1,9 @@
 import { HideAtProps } from '../HideAt';
-export declare function linkClassName({ className, unstyled, disabled, hideAt }: {
+import { TextSize, TextWeight } from '../Text/Text';
+export declare function linkClassName({ className, size, weight, unstyled, disabled, hideAt }: {
     className?: string;
+    size?: TextSize;
+    weight?: TextWeight;
     unstyled?: boolean;
     disabled?: boolean;
     hideAt?: HideAtProps["hideAt"];

package/dist/atoms/Link/linkClassName.js

@@ -1,24 +1,28 @@
-import { t as o } from "../../Text.module-Dzhzk2fH.js";
 import { c as n } from "../../clsx-OuTLNxxd.js";
 import { getHideAtStyles as d } from "../HideAt.js";
-import '../../assets/linkClassName.css';const r = "_link_ygp31_1", a = "_disabled_ygp31_14", s = {
-  link: r,
-  disabled: a
+import { t as i } from "../../Text.module-Dzhzk2fH.js";
+import '../../assets/linkClassName.css';const m = "_link_f9a12_1", c = "_disabled_f9a12_14", e = {
+  link: m,
+  disabled: c
 };
-function _({
-  className: i,
+function b({
+  className: l,
+  size: o,
+  weight: s,
   unstyled: t,
-  disabled: e,
-  hideAt: l
+  disabled: a,
+  hideAt: r
 }) {
   return n(
-    i,
-    !t && o["text-body"],
-    !t && s.link,
-    e && s.disabled,
-    d(l)
+    l,
+    !t && o && i[`text-${o}`],
+    !t && s && i[`text-${s}`],
+    !t && i["text-body"],
+    !t && e.link,
+    a && e.disabled,
+    d(r)
   );
 }
 export {
-  _ as linkClassName
+  b as linkClassName
 };

package/dist/atoms/LinkButton/LinkButton.d.ts

@@ -1,6 +1,6 @@
 import { HideAtProps } from '../HideAt';
 import { LinkProps } from '../Link/Link';
 import { ButtonStyleProps } from '../Button/buttonClassName';
-export interface LinkButtonProps extends LinkProps, HideAtProps, ButtonStyleProps {
+export interface LinkButtonProps extends Omit<LinkProps, "size" | "weight">, HideAtProps, ButtonStyleProps {
 }
 export declare function LinkButton({ href, children, size, variant, hideAt, className, disabled, ...otherProps }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Text/Text.d.ts

@@ -1,16 +1,18 @@
 import { HideAtProps } from '../HideAt';
 import { JSX } from 'react';
 type ElementType = keyof Pick<JSX.IntrinsicElements, "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div">;
+export type TextSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+export type TextWeight = "thin" | "extra-light" | "light" | "regular" | "medium" | "semibold" | "bold";
 /** A text element. */
 export type TextProps<T extends ElementType = "span"> = HideAtProps & {
     /** The HTML element to render as */
     as?: ElementType;
     /** The size of the text. */
-    size: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+    size: TextSize;
     /** The variant of the text. */
     variant?: "body" | "display";
     /** The weight of the text. */
-    weight?: "thin" | "extra-light" | "light" | "regular" | "medium" | "semibold" | "bold";
+    weight?: TextWeight;
     colorToken?: 'inherit' | 'warning' | 'disabled' | 'error-warning' | 'default-inverted' | 'links' | 'links-hover-press' | 'primary' | 'quaternary' | 'search-bar' | 'secondary' | 'success' | 'tertiary' | 'footer';
 } & Omit<React.ComponentPropsWithoutRef<T>, "size">;
 export declare function Text<T extends ElementType = "span">({ as, size, variant, weight, colorToken, children, hideAt, className, ...otherProps }: TextProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/main-client.d.ts

@@ -5,8 +5,8 @@ export { SlideInPanel } from './atoms/SlideInPanel/SlideInPanel';
 export type { SlideInPanelProps } from './atoms/SlideInPanel/SlideInPanel';
 export { Markdown } from './atoms/Markdown/Markdown';
 export type { MarkdownProps } from './atoms/Markdown/Markdown';
-export { PreprocessedMarkdown as ItemDescriptionMarkdown } from './atoms/Markdown/PreprocessedMarkdown';
-export type { PreprocessedMarkdownProps as ItemDescriptionMarkdownProps } from './atoms/Markdown/PreprocessedMarkdown';
+export { PreprocessedMarkdown } from './atoms/Markdown/PreprocessedMarkdown';
+export type { PreprocessedMarkdownProps } from './atoms/Markdown/PreprocessedMarkdown';
 export { usePreprocessedMarkdown } from './atoms/Markdown/usePreprocessedMarkdown';
 export type { LinkTarget, ValidateToken } from './atoms/Markdown/usePreprocessedMarkdown';
 export { Tooltip } from './atoms/Tooltip/Tooltip';

package/dist/main-client.js

@@ -4,21 +4,21 @@ import { Column as f, Grid as x } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as d } from "./atoms/Icon/Icon.js";
 import { Root as u } from "./atoms/Root/Root.js";
-import { Separator as s } from "./atoms/Separator/Separator.js";
+import { Separator as k } from "./atoms/Separator/Separator.js";
 import { Text as C } from "./atoms/Text/Text.js";
-import { Input as I } from "./atoms/Input/Input.js";
-import { Link as w } from "./atoms/Link/Link.js";
-import { linkClassName as P } from "./atoms/Link/linkClassName.js";
+import { Input as S } from "./atoms/Input/Input.js";
+import { Link as P } from "./atoms/Link/Link.js";
+import { linkClassName as B } from "./atoms/Link/linkClassName.js";
 import { configureLink as v, routerOverride as A } from "./atoms/Link/configureLink.js";
 import { LinkButton as h } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as F } from "./atoms/Image/configureImage.js";
 import { Logo as V } from "./molecules/Logo/Logo.js";
 import { SearchBox as y } from "./molecules/SearchBox/SearchBox.js";
 import { QuantityInput as z } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as G } from "./molecules/Pricing/Pricing.js";
-import { Availability as Q } from "./molecules/Availability/Availability.js";
-import { Avatar as Z } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as q } from "./molecules/BannerCard/BannerCard.js";
+import { Pricing as O } from "./molecules/Pricing/Pricing.js";
+import { Availability as R } from "./molecules/Availability/Availability.js";
+import { Avatar as j } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as D } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as J } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as U } from "./molecules/Breadcrumbs/Breadcrumbs.js";
 import { NotFound as X } from "./organisms/NotFound/NotFound.js";
@@ -30,45 +30,44 @@ import { usePreprocessedMarkdown as fo } from "./atoms/Markdown/usePreprocessedM
 import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
 import { Popover as io } from "./atoms/Popover/Popover.js";
 import { Account as uo } from "./molecules/Account/Account.js";
-import { Chip as so } from "./molecules/Chip/Chip.js";
+import { Chip as ko } from "./molecules/Chip/Chip.js";
 import { ToggleView as Co } from "./molecules/ToggleView/ToggleView.js";
-import { CartSlideInPanel as Io } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as wo } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Po } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { CartSlideInPanel as So } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Po } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Bo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
 import { AddToCart as vo } from "./molecules/AddToCart/AddToCart.js";
 import { Modal as Lo } from "./molecules/Modal/Modal.js";
 import { ImageViewer as To } from "./molecules/ImageViewer/ImageViewer.js";
 import { MainNav as No } from "./organisms/MainNav/MainNav.js";
 import { ChipSelector as bo } from "./organisms/ChipSelector/ChipSelector.js";
 import { Product as Ho } from "./organisms/Product/Product.js";
-import { Carousel as Do } from "./organisms/Carousel/Carousel.js";
-import { Footer as Oo } from "./organisms/Footer/Footer.js";
-import { default as Ro } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { Carousel as Go } from "./organisms/Carousel/Carousel.js";
+import { Footer as Qo } from "./organisms/Footer/Footer.js";
+import { default as Zo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
   uo as Account,
   vo as AddToCart,
-  Po as AnimatedCheckMark,
-  Q as Availability,
-  Z as Avatar,
-  q as BannerCard,
+  Bo as AnimatedCheckMark,
+  R as Availability,
+  j as Avatar,
+  D as BannerCard,
   U as Breadcrumbs,
   e as Button,
   J as CardLink,
-  Do as Carousel,
-  Io as CartSlideInPanel,
-  so as Chip,
+  Go as Carousel,
+  So as CartSlideInPanel,
+  ko as Chip,
   bo as ChipSelector,
   f as Column,
   p as Flex,
-  Oo as Footer,
+  Qo as Footer,
   x as Grid,
   n as Head,
   _ as HorizontalScroll,
   d as Icon,
   To as ImageViewer,
-  I as Input,
-  po as ItemDescriptionMarkdown,
-  w as Link,
+  S as Input,
+  P as Link,
   h as LinkButton,
   V as Logo,
   No as MainNav,
@@ -76,21 +75,22 @@ export {
   Lo as Modal,
   X as NotFound,
   io as Popover,
-  G as Pricing,
+  po as PreprocessedMarkdown,
+  O as Pricing,
   Ho as Product,
   z as QuantityInput,
   u as Root,
   y as SearchBox,
-  s as Separator,
+  k as Separator,
   oo as SlideInPanel,
-  Ro as SpinZoomViewer,
-  wo as StatefulButton,
+  Zo as SpinZoomViewer,
+  Po as StatefulButton,
   C as Text,
   Co as ToggleView,
   ao as Tooltip,
   F as configureImage,
   v as configureLink,
-  P as linkClassName,
+  B as linkClassName,
   A as routerOverride,
   fo as usePreprocessedMarkdown
 };

package/dist/molecules/AddToCart/AddToCart.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { ButtonVariant } from '../../atoms/Button/buttonClassName';
 export interface AddToCartProps {
     itemKey: number;
     initialQuantity?: number;
@@ -10,8 +11,9 @@ export interface AddToCartProps {
     showQuantity?: boolean;
     className?: string;
     addButtonClassName?: string;
+    addButtonVariant?: ButtonVariant;
     buttonText?: string;
     buttonDoneText?: string;
     size?: "sm" | "md";
 }
-export declare function AddToCart({ itemKey, initialQuantity, min, max, onQuantityChange, onAdd, autoHideDelayMs, showQuantity, className, addButtonClassName, buttonText, buttonDoneText, size }: AddToCartProps): React.ReactElement | null;
+export declare function AddToCart({ itemKey, initialQuantity, min, max, onQuantityChange, onAdd, autoHideDelayMs, showQuantity, className, addButtonClassName, addButtonVariant, buttonText, buttonDoneText, size }: AddToCartProps): React.ReactElement | null;

package/dist/molecules/AddToCart/AddToCart.js

@@ -1,12 +1,12 @@
-import { jsxs as S, jsx as d } from "react/jsx-runtime";
+import { jsxs as j, jsx as d } from "react/jsx-runtime";
 import r from "react";
-import { c as j } from "../../clsx-OuTLNxxd.js";
-import { StatefulButton as v } from "../StatefulButton/StatefulButton.js";
-import { QuantityInput as q } from "../QuantityInput/QuantityInput.js";
-import '../../assets/AddToCart.css';const w = "_container_1xk40_1", y = {
-  container: w
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { StatefulButton as q } from "../StatefulButton/StatefulButton.js";
+import { QuantityInput as w } from "../QuantityInput/QuantityInput.js";
+import '../../assets/AddToCart.css';const y = "_container_1xk40_1", z = {
+  container: y
 };
-function F({
+function G({
   itemKey: s,
   initialQuantity: i = 1,
   min: o = 1,
@@ -17,42 +17,43 @@ function F({
   showQuantity: p = !0,
   className: x,
   addButtonClassName: T,
-  buttonText: _,
-  buttonDoneText: b,
+  addButtonVariant: _,
+  buttonText: b,
+  buttonDoneText: k,
   size: a
 }) {
-  const [u, k] = r.useState(() => {
+  const [u, A] = r.useState(() => {
     const e = Number(i) || 1;
     return e < o ? o : e;
-  }), [A, n] = r.useState(!1), t = r.useRef(null);
+  }), [N, n] = r.useState(!1), t = r.useRef(null);
   r.useEffect(() => () => {
     t.current && clearTimeout(t.current);
   }, []);
-  const N = r.useCallback((e) => {
-    k(e), c == null || c(e);
-  }, [c]), R = async () => {
+  const R = r.useCallback((e) => {
+    A(e), c == null || c(e);
+  }, [c]), S = async () => {
     s && (await m(s, u), n(!0), t.current && clearTimeout(t.current), t.current = setTimeout(() => n(!1), f));
   };
-  return /* @__PURE__ */ S("div", { className: j(y.container, x), children: [
+  return /* @__PURE__ */ j("div", { className: v(z.container, x), children: [
     p && /* @__PURE__ */ d(
-      q,
+      w,
       {
         quantity: u,
-        onQuantityChange: N,
+        onQuantityChange: R,
         min: o,
         max: l,
         size: a || "md"
       }
     ),
     /* @__PURE__ */ d(
-      v,
+      q,
       {
         size: a || "md",
-        variant: "cta-primary",
-        completed: A,
-        onClick: R,
-        text: _,
-        completedText: b,
+        variant: _ || "cta-primary",
+        completed: N,
+        onClick: S,
+        text: b,
+        completedText: k,
         disabled: !s,
         className: T
       }
@@ -60,5 +61,5 @@ function F({
   ] });
 }
 export {
-  F as AddToCart
+  G as AddToCart
 };

package/dist/organisms/Product/Product.d.ts

@@ -1,5 +1,6 @@
 import { AvailabilityProps } from '../../molecules/Availability/Availability';
 export type ProductView = "Card" | "Tile";
+export type Size = "md" | "sm";
 export interface ProductProps extends AvailabilityProps {
     productView: ProductView;
     productDescription: string;
@@ -18,5 +19,7 @@ export interface ProductProps extends AvailabilityProps {
     onAddToCart: (_itemKey: number, _quantity: number) => void;
     onClose?: (_itemKey: number) => void;
     flat?: boolean;
+    size?: Size;
+    showQuantity?: boolean;
 }
-export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, flat, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;
+export declare function Product({ productView, itemKey, partNumber, productDescription, availDescription, availId, contactHref, contactLinkBehavior, productHref, priceLabel, price, imgSrc, attributes, className, onAddToCart, onClose, flat, size, showQuantity, ...otherProps }: ProductProps): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Product/Product.js

@@ -1,134 +1,157 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { Image as v } from "../../atoms/Image/Image.js";
-import { Link as I } from "../../atoms/Link/Link.js";
-import { Text as o } from "../../atoms/Text/Text.js";
-import { Availability as w } from "../../molecules/Availability/Availability.js";
-import { Pricing as x } from "../../molecules/Pricing/Pricing.js";
-import { AddToCart as z } from "../../molecules/AddToCart/AddToCart.js";
-import { Icon as R } from "../../atoms/Icon/Icon.js";
-import { c as B } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Product.css';const $ = "_productCard_179ie_1", A = "_productInformation_179ie_20", D = "_purchaseInformation_179ie_27", P = "_addToCart_179ie_35", j = "_addToCartButton_179ie_38", k = "_partNumber_179ie_46", y = "_partNumberLabel_179ie_53", q = "_productTile_179ie_57", E = "_topRow_179ie_76", F = "_productData_179ie_107", G = "_purchase_179ie_27", J = "_attributeContainer_179ie_144", M = "_elevated_179ie_192", O = "_noImage_179ie_198", e = {
-  productCard: $,
-  productInformation: A,
-  purchaseInformation: D,
-  addToCart: P,
-  addToCartButton: j,
-  partNumber: k,
-  partNumberLabel: y,
-  productTile: q,
-  topRow: E,
-  productData: F,
-  purchase: G,
-  attributeContainer: J,
-  elevated: M,
-  noImage: O
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { Image as I } from "../../atoms/Image/Image.js";
+import { Link as w } from "../../atoms/Link/Link.js";
+import { Text as n } from "../../atoms/Text/Text.js";
+import { Availability as B } from "../../molecules/Availability/Availability.js";
+import { Pricing as L } from "../../molecules/Pricing/Pricing.js";
+import { AddToCart as A } from "../../molecules/AddToCart/AddToCart.js";
+import { Icon as D } from "../../atoms/Icon/Icon.js";
+import { c as R } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Product.css';const P = "_productCard_tpx1r_3", j = "_sm_tpx1r_15", k = "_productInformation_tpx1r_27", z = "_purchaseInformation_tpx1r_34", y = "_addToCart_tpx1r_42", V = "_addToCartButton_tpx1r_45", q = "_partNumber_tpx1r_53", E = "_partNumberLabel_tpx1r_60", F = "_productTile_tpx1r_64", G = "_topRow_tpx1r_83", J = "_productData_tpx1r_114", M = "_purchase_tpx1r_34", O = "_attributeContainer_tpx1r_151", U = "_elevated_tpx1r_199", W = "_noImage_tpx1r_205", t = {
+  productCard: P,
+  sm: j,
+  productInformation: k,
+  purchaseInformation: z,
+  addToCart: y,
+  addToCartButton: V,
+  partNumber: q,
+  partNumberLabel: E,
+  productTile: F,
+  topRow: G,
+  productData: J,
+  purchase: M,
+  attributeContainer: O,
+  elevated: U,
+  noImage: W
 };
-function S({
-  productView: L,
-  itemKey: c,
-  partNumber: i,
-  productDescription: m,
-  availDescription: u,
-  availId: d,
+function at({
+  productView: $,
+  itemKey: m,
+  partNumber: c,
+  productDescription: u,
+  availDescription: _,
+  availId: s,
   contactHref: h,
-  contactLinkBehavior: p,
-  productHref: _,
+  contactLinkBehavior: x,
+  productHref: b,
   priceLabel: N,
-  price: n,
-  imgSrc: r,
+  price: i,
+  imgSrc: d,
   attributes: l,
-  className: b,
-  onAddToCart: f,
-  onClose: C,
-  flat: T,
-  ...g
+  className: f,
+  onAddToCart: C,
+  onClose: T,
+  flat: g,
+  size: o = "md",
+  showQuantity: p = !0,
+  ...v
 }) {
-  return L === "Card" ? /* @__PURE__ */ a("div", { className: B(e.productCard, b, !T && e.elevated, !r && e.noImage), ...g, children: [
-    r && /* @__PURE__ */ t(
-      v,
+  if ($ === "Card") {
+    const e = o === "sm" ? "xs" : "sm";
+    return /* @__PURE__ */ a(
+      "div",
       {
-        src: r,
-        alt: `${i} product image`,
-        height: 96,
-        width: 96
-      }
-    ),
-    /* @__PURE__ */ a("div", { className: e.productInformation, children: [
-      /* @__PURE__ */ t(I, { href: _, children: m }),
-      /* @__PURE__ */ a("div", { className: e.partNumber, children: [
-        /* @__PURE__ */ t(o, { size: "sm", className: e.partNumberLabel, children: "Part #" }),
-        /* @__PURE__ */ t(o, { size: "sm", weight: "semibold", children: i })
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: e.purchaseInformation, children: [
-      d && /* @__PURE__ */ t(
-        w,
-        {
-          availId: d,
-          availDescription: u,
-          contactHref: h,
-          contactLinkBehavior: p
-        }
-      ),
-      n && /* @__PURE__ */ t(x, { pricingLabel: N, price: n })
-    ] }),
-    /* @__PURE__ */ t(
-      z,
-      {
-        itemKey: c,
-        onAdd: f,
-        className: e.addToCart,
-        addButtonClassName: e.addToCartButton,
-        size: "md",
-        buttonDoneText: ""
+        className: R(
+          t.productCard,
+          o && t[o],
+          f,
+          !g && t.elevated,
+          !d && t.noImage
+        ),
+        ...v,
+        children: [
+          d && /* @__PURE__ */ r(
+            I,
+            {
+              src: d,
+              alt: `${c} product image`,
+              height: o === "sm" ? 78 : 96,
+              width: o === "sm" ? 78 : 96
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: t.productInformation, children: [
+            /* @__PURE__ */ r(w, { size: o, href: b, children: u }),
+            /* @__PURE__ */ a("div", { className: t.partNumber, children: [
+              /* @__PURE__ */ r(n, { size: e, className: t.partNumberLabel, children: "Part #" }),
+              /* @__PURE__ */ r(n, { size: e, weight: "semibold", children: c })
+            ] })
+          ] }),
+          /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
+            s && /* @__PURE__ */ r(
+              B,
+              {
+                availId: s,
+                availDescription: _,
+                contactHref: h,
+                contactLinkBehavior: x
+              }
+            ),
+            i && /* @__PURE__ */ r(L, { pricingLabel: N, price: i })
+          ] }),
+          /* @__PURE__ */ r(
+            A,
+            {
+              itemKey: m,
+              onAdd: C,
+              className: t.addToCart,
+              addButtonClassName: t.addToCartButton,
+              addButtonVariant: p ? "cta-primary" : "secondary",
+              size: o,
+              buttonDoneText: "",
+              buttonText: p ? "Add" : "Add to Cart",
+              showQuantity: p
+            }
+          )
+        ]
       }
-    )
-  ] }) : /* @__PURE__ */ a("div", { className: B(e.productTile, b, !T && e.elevated, !r && e.noImage), ...g, children: [
-    r && /* @__PURE__ */ t(
-      v,
+    );
+  }
+  return /* @__PURE__ */ a("div", { className: R(t.productTile, f, !g && t.elevated, !d && t.noImage), ...v, children: [
+    d && /* @__PURE__ */ r(
+      I,
       {
-        src: r,
-        alt: `${i} product image`,
+        src: d,
+        alt: `${c} product image`,
         height: 108,
         width: 108
       }
     ),
-    /* @__PURE__ */ a("div", { className: e.productData, children: [
-      /* @__PURE__ */ a("div", { className: e.topRow, children: [
-        /* @__PURE__ */ a("div", { className: e.productInformation, children: [
-          /* @__PURE__ */ t(I, { href: _, children: m }),
-          /* @__PURE__ */ a("div", { className: e.partNumber, children: [
-            /* @__PURE__ */ t(o, { size: "sm", className: e.partNumberLabel, children: "Part #" }),
-            /* @__PURE__ */ t(o, { size: "sm", weight: "semibold", children: i })
+    /* @__PURE__ */ a("div", { className: t.productData, children: [
+      /* @__PURE__ */ a("div", { className: t.topRow, children: [
+        /* @__PURE__ */ a("div", { className: t.productInformation, children: [
+          /* @__PURE__ */ r(w, { href: b, children: u }),
+          /* @__PURE__ */ a("div", { className: t.partNumber, children: [
+            /* @__PURE__ */ r(n, { size: "sm", className: t.partNumberLabel, children: "Part #" }),
+            /* @__PURE__ */ r(n, { size: "sm", weight: "semibold", children: c })
           ] })
         ] }),
-        C && /* @__PURE__ */ t("button", { onClick: () => C(c), children: /* @__PURE__ */ t(R, { size: "sm", iconKey: "fa-light fa-xmark" }) })
+        T && /* @__PURE__ */ r("button", { onClick: () => T(m), children: /* @__PURE__ */ r(D, { size: "sm", iconKey: "fa-light fa-xmark" }) })
       ] }),
-      /* @__PURE__ */ a("div", { className: e.purchase, children: [
-        /* @__PURE__ */ a("div", { className: e.purchaseInformation, children: [
-          d && /* @__PURE__ */ t(
-            w,
+      /* @__PURE__ */ a("div", { className: t.purchase, children: [
+        /* @__PURE__ */ a("div", { className: t.purchaseInformation, children: [
+          s && /* @__PURE__ */ r(
+            B,
             {
-              availId: d,
-              availDescription: u,
+              availId: s,
+              availDescription: _,
               contactHref: h,
-              contactLinkBehavior: p
+              contactLinkBehavior: x
             }
           ),
-          n && /* @__PURE__ */ t(x, { pricingLabel: N, price: n })
+          i && /* @__PURE__ */ r(L, { pricingLabel: N, price: i })
         ] }),
-        /* @__PURE__ */ t(z, { itemKey: c, onAdd: f, className: e.addToCart, addButtonClassName: e.addToCartButton })
+        /* @__PURE__ */ r(A, { itemKey: m, onAdd: C, className: t.addToCart, addButtonClassName: t.addToCartButton })
       ] }),
-      l && l.length > 0 && /* @__PURE__ */ t("ul", { className: e.attributeContainer, children: l.map((s) => /* @__PURE__ */ a("li", { children: [
-        /* @__PURE__ */ a(o, { size: "xs", weight: "light", children: [
-          s.label,
+      l && l.length > 0 && /* @__PURE__ */ r("ul", { className: t.attributeContainer, children: l.map((e) => /* @__PURE__ */ a("li", { children: [
+        /* @__PURE__ */ a(n, { size: "xs", weight: "light", children: [
+          e.label,
           ":"
         ] }),
-        /* @__PURE__ */ t(o, { size: "xs", weight: "semibold", children: s.value })
-      ] }, `${s.label}.${s.value}`)) })
+        /* @__PURE__ */ r(n, { size: "xs", weight: "semibold", children: e.value })
+      ] }, `${e.label}.${e.value}`)) })
     ] })
   ] });
 }
 export {
-  S as Product
+  at as Product
 };

package/dist/organisms/Product/Product.stories.d.ts

@@ -69,6 +69,16 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        showQuantity: {
+            control: "boolean";
+            description: string;
+        };
     };
     args: ProductProps;
     tags: string[];

package/dist/organisms/Product/Product.stories.js

@@ -47,7 +47,12 @@ const o = [
     imgSrc: { control: "text" },
     itemKey: { control: "number" },
     onAddToCart: { action: "addToCart", description: "(itemKey, quantity)" },
-    flat: { control: "boolean", description: "Removes border and shadow" }
+    flat: { control: "boolean", description: "Removes border and shadow" },
+    size: {
+      control: { type: "select" },
+      options: ["md", "sm"]
+    },
+    showQuantity: { control: "boolean", description: "Shows/Hides add to cart quantity" }
   },
   args: {
     productView: "Card",
@@ -71,7 +76,9 @@ const o = [
     onClose: (t) => {
       alert(`On close clicked ${t}`);
     },
-    flat: !1
+    flat: !1,
+    size: "md",
+    showQuantity: !0
   },
   tags: ["autodocs"]
 }, l = {}, c = {

package/package.json

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