@phillips/seldon 1.103.3 → 1.104.1

package/dist/components/Drawer/Drawer.js

@@ -1,43 +1,43 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { getCommonProps as d, noOp as p } from "../../utils/index.js";
-import e from "../../node_modules/classnames/index.js";
+import o from "../../node_modules/classnames/index.js";
 import { Root as f, Portal as C, Overlay as h, Content as u, Title as v, Description as N, Close as w } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
 import y from "../../assets/close.svg.js";
 import _ from "../IconButton/IconButton.js";
 import { ButtonVariants as g } from "../Button/types.js";
-const B = ({ className: i, isOpen: l = !1, onClose: o = p, children: n, ...t }) => {
-  const { className: a, ...m } = d(t, "Drawer");
+const B = ({ className: i, isOpen: l = !1, onClose: a = p, children: m, ...t }) => {
+  const { className: e, ...n } = d(t, "Drawer");
   return /* @__PURE__ */ r(
     f,
     {
       open: l,
       onOpenChange: (c) => {
-        c || o();
+        c || a();
       },
       children: /* @__PURE__ */ s(C, { children: [
         /* @__PURE__ */ r(
           h,
           {
-            onClick: o,
-            className: e(`${a}__overlay`),
+            onClick: a,
+            className: o(`${e}__overlay`),
             "data-testid": "drawer-overlay"
           }
         ),
-        /* @__PURE__ */ s(u, { className: e(a, i), id: t.id, ...m, children: [
+        /* @__PURE__ */ s(u, { className: o(e, i), id: t.id, ...n, children: [
           /* @__PURE__ */ r(v, {}),
           /* @__PURE__ */ r(N, {}),
           /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(
             _,
             {
-              onClick: o,
-              className: e(`${a}__close`),
+              onClick: a,
+              className: o(`${e}__close`),
               "aria-label": "Close",
               "data-testid": "drawer-close",
-              variant: g.secondary,
+              variant: g.tertiary,
               children: /* @__PURE__ */ r(y, {})
             }
           ) }),
-          n
+          m
         ] })
       ] })
     }

package/dist/components/Modal/Modal.js

@@ -40,7 +40,7 @@ const w = ({
             onClick: a,
             "aria-label": "Close Modal",
             className: t(`${e}__close`),
-            variant: N.secondary,
+            variant: N.tertiary,
             children: /* @__PURE__ */ s(v, {})
           }
         ),

package/dist/components/Tags/Tags.js

@@ -1,34 +1,39 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import $ from "../../node_modules/classnames/index.js";
-import { getCommonProps as g, px as a } from "../../utils/index.js";
-import N from "../Button/Button.js";
-import { ButtonVariants as v } from "../Button/types.js";
-import h from "../../assets/chevronRight.svg.js";
-const u = p(
-  ({ className: l, children: t, clearAllLabel: e = "Clear All", onClear: n, ...s }, c) => {
-    const r = "tags-list", { className: d, ...f } = g(s, "TagsList"), { id: i } = s;
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import c from "../../node_modules/classnames/index.js";
+import { getCommonProps as p, px as a } from "../../utils/index.js";
+import u from "../Button/Button.js";
+import N from "../IconButton/IconButton.js";
+import v from "../../assets/chevronRight.svg.js";
+import { ButtonVariants as h } from "../Button/types.js";
+import b from "../../assets/close.svg.js";
+const P = ({ id: e, className: s, onRemove: o, label: r }) => /* @__PURE__ */ m("div", { className: c(`${a}-tag`, `${a}-button`, s), "aria-label": "Close Tag", children: [
+  /* @__PURE__ */ t("div", { className: `${a}-tag__label`, children: r }),
+  /* @__PURE__ */ t("div", { onClick: () => o(r), className: `${a}-tag__button`, "data-testid": `${e}-item-close-button`, children: /* @__PURE__ */ t(N, { className: `${a}-tag__button--close`, children: /* @__PURE__ */ t(b, {}) }) })
+] }), C = f(
+  ({ className: e, children: s, clearAllLabel: o = "Clear All", onClear: r, ...i }, d) => {
+    const l = "tags-list", { className: g, ...$ } = p(i, "TagsList"), { id: n } = i;
     return /* @__PURE__ */ m(
       "div",
       {
-        className: $(`${a}-${r}`, d, l),
-        ...f,
-        ...s,
-        "data-testid": `${r}-${i}`,
-        ref: c,
+        className: c(`${a}-${l}`, g, e),
+        ...$,
+        ...i,
+        "data-testid": `${l}-${n}`,
+        ref: d,
         children: [
-          t,
-          Array.isArray(t) && t.length > 0 && /* @__PURE__ */ m(
-            N,
+          s,
+          Array.isArray(s) && s.length > 0 && /* @__PURE__ */ m(
+            u,
             {
-              onClick: n,
-              "data-testid": `${i}-clear-all-button`,
-              className: `${a}-${r}--clear`,
-              "aria-label": e,
-              variant: v.tertiary,
+              onClick: r,
+              "data-testid": `${n}-clear-all-button`,
+              className: `${a}-${l}--clear`,
+              "aria-label": o,
+              variant: h.tertiary,
               children: [
-                /* @__PURE__ */ o("div", { className: `${a}-left-arrow`, children: /* @__PURE__ */ o(h, {}) }),
-                /* @__PURE__ */ o("div", { className: `${a}-label`, children: e })
+                /* @__PURE__ */ t("div", { className: `${a}-left-arrow`, children: /* @__PURE__ */ t(v, {}) }),
+                /* @__PURE__ */ t("div", { className: `${a}-label`, children: o })
               ]
             }
           )
@@ -37,7 +42,8 @@ const u = p(
     );
   }
 );
-u.displayName = "Tags";
+C.displayName = "Tags";
 export {
-  u as default
+  P as Tag,
+  C as default
 };

package/dist/index.d.ts

@@ -35,7 +35,7 @@ export { default as ViewingsList, type ViewingsListProps } from './patterns/View
 export { default as Modal, type ModalProps } from './components/Modal/Modal';
 export { default as Drawer } from './components/Drawer/Drawer';
 export { default as Pagination, type PaginationProps, type PaginationOption, type PaginationOptionValue, } from './components/Pagination/Pagination';
-export { default as TagsList } from './components/Tags/Tags';
+export { default as TagsList, Tag, type TagsListProps, type TagProps } from './components/Tags/Tags';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './patterns/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
 export * from './components/TextSymbol';

package/dist/index.js

@@ -2,7 +2,7 @@ import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidati
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as h } from "./assets/arrowPrev.svg.js";
 import { default as I } from "./assets/calendar.svg.js";
-import { default as T } from "./assets/calendarAlt.svg.js";
+import { default as b } from "./assets/calendarAlt.svg.js";
 import { default as V } from "./assets/chevronDown.svg.js";
 import { default as A } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
@@ -29,7 +29,7 @@ import { default as ne } from "./assets/icon-green-circle.svg.js";
 import { default as ce } from "./assets/icon-red-circle.svg.js";
 import { default as Se } from "./pages/Page.js";
 import { usePendingState as he } from "./utils/hooks.js";
-import { SSRMediaQuery as Ie, ssrMediaQueryStyle as be } from "./providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as Ie, ssrMediaQueryStyle as Te } from "./providers/SeldonProvider/utils.js";
 import { AuctionStatus as Be, LotStatus as Ve, SupportedLanguages as ke } from "./types/commonTypes.js";
 import { default as ve } from "./components/Button/Button.js";
 import { ButtonVariants as Fe } from "./components/Button/types.js";
@@ -55,106 +55,106 @@ import { default as gt } from "./components/Search/Search.js";
 import { default as Ct } from "./components/Select/Select.js";
 import { SelectVariants as Lt } from "./components/Select/types.js";
 import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
-import { default as bt } from "./patterns/Subscribe/Subscribe.js";
+import { default as Tt } from "./patterns/Subscribe/Subscribe.js";
 import { SubscriptionState as Bt } from "./patterns/Subscribe/types.js";
 import { default as kt } from "./patterns/Social/Social.js";
 import { default as vt } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Ft } from "./components/Modal/Modal.js";
 import { default as Mt } from "./components/Drawer/Drawer.js";
 import { default as Ht } from "./components/Pagination/Pagination.js";
-import { default as Rt } from "./components/Tags/Tags.js";
-import { default as Ot } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Et } from "./components/Text/types.js";
-import { default as Qt } from "./components/Text/Text.js";
-import { TextSymbolVariants as jt } from "./components/TextSymbol/types.js";
-import { default as Zt } from "./components/TextSymbol/TextSymbol.js";
-import { default as Jt } from "./components/Accordion/Accordion.js";
-import { default as Xt } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as $t, AccordionVariants as eo } from "./components/Accordion/types.js";
-import { default as oo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as ao } from "./patterns/UserManagement/types.js";
-import { default as so } from "./components/Breadcrumb/Breadcrumb.js";
+import { Tag as Rt, default as Gt } from "./components/Tags/Tags.js";
+import { default as Ut } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Wt } from "./components/Text/types.js";
+import { default as Yt } from "./components/Text/Text.js";
+import { TextSymbolVariants as zt } from "./components/TextSymbol/types.js";
+import { default as qt } from "./components/TextSymbol/TextSymbol.js";
+import { default as Kt } from "./components/Accordion/Accordion.js";
+import { default as _t } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as eo, AccordionVariants as to } from "./components/Accordion/types.js";
+import { default as ro } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as fo } from "./patterns/UserManagement/types.js";
+import { default as lo } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as mo } from "./components/Dropdown/Dropdown.js";
-import { default as uo } from "./components/Video/Video.js";
-import { default as io } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as go } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as Co } from "./components/ContentPeek/utils.js";
-import { default as Lo } from "./components/Collapsible/Collapsible.js";
-import { default as Po } from "./components/Collapsible/CollapsibleContent.js";
+import { default as po } from "./components/Dropdown/Dropdown.js";
+import { default as xo } from "./components/Video/Video.js";
+import { default as no } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as co } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as So } from "./components/ContentPeek/utils.js";
+import { default as ho } from "./components/Collapsible/Collapsible.js";
+import { default as Io } from "./components/Collapsible/CollapsibleContent.js";
 import { default as bo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as Bo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as ko } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as vo } from "./components/Carousel/Carousel.js";
