@phillips/seldon 1.213.0 → 1.214.0-beta.1

package/dist/patterns/FiltersInline/FilterButton.js

@@ -1,36 +1,52 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import u from "../../node_modules/classnames/index.js";
-import b from "react";
-import $ from "../../components/Button/Button.js";
-import { ButtonVariants as h } from "../../components/Button/types.js";
-import x from "../../components/Icon/Icon.js";
-import { TextVariants as v } from "../../components/Text/types.js";
-import F from "../../components/Text/Text.js";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import $ from "../../node_modules/classnames/index.js";
+import h from "react";
+import x from "../../components/Button/Button.js";
+import { ButtonVariants as _ } from "../../components/Button/types.js";
+import v from "../../components/Icon/Icon.js";
+import { TextVariants as l } from "../../components/Text/types.js";
+import m from "../../components/Text/Text.js";
 import { px as t } from "../../utils/index.js";
-import { getIcon as w } from "./utils.js";
-const B = b.forwardRef(
-  ({ className: m, label: n, onClick: l, isSelected: a, type: r = "ChevronDown", count: s, id: i, ariaLabel: f, isMobile: c, totalCount: o }, d) => /* @__PURE__ */ p(
-    $,
+import { getIcon as F } from "./utils.js";
+const N = h.forwardRef(
+  ({ className: n, label: s, onClick: f, isSelected: i, type: r = "ChevronDown", count: c, id: a, ariaLabel: d, isMobile: b, totalCount: e }, p) => /* @__PURE__ */ u(
+    x,
     {
-      ref: d,
-      className: u(`${t}-filter-button`, m, {
-        [`${t}-filter-button--selected`]: a || s > 0 || r === "Filter" && o > 0,
+      ref: p,
+      className: $(`${t}-filter-button`, n, {
+        [`${t}-filter-button--selected`]: i || c > 0 || r === "Filter" && e > 0,
         [`${t}-filter-button--filter`]: r === "Filter"
       }),
-      "aria-label": f,
-      variant: h.secondary,
-      "data-testid": `${i}-filter-button`,
-      "data-viewport": c ? "mobile" : "desktop",
-      onClick: l,
+      "aria-label": d,
+      variant: _.secondary,
+      "data-testid": `${a}-filter-button`,
+      "data-viewport": b ? "mobile" : "desktop",
+      onClick: f,
       children: [
-        /* @__PURE__ */ e(F, { variant: v.string2, "data-testid": `${i}-filter-label`, children: n }),
-        /* @__PURE__ */ e(x, { icon: w(r, a), height: 8, width: 8, className: `${t}__icon` }),
-        o > 0 && r === "Filter" && /* @__PURE__ */ e("div", { className: `${t}-filter-button--count`, "data-testid": `${i}-filter-count`, children: o })
+        /* @__PURE__ */ o(
+          m,
+          {
+            className: `${t}-filter-button__label`,
+            variant: l.labelSmall,
+            "data-testid": `${a}-filter-label`,
+            children: s
+          }
+        ),
+        /* @__PURE__ */ o(v, { icon: F(r, i), height: 8, width: 8, className: `${t}__icon` }),
+        e > 0 && r === "Filter" && /* @__PURE__ */ o(
+          m,
+          {
+            variant: l.labelSmall,
+            className: `${t}-filter-button--count`,
+            "data-testid": `${a}-filter-count`,
+            children: e
+          }
+        )
       ]
     }
   )
 );
-B.displayName = "FilterButton";
+N.displayName = "FilterButton";
 export {
-  B as FilterButton
+  N as FilterButton
 };

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

@@ -1,73 +1,71 @@
-import { jsxs as p, jsx as r, Fragment as w } from "react/jsx-runtime";
-import e from "../../node_modules/classnames/index.js";
-import C from "react";
-import n from "../../components/Button/Button.js";
-import { ButtonVariants as l } from "../../components/Button/types.js";
-import g from "../../components/Filter/FilterInput.js";
-import m from "../../components/Text/Text.js";
-import { TextVariants as c } from "../../components/Text/types.js";
-import { px as v } from "../../utils/index.js";
-import { getFilterDimensions as D, handleInputChange as F } from "./utils.js";
-const B = C.forwardRef(
+import { jsxs as c, jsx as e, Fragment as u } from "react/jsx-runtime";
+import r from "../../node_modules/classnames/index.js";
+import w from "react";
+import l from "../../components/Button/Button.js";
+import { ButtonVariants as n } from "../../components/Button/types.js";
+import x from "../../components/Filter/FilterInput.js";
+import { px as C } from "../../utils/index.js";
+import { getFilterDimensions as D, handleInputChange as g } from "./utils.js";
+const F = w.forwardRef(
   ({
-    className: f,
-    buttonType: i,
-    filters: _,
-    filterIndex: h,
-    onSelectFilter: b,
-    onClickClear: $,
-    onApplyFilter: d,
-    resultsCount: x,
-    ariaLabels: N,
-    dropdownMenuTranslation: o
-  }, k) => {
-    const s = i === "Sort", t = `${v}-filter-dropdown-menu`;
-    return /* @__PURE__ */ p(
+    className: d,
+    buttonType: o,
+    filters: p,
+    filterIndex: f,
+    onSelectFilter: _,
+    onClickClear: h,
+    onApplyFilter: m,
+    resultsCount: b,
+    ariaLabels: $,
+    dropdownMenuTranslation: s
+  }, N) => {
+    const i = o === "Sort", t = `${C}-filter-dropdown-menu`;
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: e(t, f),
-        ref: k,
+        className: r(t, d),
+        ref: N,
         "data-testid": "filter-dropdown-desktop",
-        "aria-label": N || `${i} dropdown desktop`,
+        "aria-label": $ || `${o} dropdown desktop`,
         children: [
-          /* @__PURE__ */ r("div", { className: e(`${t}__filters`), children: D(_, h).map((a) => /* @__PURE__ */ r(
-            g,
+          /* @__PURE__ */ e("div", { className: r(`${t}__filters`), children: D(p, f).map((a) => /* @__PURE__ */ e(
+            x,
             {
               id: a.label,
               labelText: a.label,
               name: a.label,
-              type: s ? "radio" : "checkbox",
+              type: i ? "radio" : "checkbox",
               checked: a.active,
               disabled: a?.disabled,
-              onChange: (u) => F(u, i ?? "", b)
+              onChange: (k) => g(k, o ?? "", _)
             },
             a.label
           )) }),
-          /* @__PURE__ */ r("div", { className: e(s ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: s ? /* @__PURE__ */ r(
-            n,
+          /* @__PURE__ */ e("div", { className: r(i ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: i ? /* @__PURE__ */ e(
+            l,
             {
-              className: e(`${t}__button`),
-              variant: l.primary,
-              onClick: () => d?.(!1),
-              children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.confirm || "Confirm" })
+              className: r(`${t}__button`),
+              variant: n.primary,
+              onClick: () => m?.(!1),
+              children: /* @__PURE__ */ e("span", { className: `${t}__button-text`, children: s?.confirm || "Confirm" })
             }
-          ) : /* @__PURE__ */ p(w, { children: [
-            /* @__PURE__ */ r(
-              n,
+          ) : /* @__PURE__ */ c(u, { children: [
+            /* @__PURE__ */ e(
+              l,
               {
-                className: e(`${t}__buttons`),
-                variant: l.secondary,
-                onClick: () => $?.(i ?? ""),
-                children: /* @__PURE__ */ r(m, { variant: c.string2, children: o?.clearAll || "Clear all" })
+                className: r(`${t}__buttons`),
+                variant: n.secondary,
+                onClick: () => h?.(o ?? ""),
+                children: s?.clearAll || "Clear all"
               }
             ),
-            /* @__PURE__ */ r(
-              n,
+            /* @__PURE__ */ e(
+              l,
               {
-                className: e(`${t}__buttons`),
-                variant: l.primary,
-                onClick: () => d?.(!1),
-                children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.showAuctions || `Show ${x} Auctions` })
+                className: r(`${t}__buttons`),
+                variant: n.primary,
+                onClick: () => m?.(!1),
+                children: /* @__PURE__ */ e("span", { className: `${t}__button-text`, children: s?.showAuctions || `Show ${b} Auctions` })
               }
             )
           ] }) })
@@ -76,7 +74,7 @@ const B = C.forwardRef(
     );
   }
 );
-B.displayName = "FilterDropdownMenuDesktop";
+F.displayName = "FilterDropdownMenuDesktop";
 export {
-  B as FilterDropdownMenuDesktop
+  F as FilterDropdownMenuDesktop
 };

package/dist/patterns/FiltersInline/FilterDropdownMenuMobile.js

@@ -1,20 +1,20 @@
-import { jsxs as d, jsx as r, Fragment as g } from "react/jsx-runtime";
-import e from "../../node_modules/classnames/index.js";
-import C from "react";
+import { jsxs as _, jsx as e, Fragment as C } from "react/jsx-runtime";
+import r from "../../node_modules/classnames/index.js";
+import g from "react";
 import n from "../../components/Button/Button.js";
-import { ButtonVariants as s } from "../../components/Button/types.js";
+import { ButtonVariants as m } from "../../components/Button/types.js";
 import k from "../../components/Filter/FilterInput.js";
-import m from "../../components/Text/Text.js";
+import s from "../../components/Text/Text.js";
 import { TextVariants as c } from "../../components/Text/types.js";
 import { px as v } from "../../utils/index.js";
-import { getFilterDimensions as F, handleInputChange as B } from "./utils.js";
-const D = C.forwardRef(
+import { getFilterDimensions as S, handleInputChange as F } from "./utils.js";
+const y = g.forwardRef(
   ({
     className: b,
     buttonType: o,
     filters: f,
     filterIndex: p,
-    onApplyFilter: _,
+    onApplyFilter: d,
     onClickClear: $,
     onSelectFilter: h,
     resultsCount: u,
@@ -22,15 +22,15 @@ const D = C.forwardRef(
     dropdownMenuTranslation: a
   }, N) => {
     const l = o === "Sort", t = `${v}-filter-dropdown-menu`;
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ _(
       "div",
       {
-        className: e(`${t}`, b, `${t}--mobile`),
+        className: r(`${t}`, b, `${t}--mobile`),
         ref: N,
         "data-testid": "filter-dropdown-mobile",
         "aria-label": x || `${o} dropdown mobile`,
         children: [
-          /* @__PURE__ */ r("div", { className: e(`${t}__filters`, `${t}__filters--mobile`), children: F(f, p).map((i) => /* @__PURE__ */ r(
+          /* @__PURE__ */ e("div", { className: r(`${t}__filters`, `${t}__filters--mobile`), children: S(f, p).map((i) => /* @__PURE__ */ e(
             k,
             {
               id: i.label,
@@ -39,50 +39,50 @@ const D = C.forwardRef(
               type: l ? "radio" : "checkbox",
               checked: i.active,
               disabled: i?.disabled,
-              onChange: (w) => B(w, o ?? "", h)
+              onChange: (w) => F(w, o ?? "", h)
             },
             i.label
           )) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ e(
             "div",
             {
-              className: e(
+              className: r(
                 l ? `${t}__button-wrap` : `${t}__buttons-wrap`,
                 `${t}__mobile-wrap`
               ),
-              children: l ? /* @__PURE__ */ r(
+              children: l ? /* @__PURE__ */ e(
                 n,
                 {
-                  className: e(`${t}__button`, `${t}__button--mobile`),
-                  variant: s.primary,
-                  onClick: () => _?.(!1),
-                  children: /* @__PURE__ */ r(m, { variant: c.string1, className: `${t}__button-text`, children: a?.confirm || "Confirm" })
+                  className: r(`${t}__button`, `${t}__button--mobile`),
+                  variant: m.primary,
+                  onClick: () => d?.(!1),
+                  children: /* @__PURE__ */ e(s, { variant: c.headingMedium, className: `${t}__button-text`, children: a?.confirm || "Confirm" })
                 }
-              ) : /* @__PURE__ */ d(g, { children: [
-                /* @__PURE__ */ r(
+              ) : /* @__PURE__ */ _(C, { children: [
+                /* @__PURE__ */ e(
                   n,
                   {
-                    className: e(
+                    className: r(
                       `${t}__buttons`,
                       `${t}__buttons--mobile`,
                       `${t}__buttons--left`
                     ),
-                    variant: s.secondary,
+                    variant: m.secondary,
                     onClick: () => $?.(o ?? ""),
-                    children: /* @__PURE__ */ r(m, { variant: c.string2, children: a?.clearAll || "Clear all" })
+                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, children: a?.clearAll || "Clear all" })
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ e(
                   n,
                   {
-                    className: e(
+                    className: r(
                       `${t}__buttons`,
                       `${t}__buttons--mobile`,
                       `${t}__buttons--right`
                     ),
-                    variant: s.primary,
-                    onClick: () => _?.(!1),
-                    children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: a?.showAuctions || `Show ${u} Auctions` })
+                    variant: m.primary,
+                    onClick: () => d?.(!1),
+                    children: /* @__PURE__ */ e(s, { variant: c.bodySmall, className: `${t}__button-text`, children: a?.showAuctions || `Show ${u} Auctions` })
                   }
                 )
               ] })
@@ -93,7 +93,7 @@ const D = C.forwardRef(
     );
   }
 );
-D.displayName = "FilterDropdownMenuMobile";
+y.displayName = "FilterDropdownMenuMobile";
 export {
-  D as FilterDropdownMenuMobile
+  y as FilterDropdownMenuMobile
 };

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,34 +1,34 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { getCommonProps as H } from "../../utils/index.js";
+import { getCommonProps as _ } from "../../utils/index.js";
 import N from "../../node_modules/classnames/index.js";
-import { TextVariants as c } from "../../components/Text/types.js";
-import i from "../../components/Text/Text.js";
-const _ = u(
-  ({ prehead: e, date: a, headerText: t, subHeadText: l, association: s, background: p, className: d, ...o }, f) => {
-    const { className: n, ...h } = H(o, "HeroBanner");
+import { TextVariants as t } from "../../components/Text/types.js";
+import c from "../../components/Text/Text.js";
+const x = u(
+  ({ prehead: a, date: n, headerText: i, subHeadText: s, association: l, background: d, className: p, ...m }, h) => {
+    const { className: e, ...f } = _(m, "HeroBanner");
     return /* @__PURE__ */ r(
       "header",
       {
-        ...h,
-        className: N(n, d),
-        style: { "--background": p },
-        ref: f,
-        ...o,
-        children: /* @__PURE__ */ m("span", { className: `${n}__content-wrapper`, children: [
-          e || a ? /* @__PURE__ */ m("p", { className: `${n}__pre-head`, children: [
-            e ? /* @__PURE__ */ r("span", { children: e }) : null,
-            a ? /* @__PURE__ */ r("span", { children: a }) : null
+        ...f,
+        className: N(e, p),
+        style: { "--background": d },
+        ref: h,
+        ...m,
+        children: /* @__PURE__ */ o("span", { className: `${e}__content-wrapper`, children: [
+          a || n ? /* @__PURE__ */ o("p", { className: `${e}__pre-head`, children: [
+            a ? /* @__PURE__ */ r("span", { children: a }) : null,
+            n ? /* @__PURE__ */ r("span", { children: n }) : null
           ] }) : null,
-          /* @__PURE__ */ r(i, { variant: c.snwHeadingHero1, children: t }),
-          l ? /* @__PURE__ */ r(i, { variant: c.snwHeadingHero2, children: l }) : null,
-          s ? /* @__PURE__ */ r("p", { className: `${n}__after-head`, children: s }) : null
+          /* @__PURE__ */ r(c, { className: `${e}__header-text`, variant: t.displayMedium, children: i }),
+          s ? /* @__PURE__ */ r(c, { className: `${e}__sub-head-text`, variant: t.headingMedium, children: s }) : null,
+          l ? /* @__PURE__ */ r("p", { className: `${e}__after-head`, children: l }) : null
         ] })
       }
     );
   }
 );
-_.displayName = "HeroBanner";
+x.displayName = "HeroBanner";
 export {
-  _ as default
+  x as default
 };

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as b, Fragment as S } from "react/jsx-runtime";
+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 x from "../../node_modules/classnames/index.js";
@@ -7,36 +7,36 @@ import y from "../../components/Dropdown/Dropdown.js";
 import C from "../../components/Accordion/Accordion.js";
 import M from "../../components/Accordion/AccordionItem.js";
 import { AccordionItemVariant as k } from "../../components/Accordion/types.js";
-import w from "../../components/Navigation/NavigationItem/NavigationItem.js";
-import { LinkVariants as V } from "../../components/Link/types.js";
+import V from "../../components/Navigation/NavigationItem/NavigationItem.js";
+import { LinkVariants as A } from "../../components/Link/types.js";
 import "../../components/Link/Link.js";
-import { TextVariants as A } from "../../components/Text/types.js";
-import I from "../../components/Text/Text.js";
-import P from "../../components/Navigation/NavigationList/NavigationList.js";
+import { TextVariants as I } from "../../components/Text/types.js";
+import P from "../../components/Text/Text.js";
+import j from "../../components/Navigation/NavigationList/NavigationList.js";
 import { SSRMediaQuery as g } from "../../providers/SeldonProvider/utils.js";
-import { getLanguageLabel as j } from "./utils.js";
+import { getLanguageLabel as w } from "./utils.js";
 const f = u(
   ({
-    id: o,
-    value: l,
+    id: r,
+    value: i,
     // can't be passed to the accordion
-    onValueChange: r,
-    label: t,
-    options: n,
-    ...i
-  }, m) => /* @__PURE__ */ e(C, { ...i, ref: m, children: /* @__PURE__ */ e(
+    onValueChange: o,
+    label: n,
+    options: l,
+    ...t
+  }, m) => /* @__PURE__ */ e(C, { ...t, ref: m, children: /* @__PURE__ */ e(
     M,
     {
       hasTransition: !0,
-      id: o ?? "language-selector-accordion",
-      label: /* @__PURE__ */ e(I, { variant: A.snwHeaderLink, children: t }),
+      id: r ?? "language-selector-accordion",
+      label: /* @__PURE__ */ e(P, { variant: I.linkStylised, children: n }),
       variant: k.lg,
-      children: /* @__PURE__ */ e(P, { id: `${o}-navlist`, children: n.map((a) => /* @__PURE__ */ e(
-        w,
+      children: /* @__PURE__ */ e(j, { id: `${r}-navlist`, children: l.map((a) => /* @__PURE__ */ e(
+        V,
         {
           label: a.label,
-          onClick: () => r(a.value),
-          navType: V.snwFlyoutLink
+          onClick: () => o(a.value),
+          navType: A.linkLarge
         },
         a.value
       )) })
@@ -46,31 +46,31 @@ const f = u(
 f.displayName = "MobileLanguageSelector";
 const E = u(
   ({
-    className: o,
-    currentLanguage: l = s.en,
-    languageOptions: r = [
+    className: r,
+    currentLanguage: i = s.en,
+    languageOptions: o = [
       { label: "English", value: s.en },
       { label: "中文", value: s.zh }
     ],
-    onLanguageChange: t = T,
-    id: n,
-    isHidden: i,
+    onLanguageChange: n = T,
+    id: l,
+    isHidden: t,
     disabled: m = !1,
     ...a
   }, c) => {
-    const { className: p, ...h } = N({ id: n }, "LanguageSelector"), v = j({ languageOptions: r, currentLanguage: l }), d = {
+    const { className: p, ...h } = N({ id: l }, "LanguageSelector"), v = w({ languageOptions: o, currentLanguage: i }), d = {
       ...h,
       ...a,
-      id: n,
-      className: x(p, o, {
-        [`${p}--hidden`]: i
+      id: l,
+      className: x(p, r, {
+        [`${p}--hidden`]: t
       }),
-      options: r,
-      value: l,
-      onValueChange: (L) => t(L),
+      options: o,
+      value: i,
+      onValueChange: (b) => n(b),
       label: v
     };
-    return /* @__PURE__ */ b(S, { children: [
+    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 }) })
     ] });