@phillips/seldon 1.169.2 → 1.170.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as L } from "./utils/hooks.js";
-import { AuctionStatus as V, LotStatus as b, SupportedLanguages as h } from "./types/commonTypes.js";
-import { default as w } from "./components/Button/Button.js";
-import { ButtonVariants as y } from "./components/Button/types.js";
-import { default as F } from "./components/IconButton/IconButton.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as I } from "./utils/hooks.js";
+import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
+import { default as k } from "./components/Button/Button.js";
+import { ButtonVariants as F } from "./components/Button/types.js";
+import { default as D } from "./components/IconButton/IconButton.js";
 import { default as M } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
 import { AccordionItemVariant as U, AccordionVariants as O } from "./components/Accordion/types.js";
@@ -23,17 +23,17 @@ import { default as ae } from "./components/Collapsible/CollapsibleContent.js";
 import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
 import { default as de } from "./components/ContentPeek/ContentPeek.js";
 import { HeightUnits as pe } from "./components/ContentPeek/utils.js";
-import { default as xe } from "./components/Detail/Detail.js";
+import { default as ie } from "./components/Detail/Detail.js";
 import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { Grid as Pe } from "./components/Grid/Grid.js";
-import { default as Be } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as Ie } from "./components/GridItem/types.js";
+import { default as Ae } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as Le } from "./components/GridItem/types.js";
 import { default as be } from "./components/Input/Input.js";
-import { default as ke } from "./components/Link/Link.js";
-import { LinkVariants as ve } from "./components/Link/types.js";
-import { default as De } from "./components/LinkBlock/LinkBlock.js";
+import { default as he } from "./components/Link/Link.js";
+import { LinkVariants as we } from "./components/Link/types.js";
+import { default as ve } from "./components/LinkBlock/LinkBlock.js";
 import { default as He } from "./components/LinkList/LinkList.js";
 import { default as Ne } from "./components/Modal/Modal.js";
 import { default as Ge } from "./components/Navigation/Navigation.js";
@@ -50,16 +50,16 @@ import { SelectVariants as at } from "./components/Select/types.js";
 import { default as st } from "./components/SplitPanel/SplitPanel.js";
 import { default as dt } from "./components/Tabs/TabsContainer.js";
 import { default as pt } from "./components/Tabs/TabsContent.js";
-import { Tag as xt, default as it } from "./components/Tags/Tags.js";
+import { Tag as it, default as xt } from "./components/Tags/Tags.js";
 import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
 import { default as Ct } from "./components/Text/Text.js";
 import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
-import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
-import { default as It } from "./components/Video/Video.js";
+import { default as At } from "./components/TextSymbol/TextSymbol.js";
+import { default as Lt } from "./components/Video/Video.js";
 import { default as bt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
-import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
-import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
+import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
+import { default as wt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { default as vt } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
 import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
 import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
@@ -76,51 +76,52 @@ import { default as ao } from "./components/ComposedModal/ComposedModal.js";
 import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as mo } from "./components/Loader/Loader.js";
 import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as io } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
+import { default as xo } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
 import { default as go } from "./patterns/FiltersInline/FiltersInline.js";
