@caseparts-org/caseblocks 0.0.162 → 0.0.164

package/dist/assets/Disclaimer.css

@@ -0,0 +1 @@
+._disclaimer_hmbag_1{display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs);border:1px solid var(--border-border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-1xs);background:var(--surface-surface-primary)}._header_hmbag_11{display:flex;align-items:flex-start;gap:var(--spacing-spacing-2xs)}._content_hmbag_17{display:grid;gap:var(--spacing-spacing-3xs);min-width:0}._description_hmbag_23{white-space:pre-line}._variantInfo_hmbag_27{border-color:var(--border-border-primary);background:color-mix(in srgb,var(--surface-surface-secondary) 24%,var(--surface-surface-primary))}._variantWarning_hmbag_32{border-color:var(--border-border-warning);background:color-mix(in srgb,var(--color-alerts-warning) 10%,var(--surface-surface-primary))}

package/dist/main-client.js

@@ -15,90 +15,92 @@ import { configureImage as b } from "./atoms/Image/configureImage.js";
 import { getHideAtStyles as F } from "./atoms/HideAt.js";
 import { Logo as N } from "./molecules/Logo/Logo.js";
 import { SearchBox as z } 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 Z } from "./molecules/Availability/Availability.js";
-import { Avatar as q } from "./molecules/Avatar/Avatar.js";
+import { QuantityInput as E } from "./molecules/QuantityInput/QuantityInput.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 J } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as U } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as X } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
-import { HorizontalScroll as rr } from "./atoms/HorizontalScroll/HorizontalScroll.js";
-import { SlideInPanel as er } from "./atoms/SlideInPanel/SlideInPanel.js";
-import { Markdown as pr } from "./atoms/Markdown/Markdown.js";
-import { PreprocessedMarkdown as fr } from "./atoms/Markdown/PreprocessedMarkdown.js";
-import { usePreprocessedMarkdown as ar } from "./atoms/Markdown/usePreprocessedMarkdown.js";
-import { Tooltip as ir } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as dr } from "./atoms/Popover/Popover.js";
-import { Account as cr } from "./molecules/Account/Account.js";
-import { Chip as Cr } from "./molecules/Chip/Chip.js";
-import { ToggleView as gr } from "./molecules/ToggleView/ToggleView.js";
-import { CartPart as Pr } from "./molecules/Cart/CartPart.js";
-import { CartSlideInPanel as wr } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as Br } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Tr } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Lr } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as br } from "./molecules/Modal/Modal.js";
-import { ImageViewer as Fr } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Nr } from "./Table-BX4PtCNE.js";
-import { Error as zr } from "./molecules/Error/Error.js";
-import { MainNav as Gr } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as Qr } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Zr } from "./organisms/Product/Product.js";
-import { Carousel as qr } from "./organisms/Carousel/Carousel.js";
-import { Footer as Jr } from "./organisms/Footer/Footer.js";
-import { default as Ur } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { Disclaimer as _ } from "./molecules/Disclaimer/Disclaimer.js";
+import { NotFound as rr } from "./organisms/NotFound/NotFound.js";
+import { HorizontalScroll as er } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { SlideInPanel as pr } from "./atoms/SlideInPanel/SlideInPanel.js";
+import { Markdown as fr } from "./atoms/Markdown/Markdown.js";
+import { PreprocessedMarkdown as ar } from "./atoms/Markdown/PreprocessedMarkdown.js";
+import { usePreprocessedMarkdown as ir } from "./atoms/Markdown/usePreprocessedMarkdown.js";
+import { Tooltip as dr } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as cr } from "./atoms/Popover/Popover.js";
+import { Account as Cr } from "./molecules/Account/Account.js";
+import { Chip as gr } from "./molecules/Chip/Chip.js";
+import { ToggleView as Pr } from "./molecules/ToggleView/ToggleView.js";
+import { CartPart as wr } from "./molecules/Cart/CartPart.js";
+import { CartSlideInPanel as Br } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Tr } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Lr } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as br } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as Fr } from "./molecules/Modal/Modal.js";
+import { ImageViewer as Nr } from "./molecules/ImageViewer/ImageViewer.js";
+import { T as zr } from "./Table-BX4PtCNE.js";
+import { Error as Er } from "./molecules/Error/Error.js";
+import { MainNav as Or } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as Rr } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as jr } from "./organisms/Product/Product.js";
+import { Carousel as Jr } from "./organisms/Carousel/Carousel.js";
+import { Footer as Ur } from "./organisms/Footer/Footer.js";
+import { default as Xr } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  cr as Account,
-  Lr as AddToCart,
-  Tr as AnimatedCheckMark,
-  Z as Availability,
-  q as Avatar,
+  Cr as Account,
+  br as AddToCart,
+  Lr as AnimatedCheckMark,
+  R as Availability,
+  j as Avatar,
   J as BannerCard,
   X as Breadcrumbs,
   e as Button,
   U as CardLink,
