@phillips/seldon 1.178.0 → 1.180.0

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -37,7 +37,7 @@ const G = C(
             {
               className: `${l}-atcb-item`,
               onSelect: () => k(a.action, a.link),
-              children: a.action === "link" ? /* @__PURE__ */ e(d, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(O, { variant: N.body2, children: a.label }) })
+              children: a.action === "link" ? /* @__PURE__ */ e(d, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(O, { variant: N.bodyMd, children: a.label }) })
             },
             a.label
           ))

package/dist/components/Article/Article.js

@@ -14,8 +14,8 @@ const b = u(
       a ? /* @__PURE__ */ l($, { aspectRatio: "16/9", src: a, alt: "bull" }) : null,
       /* @__PURE__ */ c("div", { className: `${t}__content`, children: [
         n ? /* @__PURE__ */ l(r, { variant: e.label, className: `${t}__content-label`, children: n }) : null,
-        o ? /* @__PURE__ */ l(r, { variant: e.heading3, className: `${t}__content-title`, children: o }) : null,
-        m ? /* @__PURE__ */ l(r, { variant: e.body2, className: `${t}__content-description`, children: m }) : null,
+        o ? /* @__PURE__ */ l(r, { variant: e.heading2, className: `${t}__content-title`, children: o }) : null,
+        m ? /* @__PURE__ */ l(r, { variant: e.bodyMd, className: `${t}__content-description`, children: m }) : null,
         s ? /* @__PURE__ */ l(f, { href: p, className: `${t}__content-link`, children: s }) : null
       ] })
     ] });

package/dist/components/ComposedModal/ComposedModal.js