-import { default as So } from "./patterns/SaleCard/SaleCard.js";
-import { SaleCardActions as To } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardVariants as Ao } from "./patterns/SaleCard/types.js";
-import { default as Lo } from "./patterns/ViewingDetails/ViewingDetails.js";
-import { default as Vo } from "./site-furniture/Footer/Footer.js";
-import { default as ho } from "./site-furniture/Header/Header.js";
-import { default as wo } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as yo } from "./components/Article/Article.js";
-import { default as Fo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Mo } from "./components/Countdown/types.js";
-import { default as Eo } from "./components/Divider/Divider.js";
-import { default as Uo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Ro } from "./components/Filter/Filter.js";
-import { default as jo } from "./components/Filter/FilterInput.js";
-import { default as Wo } from "./components/Filter/FilterHeader.js";
-import { default as Zo } from "./components/Pictogram/Pictogram.js";
-import { default as Jo } from "./components/TextArea/TextArea.js";
-import { default as Xo } from "./components/Toast/Toast.js";
-import { ToastProvider as $o } from "./components/Toast/ToastContextProvider.js";
-import { useToast as tr } from "./components/Toast/useToast.js";
-import { default as rr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as fr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as lr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as mr, BidStatusEnum as pr } from "./patterns/BidSnapshot/types.js";
-import { default as xr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as nr } from "./patterns/ObjectTile/ObjectTile.js";
+import { FilterButtonIconType as So, FilterButtonType as Co } from "./patterns/FiltersInline/types.js";
+import { default as Po } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as Ao } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardVariants as Lo } from "./patterns/SaleCard/types.js";
+import { default as bo } from "./patterns/ViewingDetails/ViewingDetails.js";
+import { default as ho } from "./site-furniture/Footer/Footer.js";
+import { default as wo } from "./site-furniture/Header/Header.js";
+import { default as vo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Ho } from "./components/Article/Article.js";
+import { default as No } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Go } from "./components/Countdown/types.js";
+import { default as Oo } from "./components/Divider/Divider.js";
+import { default as Qo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as zo } from "./components/Filter/Filter.js";
+import { default as Yo } from "./components/Filter/FilterInput.js";
+import { default as qo } from "./components/Filter/FilterHeader.js";
+import { default as Ko } from "./components/Pictogram/Pictogram.js";
+import { default as _o } from "./components/TextArea/TextArea.js";
+import { default as er } from "./components/Toast/Toast.js";
+import { ToastProvider as or } from "./components/Toast/ToastContextProvider.js";
+import { useToast as ar } from "./components/Toast/useToast.js";
+import { default as sr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as dr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as pr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as ir, BidStatusEnum as xr } from "./patterns/BidSnapshot/types.js";
+import { default as gr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as Sr } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
   U as AccordionItemVariant,
   O as AccordionVariants,
-  rr as AccountPageHeader,
-  wo as AddToCalendar,
-  yo as Article,
+  sr as AccountPageHeader,
+  vo as AddToCalendar,
+  Ho as Article,
   V as AuctionStatus,
   Yt as AuthState,
-  lr as BidMessage,
-  mr as BidMessageVariants,
-  fr as BidSnapshot,
-  pr as BidStatusEnum,
+  pr as BidMessage,
+  ir as BidMessageVariants,
+  dr as BidSnapshot,
+  xr as BidStatusEnum,
   Q as Breadcrumb,
-  w as Button,
-  y as ButtonVariants,
+  k as Button,
+  F as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
   K as CarouselContent,