-  qr as Carousel,
-  Pr as CartPart,
-  wr as CartSlideInPanel,
-  Cr as Chip,
-  Qr as ChipSelector,
+  Jr as Carousel,
+  wr as CartPart,
+  Br as CartSlideInPanel,
+  gr as Chip,
+  Rr as ChipSelector,
   f as Column,
-  zr as Error,
+  _ as Disclaimer,
+  Er as Error,
   p as Flex,
-  Jr as Footer,
+  Ur as Footer,
   x as Grid,
   n as Head,
-  rr as HorizontalScroll,
+  er as HorizontalScroll,
   l as Icon,
-  Fr as ImageViewer,
+  Nr as ImageViewer,
   S as Input,
   I as Link,
   L as LinkButton,
   N as Logo,
-  Gr as MainNav,
-  pr as Markdown,
-  br as Modal,
-  _ as NotFound,
-  dr as Popover,
-  fr as PreprocessedMarkdown,
-  Q as Pricing,
-  Zr as Product,
-  G as QuantityInput,
+  Or as MainNav,
+  fr as Markdown,
+  Fr as Modal,
+  rr as NotFound,
+  cr as Popover,
+  ar as PreprocessedMarkdown,
+  O as Pricing,
+  jr as Product,
+  E as QuantityInput,
   u as Root,
   z as SearchBox,
   s as Separator,
-  er as SlideInPanel,
-  Ur as SpinZoomViewer,
-  Br as StatefulButton,
-  Nr as Table,
+  pr as SlideInPanel,
+  Xr as SpinZoomViewer,
+  Tr as StatefulButton,
+  zr as Table,
   k as Text,
-  gr as ToggleView,
-  ir as Tooltip,
+  Pr as ToggleView,
+  dr as Tooltip,
   b as configureImage,
   M as configureLink,
   F as getHideAtStyles,
   A as linkClassName,
   T as routerOverride,
-  ar as usePreprocessedMarkdown
+  ir as usePreprocessedMarkdown
 };

package/dist/main-server.d.ts

@@ -42,5 +42,7 @@ export { CardLink } from './molecules/CardLink/CardLink';
 export type { CardLinkProps } from './molecules/CardLink/CardLink';
 export { Breadcrumbs } from './molecules/Breadcrumbs/Breadcrumbs';
 export type { BreadcrumbProps, Breadcrumb } from './molecules/Breadcrumbs/Breadcrumbs';
+export { Disclaimer } from './molecules/Disclaimer/Disclaimer';
+export type { DisclaimerProps, DisclaimerSeverity } from './molecules/Disclaimer/Disclaimer';
 export { NotFound } from './organisms/NotFound/NotFound';
 export type { NotFoundProps } from './organisms/NotFound/NotFound';

package/dist/main-server.js

