@phillips/seldon 1.259.0 → 1.261.0

package/dist/patterns/AccountPageHeader/AccountPageHeader.js

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

package/dist/patterns/FiltersInline/SubFilterDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),O=require("react"),R=require("../../components/Drawer/Drawer.cjs"),S=require("../../providers/SeldonProvider/utils.cjs"),k=require("../../utils/index.cjs"),$=require("./FilterButton.cjs"),v=require("./FilterDropdownMenuDesktop.cjs"),H=require("./FilterDropdownMenuMobile.cjs"),y=require("./types.cjs"),t=require("./utils.cjs"),m=O.forwardRef(({filterId:n=0,className:F,filterButtonLabel:r,buttonType:o,handleClick:l,filtersListState:s,filters:c,onSelectFilter:j,onApplyFilter:p,onClickClear:w,resultsCount:q,filterButtonLabelTranslated:a,dropdownMenuTranslation:M,ariaLabels:i={},hideDesktopSortButton:C,id:x},b)=>{const u=s?.[n]??!1,{totalCount:h,filterCount:D}=t.countActiveFilters(c,o),g=t.getFilterButtonLabel(r,a||null);return C&&o===y.FilterButtonType.Sort?null:e.jsxs(e.Fragment,{children:[e.jsxs(S.SSRMediaQuery.Media,{lessThan:"md",children:[e.jsx($.FilterButton,{ref:b,className:F,isSelected:u,count:D,label:g,id:x,totalCount:h,ariaLabel:i.button||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!0,type:o}),e.jsx(R.default,{drawerOpenSide:"bottom",isOpen:u,onClose:t.getFilterButtonClickHandler(s,l,n),"aria-label":i.drawer||`${r} drawer`,className:`${k.px}-filter-drawer-mobile`,headerText:g,paddingLevel:0,children:e.jsx(H.FilterDropdownMenuMobile,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:j,onApplyFilter:p,onClickClear:w,resultsCount:q,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:a,dropdownMenuTranslation:M})})]}),e.jsx(S.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.jsxs(d.Root,{open:u,onOpenChange:t.getFilterButtonClickHandler(s,l,n),children:[e.jsx(d.Trigger,{asChild:!0,children:e.jsx($.FilterButton,{ref:b,className:F,isSelected:u,count:D,label:g,totalCount:h,id:x,ariaLabel:i.ariaLabel||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!1,type:o})}),e.jsx(d.Portal,{children:e.jsx(d.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,"aria-label":i.ariaLabel||`${r} dropdown`,children:e.jsx(v.FilterDropdownMenuDesktop,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:j,onApplyFilter:p,onClickClear:w,resultsCount:q,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:a,dropdownMenuTranslation:M})})})]},`${x}-${r}-button`)})]})});m.displayName="SubFilterDropdown";exports.SubFilterDropdown=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../node_modules/@radix-ui/react-popover/dist/index.cjs"),k=require("react"),R=require("../../components/Drawer/Drawer.cjs"),S=require("../../providers/SeldonProvider/utils.cjs"),v=require("../../utils/index.cjs"),$=require("./FilterButton.cjs"),H=require("./FilterDropdownMenuDesktop.cjs"),y=require("./FilterDropdownMenuMobile.cjs"),B=require("./types.cjs"),t=require("./utils.cjs"),m=require("../../utils/constants.cjs"),C=k.forwardRef(({filterId:n=0,className:p,filterButtonLabel:r,buttonType:o,handleClick:l,filtersListState:s,filters:c,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,filterButtonLabelTranslated:d,dropdownMenuTranslation:M,ariaLabels:i={},hideDesktopSortButton:O,id:x},b)=>{const u=s?.[n]??!1,{totalCount:h,filterCount:D}=t.countActiveFilters(c,o),g=t.getFilterButtonLabel(r,d||null);return O&&o===B.FilterButtonType.Sort?null:e.jsxs(e.Fragment,{children:[e.jsxs(S.SSRMediaQuery.Media,{lessThan:m.Breakpoints.md,children:[e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,id:x,totalCount:h,ariaLabel:i.button||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!0,type:o}),e.jsx(R.default,{drawerOpenSide:"bottom",isOpen:u,onClose:t.getFilterButtonClickHandler(s,l,n),"aria-label":i.drawer||`${r} drawer`,className:`${v.px}-filter-drawer-mobile`,headerText:g,paddingLevel:0,children:e.jsx(y.FilterDropdownMenuMobile,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})]}),e.jsx(S.SSRMediaQuery.Media,{greaterThanOrEqual:m.Breakpoints.md,children:e.jsxs(a.Root,{open:u,onOpenChange:t.getFilterButtonClickHandler(s,l,n),children:[e.jsx(a.Trigger,{asChild:!0,children:e.jsx($.FilterButton,{ref:b,className:p,isSelected:u,count:D,label:g,totalCount:h,id:x,ariaLabel:i.ariaLabel||`${r} button`,onClick:t.getFilterButtonClickHandler(s,l,n),isMobile:!1,type:o})}),e.jsx(a.Portal,{children:e.jsx(a.Content,{avoidCollisions:!0,collisionPadding:10,sideOffset:5,align:"start",alignOffset:5,"aria-label":i.ariaLabel||`${r} dropdown`,children:e.jsx(H.FilterDropdownMenuDesktop,{buttonType:o,filters:c,filterIndex:n,onSelectFilter:F,onApplyFilter:j,onClickClear:q,resultsCount:w,ariaLabels:i?.ariaLabel,filterButtonLabel:r,filterButtonLabelTranslated:d,dropdownMenuTranslation:M})})})]},`${x}-${r}-button`)})]})});C.displayName="SubFilterDropdown";exports.SubFilterDropdown=C;