@@ -133,37 +134,39 @@ export {
   ao as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Fo as Countdown,
-  Mo as CountdownVariants,
-  xe as Detail,
+  No as Countdown,
+  Go as CountdownVariants,
+  ie as Detail,
   bt as DetailList,
-  kt as DetailListAlignment,
-  Eo as Divider,
+  ht as DetailListAlignment,
+  Oo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   so as ExitGateCard,
-  vt as FavoritesCollectionTile,
-  Uo as FavoritingTileButton,
-  Ro as Filter,
-  Wo as FilterHeader,
-  jo as FilterInput,
-  xr as FilterMenu,
+  wt as FavoritesCollectionTile,
+  Qo as FavoritingTileButton,
+  zo as Filter,
+  So as FilterButtonIconType,
+  Co as FilterButtonType,
+  qo as FilterHeader,
+  Yo as FilterInput,
+  gr as FilterMenu,
   go as FiltersInline,
-  Vo as Footer,
+  ho as Footer,
   Pe as Grid,
-  Be as GridItem,
-  Ie as GridItemAlign,
-  ho as Header,
-  Dt as HeroBanner,
+  Ae as GridItem,
+  Le as GridItemAlign,
+  wo as Header,
+  vt as HeroBanner,
   z as Icon,
-  F as IconButton,
+  D as IconButton,
   be as Input,
   Ht as LanguageSelector,
-  ke as Link,
-  De as LinkBlock,
+  he as Link,
+  ve as LinkBlock,
   He as LinkList,
-  ve as LinkVariants,
+  we as LinkVariants,
   mo as Loader,
   b as LotStatus,
   Ne as Modal,
@@ -171,19 +174,19 @@ export {
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  nr as ObjectTile,
+  Sr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   uo as PageContentWrapper,
   Ye as Pagination,
-  io as PhoneNumberPicker,
-  Zo as Pictogram,
+  xo as PhoneNumberPicker,
+  Ko as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
-  So as SaleCard,
-  To as SaleCardActions,
-  Ao as SaleCardVariants,
+  Po as SaleCard,
+  Ao as SaleCardActions,
+  Lo as SaleCardVariants,
   Nt as SaleHeaderBanner,
   Gt as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -197,22 +200,22 @@ export {
   Kt as StatefulViewingsList,
   Qt as Subscribe,
   zt as SubscriptionState,
-  h as SupportedLanguages,
+  y as SupportedLanguages,
   dt as TabsContainer,
   pt as TabsContent,
-  xt as Tag,
-  it as TagsList,
+  it as Tag,
+  xt as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  Jo as TextArea,
+  _o as TextArea,
   Pt as TextSymbolVariants,
-  Bt as TextSymbols,
+  At as TextSymbols,
   ct as TextVariants,
-  Xo as Toast,
-  $o as ToastProvider,
+  er as Toast,
+  or as ToastProvider,
   qt as UserManagement,
-  It as Video,
-  Lo as ViewingDetails,
+  Lt as Video,
+  bo as ViewingDetails,
   _t as ViewingsList,
   s as defaultYear,
   l as emailValidation,
@@ -220,12 +223,12 @@ export {
   m as findChildrenExcludingTypes,
   p as findChildrenOfType,
   u as focusElementById,
-  x as generatePaddingClassName,
-  i as getCommonProps,
+  i as generatePaddingClassName,
+  x as getCommonProps,
   n as noOp,
   g as px,
-  A as ssrMediaQueryStyle,
+  B as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  L as usePendingState,
-  tr as useToast
+  I as usePendingState,
+  ar as useToast
 };

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

@@ -69,15 +69,22 @@ export interface FavoritesCollectionTileProps extends ComponentProps<'div'> {
      * Custom icon size for the icon in the tile
      */
     iconSize?: number;
+    /**
+     * ARIA label for the popover menu trigger
+     */
+    menuAriaLabel?: string;
+    /**
+     * ARIA label for the create variant container
+     */
+    favoritesAriaLabel?: string;
+    /**
+     * ARIA label for the lists empty state
+     */
+    emptyListAriaLabel?: string;
+    /**
+     * ARIA label for list
+     */
+    listAriaLabel?: string;
 }
-/**
- * ## Overview
- *
- * Overview of this widget
- *
- * [Figma Link](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=61-14355&m=dev)
- *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-FavoritesCollectionTile--overview)
- */
 declare const FavoritesCollectionTile: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<FavoritesCollectionTileProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
 export default FavoritesCollectionTile;

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

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

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

@@ -55,6 +55,7 @@ export declare const CreateList: {
         variant: string;
         element: string;
         linkClassName: string;
+        onClick: () => void;
     };
 };
 export declare const EmptyList: {

package/dist/patterns/FiltersInline/index.d.ts

@@ -1 +1,3 @@
-export { default as FiltersInline } from './FiltersInline';
+export { type FilterButton } from './FilterButton';
+export { default as FiltersInline, type FiltersInlineProps } from './FiltersInline';
+export * from './types';

package/dist/scss/patterns/FavoritesCollectionTile/_favoritesCollectionTile.scss

@@ -109,6 +109,7 @@
   }
 
   &__media-container {
+    background-color: $soft-gray;
     position: relative;
     width: 100%;
   }
@@ -132,6 +133,7 @@
     }
 
     &--create-list {
+      background-color: $white;
       border: 1px solid #0000001f;
       border-radius: 0;
     }
@@ -145,8 +147,7 @@
   }
 
   &__icon {
-    grid-column: 1;
-    justify-self: start;
+    justify-content: flex-start;
     pointer-events: none;
 
     &-rotate {
@@ -156,7 +157,9 @@
     &-circle {
       border: 2px solid $dark-gray;
       border-radius: 50%;
-      transform: scale(0.846);
+      height: 1.5rem;
+      justify-content: flex-start;
+      width: 1.5rem;
     }
   }
 
@@ -173,11 +176,19 @@
     text-transform: none;
   }
 
-  &__create-spacing {
-    height: calc($spacing-xsm + var(--body-line-height-size3) + var(--heading-line-height-size5));
+  [data-radix-popper-content-wrapper] > * {
+    all: unset;
   }
 
-  [data-radix-popper-content-wrapper] > * {
+  &__create-variant {
     all: unset;
+    background: none;
+    height: 100%;
+    margin-top: calc($spacing-xsm + var(--body-line-height-size3) + var(--heading-line-height-size5));
+    width: 100%;
+
+    &:focus-visible {
+      outline: 1px solid $pure-black;
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.169.2",
+  "version": "1.170.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"