@phillips/seldon 1.181.0 → 1.182.0

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -1,8 +1,8 @@
-import { jsxs as l, jsx as a, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
 import { getCommonProps as P } from "../../utils/index.js";
 import k from "../../node_modules/classnames/index.js";
-import n from "../../components/Text/Text.js";
+import l from "../../components/Text/Text.js";
 import { TextVariants as c } from "../../components/Text/types.js";
 import y from "../../components/Divider/Divider.js";
 import x from "../../components/Button/Button.js";
@@ -10,33 +10,33 @@ import { ButtonVariants as L } from "../../components/Button/types.js";
 import m from "../../components/Icon/Icon.js";
 import f from "../../components/IconButton/IconButton.js";
 import { SSRMediaQuery as h } from "../../providers/SeldonProvider/utils.js";
-const M = g(
-  ({ className: _, title: N, subtitle: t, actionButtons: o, overline: s, showDivider: v = !0, ...b }, u) => {
-    const { className: e, ...C } = P(b, "AccountPageHeader"), i = o?.find((r) => r.isPrimary), d = o?.filter((r) => !r.isPrimary), $ = () => /* @__PURE__ */ l("div", { className: `${e}__button-wrapper`, children: [
-      d && /* @__PURE__ */ a(p, { children: d.map((r) => /* @__PURE__ */ a(f, { onClick: r.onClick, "aria-label": r.ariaLabel, children: /* @__PURE__ */ a(m, { icon: r.icon, "aria-label": r.ariaLabel, title: r.ariaLabel }) }, `icon-button-${r.icon}`)) }),
-      i && /* @__PURE__ */ l(p, { children: [
-        /* @__PURE__ */ a(h.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ l(x, { variant: L.secondary, onClick: i.onClick, children: [
-          /* @__PURE__ */ a(m, { icon: i.icon }),
+const T = b(
+  ({ className: _, title: N, subtitle: t, actionButtons: o, overline: s, showDivider: v = !0, ...g }, u) => {
+    const { className: i, ...C } = P(g, "AccountPageHeader"), e = o?.find((a) => a.isPrimary), d = o?.filter((a) => !a.isPrimary), $ = () => /* @__PURE__ */ n("div", { className: `${i}__button-wrapper`, children: [
+      d && /* @__PURE__ */ r(p, { children: d.map((a) => /* @__PURE__ */ r(f, { onClick: a.onClick, "aria-label": a.ariaLabel, children: /* @__PURE__ */ r(m, { icon: a.icon, "aria-label": a.ariaLabel, title: a.ariaLabel }) }, `icon-button-${a.icon}`)) }),
+      e && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ r(h.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ n(x, { variant: L.secondary, onClick: e.onClick, children: [
+          /* @__PURE__ */ r(m, { icon: e.icon }),
           " ",
-          i.label
+          e.label
         ] }) }),
-        /* @__PURE__ */ a(h.Media, { lessThan: "md", children: /* @__PURE__ */ a(f, { onClick: i.onClick, "aria-label": i.ariaLabel, children: /* @__PURE__ */ a(m, { icon: i.icon, title: i.ariaLabel }) }) })
+        /* @__PURE__ */ r(h.Media, { lessThan: "md", children: /* @__PURE__ */ r(f, { onClick: e.onClick, "aria-label": e.ariaLabel, children: /* @__PURE__ */ r(m, { icon: e.icon, title: e.ariaLabel }) }) })
       ] })
     ] });
-    return /* @__PURE__ */ l("div", { ...C, className: k(e, _), ref: u, children: [
-      /* @__PURE__ */ l("div", { className: `${e}__container`, children: [
-        s && /* @__PURE__ */ a(n, { variant: c.labelMd, className: `${e}__overline`, children: s }),
-        /* @__PURE__ */ l("div", { className: `${e}__title-wrapper`, children: [
-          /* @__PURE__ */ a(n, { variant: c.title1, className: `${e}__title`, children: N }),
+    return /* @__PURE__ */ n("div", { ...C, className: k(i, _), ref: u, children: [
+      /* @__PURE__ */ n("div", { className: `${i}__container`, children: [
+        s && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__overline`, children: s }),
+        /* @__PURE__ */ n("div", { className: `${i}__title-wrapper`, children: [
+          /* @__PURE__ */ r(l, { variant: c.title1, className: `${i}__title`, children: N }),
           o && o.length > 0 && $()
         ] }),
-        t && /* @__PURE__ */ a(n, { variant: c.labelMd, className: `${e}__subtitle`, children: t })
+        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__subtitle`, children: t })
       ] }),
-      v && /* @__PURE__ */ a(y, { className: `${e}__divider` })
+      v && /* @__PURE__ */ r(y, { className: `${i}__divider` })
     ] });
   }
 );
-M.displayName = "AccountPageHeader";
+T.displayName = "AccountPageHeader";
 export {
-  M as default
+  T as default
 };

package/dist/patterns/BidSnapshot/BidMessage.js

@@ -5,19 +5,19 @@ import { TextVariants as h } from "../../components/Text/types.js";
 import g from "../../components/Text/Text.js";
 import { BidMessageVariants as i } from "./types.js";
 import t from "../../components/Icon/Icon.js";
-const I = ({
+const M = ({
   className: r,
-  hasIcon: a = !0,
-  message: m,
+  hasIcon: m = !0,
+  message: a,
   variant: n = i.positive,
   ...o
 }) => {
   const { className: s, ...c } = f(o, "BidMessage"), l = n === i.positive ? /* @__PURE__ */ e(t, { icon: "IconGreenCircle", height: 8, width: 8 }) : /* @__PURE__ */ e(t, { icon: "IconRedCircle", height: 8, width: 8 });
   return /* @__PURE__ */ d("div", { ...c, className: p(s, r), ...o, children: [
-    a ? l : null,
-    /* @__PURE__ */ e(g, { variant: h.labelMd, className: `${s}-text`, children: m })
+    m ? l : null,
+    /* @__PURE__ */ e(g, { variant: h.string2, className: `${s}-text`, children: a })
   ] });
 };
 export {
-  I as default
+  M as default
 };

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -156,7 +156,7 @@ const S = ({
       return /* @__PURE__ */ t("div", { ...p, className: l(i, o), ref: O, id: e, children: /* @__PURE__ */ c("div", { className: `${i}__content`, children: [
         /* @__PURE__ */ c("div", { className: `${i}__header`, children: [
           /* @__PURE__ */ c("div", { className: `${i}__info`, children: [
-            m && /* @__PURE__ */ t(v, { element: "span", className: `${i}__count`, variant: g.bodySm, children: u && m && u(a) }),
+            m && /* @__PURE__ */ t(v, { element: "span", className: `${i}__count`, variant: g.body3, children: u && m && u(a) }),
             r && /* @__PURE__ */ t(v, { element: "h3", className: `${i}__title`, variant: g.heading5, children: r })
           ] }),
           m && f && /* @__PURE__ */ c(q, { children: [

package/dist/patterns/FiltersInline/FilterButton.js

@@ -9,23 +9,23 @@ import F from "../../components/Text/Text.js";
 import { px as t } from "../../utils/index.js";
 import { getIcon as w } from "./utils.js";
 const B = b.forwardRef(
-  ({ className: l, label: m, onClick: n, isSelected: a, type: r = "ChevronDown", count: f, id: o, ariaLabel: s, isMobile: c, totalCount: i }, d) => /* @__PURE__ */ p(
+  ({ className: m, label: n, onClick: l, isSelected: a, type: r = "ChevronDown", count: s, id: i, ariaLabel: f, isMobile: c, totalCount: o }, d) => /* @__PURE__ */ p(
     $,
     {
       ref: d,
-      className: u(`${t}-filter-button`, l, {
-        [`${t}-filter-button--selected`]: a || f > 0 || r === "Filter" && i > 0,
+      className: u(`${t}-filter-button`, m, {
+        [`${t}-filter-button--selected`]: a || s > 0 || r === "Filter" && o > 0,
         [`${t}-filter-button--filter`]: r === "Filter"
       }),
-      "aria-label": s,
+      "aria-label": f,
       variant: h.secondary,
-      "data-testid": `${o}-filter-button`,
+      "data-testid": `${i}-filter-button`,
       "data-viewport": c ? "mobile" : "desktop",
-      onClick: n,
+      onClick: l,
       children: [
-        /* @__PURE__ */ e(F, { variant: v.labelMd, "data-testid": `${o}-filter-label`, children: m }),
+        /* @__PURE__ */ e(F, { variant: v.string2, "data-testid": `${i}-filter-label`, children: n }),
         /* @__PURE__ */ e(x, { icon: w(r, a), height: 8, width: 8, className: `${t}__icon` }),
-        i > 0 && r === "Filter" && /* @__PURE__ */ e("div", { className: `${t}-filter-button--count`, "data-testid": `${o}-filter-count`, children: i })
+        o > 0 && r === "Filter" && /* @__PURE__ */ e("div", { className: `${t}-filter-button--count`, "data-testid": `${i}-filter-count`, children: o })
       ]
     }
   )

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

@@ -1,83 +1,83 @@
-import { jsxs as p, jsx as t, Fragment as g } from "react/jsx-runtime";
-import a from "../../node_modules/classnames/index.js";
+import { jsxs as p, jsx as r, Fragment as C } from "react/jsx-runtime";
+import e from "../../node_modules/classnames/index.js";
 import F from "react";
 import n from "../../components/Button/Button.js";
 import { ButtonVariants as s } from "../../components/Button/types.js";
 import v from "../../components/Filter/FilterHeader.js";
 import D from "../../components/Filter/FilterInput.js";
 import m from "../../components/Text/Text.js";
-import { TextVariants as d } from "../../components/Text/types.js";
+import { TextVariants as c } from "../../components/Text/types.js";
 import { px as B } from "../../utils/index.js";
-import { getFilterButtonLabel as M, getFilterDimensions as S, handleInputChange as j } from "./utils.js";
-const A = F.forwardRef(
+import { getFilterButtonLabel as S, getFilterDimensions as j, handleInputChange as A } from "./utils.js";
+const I = F.forwardRef(
   ({
     className: f,
-    buttonType: l,
+    buttonType: i,
     filters: _,
     filterIndex: h,
     onSelectFilter: b,
     onClickClear: u,
-    onApplyFilter: c,
+    onApplyFilter: d,
     resultsCount: $,
     ariaLabels: N,
     filterButtonLabel: x,
-    filterButtonLabelTranslated: k,
-    dropdownMenuTranslation: i
-  }, w) => {
-    const o = l === "Sort", e = `${B}-filter-dropdown-menu`;
+    filterButtonLabelTranslated: g,
+    dropdownMenuTranslation: o
+  }, k) => {
+    const l = i === "Sort", t = `${B}-filter-dropdown-menu`;
     return /* @__PURE__ */ p(
       "div",
       {
-        className: a(e, f),
-        ref: w,
+        className: e(t, f),
+        ref: k,
         "data-testid": "filter-dropdown-desktop",
-        "aria-label": N || `${l} dropdown desktop`,
+        "aria-label": N || `${i} dropdown desktop`,
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             v,
             {
-              heading: M(x, null, k || null),
-              className: a(`${e}__header`)
+              heading: S(x, null, g || null),
+              className: e(`${t}__header`)
             }
           ),
-          /* @__PURE__ */ t("div", { className: a(`${e}__filters`), children: S(_, h).map((r) => /* @__PURE__ */ t(
+          /* @__PURE__ */ r("div", { className: e(`${t}__filters`), children: j(_, h).map((a) => /* @__PURE__ */ r(
             D,
             {
-              id: r.label,
-              labelText: r.label,
-              name: r.label,
-              type: o ? "radio" : "checkbox",
-              checked: r.active,
-              disabled: r?.disabled,
-              onChange: (C) => j(C, l ?? "", b)
+              id: a.label,
+              labelText: a.label,
+              name: a.label,
+              type: l ? "radio" : "checkbox",
+              checked: a.active,
+              disabled: a?.disabled,
+              onChange: (w) => A(w, i ?? "", b)
             },
-            r.label
+            a.label
           )) }),
-          /* @__PURE__ */ t("div", { className: a(o ? `${e}__button-wrap` : `${e}__buttons-wrap`), children: o ? /* @__PURE__ */ t(
+          /* @__PURE__ */ r("div", { className: e(l ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: l ? /* @__PURE__ */ r(
             n,
             {
-              className: a(`${e}__button`),
+              className: e(`${t}__button`),
               variant: s.primary,
-              onClick: () => c?.(!1),
-              children: /* @__PURE__ */ t(m, { variant: d.labelMd, className: `${e}__button-text`, children: i?.confirm || "Confirm" })
+              onClick: () => d?.(!1),
+              children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.confirm || "Confirm" })
             }
-          ) : /* @__PURE__ */ p(g, { children: [
-            /* @__PURE__ */ t(
+          ) : /* @__PURE__ */ p(C, { children: [
+            /* @__PURE__ */ r(
               n,
               {
-                className: a(`${e}__buttons`),
+                className: e(`${t}__buttons`),
                 variant: s.secondary,
-                onClick: () => u?.(l ?? ""),
-                children: /* @__PURE__ */ t(m, { variant: d.labelMd, children: i?.clearAll || "Clear all" })
+                onClick: () => u?.(i ?? ""),
+                children: /* @__PURE__ */ r(m, { variant: c.string2, children: o?.clearAll || "Clear all" })
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ r(
               n,
               {
-                className: a(`${e}__buttons`),
+                className: e(`${t}__buttons`),
                 variant: s.primary,
-                onClick: () => c?.(!1),
-                children: /* @__PURE__ */ t(m, { variant: d.labelMd, className: `${e}__button-text`, children: i?.showAuctions || `Show ${$} Auctions` })
+                onClick: () => d?.(!1),
+                children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.showAuctions || `Show ${$} Auctions` })
               }
             )
           ] }) })
@@ -86,7 +86,7 @@ const A = F.forwardRef(
     );
   }
 );
-A.displayName = "FilterDropdownMenuDesktop";
+I.displayName = "FilterDropdownMenuDesktop";
 export {
-  A as FilterDropdownMenuDesktop
+  I as FilterDropdownMenuDesktop
 };

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js

@@ -1,88 +1,88 @@
-import { jsxs as b, jsx as e, Fragment as C } from "react/jsx-runtime";
-import a from "../../node_modules/classnames/index.js";
-import g from "react";
+import { jsxs as d, jsx as r, Fragment as g } from "react/jsx-runtime";
+import e from "../../node_modules/classnames/index.js";
+import C from "react";
 import n from "../../components/Button/Button.js";
 import { ButtonVariants as s } from "../../components/Button/types.js";
 import k from "../../components/Filter/FilterInput.js";
 import m from "../../components/Text/Text.js";
 import { TextVariants as c } from "../../components/Text/types.js";
 import { px as v } from "../../utils/index.js";
-import { getFilterDimensions as F, handleInputChange as M } from "./utils.js";
-const B = g.forwardRef(
+import { getFilterDimensions as F, handleInputChange as B } from "./utils.js";
+const D = C.forwardRef(
   ({
-    className: _,
-    buttonType: i,
+    className: b,
+    buttonType: o,
     filters: f,
     filterIndex: p,
-    onApplyFilter: d,
+    onApplyFilter: _,
     onClickClear: $,
     onSelectFilter: h,
     resultsCount: u,
     ariaLabels: x,
-    dropdownMenuTranslation: o
+    dropdownMenuTranslation: a
   }, N) => {
-    const l = i === "Sort", t = `${v}-filter-dropdown-menu`;
-    return /* @__PURE__ */ b(
+    const l = o === "Sort", t = `${v}-filter-dropdown-menu`;
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: a(`${t}`, _, `${t}--mobile`),
+        className: e(`${t}`, b, `${t}--mobile`),
         ref: N,
         "data-testid": "filter-dropdown-mobile",
-        "aria-label": x || `${i} dropdown mobile`,
+        "aria-label": x || `${o} dropdown mobile`,
         children: [
-          /* @__PURE__ */ e("div", { className: a(`${t}__filters`, `${t}__filters--mobile`), children: F(f, p).map((r) => /* @__PURE__ */ e(
+          /* @__PURE__ */ r("div", { className: e(`${t}__filters`, `${t}__filters--mobile`), children: F(f, p).map((i) => /* @__PURE__ */ r(
             k,
             {
-              id: r.label,
-              labelText: r.label,
-              name: r.label,
+              id: i.label,
+              labelText: i.label,
+              name: i.label,
               type: l ? "radio" : "checkbox",
-              checked: r.active,
-              disabled: r?.disabled,
-              onChange: (w) => M(w, i ?? "", h)
+              checked: i.active,
+              disabled: i?.disabled,
+              onChange: (w) => B(w, o ?? "", h)
             },
-            r.label
+            i.label
           )) }),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ r(
             "div",
             {
-              className: a(
+              className: e(
                 l ? `${t}__button-wrap` : `${t}__buttons-wrap`,
                 `${t}__mobile-wrap`
               ),
-              children: l ? /* @__PURE__ */ e(
+              children: l ? /* @__PURE__ */ r(
                 n,
                 {
-                  className: a(`${t}__button`, `${t}__button--mobile`),
+                  className: e(`${t}__button`, `${t}__button--mobile`),
                   variant: s.primary,
-                  onClick: () => d?.(!1),
-                  children: /* @__PURE__ */ e(m, { variant: c.labelLg, className: `${t}__button-text`, children: o?.confirm || "Confirm" })
+                  onClick: () => _?.(!1),
+                  children: /* @__PURE__ */ r(m, { variant: c.string1, className: `${t}__button-text`, children: a?.confirm || "Confirm" })
                 }
-              ) : /* @__PURE__ */ b(C, { children: [
-                /* @__PURE__ */ e(
+              ) : /* @__PURE__ */ d(g, { children: [
+                /* @__PURE__ */ r(
                   n,
                   {
-                    className: a(
+                    className: e(
                       `${t}__buttons`,
                       `${t}__buttons--mobile`,
                       `${t}__buttons--left`
                     ),
                     variant: s.secondary,
-                    onClick: () => $?.(i ?? ""),
-                    children: /* @__PURE__ */ e(m, { variant: c.labelMd, children: o?.clearAll || "Clear all" })
+                    onClick: () => $?.(o ?? ""),
+                    children: /* @__PURE__ */ r(m, { variant: c.string2, children: a?.clearAll || "Clear all" })
                   }
                 ),
-                /* @__PURE__ */ e(
+                /* @__PURE__ */ r(
                   n,
                   {
-                    className: a(
+                    className: e(
                       `${t}__buttons`,
                       `${t}__buttons--mobile`,
                       `${t}__buttons--right`
                     ),
                     variant: s.primary,
-                    onClick: () => d?.(!1),
-                    children: /* @__PURE__ */ e(m, { variant: c.labelMd, className: `${t}__button-text`, children: o?.showAuctions || `Show ${u} Auctions` })
+                    onClick: () => _?.(!1),
+                    children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: a?.showAuctions || `Show ${u} Auctions` })
                   }
                 )
               ] })
@@ -93,7 +93,7 @@ const B = g.forwardRef(
     );
   }
 );
-B.displayName = "FilterDropdownMenuMobile";
+D.displayName = "FilterDropdownMenuMobile";
 export {
-  B as FilterDropdownMenuMobile
+  D as FilterDropdownMenuMobile
 };

package/dist/patterns/SaleCard/SaleCard.js

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

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

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

package/dist/patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js

@@ -1,15 +1,15 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-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 { forwardRef as i } from "react";
+import { getCommonProps as m } 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 = m(
+const d = i(
   ({ ctaText: r = "View Calendar", ctaLabel: a = "Browse Upcoming Sale", className: f, ...o }, p) => {
-    const { className: s } = i(o, "SaleHeaderBanner");
+    const { className: s } = m(o, "SaleHeaderBanner");
     return /* @__PURE__ */ t("div", { className: `${s}__occurrence-details-text`, children: [
-      /* @__PURE__ */ e(n, { variant: l.labelMd, children: a }),
+      /* @__PURE__ */ e(l, { variant: n.string2, children: a }),
       /* @__PURE__ */ e(c, { href: "/calendar", children: r })
     ] });
   }