@phillips/seldon 1.213.0 → 1.214.0-beta.1

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,31 +1,31 @@
-import { jsxs as s, jsx as a, Fragment as O } from "react/jsx-runtime";
-import { memo as z, forwardRef as F } from "react";
-import I from "../../node_modules/classnames/index.js";
-import { getCommonProps as L } from "../../utils/index.js";
+import { jsxs as m, jsx as e, Fragment as V } from "react/jsx-runtime";
+import { memo as k, forwardRef as z } from "react";
+import F from "../../node_modules/classnames/index.js";
+import { getCommonProps as I } from "../../utils/index.js";
 import { TextVariants as l } from "../../components/Text/types.js";
-import n from "../../components/Text/Text.js";
-import R from "../DetailList/DetailList.js";
-import V from "../../components/Detail/Detail.js";
+import s from "../../components/Text/Text.js";
+import L from "../DetailList/DetailList.js";
+import R from "../../components/Detail/Detail.js";
 import W from "../../components/SeldonImage/SeldonImage.js";
-const w = z(
-  F(
+const w = k(
+  z(
     ({
-      badgeText: f,
-      className: $,
-      children: N,
-      element: g,
-      estimate: i,
-      estimateLabelText: b = "Estimate",
-      estimateOnRequestText: m,
+      badgeText: N,
+      className: b,
+      children: f,
+      element: $,
+      estimate: n,
+      estimateLabelText: g = "Estimate",
+      estimateOnRequestText: i,
       badgeElement: r,
       favoriteElement: o,
       imageAlt: u = "Brought to you by Phillips",
       imageUrl: v = "",
-      imageSrcSet: j,
-      imageSizes: k,
-      imageLoading: y,
-      imageFetchPriority: P,
-      lotNumber: S,
+      imageSrcSet: S,
+      imageSizes: j,
+      imageLoading: E,
+      imageFetchPriority: y,
+      lotNumber: P,
       makerText: c,
       modelText: _,
       referenceNumber: d,
@@ -33,69 +33,54 @@ const w = z(
       withdrawnText: t,
       ...p
     }, x) => {
-      const { className: e, ...C } = L(p, "ObjectTile"), D = g ?? "a", E = i || m;
-      return /* @__PURE__ */ s(D, { ...C, className: I(e, $), ...p, ref: x, children: [
-        /* @__PURE__ */ a(
+      const { className: a, ...C } = I(p, "ObjectTile"), D = $ ?? "a", O = n || i;
+      return /* @__PURE__ */ m(D, { ...C, className: F(a, b), ...p, ref: x, children: [
+        /* @__PURE__ */ e(
           W,
           {
             alt: u,
             aspectRatio: "1/1",
-            className: `${e}__img`,
+            className: `${a}__img`,
             objectFit: "contain",
             src: v,
-            srcSet: j,
-            sizes: k,
-            loading: y,
-            fetchPriority: P
+            srcSet: S,
+            sizes: j,
+            loading: E,
+            fetchPriority: y
           }
         ),
-        t ? null : /* @__PURE__ */ a(n, { element: "span", className: `${e}__badge`, variant: l.badge, children: f }),
-        /* @__PURE__ */ s("div", { className: `${e}__lot-number-like`, children: [
-          /* @__PURE__ */ a(n, { element: "span", className: `${e}__lot-number`, variant: l.heading4, children: S }),
-          r && /* @__PURE__ */ a("div", { className: `${e}__lot-badge`, children: /* @__PURE__ */ a(r, {}) }),
-          o && /* @__PURE__ */ a(o, {})
+        t ? null : /* @__PURE__ */ e(s, { element: "span", className: `${a}__badge`, variant: l.labelSmall, children: N }),
+        /* @__PURE__ */ m("div", { className: `${a}__lot-number-like`, children: [
+          /* @__PURE__ */ e(s, { element: "span", className: `${a}__lot-number`, variant: l.headingSmall, children: P }),
+          r && /* @__PURE__ */ e("div", { className: `${a}__lot-badge`, children: /* @__PURE__ */ e(r, {}) }),
+          o && /* @__PURE__ */ e(o, {})
         ] }),
-        t ? /* @__PURE__ */ a(n, { element: "span", className: `${e}__withdrawn`, variant: l.heading4, children: t }) : /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ s("div", { className: `${e}__meta`, children: [
-            c ? /* @__PURE__ */ a(n, { element: "span", className: `${e}__maker`, variant: l.heading4, children: c }) : null,
-            h ? /* @__PURE__ */ a(
-              n,
+        t ? /* @__PURE__ */ e(s, { element: "span", className: `${a}__withdrawn`, variant: l.headingSmall, children: t }) : /* @__PURE__ */ m(V, { children: [
+          /* @__PURE__ */ m("div", { className: `${a}__meta`, children: [
+            c ? /* @__PURE__ */ e(s, { element: "span", className: `${a}__maker`, variant: l.headingSmall, children: c }) : null,
+            h ? /* @__PURE__ */ e(s, { element: "cite", className: `${a}__title`, variant: l.headingExtraSmall, children: h }) : null,
+            d ? /* @__PURE__ */ e(
+              s,
               {
-                className: `${e}__title ${e}__token-fix ${e}__token-fix--no-transform`,
-                variant: l.heading4,
-                element: "cite",
-                children: h
-              }
-            ) : null,
-            d ? /* @__PURE__ */ a(
-              n,
-              {
-                className: `${e}__reference-number ${e}__token-fix`,
-                variant: l.heading4,
+                className: `${a}__reference-number`,
+                variant: l.headingExtraSmall,
                 element: "span",
                 children: d
               }
             ) : null,
-            _ ? /* @__PURE__ */ a(
-              n,
-              {
-                className: `${e}__model ${e}__token-fix`,
-                variant: l.heading4,
-                element: "span",
-                children: _
-              }
-            ) : null
+            _ ? /* @__PURE__ */ e(s, { className: `${a}__model`, variant: l.headingExtraSmall, element: "span", children: _ }) : null
           ] }),
-          E ? /* @__PURE__ */ a(R, { hasSeparators: !0, className: `${e}__estimate ${e}__section`, children: /* @__PURE__ */ a(
-            V,
+          O ? /* @__PURE__ */ e(L, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
+            R,
             {
-              className: `${e}__estimate__label`,
-              label: b,
-              value: i || m,
-              hasWrap: !1
+              className: `${a}__estimate__label`,
+              label: g,
+              value: n || i,
+              hasWrap: !1,
+              textVariant: l.labelSmall
             }
           ) }) : null,
-          /* @__PURE__ */ a("div", { className: `${e}__section`, children: N })
+          /* @__PURE__ */ e("div", { className: `${a}__section`, children: f })
         ] })
       ] });
     }

package/dist/patterns/ObjectTile/ObjectTile.stories.d.ts

@@ -42,3 +42,39 @@ export declare const Playground: {
     };
     argTypes: {};
 };
+export declare const WithCountdownTimer: {
+    (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+        badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
+        favoriteElement: () => import("react/jsx-runtime").JSX.Element;
+        estimate: string;
+        element: string;
+        href: string;
+        imageUrl: string;
+        lotNumber: string;
+        makerText: string;
+        titleText: string;
+        referenceNumber: string;
+        modelText: string;
+    };
+};
+export declare const SoldState: {
+    (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+        badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
+        favoriteElement: () => import("react/jsx-runtime").JSX.Element;
+        estimate: string;
+        element: string;
+        href: string;
+        imageUrl: string;
+        lotNumber: string;
+        makerText: string;
+        titleText: string;
+        referenceNumber: string;
+        modelText: string;
+    };
+};

package/dist/patterns/PhoneNumberInput/PhoneNumberInput.js

@@ -1,12 +1,12 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import b, { forwardRef as P } from "react";
-import { getCommonProps as _, px as x, useNormalizedInputProps as I } from "../../utils/index.js";
+import b, { forwardRef as _ } from "react";
+import { getCommonProps as P, px as x, useNormalizedInputProps as I } from "../../utils/index.js";
 import $ from "../../node_modules/classnames/index.js";
 import S from "../CountryPicker/CountryPicker.js";
 import T from "../../components/Input/Input.js";
 import { getSafeCountryCallingCode as L } from "../CountryPicker/utils.js";
 import { countries as j } from "../CountryPicker/constants.js";
-const k = P(
+const k = _(
   ({
     className: l,
     value: s = "",
@@ -19,7 +19,7 @@ const k = P(
     disabled: y = !1,
     ...f
   }, g) => {
-    const { className: t, ...v } = _(f, "PhoneNumberInput"), [o, C] = b.useState(c || void 0), i = j.find((d) => d.code === o), N = (d) => {
+    const { className: t, ...v } = P(f, "PhoneNumberInput"), [o, N] = b.useState(c || void 0), i = j.find((d) => d.code === o), C = (d) => {
       u?.(d.target.value, o || "");
     }, r = I({
       id: "phone-input",
@@ -53,19 +53,20 @@ const k = P(
               selectButtonLabel: "Select",
               isPhone: !0,
               value: i?.code,
-              onChange: C
+              onChange: N
             }
           )
         ] }),
         /* @__PURE__ */ e("div", { className: `${t}__input`, children: /* @__PURE__ */ e(
           T,
           {
+            className: `${t}__input-phone`,
             id: "phone-input",
             type: "tel",
             labelText: `${n.replace("*", "")} phone`,
             hideLabel: !0,
             value: s,
-            onChange: N,
+            onChange: C,
             required: m,
             invalid: !!a,
             disabled: y,

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,56 +1,48 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import L from "../../node_modules/classnames/index.js";
-import { forwardRef as T } from "react";
-import b from "../../components/Button/Button.js";
-import { ButtonVariants as y } from "../../components/Button/types.js";
-import A from "../../components/SeldonImage/SeldonImage.js";
-import { TextVariants as e } from "../../components/Text/types.js";
-import s from "../../components/Text/Text.js";
-import { SSRMediaQuery as I } from "../../providers/SeldonProvider/utils.js";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import g from "../../node_modules/classnames/index.js";
+import { forwardRef as L } from "react";
+import T from "../../components/Button/Button.js";
+import { ButtonVariants as A } from "../../components/Button/types.js";
+import I from "../../components/SeldonImage/SeldonImage.js";
+import { TextVariants as l } from "../../components/Text/types.js";
+import e from "../../components/Text/Text.js";
+import { SSRMediaQuery as M } from "../../providers/SeldonProvider/utils.js";
 import { getCommonProps as x } from "../../utils/index.js";
-import { SaleCardVariants as p, SaleCardImageDisplay as P } from "./types.js";
-const R = T(
+import { SaleCardVariants as f, SaleCardImageDisplay as P } from "./types.js";
+const R = L(
   ({
-    className: f,
-    imageSrc: t,
-    imageAlt: N = "Auction Image",
-    auctionType: $,
-    titleText: h,
-    date: g,
-    location: u,
+    className: p,
+    imageSrc: s,
+    imageAlt: h = "Auction Image",
+    auctionType: S,
+    titleText: N,
+    date: $,
+    location: v,
     badgeText: o,
-    modalButtonOnClick: l,
-    modalButtonText: n,
-    variant: i = p.DEFAULT,
+    modalButtonOnClick: n,
+    modalButtonText: t,
+    variant: m = f.DEFAULT,
     children: c,
     imageDisplay: d = P.LEFT,
     ..._
-  }, v) => {
-    const { className: a, ...S } = x(_, "SaleCard"), C = L(a, f, {
-      [`${a}--${i}`]: i,
-      [`${a}--image-${d}`]: d
-    }), E = { ...S, ..._ };
-    return /* @__PURE__ */ m("article", { ...E, className: C, ref: v, children: [
-      t ? /* @__PURE__ */ r(A, { src: t, alt: N, className: `${a}__image` }) : null,
-      /* @__PURE__ */ m("div", { className: `${a}__details`, children: [
-        /* @__PURE__ */ r(s, { variant: e.badge, className: `${a}__auction-type`, children: $ }),
-        /* @__PURE__ */ r(s, { variant: e.title3, children: h }),
-        o && /* @__PURE__ */ r(s, { variant: e.badge, className: `${a}__badge`, children: o }),
-        /* @__PURE__ */ m("div", { className: `${a}__info`, children: [
-          /* @__PURE__ */ r(s, { variant: e.string2, children: u }),
-          /* @__PURE__ */ r(s, { variant: e.string2, children: g }),
-          n && l && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
-            b,
-            {
-              onClick: l,
-              variant: y.tertiary,
-              className: `${a}__modal-link-button`,
-              children: n
-            }
-          ) })
+  }, u) => {
+    const { className: r, ...C } = x(_, "SaleCard"), E = g(r, p, {
+      [`${r}--${m}`]: m,
+      [`${r}--image-${d}`]: d
+    }), b = { ...C, ..._ };
+    return /* @__PURE__ */ i("article", { ...b, className: E, ref: u, children: [
+      s ? /* @__PURE__ */ a(I, { src: s, alt: h, className: `${r}__image` }) : null,
+      /* @__PURE__ */ i("div", { className: `${r}__details`, children: [
+        /* @__PURE__ */ a(e, { variant: l.labelSmall, children: S }),
+        /* @__PURE__ */ a(e, { variant: l.headingSmall, className: `${r}__title`, children: N }),
+        o && /* @__PURE__ */ a(e, { variant: l.labelSmall, className: `${r}__badge`, children: o }),
+        /* @__PURE__ */ i("div", { className: `${r}__info`, children: [
+          /* @__PURE__ */ a(e, { variant: l.labelMedium, children: v }),
+          /* @__PURE__ */ a(e, { variant: l.labelMedium, children: $ }),
+          t && n && /* @__PURE__ */ a("div", { className: `${r}__modal-link`, children: /* @__PURE__ */ a(T, { onClick: n, variant: A.link, children: /* @__PURE__ */ a(e, { variant: l.labelSmall, children: t }) }) })
         ] })
       ] }),
-      i !== p.RELATED_SALE_TILE && c && /* @__PURE__ */ r("div", { className: `${a}__ctas`, children: /* @__PURE__ */ r(I.Media, { greaterThanOrEqual: "md", children: c }) })
+      m !== f.RELATED_SALE_TILE && c && /* @__PURE__ */ a("div", { className: `${r}__ctas`, children: /* @__PURE__ */ a(M.Media, { greaterThanOrEqual: "md", children: c }) })
     ] });
   }
 );

package/dist/patterns/SaleCard/SaleCard.stories.d.ts

@@ -18,7 +18,7 @@ export declare const SaleCardPlayground: {
 export declare const SaleCardRelated: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithPrimaryAndSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithPrimaryCTA: () => import("react/jsx-runtime").JSX.Element;
-export declare const SaleCardWithSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithRegistrationStatus: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithDownloadLink: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardNoCTA: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithLink: () => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
 import { getCommonProps as c } from "../../utils/index.js";
-const i = t(({ children: a, ...o }, s) => {
-  const { className: r, ...m } = c(o, "SaleCardActions");
-  return /* @__PURE__ */ e("div", { className: `${r}__ctas`, ...m, ref: s, children: a });
+import i from "../../components/Text/Text.js";
+const l = e(({ children: o, ...a }, r) => {
+  const { className: s, ...m } = c(a, "SaleCardActions");
+  return /* @__PURE__ */ t(i, { className: `${s}__ctas`, ...m, ref: r, children: o });
 });
-i.displayName = "SaleCardActions";
+l.displayName = "SaleCardActions";
 export {
-  i as SaleCardActions,
-  i as default
+  l as SaleCardActions,
+  l as default
 };

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,4 +1,4 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
 import { forwardRef as R } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
 import F from "../../node_modules/classnames/index.js";
@@ -6,69 +6,69 @@ import f from "../../components/Countdown/Countdown.js";
 import O from "../../components/SeldonImage/SeldonImage.js";
 import { AuctionStatus as q } from "../../types/commonTypes.js";
 import { TextVariants as r } from "../../components/Text/types.js";
-import t from "../../components/Text/Text.js";
+import l from "../../components/Text/Text.js";
 import z from "../../components/PageContentWrapper/PageContentWrapper.js";
-import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as u } from "../../providers/SeldonProvider/utils.js";
 const A = R(
   ({
-    auctionEndTime: i,
-    auctionTitle: o,
-    badgeText: c,
-    imageSrcUrl: v,
-    imageSrcSet: N,
-    imageSizes: u,
-    imageLoading: S,
-    imageFetchPriority: $,
-    location: w,
-    countdownTimerLabel: B,
-    countdownFormatDuration: b,
-    auctionState: k,
-    occurrenceInformation: x,
+    auctionEndTime: s,
+    auctionTitle: n,
+    badgeText: o,
+    imageSrcUrl: N,
+    imageSrcSet: v,
+    imageSizes: g,
+    imageLoading: $,
+    imageFetchPriority: S,
+    location: b,
+    countdownTimerLabel: M,
+    countdownFormatDuration: w,
+    auctionState: B,
+    occurrenceInformation: k,
     onClick: I,
-    children: C,
-    className: P,
-    footerElement: j,
-    headerLabel: y,
-    showTimer: l,
-    getCurrentDateTime: H,
-    ...s
+    children: x,
+    className: C,
+    footerElement: P,
+    headerLabel: j,
+    showTimer: c,
+    getCurrentDateTime: y,
+    ...t
   }, m) => {
-    const { className: e, ...d } = D(s, "SaleHeaderBanner"), _ = k === q.live, p = {
-      endDateTime: i,
-      label: B,
-      formatDurationStr: b,
-      getCurrentDateTime: H
+    const { className: e, ...d } = D(t, "SaleHeaderBanner"), _ = B === q.live, h = {
+      endDateTime: s,
+      label: M,
+      formatDurationStr: w,
+      getCurrentDateTime: y
     };
-    return /* @__PURE__ */ n("div", { ...d, className: F(e, P), ...s, ref: m, children: [
-      _ && i && l ? /* @__PURE__ */ a(g.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...p, showBottomBorder: !1 }) }) }) : null,
+    return /* @__PURE__ */ i("div", { ...d, className: F(e, C), ...t, ref: m, children: [
+      _ && s && c ? /* @__PURE__ */ a(u.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...h, showBottomBorder: !1 }) }) }) : null,
       /* @__PURE__ */ a(
         O,
         {
           aspectRatio: "16/9",
-          src: v,
-          alt: String(o),
+          src: N,
+          alt: String(n),
           objectFit: "cover",
           className: `${e}__image`,
-          srcSet: N,
-          sizes: u,
-          loading: S,
-          fetchPriority: $
+          srcSet: v,
+          sizes: g,
+          loading: $,
+          fetchPriority: S
         }
       ),
-      /* @__PURE__ */ a(z, { className: `${e}__stack-wrapper`, ...d, ...s, ref: m, children: /* @__PURE__ */ n("div", { className: `${e}__stack`, children: [
-        _ && i && l ? /* @__PURE__ */ a(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...p }) }) }) : null,
-        /* @__PURE__ */ a(t, { variant: r.badge, children: y }),
-        /* @__PURE__ */ a(t, { variant: r.title1, children: o }),
-        c && /* @__PURE__ */ a(t, { variant: r.badge, className: `${e}__badge`, children: c }),
-        /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__location`, children: w }),
-        /* @__PURE__ */ n("div", { className: `${e}__occurrence-details`, children: [
-          x.map(({ date: h, occurrenceLabel: M }) => /* @__PURE__ */ n("div", { className: `${e}__occurrence-details-text`, children: [
-            /* @__PURE__ */ a(t, { variant: r.string2, children: M }),
-            /* @__PURE__ */ a(t, { variant: r.string2, className: `${e}__date`, children: h })
-          ] }, String(h))),
-          C
+      /* @__PURE__ */ a(z, { className: `${e}__stack-wrapper`, ...d, ...t, ref: m, children: /* @__PURE__ */ i("div", { className: `${e}__stack`, children: [
+        _ && s && c ? /* @__PURE__ */ a(u.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(f, { ...h }) }) }) : null,
+        /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__header-label`, children: j }),
+        /* @__PURE__ */ a(l, { className: `${e}__title`, variant: r.headingLarge, children: n }),
+        o && /* @__PURE__ */ a(l, { variant: r.badge, className: `${e}__badge`, children: o }),
+        /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__location`, children: b }),
+        /* @__PURE__ */ i("div", { className: `${e}__occurrence-details`, children: [
+          k.map(({ date: p, occurrenceLabel: H }) => /* @__PURE__ */ i("div", { className: `${e}__occurrence-details-text`, children: [
+            /* @__PURE__ */ a(l, { variant: r.labelMedium, children: H }),
+            /* @__PURE__ */ a(l, { variant: r.labelMedium, className: `${e}__date`, children: p })
+          ] }, String(p))),
+          x
         ] }),
-        j
+        P
       ] }) })
     ] });
   }

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js

@@ -1,20 +1,27 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { getCommonProps as m } from "../../utils/index.js";
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { getCommonProps as i } from "../../utils/index.js";
 import { TextVariants as n } from "../../components/Text/types.js";
 import l from "../../components/Text/Text.js";
 import "../../components/Link/types.js";
 import c from "../../components/Link/Link.js";
-const d = i(
-  ({ ctaText: r = "View Calendar", ctaLabel: a = "Browse Upcoming Sale", className: f, ...o }, p) => {
-    const { className: s } = m(o, "SaleHeaderBanner");
-    return /* @__PURE__ */ t("div", { className: `${s}__occurrence-details-text`, children: [
-      /* @__PURE__ */ e(l, { variant: n.string2, children: a }),
-      /* @__PURE__ */ e(c, { href: "/calendar", children: r })
-    ] });
+import d from "../../node_modules/classnames/index.js";
+const f = m(
+  ({ ctaText: a = "View Calendar", ctaLabel: o = "Browse Upcoming Sale", className: p, ...s }, u) => {
+    const { className: e } = i(s, "SaleHeaderBanner");
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        className: d(`${e}__occurrence-details-text`, `${e}__browse-auctions-text`),
+        children: [
+          /* @__PURE__ */ r(l, { variant: n.labelMedium, children: o }),
+          /* @__PURE__ */ r(c, { href: "/calendar", children: a })
+        ]
+      }
+    );
   }
 );
-d.displayName = "SaleHeaderBrowseAuctions";
+f.displayName = "SaleHeaderBrowseAuctions";
 export {
-  d as default
+  f as default
 };

package/dist/patterns/Social/Social.js

@@ -1,25 +1,25 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
-import { getCommonProps as p } from "../../utils/index.js";
-import d from "../../components/Button/Button.js";
-import { forwardRef as N } from "react";
-import { ButtonVariants as u } from "../../components/Button/types.js";
-import { TextVariants as h } from "../../components/Text/types.js";
-import x from "../../components/Text/Text.js";
-const b = N(
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
+import { getCommonProps as u } from "../../utils/index.js";
+import N from "../../components/Button/Button.js";
+import { forwardRef as h } from "react";
+import { ButtonVariants as S } from "../../components/Button/types.js";
+import { TextVariants as t } from "../../components/Text/types.js";
+import m from "../../components/Text/Text.js";
+const b = h(
   ({
-    className: t,
-    children: e,
-    titleText: m = "Never Miss A Moment",
-    buttonText: s = "Subscribe To Our Newsletter",
-    onSubscribeClick: i,
+    className: e,
+    children: s,
+    titleText: i = "Never miss a moment",
+    buttonText: l = "Subscribe to our newsletter",
+    onSubscribeClick: n,
     ...o
-  }, n) => {
-    const { className: r, ...c } = p(o, "Social");
-    return /* @__PURE__ */ l("div", { ref: n, ...c, className: f(r, t), ...o, children: [
-      /* @__PURE__ */ a(x, { variant: h.heading4, className: `${r}__header`, children: m }),
-      /* @__PURE__ */ a(d, { onClick: i, variant: u.tertiary, className: `${r}__button`, children: s }),
-      e
+  }, c) => {
+    const { className: a, ...f } = u(o, "Social");
+    return /* @__PURE__ */ d("div", { ref: c, ...f, className: p(a, e), ...o, children: [
+      /* @__PURE__ */ r(m, { variant: t.headingSmall, className: `${a}__header`, children: i }),
+      /* @__PURE__ */ r(N, { onClick: n, variant: S.tertiary, className: `${a}__button`, children: /* @__PURE__ */ r(m, { variant: t.labelSmall, children: l }) }),
+      s
     ] });
   }
 );

package/dist/patterns/Subscribe/Subscribe.stories.d.ts

@@ -15,7 +15,6 @@ export declare const Playground: {
         blurb: string;
         subscriptionState: SubscriptionState;
         invalidText: string;
-        warn: boolean;
         successText: string;
     };
 };

package/dist/patterns/TextBanner/TextBanner.js

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { getCommonProps as p } from "../../utils/index.js";
-import n from "../../node_modules/classnames/index.js";
-import { TextVariants as d } from "../../components/Text/types.js";
-import f from "../../components/Text/Text.js";
-const x = c(
-  ({ headerText: o, className: t, description: a, ...s }, m) => {
-    const { className: e, ...i } = p(s, "TextBanner");
-    return /* @__PURE__ */ r("header", { ...i, className: n(e, t), ref: m, ...s, children: /* @__PURE__ */ l("span", { className: n(`${e}__content-wrapper`), children: [
-      /* @__PURE__ */ r(f, { variant: d.snwHeadingHero1, children: o }),
-      a ? /* @__PURE__ */ r("p", { className: `${e}__text-description`, children: a }) : null
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { getCommonProps as d } from "../../utils/index.js";
+import s from "../../node_modules/classnames/index.js";
+import { TextVariants as f } from "../../components/Text/types.js";
+import t from "../../components/Text/Text.js";
+const x = p(
+  ({ headerText: n, className: o, description: r, ...m }, l) => {
+    const { className: e, ...c } = d(m, "TextBanner");
+    return /* @__PURE__ */ a("header", { ...c, className: s(e, o), ref: l, ...m, children: /* @__PURE__ */ i("span", { className: s(`${e}__content-wrapper`), children: [
+      /* @__PURE__ */ a(t, { className: `${e}__header-text`, variant: f.displaySmall, children: n }),
+      r ? /* @__PURE__ */ a(t, { element: "p", children: r }) : null
     ] }) });
   }
 );