@@ -1,54 +1,56 @@
-import { Button as t } from "./atoms/Button/Button.js";
+import { Button as e } from "./atoms/Button/Button.js";
 import { Flex as m } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as a } from "./atoms/Root/Head.js";
+import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
 import { Root as l } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as B } from "./atoms/Text/Text.js";
-import { Input as s } from "./atoms/Input/Input.js";
+import { Text as s } from "./atoms/Text/Text.js";
+import { Input as L } from "./atoms/Input/Input.js";
 import { Link as I } from "./atoms/Link/Link.js";
 import { linkClassName as y } from "./atoms/Link/linkClassName.js";
 import { configureLink as S, routerOverride as b } from "./atoms/Link/configureLink.js";
 import { LinkButton as H } from "./atoms/LinkButton/LinkButton.js";
 import { configureImage as h } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as O } from "./atoms/HideAt.js";
-import { Logo as Q } from "./molecules/Logo/Logo.js";
-import { SearchBox as T } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as q } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as z } from "./molecules/Pricing/Pricing.js";
+import { getHideAtStyles as G } from "./atoms/HideAt.js";
+import { Logo as P } from "./molecules/Logo/Logo.js";
+import { SearchBox as R } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as j } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as w } from "./molecules/Pricing/Pricing.js";
 import { Availability as E } from "./molecules/Availability/Availability.js";
 import { Avatar as K } from "./molecules/Avatar/Avatar.js";
 import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
 import { CardLink as W } from "./molecules/CardLink/CardLink.js";
 import { Breadcrumbs as Y } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
+import { Disclaimer as _ } from "./molecules/Disclaimer/Disclaimer.js";
+import { NotFound as rr } from "./organisms/NotFound/NotFound.js";
 export {
   E as Availability,
   K as Avatar,
   U as BannerCard,
   Y as Breadcrumbs,
-  t as Button,
+  e as Button,
   W as CardLink,
   x as Column,
+  _ as Disclaimer,
   m as Flex,
   f as Grid,
-  a as Head,
+  n as Head,
   u as Icon,
-  s as Input,
+  L as Input,
   I as Link,
   H as LinkButton,
-  Q as Logo,
-  _ as NotFound,
-  z as Pricing,
-  q as QuantityInput,
+  P as Logo,
+  rr as NotFound,
+  w as Pricing,
+  j as QuantityInput,
   l as Root,
-  T as SearchBox,
+  R as SearchBox,
   g as Separator,
-  B as Text,
+  s as Text,
   h as configureImage,
   S as configureLink,
-  O as getHideAtStyles,
+  G as getHideAtStyles,
   y as linkClassName,
   b as routerOverride
 };