@@ -39,7 +39,7 @@ const L = x(
         id: m,
         ref: _,
         children: [
-          /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__title`, children: N }),
+          /* @__PURE__ */ i(c, { variant: n.heading2, className: `${a}__title`, children: N }),
           /* @__PURE__ */ i(
             "div",
             {
@@ -54,7 +54,7 @@ const L = x(
               r && /* @__PURE__ */ i(d, { id: `${m}-secondary-btn`, variant: t.secondary, onClick: r.onClick, children: r.buttonLabel }),
               e && /* @__PURE__ */ i(d, { id: `${m}-primary-btn`, variant: t.primary, onClick: e.onClick, children: e.buttonLabel })
             ] }),
-            o && /* @__PURE__ */ i(c, { variant: n.heading5, className: `${a}__disclaimer`, children: o })
+            o && /* @__PURE__ */ i(c, { variant: n.heading3, className: `${a}__disclaimer`, children: o })
           ] })
         ]
       }

package/dist/components/ExitGateCard/ExitGateCard.js

@@ -36,9 +36,9 @@ const G = $(
         }
       ) : null,
       /* @__PURE__ */ p("div", { className: `${t}__content`, children: [
-        o ? /* @__PURE__ */ a(r, { variant: e.body2, element: "span", className: `${t}__content-label`, children: o }) : null,
+        o ? /* @__PURE__ */ a(r, { variant: e.bodyMd, element: "span", className: `${t}__content-label`, children: o }) : null,
         m ? /* @__PURE__ */ a(r, { variant: e.heading1, element: "span", className: `${t}__content-title`, children: m }) : null,
-        s ? /* @__PURE__ */ a(r, { variant: e.body2, element: "span", className: `${t}__content-description`, children: s }) : null,
+        s ? /* @__PURE__ */ a(r, { variant: e.bodyMd, element: "span", className: `${t}__content-description`, children: s }) : null,
         (l || c) && i ? /* @__PURE__ */ a(c, { href: i, children: /* @__PURE__ */ a(C, { variant: _, className: `${t}__content-link`, children: l }) }) : null
       ] })
     ] });

package/dist/components/FavoritingTileButton/FavoritingTileButton.js

@@ -1,38 +1,38 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
-import { getCommonProps as h } from "../../utils/index.js";
-import b from "../../node_modules/classnames/index.js";
+import { getCommonProps as b } from "../../utils/index.js";
+import h from "../../node_modules/classnames/index.js";
 import { TextVariants as t } from "../Text/types.js";
 import e from "../Text/Text.js";
-const g = v(
+const N = v(
   ({
     className: d,
     actionAddText: i = "Add to",
     actionRemoveText: m = "Remove from",
     isLotInList: r,
-    listTitle: n,
+    listTitle: l,
     numberOfObjects: c,
     onClick: f,
-    ...s
+    ...n
   }, p) => {
-    const { className: a, ...u } = h(s, "FavoritingTileButton");
-    return /* @__PURE__ */ l(
+    const { className: a, ...u } = b(n, "FavoritingTileButton");
+    return /* @__PURE__ */ s(
       "button",
       {
         ...u,
-        className: b(a, d, {
+        className: h(a, d, {
           [`${a}--lot-in-list`]: r
         }),
         onClick: f,
         ref: p,
-        id: s?.id,
-        "aria-label": `${r ? m : i} ${n}`,
+        id: n?.id,
+        "aria-label": `${r ? m : i} ${l}`,
         "aria-pressed": r,
         role: "switch",
         children: [
-          /* @__PURE__ */ l("div", { className: `${a}__text`, children: [
+          /* @__PURE__ */ s("div", { className: `${a}__text`, children: [
             /* @__PURE__ */ o(e, { variant: t.button, children: r ? m : i }),
-            /* @__PURE__ */ o(e, { variant: t.string2, children: n })
+            /* @__PURE__ */ o(e, { variant: t.labelMd, children: l })
           ] }),
           /* @__PURE__ */ o(e, { variant: t.button, children: c })
         ]
@@ -40,7 +40,7 @@ const g = v(
     );
   }
 );
-g.displayName = "FavoritingTileButton";
+N.displayName = "FavoritingTileButton";
 export {
-  g as default
+  N as default
 };

package/dist/components/Filter/FilterHeader.js

@@ -18,7 +18,7 @@ const g = p(
       /* @__PURE__ */ r(
         x,
         {
-          variant: N.heading4,
+          variant: N.heading3,
           className: `${e}__heading`,
           element: (d) => /* @__PURE__ */ r("legend", { ...d, children: i })
         }

package/dist/components/Link/types.d.ts

@@ -5,5 +5,6 @@ export declare enum LinkVariants {
     /** link is being rendered in a footer|header */
     snwFlyoutLink = "snwFlyoutLink",
     /** standard link */
-    link = "link"
+    link = "link",
+    labelLg = "labelLg"
 }

package/dist/components/Link/types.js

@@ -1,6 +1,6 @@
 import { TextVariants as l } from "../Text/types.js";
 import "../Text/Text.js";
-var o = ((e) => (e[e.email = l.email] = "email", e[e.snwHeaderLink = l.snwHeaderLink] = "snwHeaderLink", e[e.snwFlyoutLink = l.snwFlyoutLink] = "snwFlyoutLink", e[e.link = l.link] = "link", e))(o || {});
+var o = ((e) => (e[e.email = l.email] = "email", e[e.snwHeaderLink = l.snwHeaderLink] = "snwHeaderLink", e[e.snwFlyoutLink = l.snwFlyoutLink] = "snwFlyoutLink", e[e.link = l.link] = "link", e[e.labelLg = l.labelLg] = "labelLg", e))(o || {});
 export {
   o as LinkVariants
 };

package/dist/components/Text/Text.js

@@ -5,7 +5,7 @@ import { TextVariants as T } from "./types.js";
 import { determineDefaultTextElement as C, determineTextClassName as u } from "./utils.js";
 import r from "../../node_modules/classnames/index.js";
 const $ = x(
-  ({ children: a, className: n, element: l, variant: e = T.body2, align: m, isSkeletonLoading: p, ...o }, f) => {
+  ({ children: a, className: n, element: l, variant: e = T.bodyMd, align: m, isSkeletonLoading: p, ...o }, f) => {
     const c = l || C(e), { className: t, ...i } = d(o, "Text");
     return /* @__PURE__ */ s(
       c,

package/dist/components/Text/types.d.ts

@@ -3,22 +3,39 @@ export declare enum TextVariants {
     heading1 = "heading1",
     heading2 = "heading2",
     heading3 = "heading3",
+    heading3Italic = "heading3Italic",
     heading4 = "heading4",
+    heading4Italic = "heading4Italic",
     heading5 = "heading5",
+    eyebrowLg = "eyebrowLg",
+    eyebrowSm = "eyebrowSm",
     title1 = "title1",
     title2 = "title2",
     title3 = "title3",
     title4 = "title4",
+    bodyLg = "bodyLg",
+    bodyLgBold = "bodyLgBold",
+    bodyMd = "bodyMd",
+    bodyMdBold = "bodyMdBold",
+    bodySm = "bodySm",
+    bodySmBold = "bodySmBold",
     body1 = "body1",
     body2 = "body2",
     body3 = "body3",
     string1 = "string1",
     string2 = "string2",
     string3 = "string3",
+    labelLg = "labelLg",
+    labelLgBold = "labelLgBold",
+    labelMd = "labelMd",
+    labelMdBold = "labelMdBold",
+    labelSm = "labelSm",
+    labelSmBold = "labelSmBold",
     button = "button",
     email = "email",
     label = "label",
     link = "link",
+    linkBold = "linkBold",
     badge = "badge",
     snwFlyoutLink = "snwFlyoutLink",
     snwHeaderLink = "snwHeaderLink",

package/dist/components/Text/types.js

@@ -1,5 +1,5 @@
-var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {}), l = /* @__PURE__ */ ((d) => (d.left = "left", d.center = "center", d.right = "right", d))(l || {});
+var d = /* @__PURE__ */ ((l) => (l.blockquote = "blockquote", l.heading1 = "heading1", l.heading2 = "heading2", l.heading3 = "heading3", l.heading3Italic = "heading3Italic", l.heading4 = "heading4", l.heading4Italic = "heading4Italic", l.heading5 = "heading5", l.eyebrowLg = "eyebrowLg", l.eyebrowSm = "eyebrowSm", l.title1 = "title1", l.title2 = "title2", l.title3 = "title3", l.title4 = "title4", l.bodyLg = "bodyLg", l.bodyLgBold = "bodyLgBold", l.bodyMd = "bodyMd", l.bodyMdBold = "bodyMdBold", l.bodySm = "bodySm", l.bodySmBold = "bodySmBold", l.body1 = "body1", l.body2 = "body2", l.body3 = "body3", l.string1 = "string1", l.string2 = "string2", l.string3 = "string3", l.labelLg = "labelLg", l.labelLgBold = "labelLgBold", l.labelMd = "labelMd", l.labelMdBold = "labelMdBold", l.labelSm = "labelSm", l.labelSmBold = "labelSmBold", l.button = "button", l.email = "email", l.label = "label", l.link = "link", l.linkBold = "linkBold", l.badge = "badge", l.snwFlyoutLink = "snwFlyoutLink", l.snwHeaderLink = "snwHeaderLink", l.snwHeadingHero1 = "snwHeadingHero1", l.snwHeadingHero2 = "snwHeadingHero2", l))(d || {}), o = /* @__PURE__ */ ((l) => (l.left = "left", l.center = "center", l.right = "right", l))(o || {});
 export {
-  l as TextAlignments,
-  g as TextVariants
+  o as TextAlignments,
+  d as TextVariants
 };

package/dist/components/Text/utils.js

@@ -1,10 +1,10 @@
 import { px as s } from "../../utils/index.js";
-import { TextVariants as t } from "./types.js";
-const i = (e = t.body1) => `${s}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = t.body1) => {
-  const r = e.toLowerCase();
-  return e === t.blockquote ? "blockquote" : e.includes("body") ? "p" : e.includes("string") || e.includes("title") ? "span" : e === t.label ? "label" : r.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
+import { TextVariants as r } from "./types.js";
+const u = (e = r.bodyLg) => `${s}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, i = (e = r.bodyLg) => {
+  const t = e.toLowerCase();
+  return e === r.blockquote ? "blockquote" : e.includes("body") ? "p" : e.includes("string") || e.includes("title") || e.includes("eyebrow") ? "span" : e === r.label ? "label" : t.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
 };
 export {
-  u as determineDefaultTextElement,
-  i as determineTextClassName
+  i as determineDefaultTextElement,
+  u as determineTextClassName
 };

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

@@ -1,8 +1,8 @@
-import { jsxs as n, jsx as r, Fragment as p } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
+import { jsxs as l, jsx as a, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
 import { getCommonProps as P } from "../../utils/index.js";
 import k from "../../node_modules/classnames/index.js";
-import l from "../../components/Text/Text.js";
+import n 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 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 }),
+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 }),
           " ",
-          e.label
+          i.label
         ] }) }),
-        /* @__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 }) }) })
+        /* @__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 }) }) })
       ] })
     ] });
-    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 }),
+    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 }),
           o && o.length > 0 && $()
         ] }),
-        t && /* @__PURE__ */ r(l, { variant: c.string2, className: `${i}__subtitle`, children: t })
+        t && /* @__PURE__ */ a(n, { variant: c.labelMd, className: `${e}__subtitle`, children: t })
       ] }),
-      v && /* @__PURE__ */ r(y, { className: `${i}__divider` })
+      v && /* @__PURE__ */ a(y, { className: `${e}__divider` })
     ] });
   }
 );
-T.displayName = "AccountPageHeader";
+M.displayName = "AccountPageHeader";
 export {
-  T as default
+  M 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 M = ({
+const I = ({
   className: r,
-  hasIcon: m = !0,
-  message: a,
+  hasIcon: a = !0,
+  message: m,
   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: [
-    m ? l : null,
-    /* @__PURE__ */ e(g, { variant: h.string2, className: `${s}-text`, children: a })
+    a ? l : null,
+    /* @__PURE__ */ e(g, { variant: h.labelMd, className: `${s}-text`, children: m })
   ] });
 };
 export {
-  M as default
+  I 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.body3, children: u && m && u(a) }),
+            m && /* @__PURE__ */ t(v, { element: "span", className: `${i}__count`, variant: g.bodySm, 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: m, label: n, onClick: l, isSelected: a, type: r = "ChevronDown", count: s, id: i, ariaLabel: f, isMobile: c, totalCount: o }, d) => /* @__PURE__ */ p(
+  ({ className: l, label: m, onClick: n, isSelected: a, type: r = "ChevronDown", count: f, id: o, ariaLabel: s, isMobile: c, totalCount: i }, d) => /* @__PURE__ */ p(
     $,
     {
       ref: d,
-      className: u(`${t}-filter-button`, m, {
-        [`${t}-filter-button--selected`]: a || s > 0 || r === "Filter" && o > 0,
+      className: u(`${t}-filter-button`, l, {
+        [`${t}-filter-button--selected`]: a || f > 0 || r === "Filter" && i > 0,
         [`${t}-filter-button--filter`]: r === "Filter"
       }),
-      "aria-label": f,
+      "aria-label": s,
       variant: h.secondary,
-      "data-testid": `${i}-filter-button`,
+      "data-testid": `${o}-filter-button`,
       "data-viewport": c ? "mobile" : "desktop",
-      onClick: l,
+      onClick: n,
       children: [
-        /* @__PURE__ */ e(F, { variant: v.string2, "data-testid": `${i}-filter-label`, children: n }),
+        /* @__PURE__ */ e(F, { variant: v.labelMd, "data-testid": `${o}-filter-label`, children: m }),
         /* @__PURE__ */ e(x, { icon: w(r, a), height: 8, width: 8, className: `${t}__icon` }),
-        o > 0 && r === "Filter" && /* @__PURE__ */ e("div", { className: `${t}-filter-button--count`, "data-testid": `${i}-filter-count`, children: o })
+        i > 0 && r === "Filter" && /* @__PURE__ */ e("div", { className: `${t}-filter-button--count`, "data-testid": `${o}-filter-count`, children: i })
       ]
     }
   )

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

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