package/dist/patterns/FiltersInline/SubFilterDropdown.js

@@ -1,6 +1,6 @@
 import { jsxs as u, Fragment as S, jsx as o } from "react/jsx-runtime";
-import { Root as f, Trigger as v, Portal as j, Content as P } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import _ from "react";
+import { Root as v, Trigger as j, Portal as P, Content as _ } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import k from "react";
 import q from "../../components/Drawer/Drawer.js";
 import { SSRMediaQuery as O } from "../../providers/SeldonProvider/utils.js";
 import { px as E } from "../../utils/index.js";
@@ -8,29 +8,30 @@ import { FilterButton as C } from "./FilterButton.js";
 import { FilterDropdownMenuDesktop as H } from "./FilterDropdownMenuDesktop.js";
 import { FilterDropdownMenuMobile as N } from "./FilterDropdownMenuMobile.js";
 import { FilterButtonType as Q } from "./types.js";
-import { countActiveFilters as k, getFilterButtonClickHandler as l, getFilterButtonLabel as z } from "./utils.js";
-const A = _.forwardRef(
+import { countActiveFilters as z, getFilterButtonClickHandler as p, getFilterButtonLabel as A } from "./utils.js";
+import { Breakpoints as R } from "../../utils/constants.js";
+const G = k.forwardRef(
   ({
     filterId: e = 0,
     className: g,
     filterButtonLabel: r,
-    buttonType: n,
+    buttonType: i,
     handleClick: m,
     filtersListState: a,
-    filters: p,
+    filters: t,
     onSelectFilter: h,
     onApplyFilter: w,
     onClickClear: F,
     resultsCount: b,
-    filterButtonLabelTranslated: t,
+    filterButtonLabelTranslated: l,
     dropdownMenuTranslation: x,
-    ariaLabels: i = {},
-    hideDesktopSortButton: R,
+    ariaLabels: n = {},
+    hideDesktopSortButton: f,
     id: c
   }, M) => {
-    const d = a?.[e] ?? !1, { totalCount: $, filterCount: D } = k(p, n), s = z(r, t || null);
-    return R && n === Q.Sort ? null : /* @__PURE__ */ u(S, { children: [
-      /* @__PURE__ */ u(O.Media, { lessThan: "md", children: [
+    const d = a?.[e] ?? !1, { totalCount: $, filterCount: D } = z(t, i), s = A(r, l || null);
+    return f && i === Q.Sort ? null : /* @__PURE__ */ u(S, { children: [
+      /* @__PURE__ */ u(O.Media, { lessThan: R.md, children: [
         /* @__PURE__ */ o(
           C,
           {
@@ -41,10 +42,10 @@ const A = _.forwardRef(
             label: s,
             id: c,
             totalCount: $,
-            ariaLabel: i.button || `${r} button`,
-            onClick: l(a, m, e),
+            ariaLabel: n.button || `${r} button`,
+            onClick: p(a, m, e),
             isMobile: !0,
-            type: n
+            type: i
           }
         ),
         /* @__PURE__ */ o(
@@ -52,37 +53,37 @@ const A = _.forwardRef(
           {
             drawerOpenSide: "bottom",
             isOpen: d,
-            onClose: l(a, m, e),
-            "aria-label": i.drawer || `${r} drawer`,
+            onClose: p(a, m, e),
+            "aria-label": n.drawer || `${r} drawer`,
             className: `${E}-filter-drawer-mobile`,
             headerText: s,
             paddingLevel: 0,
             children: /* @__PURE__ */ o(
               N,
               {
-                buttonType: n,
-                filters: p,
+                buttonType: i,
+                filters: t,
                 filterIndex: e,
                 onSelectFilter: h,
                 onApplyFilter: w,
                 onClickClear: F,
                 resultsCount: b,
-                ariaLabels: i?.ariaLabel,
+                ariaLabels: n?.ariaLabel,
                 filterButtonLabel: r,
-                filterButtonLabelTranslated: t,
+                filterButtonLabelTranslated: l,
                 dropdownMenuTranslation: x
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ o(O.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ u(
-        f,
+      /* @__PURE__ */ o(O.Media, { greaterThanOrEqual: R.md, children: /* @__PURE__ */ u(
+        v,
         {
           open: d,
-          onOpenChange: l(a, m, e),
+          onOpenChange: p(a, m, e),
           children: [
-            /* @__PURE__ */ o(v, { asChild: !0, children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(
               C,
               {
                 ref: M,
@@ -92,34 +93,34 @@ const A = _.forwardRef(
                 label: s,
                 totalCount: $,
                 id: c,
-                ariaLabel: i.ariaLabel || `${r} button`,
-                onClick: l(a, m, e),
+                ariaLabel: n.ariaLabel || `${r} button`,
+                onClick: p(a, m, e),
                 isMobile: !1,
-                type: n
+                type: i
               }
             ) }),
-            /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
-              P,
+            /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
+              _,
               {
                 avoidCollisions: !0,
                 collisionPadding: 10,
                 sideOffset: 5,
                 align: "start",
                 alignOffset: 5,
-                "aria-label": i.ariaLabel || `${r} dropdown`,
+                "aria-label": n.ariaLabel || `${r} dropdown`,
                 children: /* @__PURE__ */ o(
                   H,
                   {
-                    buttonType: n,
-                    filters: p,
+                    buttonType: i,
+                    filters: t,
                     filterIndex: e,
                     onSelectFilter: h,
                     onApplyFilter: w,
                     onClickClear: F,
                     resultsCount: b,
-                    ariaLabels: i?.ariaLabel,
+                    ariaLabels: n?.ariaLabel,
                     filterButtonLabel: r,
-                    filterButtonLabelTranslated: t,
+                    filterButtonLabelTranslated: l,
                     dropdownMenuTranslation: x
                   }
                 )
@@ -132,7 +133,7 @@ const A = _.forwardRef(
     ] });
   }
 );
-A.displayName = "SubFilterDropdown";
+G.displayName = "SubFilterDropdown";
 export {
-  A as SubFilterDropdown
+  G as SubFilterDropdown
 };

package/dist/patterns/LanguageSelector/LanguageSelector.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("react"),m=require("../../utils/index.cjs"),f=require("../../_virtual/index.cjs"),u=require("../../types/commonTypes.cjs"),L=require("../../components/Dropdown/Dropdown.cjs"),j=require("../../components/Accordion/Accordion.cjs"),y=require("../../components/Accordion/AccordionItem.cjs"),M=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),T=require("../../components/Link/types.cjs");require("../../components/Link/Link.cjs");const N=require("../../components/Text/types.cjs"),R=require("../../components/Text/Text.cjs"),$=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),k=require("./utils.cjs"),x=q.forwardRef(({id:r,value:l,onValueChange:n,label:t,options:s,...i},o)=>e.jsx(j.default,{...i,ref:o,children:e.jsx(y.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx(R.default,{variant:N.TextVariants.linkStylised,children:t}),children:e.jsx($.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(M.default,{label:a.label,onClick:()=>n(a.value),navType:T.LinkVariants.linkLarge},a.value))})})}));x.displayName="MobileLanguageSelector";const S=q.forwardRef(({className:r,currentLanguage:l=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:t=m.noOp,id:s,isHidden:i,disabled:o=!1,...a},c)=>{const{className:d,...h}=m.getCommonProps({id:s},"LanguageSelector"),v=k.getLanguageLabel({languageOptions:n,currentLanguage:l}),g={...h,...a,id:s,className:f.default(d,r,{[`${d}--hidden`]:i}),options:n,value:l,onValueChange:b=>t(b),label:v};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.jsx(L.default,{...g,disabled:o,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:"md",children:e.jsx(x,{...g,ref:c})})]})});S.displayName="LanguageSelector";exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),x=require("react"),m=require("../../utils/index.cjs"),L=require("../../_virtual/index.cjs"),u=require("../../types/commonTypes.cjs"),j=require("../../components/Dropdown/Dropdown.cjs"),y=require("../../components/Accordion/Accordion.cjs"),M=require("../../components/Accordion/AccordionItem.cjs"),T=require("../../components/Navigation/NavigationItem/NavigationItem.cjs"),N=require("../../components/Link/types.cjs");require("../../components/Link/Link.cjs");const k=require("../../components/Text/types.cjs"),R=require("../../components/Text/Text.cjs"),$=require("../../components/Navigation/NavigationList/NavigationList.cjs"),p=require("../../providers/SeldonProvider/utils.cjs"),C=require("./utils.cjs"),q=require("../../utils/constants.cjs"),S=x.forwardRef(({id:r,value:t,onValueChange:n,label:l,options:s,...o},i)=>e.jsx(y.default,{...o,ref:i,children:e.jsx(M.default,{hasTransition:!0,id:r??"language-selector-accordion",label:e.jsx(R.default,{variant:k.TextVariants.linkStylised,children:l}),children:e.jsx($.default,{id:`${r}-navlist`,children:s.map(a=>e.jsx(T.default,{label:a.label,onClick:()=>n(a.value),navType:N.LinkVariants.linkLarge},a.value))})})}));S.displayName="MobileLanguageSelector";const h=x.forwardRef(({className:r,currentLanguage:t=u.SupportedLanguages.en,languageOptions:n=[{label:"English",value:u.SupportedLanguages.en},{label:"中文",value:u.SupportedLanguages.zh}],onLanguageChange:l=m.noOp,id:s,isHidden:o,disabled:i=!1,...a},c)=>{const{className:d,...v}=m.getCommonProps({id:s},"LanguageSelector"),b=C.getLanguageLabel({languageOptions:n,currentLanguage:t}),g={...v,...a,id:s,className:L.default(d,r,{[`${d}--hidden`]:o}),options:n,value:t,onValueChange:f=>l(f),label:b};return e.jsxs(e.Fragment,{children:[e.jsx(p.SSRMediaQuery.Media,{greaterThanOrEqual:q.Breakpoints.md,children:e.jsx(j.default,{...g,disabled:i,ref:c})}),e.jsx(p.SSRMediaQuery.Media,{lessThan:q.Breakpoints.md,children:e.jsx(S,{...g,ref:c})})]})});h.displayName="LanguageSelector";exports.default=h;

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -1,26 +1,27 @@
-import { jsx as e, jsxs as L, Fragment as S } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { getCommonProps as N, noOp as T } from "../../utils/index.js";
+import { jsx as e, jsxs as S, Fragment as N } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getCommonProps as T, noOp as k } from "../../utils/index.js";
 import x from "../../_virtual/index.js";
 import { SupportedLanguages as s } from "../../types/commonTypes.js";
 import y from "../../components/Dropdown/Dropdown.js";
 import C from "../../components/Accordion/Accordion.js";
 import M from "../../components/Accordion/AccordionItem.js";
-import k from "../../components/Navigation/NavigationItem/NavigationItem.js";
-import { LinkVariants as P } from "../../components/Link/types.js";
+import P from "../../components/Navigation/NavigationItem/NavigationItem.js";
+import { LinkVariants as V } from "../../components/Link/types.js";
 import "../../components/Link/Link.js";
-import { TextVariants as V } from "../../components/Text/types.js";
-import j from "../../components/Text/Text.js";
-import w from "../../components/Navigation/NavigationList/NavigationList.js";
+import { TextVariants as j } from "../../components/Text/types.js";
+import w from "../../components/Text/Text.js";
+import A from "../../components/Navigation/NavigationList/NavigationList.js";
 import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
-import { getLanguageLabel as A } from "./utils.js";
-const f = u(
+import { getLanguageLabel as E } from "./utils.js";
+import { Breakpoints as u } from "../../utils/constants.js";
+const h = f(
   ({
     id: o,
-    value: n,
+    value: i,
     // can't be passed to the accordion
     onValueChange: r,
-    label: i,
+    label: n,
     options: l,
     ...t
   }, m) => /* @__PURE__ */ e(C, { ...t, ref: m, children: /* @__PURE__ */ e(
@@ -28,53 +29,53 @@ const f = u(
     {
       hasTransition: !0,
       id: o ?? "language-selector-accordion",
-      label: /* @__PURE__ */ e(j, { variant: V.linkStylised, children: i }),
-      children: /* @__PURE__ */ e(w, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
-        k,
+      label: /* @__PURE__ */ e(w, { variant: j.linkStylised, children: n }),
+      children: /* @__PURE__ */ e(A, { id: `${o}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
+        P,
         {
           label: a.label,
           onClick: () => r(a.value),
-          navType: P.linkLarge
+          navType: V.linkLarge
         },
         a.value
       )) })
     }
   ) })
 );
-f.displayName = "MobileLanguageSelector";
-const E = u(
+h.displayName = "MobileLanguageSelector";
+const I = f(
   ({
     className: o,
-    currentLanguage: n = s.en,
+    currentLanguage: i = s.en,
     languageOptions: r = [
       { label: "English", value: s.en },
       { label: "中文", value: s.zh }
     ],
-    onLanguageChange: i = T,
+    onLanguageChange: n = k,
     id: l,
     isHidden: t,
     disabled: m = !1,
     ...a
   }, c) => {
-    const { className: p, ...h } = N({ id: l }, "LanguageSelector"), v = A({ languageOptions: r, currentLanguage: n }), d = {
-      ...h,
+    const { className: p, ...v } = T({ id: l }, "LanguageSelector"), b = E({ languageOptions: r, currentLanguage: i }), d = {
+      ...v,
       ...a,
       id: l,
       className: x(p, o, {
         [`${p}--hidden`]: t
       }),
       options: r,
-      value: n,
-      onValueChange: (b) => i(b),
-      label: v
+      value: i,
+      onValueChange: (L) => n(L),
+      label: b
     };
-    return /* @__PURE__ */ L(S, { children: [
-      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ e(y, { ...d, disabled: m, ref: c }) }),
-      /* @__PURE__ */ e(g.Media, { lessThan: "md", children: /* @__PURE__ */ e(f, { ...d, ref: c }) })
+    return /* @__PURE__ */ S(N, { children: [
+      /* @__PURE__ */ e(g.Media, { greaterThanOrEqual: u.md, children: /* @__PURE__ */ e(y, { ...d, disabled: m, ref: c }) }),
+      /* @__PURE__ */ e(g.Media, { lessThan: u.md, children: /* @__PURE__ */ e(h, { ...d, ref: c }) })
     ] });
   }
 );
-E.displayName = "LanguageSelector";
+I.displayName = "LanguageSelector";
 export {
-  E as default
+  I as default
 };

package/dist/patterns/SaleCard/SaleCard.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("../../_virtual/index.cjs"),y=require("react"),M=require("../../components/Button/Button.cjs"),a=require("../../components/Card/Card.cjs"),N=require("../../components/Card/types.cjs"),g=require("../../components/Button/types.cjs"),I=require("../../providers/SeldonProvider/utils.cjs"),R=require("../../utils/index.cjs"),r=require("./types.cjs"),m=y.forwardRef(({className:f,imageSrc:l,imageAlt:j="Auction Image",auctionType:x,titleText:h,date:q,location:C,badgeText:n,modalButtonOnClick:i,modalButtonText:d,variant:t=r.SaleCardVariants.DEFAULT,children:c,imageDisplay:u=r.SaleCardImageDisplay.LEFT,...o},S)=>{const{className:s,..._}=R.getCommonProps(o,"SaleCard"),$=p.default(s,f,{[`${s}--${t}`]:t,[`${s}--image-${u}`]:u}),E={..._,...o};return e.jsxs(a.default.Root,{ref:S,element:"article",variant:N.CardVariants.default,className:$,...E,children:[l?e.jsx(a.default.Image,{alt:j,src:l}):null,e.jsxs(a.default.Content,{children:[e.jsx(a.default.Eyebrow,{children:x}),e.jsx(a.default.Title,{children:h}),n?e.jsx(a.default.Badge,{children:n}):null,e.jsxs(a.default.Meta,{className:`${s}__info`,children:[e.jsx(a.default.MetaItem,{children:C}),e.jsx(a.default.MetaItem,{children:q}),d&&i&&e.jsx("div",{className:`${s}__modal-link`,children:e.jsx(M.default,{onClick:i,variant:g.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),t!==r.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(I.SSRMediaQuery.Media,{greaterThanOrEqual:"snw-mobile",children:c})})]})});m.displayName="SaleCard";exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),E=require("../../_virtual/index.cjs"),M=require("react"),y=require("../../components/Button/Button.cjs"),a=require("../../components/Card/Card.cjs"),N=require("../../components/Card/types.cjs"),g=require("../../components/Button/types.cjs"),I=require("../../providers/SeldonProvider/utils.cjs"),R=require("../../utils/index.cjs"),r=require("./types.cjs"),L=require("../../utils/constants.cjs"),m=M.forwardRef(({className:f,imageSrc:l,imageAlt:j="Auction Image",auctionType:x,titleText:q,date:h,location:C,badgeText:n,modalButtonOnClick:i,modalButtonText:d,variant:t=r.SaleCardVariants.DEFAULT,children:c,imageDisplay:o=r.SaleCardImageDisplay.LEFT,...u},S)=>{const{className:s,..._}=R.getCommonProps(u,"SaleCard"),$=E.default(s,f,{[`${s}--${t}`]:t,[`${s}--image-${o}`]:o}),p={..._,...u};return e.jsxs(a.default.Root,{ref:S,element:"article",variant:N.CardVariants.default,className:$,...p,children:[l?e.jsx(a.default.Image,{alt:j,src:l}):null,e.jsxs(a.default.Content,{children:[e.jsx(a.default.Eyebrow,{children:x}),e.jsx(a.default.Title,{children:q}),n?e.jsx(a.default.Badge,{children:n}):null,e.jsxs(a.default.Meta,{className:`${s}__info`,children:[e.jsx(a.default.MetaItem,{children:C}),e.jsx(a.default.MetaItem,{children:h}),d&&i&&e.jsx("div",{className:`${s}__modal-link`,children:e.jsx(y.default,{onClick:i,variant:g.ButtonVariants.link,linkSize:"sm",children:d})})]})]}),t!==r.SaleCardVariants.RELATED_SALE_TILE&&c&&e.jsx("div",{className:`${s}__ctas`,children:e.jsx(I.SSRMediaQuery.Media,{greaterThanOrEqual:L.Breakpoints.snwMobile,children:c})})]})});m.displayName="SaleCard";exports.default=m;

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,51 +1,52 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import L from "../../_virtual/index.js";
-import { forwardRef as M } from "react";
+import M from "../../_virtual/index.js";
+import { forwardRef as L } from "react";
 import g from "../../components/Button/Button.js";
 import a from "../../components/Card/Card.js";
-import { CardVariants as A } from "../../components/Card/types.js";
-import { ButtonVariants as R } from "../../components/Button/types.js";
-import { SSRMediaQuery as T } from "../../providers/SeldonProvider/utils.js";
-import { getCommonProps as k } from "../../utils/index.js";
+import { CardVariants as k } from "../../components/Card/types.js";
+import { ButtonVariants as A } from "../../components/Button/types.js";
+import { SSRMediaQuery as R } from "../../providers/SeldonProvider/utils.js";
+import { getCommonProps as T } from "../../utils/index.js";
 import { SaleCardImageDisplay as w, SaleCardVariants as f } from "./types.js";
-const y = M(
+import { Breakpoints as y } from "../../utils/constants.js";
+const P = L(
   ({
     className: p,
-    imageSrc: l,
+    imageSrc: i,
     imageAlt: h = "Auction Image",
     auctionType: C,
     titleText: u,
     date: E,
     location: S,
-    badgeText: s,
-    modalButtonOnClick: i,
+    badgeText: l,
+    modalButtonOnClick: s,
     modalButtonText: t,
     variant: o = f.DEFAULT,
     children: n,
     imageDisplay: c = w.LEFT,
     ...d
   }, _) => {
-    const { className: e, ...N } = k(d, "SaleCard"), $ = L(e, p, {
+    const { className: e, ...N } = T(d, "SaleCard"), $ = M(e, p, {
       [`${e}--${o}`]: o,
       [`${e}--image-${c}`]: c
     }), I = { ...N, ...d };
-    return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant: A.default, className: $, ...I, children: [
-      l ? /* @__PURE__ */ r(a.Image, { alt: h, src: l }) : null,
+    return /* @__PURE__ */ m(a.Root, { ref: _, element: "article", variant: k.default, className: $, ...I, children: [
+      i ? /* @__PURE__ */ r(a.Image, { alt: h, src: i }) : null,
       /* @__PURE__ */ m(a.Content, { children: [
         /* @__PURE__ */ r(a.Eyebrow, { children: C }),
         /* @__PURE__ */ r(a.Title, { children: u }),
-        s ? /* @__PURE__ */ r(a.Badge, { children: s }) : null,
+        l ? /* @__PURE__ */ r(a.Badge, { children: l }) : null,
         /* @__PURE__ */ m(a.Meta, { className: `${e}__info`, children: [
           /* @__PURE__ */ r(a.MetaItem, { children: S }),
           /* @__PURE__ */ r(a.MetaItem, { children: E }),
-          t && i && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: i, variant: R.link, linkSize: "sm", children: t }) })
+          t && s && /* @__PURE__ */ r("div", { className: `${e}__modal-link`, children: /* @__PURE__ */ r(g, { onClick: s, variant: A.link, linkSize: "sm", children: t }) })
         ] })
       ] }),
-      o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(T.Media, { greaterThanOrEqual: "snw-mobile", children: n }) })
+      o !== f.RELATED_SALE_TILE && n && /* @__PURE__ */ r("div", { className: `${e}__ctas`, children: /* @__PURE__ */ r(R.Media, { greaterThanOrEqual: y.snwMobile, children: n }) })
     ] });
   }
 );
-y.displayName = "SaleCard";
+P.displayName = "SaleCard";
 export {
-  y as default
+  P as default
 };

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),V=require("react"),k=require("../../utils/index.cjs"),C=require("../../_virtual/index.cjs"),x=require("../../components/Countdown/Countdown.cjs"),A=require("../../components/SeldonImage/SeldonImage.cjs"),H=require("../../types/commonTypes.cjs"),s=require("../../components/Text/types.cjs"),r=require("../../components/Text/Text.cjs"),O=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),j=require("../../providers/SeldonProvider/utils.cjs"),h=V.forwardRef(({auctionEndTime:t,auctionTitle:l,badgeText:i,imageSrcUrl:f,imageSrcSet:g,imageSizes:v,imageLoading:N,imageFetchPriority:S,location:$,countdownTimerLabel:q,countdownFormatDuration:b,auctionState:p,occurrenceInformation:M,onClick:D,children:y,className:T,footerElement:w,headerLabel:B,showTimer:c,getCurrentDateTime:P,...n},d)=>{const{className:a,...o}=k.getCommonProps(n,"SaleHeaderBanner"),u=p===H.AuctionStatus.live,m={endDateTime:t,label:q,formatDurationStr:b,getCurrentDateTime:P};return e.jsxs("div",{...o,className:C.default(a,T),...n,ref:d,children:[u&&t&&c?e.jsx(j.SSRMediaQuery.Media,{lessThan:"md",children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...m,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsx(A.default,{aspectRatio:"16/9",src:f,alt:String(l),objectFit:"cover",className:`${a}__image`,srcSet:g,sizes:v,loading:N,fetchPriority:S}),e.jsx(O.default,{className:`${a}__stack-wrapper`,...o,...n,ref:d,children:e.jsxs("div",{className:`${a}__stack`,children:[u&&t&&c?e.jsx(j.SSRMediaQuery.Media,{greaterThanOrEqual:"md",children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...m,centerAlign:!0})})}):null,e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__header-label`,children:B}),e.jsx(r.default,{className:`${a}__title`,variant:s.TextVariants.headingLarge,children:l}),i&&e.jsx(r.default,{variant:s.TextVariants.badge,className:`${a}__badge`,children:i}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__location`,children:$}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[M.map(({date:_,occurrenceLabel:R})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(r.default,{variant:s.TextVariants.labelMedium,children:R}),e.jsx(r.default,{variant:s.TextVariants.labelMedium,className:`${a}__date`,children:_})]},String(_))),y]}),w]})})]})});h.displayName="SaleHeaderBanner";exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),z=require("react"),A=require("../../utils/index.cjs"),H=require("../../_virtual/index.cjs"),x=require("../../components/Countdown/Countdown.cjs"),O=require("../../components/SeldonImage/SeldonImage.cjs"),D=require("../../types/commonTypes.cjs"),r=require("../../components/Text/types.cjs"),t=require("../../components/Text/Text.cjs"),F=require("../../components/PageContentWrapper/PageContentWrapper.cjs"),_=require("../../providers/SeldonProvider/utils.cjs"),s=require("../../components/Banner/Banner.cjs"),h=require("../../utils/constants.cjs"),j=require("../../components/Banner/types.cjs"),f=z.forwardRef(({auctionEndTime:n,auctionTitle:i,badgeText:l,imageSrcUrl:v,imageSrcSet:g,imageSizes:S,imageLoading:q,imageFetchPriority:N,location:p,countdownTimerLabel:$,countdownFormatDuration:b,auctionState:M,occurrenceInformation:B,onClick:Q,children:y,className:T,footerElement:V,headerLabel:k,showTimer:c,getCurrentDateTime:w,...d},C)=>{const{className:a,...P}=A.getCommonProps(d,"SaleHeaderBanner"),o=M===D.AuctionStatus.live,u={endDateTime:n,label:$,formatDurationStr:b,getCurrentDateTime:w};return e.jsxs("div",{...P,className:H.default(a,T),...d,ref:C,children:[o&&n&&c?e.jsx(_.SSRMediaQuery.Media,{lessThan:h.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...u,showBottomBorder:!1,centerAlign:!0})})}):null,e.jsxs(s.default,{variant:j.BannerVariants.top,children:[e.jsx(s.default.Content,{children:e.jsx(F.default,{children:e.jsxs("div",{className:`${a}__stack`,children:[o&&n&&c?e.jsx(_.SSRMediaQuery.Media,{greaterThanOrEqual:h.Breakpoints.md,children:e.jsx("div",{className:`${a}__stack__countdown`,children:e.jsx(x.default,{...u,centerAlign:!0})})}):null,e.jsx(s.default.Eyebrow,{variant:r.TextVariants.labelMedium,className:`${a}__header-label`,children:k}),e.jsx(s.default.Title,{variant:r.TextVariants.headingLarge,element:"h1",className:`${a}__title`,children:i}),l&&e.jsx(t.default,{variant:r.TextVariants.badge,className:`${a}__badge`,children:l}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__location`,children:p}),e.jsxs("div",{className:`${a}__occurrence-details`,children:[B.map(({date:m,occurrenceLabel:R})=>e.jsxs("div",{className:`${a}__occurrence-details-text`,children:[e.jsx(t.default,{variant:r.TextVariants.labelMedium,children:R}),e.jsx(t.default,{variant:r.TextVariants.labelMedium,className:`${a}__date`,children:m})]},String(m))),y]}),V]})})}),e.jsx(s.default.Media,{size:j.BannerMediaSize.half,className:`${a}__image`,children:e.jsx(O.default,{aspectRatio:"16/9",src:v,alt:String(i),objectFit:"cover",srcSet:g,sizes:S,loading:q,fetchPriority:N})})]})]})});f.displayName="SaleHeaderBanner";exports.default=f;