@phillips/seldon 1.213.0 → 1.214.0-beta.1

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

@@ -90,3 +90,103 @@ export declare const Playground: {
         };
     };
 };
+export declare const CurrentlyWinning: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        lotCloseDate: Date;
+        saleCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const Outbid: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        lotCloseDate: Date;
+        saleCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const WonBid: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        soldPrice: number;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const LostBid: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        soldPrice: number;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const StartingBid: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        lotStatus: LotStatus;
+        startingBid: number;
+        startingBidText: string;
+        lang: import('date-fns').Locale;
+    };
+};
+export declare const NoSeparators: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        lotCloseDate: Date;
+        saleCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const SmallVariant: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        lotCloseDate: Date;
+        saleCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+    };
+};
+export declare const SmallVariantWithBidMessage: {
+    (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        currency: string;
+        numberOfBids: number;
+        lotStatus: LotStatus;
+        currentBid: number;
+        lotCloseDate: Date;
+        saleCloseDate: Date;
+        lang: import('date-fns').Locale;
+        startingBid: number;
+        bidStatus: BidStatusEnum;
+    };
+};

package/dist/patterns/CountryPicker/CountryPickerCountryList.js

@@ -1,5 +1,5 @@
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useCallback as a } from "react";
+import { useCallback as _ } from "react";
 import x from "../../components/Text/Text.js";
 import { TextVariants as k } from "../../components/Text/types.js";
 import { CountryPickerOption as v } from "./CountryPickerOption.js";