package/dist/molecules/Disclaimer/Disclaimer.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type DisclaimerSeverity = "info" | "warning";
+export interface DisclaimerProps {
+    title: ReactNode;
+    description?: ReactNode;
+    severity?: DisclaimerSeverity;
+    iconKey?: "fa-solid fa-circle-info" | "fa-solid fa-triangle-exclamation";
+    className?: string;
+    compact?: boolean;
+    linkHref?: string;
+    linkText?: string;
+}
+export declare function Disclaimer({ title, description, severity, iconKey, className, compact, linkHref, linkText, }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/Disclaimer/Disclaimer.js

@@ -0,0 +1,48 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import { Icon as g } from "../../atoms/Icon/Icon.js";
+import { Link as p } from "../../atoms/Link/Link.js";
+import { Text as t } from "../../atoms/Text/Text.js";
+import '../../assets/Disclaimer.css';const v = "_disclaimer_hmbag_1", b = "_header_hmbag_11", x = "_content_hmbag_17", I = "_description_hmbag_23", w = "_variantInfo_hmbag_27", z = "_variantWarning_hmbag_32", n = {
+  disclaimer: v,
+  header: b,
+  content: x,
+  description: I,
+  variantInfo: w,
+  variantWarning: z
+};
+function u({
+  title: l,
+  description: r,
+  severity: i = "info",
+  iconKey: m,
+  className: d,
+  compact: e = !1,
+  linkHref: o,
+  linkText: s
+}) {
+  const _ = m ?? (i === "warning" ? "fa-solid fa-triangle-exclamation" : "fa-solid fa-circle-info"), f = i === "warning" ? "warning" : "secondary";
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: h(
+        n.disclaimer,
+        i === "warning" ? n.variantWarning : n.variantInfo,
+        d
+      ),
+      role: "note",
+      "aria-live": "polite",
+      children: /* @__PURE__ */ c("div", { className: n.header, children: [
+        /* @__PURE__ */ a(g, { iconKey: _, size: "sm", colorToken: f }),
+        /* @__PURE__ */ c("div", { className: n.content, children: [
+          /* @__PURE__ */ a(t, { as: "p", size: "sm", weight: "semibold", children: l }),
+          !e && r && /* @__PURE__ */ a(t, { as: "p", size: "xs", colorToken: "secondary", className: n.description, children: r }),
+          !e && o && s && /* @__PURE__ */ a(p, { href: o, target: "_blank", rel: "noopener noreferrer", size: "xs", children: s })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  u as Disclaimer
+};

package/dist/molecules/Disclaimer/Disclaimer.stories.d.ts

@@ -0,0 +1,53 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Disclaimer } from './Disclaimer';
+declare const meta: {
+    title: string;
+    component: typeof Disclaimer;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        title: {
+            control: "text";
+            description: string;
+        };
+        description: {
+            control: "text";
+            description: string;
+        };
+        severity: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+            description: string;
+        };
+        compact: {
+            control: "boolean";
+            description: string;
+        };
+        linkHref: {
+            control: "text";
+            description: string;
+        };
+        linkText: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        title: string;
+        description: string;
+        severity: "warning";
+        compact: false;
+        linkHref: string;
+        linkText: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const WithLink: Story;
+export declare const Compact: Story;

package/dist/molecules/Disclaimer/Disclaimer.stories.js

@@ -0,0 +1,72 @@
+import { Disclaimer as t } from "./Disclaimer.js";
+const i = {
+  title: "Case Parts/Molecules/Disclaimer",
+  component: t,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered"
+  },
+  argTypes: {
+    title: {
+      control: "text",
+      description: "Short header for the disclaimer card."
+    },
+    description: {
+      control: "text",
+      description: "Supporting disclaimer message."
+    },
+    severity: {
+      control: { type: "radio" },
+      options: ["info", "warning"],
+      description: "Visual severity variant."
+    },
+    compact: {
+      control: "boolean",
+      description: "Hides description and link when true."
+    },
+    linkHref: {
+      control: "text",
+      description: "Optional external link URL."
+    },
+    linkText: {
+      control: "text",
+      description: "Optional external link label."
+    }
+  },
+  args: {
+    title: "Custom Parts Lead Time",
+    description: "Custom-made parts are non-refundable and may require additional production time.",
+    severity: "warning",
+    compact: !1,
+    linkHref: "",
+    linkText: ""
+  }
+}, n = {}, r = {
+  args: {
+    title: "UPS 2nd Day Air",
+    description: "In-stock orders placed during business hours usually ship the same day and arrive within two business days.",
+    severity: "info"
+  }
+}, o = {
+  args: {
+    title: "CA Prop 65 Warning",
+    description: "Some products sold by Case Parts may expose you to chemicals known to the State of California to cause cancer or reproductive harm.",
+    severity: "warning",
+    linkHref: "https://www.p65warnings.ca.gov",
+    linkText: "www.p65warnings.ca.gov"
+  }
+}, a = {
+  args: {
+    title: "Parts Not in Stock",
+    description: "This text is hidden when compact mode is enabled.",
+    compact: !0,
+    severity: "warning"
+  }
+};
+export {
+  a as Compact,
+  r as Info,
+  n as Warning,
+  o as WithLink,
+  i as default
+};

package/package.json

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