-import { default as Fo } from "./components/Carousel/CarouselContent.js";
-import { default as Mo } from "./components/Carousel/CarouselItem.js";
-import { default as Ho } from "./components/Carousel/CarouselDots.js";
-import { default as Ro } from "./components/Detail/Detail.js";
-import { default as Oo } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Eo } from "./patterns/DetailList/types.js";
-import { default as Qo } from "./components/PinchZoom/PinchZoom.js";
-import { default as jo } from "./components/Tabs/TabsContainer.js";
-import { default as Zo } from "./components/Tabs/TabsContent.js";
-import { default as Jo } from "./components/SeldonImage/SeldonImage.js";
-import { default as Xo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as $o } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { default as tr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as rr } from "./components/Filter/Filter.js";
-import { default as fr } from "./components/Filter/FilterInput.js";
-import { default as lr } from "./components/Filter/FilterHeader.js";
-import { default as mr } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as ur } from "./components/Countdown/types.js";
-import { default as ir } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as gr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Cr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Lr, BidStatusEnum as hr } from "./patterns/BidSnapshot/types.js";
+import { SeldonProvider as Vo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Ao } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as wo } from "./components/Carousel/Carousel.js";
+import { default as yo } from "./components/Carousel/CarouselContent.js";
+import { default as Do } from "./components/Carousel/CarouselItem.js";
+import { default as No } from "./components/Carousel/CarouselDots.js";
+import { default as Go } from "./components/Detail/Detail.js";
+import { default as Uo } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Wo } from "./patterns/DetailList/types.js";
+import { default as Yo } from "./components/PinchZoom/PinchZoom.js";
+import { default as zo } from "./components/Tabs/TabsContainer.js";
+import { default as qo } from "./components/Tabs/TabsContent.js";
+import { default as Ko } from "./components/SeldonImage/SeldonImage.js";
+import { default as _o } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as er } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as ar } from "./components/Filter/Filter.js";
+import { default as sr } from "./components/Filter/FilterInput.js";
+import { default as dr } from "./components/Filter/FilterHeader.js";
+import { default as pr } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as xr } from "./components/Countdown/types.js";
+import { default as nr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as cr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Sr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as hr, BidStatusEnum as Pr } from "./patterns/BidSnapshot/types.js";
 export {
-  Jt as Accordion,
-  Xt as AccordionItem,
-  $t as AccordionItemVariant,
-  eo as AccordionVariants,
+  Kt as Accordion,
+  _t as AccordionItem,
+  eo as AccordionItemVariant,
+  to as AccordionVariants,
   S as AccountCircle,
   h as ArrowPrev,
   Be as AuctionStatus,
-  ao as AuthState,
-  Cr as BidMessage,
-  Lr as BidMessageVariants,
-  gr as BidSnapshot,
-  hr as BidStatusEnum,
-  so as Breadcrumb,
+  fo as AuthState,
+  Sr as BidMessage,
+  hr as BidMessageVariants,
+  cr as BidSnapshot,
+  Pr as BidStatusEnum,
+  lo as Breadcrumb,
   ve as Button,
   Fe as ButtonVariants,
   I as Calendar,
-  T as CalendarAlt,
-  vo as Carousel,
-  Fo as CarouselContent,
-  Ho as CarouselDots,
-  Mo as CarouselItem,
+  b as CalendarAlt,
+  wo as Carousel,
+  yo as CarouselContent,
+  No as CarouselDots,
+  Do as CarouselItem,
   V as ChevronDown,
   A as ChevronNext,
   w as ChevronRight,
   y as Close,
-  Lo as Collapsible,
-  Po as CollapsibleContent,
+  ho as Collapsible,
+  Io as CollapsibleContent,
   bo as CollapsibleTrigger,
-  go as ContentPeek,
-  Co as ContentPeekHeightUnits,
-  mr as Countdown,
-  ur as CountdownVariants,
-  Ro as Detail,
-  Oo as DetailList,
-  Eo as DetailListAlignment,
+  co as ContentPeek,
+  So as ContentPeekHeightUnits,
+  pr as Countdown,
+  xr as CountdownVariants,
+  Go as Detail,
+  Uo as DetailList,
+  Wo as DetailListAlignment,
   Mt as Drawer,
-  mo as Dropdown,
+  po as Dropdown,
   He as ErrorBoundary,
   G as Facebook,
   D as Favorite,
   N as FavoriteOutline,
-  rr as Filter,
-  lr as FilterHeader,
-  fr as FilterInput,
-  tr as FilterMenu,
+  ar as Filter,
+  dr as FilterHeader,
+  sr as FilterInput,
+  or as FilterMenu,
   Re as Footer,
   U as FooterInstagram,
   z as FooterWeChat,
@@ -167,7 +167,7 @@ export {
   Me as IconButton,
   $e as Input,
   q as Instagram,
-  io as LanguageSelector,
+  no as LanguageSelector,
   tt as Link,
   ft as LinkBlock,
   lt as LinkList,
@@ -181,24 +181,24 @@ export {
   je as NavigationItem,
   Ze as NavigationItemTrigger,
   Je as NavigationList,
-  ir as ObjectTile,
+  nr as ObjectTile,
   f as PaddingTokens,
   Se as Page,
-  ko as PageContentWrapper,
+  Ao as PageContentWrapper,
   Ht as Pagination,
   ee as PhillipsLogo,
-  Qo as PinchZoom,
+  Yo as PinchZoom,
   oe as Plus,
   ae as React,
   ce as RedCircle,
   Y as Reddit,
   mt as Row,
   Ie as SSRMediaQuery,
-  Xo as SaleHeaderBanner,
-  $o as SaleHeaderBrowseAuctions,
+  _o as SaleHeaderBanner,
+  er as SaleHeaderBrowseAuctions,
   gt as Search,
-  Jo as SeldonImage,
-  Bo as SeldonProvider,
+  Ko as SeldonImage,
+  Vo as SeldonProvider,
   Ct as Select,
   Lt as SelectVariants,
   se as Share,
@@ -206,19 +206,20 @@ export {
   s as SpacingTokens,
   Pt as SplitPanel,
   de as Spotify,
-  Ot as StatefulViewingsList,
-  bt as Subscribe,
+  Ut as StatefulViewingsList,
+  Tt as Subscribe,
   Bt as SubscriptionState,
   ke as SupportedLanguages,
-  jo as TabsContainer,
-  Zo as TabsContent,
-  Rt as TagsList,
-  Qt as Text,
-  jt as TextSymbolVariants,
-  Zt as TextSymbols,
-  Et as TextVariants,
-  oo as UserManagement,
-  uo as Video,
+  zo as TabsContainer,
+  qo as TabsContent,
+  Rt as Tag,
+  Gt as TagsList,
+  Yt as Text,
+  zt as TextSymbolVariants,
+  qt as TextSymbols,
+  Wt as TextVariants,
+  ro as UserManagement,
+  xo as Video,
   vt as ViewingsList,
   pe as WeChat,
   xe as Youtube,
@@ -231,7 +232,7 @@ export {
   i as getCommonProps,
   n as noOp,
   g as px,
-  be as ssrMediaQueryStyle,
+  Te as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   he as usePendingState
 };

package/package.json

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