@@ -12,7 +12,7 @@ const j = ({
   variantConfig: c,
   inputName: d
 }) => {
-  const { isPhone: p, value: h } = c, s = a(
+  const { isPhone: p, value: h } = c, s = _(
     (r) => r.map(({ name: t, code: n }) => /* @__PURE__ */ l(
       v,
       {
@@ -26,7 +26,7 @@ const j = ({
       n
     )),
     [h, p, d, e, c]
-  ), _ = (r) => {
+  ), a = (r) => {
     if (!i.current) return;
     const t = Array.from(i.current.querySelectorAll('input[type="radio"]')), n = t.findIndex((o) => o === document.activeElement);
     if (r.key === "ArrowDown" || r.key === "ArrowRight") {
@@ -45,14 +45,14 @@ const j = ({
       className: `${e}__list`,
       ref: i,
       tabIndex: -1,
-      onKeyDown: _,
+      onKeyDown: a,
       role: "radiogroup",
       "aria-label": m,
       children: [
         s(y),
         Object.entries(f).map(([r, t]) => /* @__PURE__ */ u("div", { className: `${e}__group`, children: [
           /* @__PURE__ */ u("div", { className: `${e}__letter-header`, children: [
-            /* @__PURE__ */ l(x, { variant: k.heading2, className: `${e}__letter-text`, children: r }),
+            /* @__PURE__ */ l(x, { variant: k.headingLarge, className: `${e}__letter-text`, children: r }),
             /* @__PURE__ */ l("div", { className: `${e}__letter-line` })
           ] }),
           s(t)

package/dist/patterns/CountryPicker/CountryPickerModal.js

@@ -35,14 +35,14 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
     H(() => {
       I(g);
     }, [n, g]);
-    const [s, B] = S(""), D = V(null), F = V(null), [x, P] = f(() => {
+    const [s, M] = S(""), B = V(null), D = V(null), [x, P] = f(() => {
       const e = w.map((r) => v.filter(($) => $.code === r)).flat(), a = v.filter((r) => !w.includes(r.code));
       return [
         e,
         // keep original order for prioritized
         a.sort((r, $) => r.name.localeCompare($.name))
       ];
-    }, []), M = f(() => z(x, s), [x, s]), R = f(() => z(P, s), [P, s]), T = f(() => {
+    }, []), F = f(() => z(x, s), [x, s]), R = f(() => z(P, s), [P, s]), T = f(() => {
       const e = {};
       return R.forEach((a) => {
         const r = a.name[0].toUpperCase();
@@ -59,7 +59,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
         ref: p,
         children: /* @__PURE__ */ k("div", { className: `${t}__wrapper`, children: [
           /* @__PURE__ */ k("div", { className: `${t}__header`, children: [
-            /* @__PURE__ */ o(A, { variant: G.heading3, className: `${t}__header-text`, children: m }),
+            /* @__PURE__ */ o(A, { variant: G.headingMedium, className: `${t}__header-text`, children: m }),
             /* @__PURE__ */ o("div", { className: `${t}__input-wrapper`, children: /* @__PURE__ */ o(
               N,
               {
@@ -70,22 +70,22 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
                 placeholder: i,
                 value: s,
                 onChange: (e) => {
-                  B(e.target.value);
+                  M(e.target.value);
                 },
                 autoFocus: !0,
                 className: `${t}__input`,
-                inputAdornment: /* @__PURE__ */ o("span", { "aria-hidden": "true", children: /* @__PURE__ */ o(Z, { icon: "Search", width: 16, height: 16, color: "$cta-inactive" }) })
+                inputAdornment: /* @__PURE__ */ o("span", { "aria-hidden": "true", children: /* @__PURE__ */ o(Z, { icon: "Search", width: 20, height: 20, color: "$cta-inactive" }) })
               }
             ) })
           ] }),
           /* @__PURE__ */ o(
             q,
             {
-              filteredPrioritized: M,
+              filteredPrioritized: F,
               groupedCountries: T,
               baseClassName: t,
               modalTitle: m,
-              listRef: F,
+              listRef: D,
               variantConfig: _,
               inputName: h
             }
@@ -98,7 +98,7 @@ const w = ["US", "GB", "HK", "CH"], z = (n, l) => {
               },
               className: `${t}__button`,
               "data-testid": "country-picker-modal-select-button",
-              ref: D,
+              ref: B,
               type: "button",
               variant: O.secondary,
               isDisabled: !c,

package/dist/patterns/CountryPicker/CountryPickerOption.js

@@ -1,48 +1,50 @@
 import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import $ from "../../components/Text/Text.js";
-import { TextVariants as g } from "../../components/Text/types.js";
-import d from "../../node_modules/classnames/index.js";
-import { getSafeCountryCallingCode as h } from "./utils.js";
-const y = ({
+import c from "../../components/Text/Text.js";
+import $ from "../../node_modules/classnames/index.js";
+import { getSafeCountryCallingCode as d } from "./utils.js";
+import { TextVariants as f } from "../../components/Text/types.js";
+const s = ({
   code: t,
   name: n,
   isChecked: p,
-  inputName: e,
+  inputName: h,
   baseClassName: o,
-  variantConfig: f
+  variantConfig: g
 }) => {
-  const c = `${o}__radio-${t}`, { isPhone: i, onChange: l } = f;
+  const l = `${o}__radio-${t}`, { isPhone: i, onChange: e } = g;
   return /* @__PURE__ */ _(
-    "label",
+    c,
     {
-      htmlFor: c,
-      className: d(`${o}__option`, {
+      element: "label",
+      variant: f.labelMedium,
+      htmlFor: l,
+      className: $(`${o}__option`, {
         [`${o}__option--selected`]: p,
         [`${o}__option--is-phone`]: i
       }),
-      "aria-label": i ? `${n} +${h(t)}` : n,
+      "aria-label": i ? `${n} +${d(t)}` : n,
       children: [
         /* @__PURE__ */ r(
           "input",
           {
             type: "radio",
-            id: c,
-            name: e,
+            id: l,
+            name: h,
             checked: p,
-            className: d(`${o}__radio`, {
+            className: $(`${o}__radio`, {
               [`${o}__radio--selected`]: p,
               [`${o}__radio--visually-hidden`]: i
             }),
             onChange: () => {
-              l(i ? t : n);
+              e(i ? t : n);
             }
           }
         ),
         /* @__PURE__ */ _("span", { className: `${o}__option-content`, children: [
-          /* @__PURE__ */ r($, { variant: g.string2, className: `${o}__option-name`, children: n }),
-          i && /* @__PURE__ */ _($, { variant: g.string2, className: `${o}__option-code`, children: [
+          /* @__PURE__ */ r(c, { className: `${o}__option-name`, children: n }),
+          i && /* @__PURE__ */ _(c, { className: `${o}__option-code`, children: [
             "+",
-            h(t)
+            d(t)
           ] })
         ] }),
         /* @__PURE__ */ r("span", { className: `${o}__option-flag`, children: /* @__PURE__ */ r(
@@ -59,5 +61,5 @@ const y = ({
   );
 };
 export {
-  y as CountryPickerOption
+  s as CountryPickerOption
 };

package/dist/patterns/CountryPicker/CountryPickerTrigger.js

@@ -1,73 +1,74 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import y from "../../components/Icon/Icon.js";
-import { TextVariants as k } from "../../components/Text/types.js";
-import w from "../../components/Text/Text.js";
+import k from "../../components/Icon/Icon.js";
+import { TextVariants as w } from "../../components/Text/types.js";
+import p from "../../components/Text/Text.js";
 import t from "../../node_modules/classnames/index.js";
 import { countries as P } from "./constants.js";
-import { forwardRef as I } from "react";
-import { useNormalizedInputProps as T, px as b } from "../../utils/index.js";
-const j = I(
+import { forwardRef as b } from "react";
+import { useNormalizedInputProps as I, px as T } from "../../utils/index.js";
+const j = b(
   ({
-    labelText: l,
-    ariaLabel: p = l,
-    displayValue: m,
-    onClick: _,
-    hasError: o = !1,
+    labelText: g,
+    ariaLabel: m = g,
+    displayValue: _,
+    onClick: f,
+    hasError: n = !1,
     errorMsg: s,
-    id: e,
-    className: f,
+    id: o,
+    className: u,
     baseClassName: r,
     variantConfig: h
-  }, u) => {
-    const { isPhone: c, value: a } = h, n = T({
+  }, $) => {
+    const { isPhone: l, value: c } = h, e = I({
       id: "country-picker-trigger-input",
-      invalid: o,
+      invalid: n,
       invalidText: s,
       type: "text"
-    }), $ = n.invalidId, g = c ? a : P.filter((x) => x.name === a)?.[0]?.code, v = () => n.validation ? n.validation : /* @__PURE__ */ i("p", { className: `${b}-input__validation`, children: " " });
-    return /* @__PURE__ */ d("div", { className: t(`${r}__trigger`, f), children: [
+    }), v = e.invalidId, a = l ? c : P.filter((y) => y.name === c)?.[0]?.code, x = () => e.validation ? e.validation : /* @__PURE__ */ i("p", { className: `${T}-input__empty-validation`, children: " " });
+    return /* @__PURE__ */ d("div", { className: t(`${r}__trigger`, u), children: [
       /* @__PURE__ */ i(
-        w,
+        p,
         {
-          variant: k.string2,
+          element: "label",
+          variant: w.labelMedium,
           className: t(`${r}__trigger-label`, {
-            [`${r}__trigger-label--error`]: o
+            [`${r}__trigger-label--error`]: n
           }),
-          id: e ? `${e}-label` : void 0,
-          children: l
+          id: o ? `${o}-label` : void 0,
+          children: g
         }
       ),
       /* @__PURE__ */ d(
         "button",
         {
-          ref: u,
+          ref: $,
           type: "button",
-          "aria-label": p,
-          "aria-invalid": n.invalid,
-          "aria-describedby": $,
+          "aria-label": m,
+          "aria-invalid": e.invalid,
+          "aria-describedby": v,
           className: t(`${r}__trigger-btn`, {
-            [`${r}__trigger-btn--error`]: o,
-            [`${r}__trigger-btn--is-phone`]: c
+            [`${r}__trigger-btn--error`]: n,
+            [`${r}__trigger-btn--is-phone`]: l
           }),
-          onClick: _,
+          onClick: f,
           "data-testid": "country-picker-trigger",
-          id: e,
+          id: o,
           children: [
-            g && /* @__PURE__ */ i("span", { className: `${r}__trigger-flag`, children: /* @__PURE__ */ i(
+            a && /* @__PURE__ */ i("span", { className: `${r}__trigger-flag`, children: /* @__PURE__ */ i(
               "img",
               {
-                src: `https://flagcdn.com/h20/${g.toLowerCase()}.png`,
-                srcSet: `https://flagcdn.com/h40/${g.toLowerCase()}.png 2x`,
-                alt: `${a} flag`,
+                src: `https://flagcdn.com/h20/${a.toLowerCase()}.png`,
+                srcSet: `https://flagcdn.com/h40/${a.toLowerCase()}.png 2x`,
+                alt: `${c} flag`,
                 className: `${r}__trigger-flag-img`
               }
             ) }),
-            /* @__PURE__ */ i("span", { className: t(`${r}__trigger-text`), children: m }),
-            /* @__PURE__ */ i("span", { className: t(`${r}__trigger-icon`), children: /* @__PURE__ */ i(y, { icon: "ChevronDown", color: "black-100", width: 16, height: 16 }) })
+            /* @__PURE__ */ i(p, { className: t(`${r}__trigger-text`), children: _ }),
+            /* @__PURE__ */ i("span", { className: t(`${r}__trigger-icon`), children: /* @__PURE__ */ i(k, { icon: "ChevronDown", color: "black-100", width: 16, height: 16 }) })
           ]
         }
       ),
-      !c && v()
+      !l && x()
     ] });
   }
 );

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -1,12 +1,12 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { Root as q, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import d from "../../node_modules/classnames/index.js";
+import _ from "../../node_modules/classnames/index.js";
 import { memo as J, forwardRef as Q, useRef as U } from "react";
 import $ from "../../components/Icon/Icon.js";
 import W from "../../components/Link/Link.js";
 import X from "../../components/SeldonImage/SeldonImage.js";
-import { TextVariants as g } from "../../components/Text/types.js";
-import v from "../../components/Text/Text.js";
+import { TextVariants as l } from "../../components/Text/types.js";
+import m from "../../components/Text/Text.js";
 import { getCommonProps as Z } from "../../utils/index.js";
 const S = ({
   baseClassName: e,
@@ -23,7 +23,7 @@ const S = ({
     onClick: (n) => {
       n.stopPropagation(), o?.(n);
     },
-    children: /* @__PURE__ */ t("span", { className: d(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ c("span", { className: `${e}__empty__content`, children: [
+    children: /* @__PURE__ */ t("span", { className: _(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ s("span", { className: `${e}__empty__content`, children: [
       /* @__PURE__ */ t(
         $,
         {
@@ -31,11 +31,11 @@ const S = ({
           width: r,
           height: r,
           color: "$gray-75",
-          className: d(`${e}__icon`, `${e}__icon-circle`),
+          className: _(`${e}__icon`, `${e}__icon-circle`),
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ t("span", { className: `${e}__text`, children: a })
+      /* @__PURE__ */ t(m, { className: `${e}__text`, variant: l.bodyMedium, children: a })
     ] }) })
   }
 ), N = ({
@@ -44,7 +44,7 @@ const S = ({
   text: a,
   ariaLabel: o,
   dataTestId: n
-}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": o, role: "region", children: /* @__PURE__ */ t("div", { className: d(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ c("div", { className: `${e}__empty__content`, children: [
+}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": o, role: "region", children: /* @__PURE__ */ t("div", { className: _(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ s("div", { className: `${e}__empty__content`, children: [
   /* @__PURE__ */ t(
     $,
     {
@@ -52,11 +52,11 @@ const S = ({
       width: r,
       height: r,
       color: "$gray-75",
-      className: d(`${e}__icon`),
+      className: _(`${e}__icon`),
       "aria-hidden": "true"
     }
   ),
-  /* @__PURE__ */ t("div", { className: `${e}__text`, children: a })
+  /* @__PURE__ */ t(m, { className: `${e}__text`, variant: l.bodyMedium, children: a })
 ] }) }) }), z = ({
   baseClassName: e,
   imageRef: r,
@@ -85,7 +85,7 @@ const S = ({
       }
     )
   }
-), dt = J(
+), lt = J(
   Q(
     ({
       id: e,
@@ -93,41 +93,41 @@ const S = ({
       count: a,
       name: o,
       imageSrc: n,
-      variant: _,
-      element: L = W,
-      href: w,
-      emptyFavoritesText: b = "You have not added any objects to your Favorites yet.",
+      variant: p,
+      element: b = W,
+      href: L,
+      emptyFavoritesText: w = "You have not added any objects to your Favorites yet.",
       emptyListsText: x = "You have not added any objects to your List yet.",
       createFirstListText: k = "Create your first List.",
       editListText: I = "Edit List",
-      deleteListText: T = "Delete List",
+      deleteListText: M = "Delete List",
       onEdit: E,
       onDelete: F,
-      formatlotStr: u = (i, p = i === 1 ? "LOT" : "LOTS") => `${i} ${p}`,
+      formatlotStr: v = (i, u = i === 1 ? "Lot" : "Lots") => `${i} ${u}`,
       linkClassName: P,
-      iconSize: l = 22,
+      iconSize: c = 22,
       menuAriaLabel: R = "Manage List",
-      favoritesAriaLabel: V = "Favorites",
-      emptyListAriaLabel: j = "Empty List",
-      listAriaLabel: C = "List",
-      ...y
-    }, O) => {
-      const { className: i, ...p } = Z({ id: e, ...y }, "FavoritesCollectionTile"), D = U(null), m = o && a !== null && a !== void 0, h = a === 0, f = _ === "lists", A = _ === "create", M = _ === "favorites" && h, Y = m && h && f, K = () => A ? /* @__PURE__ */ t(
+      favoritesAriaLabel: T = "Favorites",
+      emptyListAriaLabel: V = "Empty List",
+      listAriaLabel: j = "List",
+      ...f
+    }, C) => {
+      const { className: i, ...u } = Z({ id: e, ...f }, "FavoritesCollectionTile"), D = U(null), h = o && a !== null && a !== void 0, y = a === 0, g = p === "lists", A = p === "create", O = p === "favorites" && y, Y = h && y && g, K = () => A ? /* @__PURE__ */ t(
         S,
         {
           baseClassName: i,
-          iconSize: l,
+          iconSize: c,
           createFirstListText: k,
-          onClick: y.onClick
+          onClick: f.onClick
         }
-      ) : /* @__PURE__ */ c(L, { href: w, className: d(`${i}__media-link`, P), tabIndex: 0, children: [
-        M && /* @__PURE__ */ t(
+      ) : /* @__PURE__ */ s(b, { href: L, className: _(`${i}__media-link`, P), tabIndex: 0, children: [
+        O && /* @__PURE__ */ t(
           N,
           {
             baseClassName: i,
-            iconSize: l,
-            text: b,
-            ariaLabel: V,
+            iconSize: c,
+            text: w,
+            ariaLabel: T,
             dataTestId: "favorites"
           }
         ),
@@ -135,31 +135,31 @@ const S = ({
           N,
           {
             baseClassName: i,
-            iconSize: l,
+            iconSize: c,
             text: x,
-            ariaLabel: j,
+            ariaLabel: V,
             dataTestId: "empty-list"
           }
         ),
-        !h && m && /* @__PURE__ */ t(
+        !y && h && /* @__PURE__ */ t(
           z,
           {
             baseClassName: i,
             imageRef: D,
-            listAriaLabel: C,
+            listAriaLabel: j,
             name: o,
             imageSrc: n,
-            iconSize: l
+            iconSize: c
           }
         )
       ] });
-      return /* @__PURE__ */ t("div", { ...p, className: d(i, r), 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) }),
-            o && /* @__PURE__ */ t(v, { element: "h3", className: `${i}__title`, variant: g.heading5, children: o })
+      return /* @__PURE__ */ t("div", { ...u, className: _(i, r), ref: C, id: e, children: /* @__PURE__ */ s("div", { className: `${i}__content`, children: [
+        /* @__PURE__ */ s("div", { className: `${i}__header`, children: [
+          /* @__PURE__ */ s("div", { className: `${i}__info`, children: [
+            h && /* @__PURE__ */ t(m, { element: "span", className: `${i}__count`, variant: l.labelMedium, children: v && h && v(a) }),
+            o && /* @__PURE__ */ t(m, { element: "h3", className: `${i}__title`, variant: l.bodyMedium, children: o })
           ] }),
-          m && f && /* @__PURE__ */ c(q, { children: [
+          h && g && /* @__PURE__ */ s(q, { children: [
             /* @__PURE__ */ t(B, { asChild: !0, children: /* @__PURE__ */ t(
               "div",
               {
@@ -169,15 +169,15 @@ const S = ({
                 role: "button",
                 "aria-label": R,
                 "aria-haspopup": "menu",
-                onKeyDown: (s) => {
-                  s.key === "Enter" && (s.preventDefault(), s.stopPropagation(), s.target.click());
+                onKeyDown: (d) => {
+                  d.key === "Enter" && (d.preventDefault(), d.stopPropagation(), d.target.click());
                 },
                 children: /* @__PURE__ */ t("div", { className: `${i}__icon-rotate`, children: /* @__PURE__ */ t(
                   $,
                   {
                     icon: "Icon",
-                    width: l,
-                    height: l,
+                    width: c,
+                    height: c,
                     color: "$gray-75",
                     className: `${i}__icon-button`,
                     "aria-hidden": "true"
@@ -194,23 +194,23 @@ const S = ({
                 align: "start",
                 alignOffset: 5,
                 className: `${i}__popover-content`,
-                children: /* @__PURE__ */ c("div", { className: `${i}__dropdown`, "data-testid": "dropdown-menu", children: [
+                children: /* @__PURE__ */ s("div", { className: `${i}__dropdown`, "data-testid": "dropdown-menu", children: [
                   /* @__PURE__ */ t(
                     "button",
                     {
                       className: `${i}__dropdown--item`,
-                      onClick: (s) => E?.(e, s),
+                      onClick: (d) => E?.(e, d),
                       type: "button",
-                      children: I
+                      children: /* @__PURE__ */ t(m, { variant: l.bodyMedium, children: I })
                     }
                   ),
                   /* @__PURE__ */ t(
                     "button",
                     {
                       className: `${i}__dropdown--item`,
-                      onClick: (s) => F?.(e, s),
+                      onClick: (d) => F?.(e, d),
                       type: "button",
-                      children: T
+                      children: /* @__PURE__ */ t(m, { variant: l.bodyMedium, children: M })
                     }
                   )
                 ] })
@@ -224,5 +224,5 @@ const S = ({
   )
 );
 export {
-  dt as default
+  lt as default
 };

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

@@ -82,3 +82,4 @@ export declare const TranslatedList: {
         linkClassName: string;
     };
 };
+export declare const CreateAndEmptyComparison: () => import("react/jsx-runtime").JSX.Element;