@phillips/seldon 1.93.0 → 1.95.0

package/dist/assets/calendarAlt.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, viewBox: "0 0 28 28", fill: "none", ...l }, /* @__PURE__ */ e.createElement("path", { d: "M7 12.2505C6.51675 12.2505 6.125 12.6422 6.125 13.1255C6.125 13.6087 6.51675 14.0005 7 14.0005H8.75C9.23325 14.0005 9.625 13.6087 9.625 13.1255C9.625 12.6422 9.23325 12.2505 8.75 12.2505H7Z", fill: "black" }), /* @__PURE__ */ e.createElement("path", { d: "M13.125 12.2505C12.6418 12.2505 12.25 12.6422 12.25 13.1255C12.25 13.6087 12.6418 14.0005 13.125 14.0005H14.875C15.3582 14.0005 15.75 13.6087 15.75 13.1255C15.75 12.6422 15.3582 12.2505 14.875 12.2505H13.125Z", fill: "black" }), /* @__PURE__ */ e.createElement("path", { d: "M19.25 12.2505C18.7668 12.2505 18.375 12.6422 18.375 13.1255C18.375 13.6087 18.7668 14.0005 19.25 14.0005H21C21.4832 14.0005 21.875 13.6087 21.875 13.1255C21.875 12.6422 21.4832 12.2505 21 12.2505H19.25Z", fill: "black" }), /* @__PURE__ */ e.createElement("path", { d: "M7 17.5005C6.51675 17.5005 6.125 17.8922 6.125 18.3755C6.125 18.8587 6.51675 19.2505 7 19.2505H8.75C9.23325 19.2505 9.625 18.8587 9.625 18.3755C9.625 17.8922 9.23325 17.5005 8.75 17.5005H7Z", fill: "black" }), /* @__PURE__ */ e.createElement("path", { d: "M13.125 17.5005C12.6418 17.5005 12.25 17.8922 12.25 18.3755C12.25 18.8587 12.6418 19.2505 13.125 19.2505H14.875C15.3582 19.2505 15.75 18.8587 15.75 18.3755C15.75 17.8922 15.3582 17.5005 14.875 17.5005H13.125Z", fill: "black" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.75 7.00049C1.75 5.06749 3.317 3.50049 5.25 3.50049H22.75C24.683 3.50049 26.25 5.06749 26.25 7.00049V21.0005C26.25 22.9335 24.683 24.5005 22.75 24.5005H5.25C3.317 24.5005 1.75 22.9335 1.75 21.0005V7.00049ZM24.5 9.62549V21.0005C24.5 21.967 23.7165 22.7505 22.75 22.7505H5.25C4.2835 22.7505 3.5 21.967 3.5 21.0005V9.62549H24.5ZM24.5 7.87549V7.00049C24.5 6.03399 23.7165 5.25049 22.75 5.25049H5.25C4.2835 5.25049 3.5 6.03399 3.5 7.00049V7.87549H24.5Z", fill: "black" }));
+export {
+  t as default
+};

package/dist/assets/icons.d.ts

@@ -1,6 +1,7 @@
 export { default as AccountCircle } from './account_circle.svg?react';
 export { default as ArrowPrev } from './arrowPrev.svg?react';
 export { default as Calendar } from './calendar.svg?react';
+export { default as CalendarAlt } from './calendarAlt.svg?react';
 export { default as ChevronDown } from './chevronDown.svg?react';
 export { default as ChevronNext } from './chevronNext.svg?react';
 export { default as ChevronRight } from './chevronRight.svg?react';

package/dist/components/Button/Button.js

@@ -1,58 +1,64 @@
-import { jsx as f } from "react/jsx-runtime";
-import i from "../../node_modules/classnames/index.js";
+import { jsx as i } from "react/jsx-runtime";
+import p from "../../node_modules/classnames/index.js";
 import { getCommonProps as d } from "../../utils/index.js";
 import { ButtonVariants as b } from "./types.js";
-import { forwardRef as N } from "react";
-const B = N(
+import { forwardRef as B } from "react";
+const N = B(
   ({
-    variant: s = b.primary,
-    size: t = "md",
-    children: a,
-    className: p,
+    variant: t = b.primary,
+    size: s = "md",
+    children: r,
+    className: a,
     isIconLast: m = !1,
     type: u = "button",
     isDisabled: c = !1,
-    href: r,
-    target: e,
-    ...n
-  }, l) => {
-    const { className: o, ...$ } = d(n, "Button");
-    return r ? /* @__PURE__ */ f(
+    href: e,
+    target: n,
+    ...l
+  }, $) => {
+    const { className: o, ...f } = d(l, "Button");
+    return e ? /* @__PURE__ */ i(
       "a",
       {
-        ...$,
-        ref: l,
-        href: r,
-        className: i(`${o}`, `${o}--${t}`, `${o}--${s}`, {
-          [`${o}--icon-last`]: m
-        }),
-        target: e,
-        rel: e === "_blank" ? "noopener noreferrer" : void 0,
-        children: a
+        ...f,
+        ref: $,
+        href: e,
+        className: p(
+          `${o}`,
+          `${o}--${s}`,
+          `${o}--${t}`,
+          {
+            [`${o}--icon-last`]: m
+          },
+          a
+        ),
+        target: n,
+        rel: n === "_blank" ? "noopener noreferrer" : void 0,
+        children: r
       }
-    ) : /* @__PURE__ */ f(
+    ) : /* @__PURE__ */ i(
       "button",
       {
-        ...$,
-        ref: l,
+        ...f,
+        ref: $,
         type: u,
-        className: i(
+        className: p(
           `${o}`,
-          `${o}--${t}`,
           `${o}--${s}`,
+          `${o}--${t}`,
           {
             [`${o}--icon-last`]: m
           },
-          p
+          a
         ),
         disabled: c,
-        ...n,
-        children: a
+        ...l,
+        children: r
       }
     );
   }
 );
-B.displayName = "Button";
+N.displayName = "Button";
 export {
-  B as default
+  N as default
 };

package/dist/components/Pagination/Pagination.js

@@ -19,15 +19,15 @@ const E = ({
   selectLabel: C = "Select",
   ...s
 }) => {
-  const N = "pagination", { className: u, ..._ } = w(s, "Pagination"), { id: c } = s, { pendingState: y, setPendingState: I } = k(o(g)), m = y || g, d = (t, e) => {
+  const N = "pagination", { className: u, ...I } = w(s, "Pagination"), { id: c } = s, { pendingState: _, setPendingState: y } = k(o(g)), m = _ || g, d = (t, e) => {
     const a = o(t);
-    I(a), P(a, e);
+    y(a), P(a, e);
   };
   return /* @__PURE__ */ O(
     "div",
     {
       className: p(`${r}-${N}`, { [`${u}__wrapper`]: u }, b),
-      ..._,
+      ...I,
       ...s,
       children: [
         /* @__PURE__ */ i(
@@ -58,6 +58,7 @@ const E = ({
             "data-testid": `${c}-select-button`,
             hideLabel: !0,
             disabled: l,
+            showIcon: !1,
             children: n.map((t) => {
               const e = o(t);
               return /* @__PURE__ */ i("option", { value: e, children: typeof t == "string" || typeof t == "number" ? t : t.label }, e);

package/dist/components/Select/Select.d.ts

@@ -1,10 +1,19 @@
 import { InputProps } from '../Input/Input';
+import { SelectVariants } from './types';
 import * as React from 'react';
 export interface SelectProps extends InputProps {
     /**
      * Option elements that are selectable
      */
     children: React.ReactNode;
+    /**
+     * Determines if you want to show the icon
+     */
+    showIcon?: boolean;
+    /**
+     * Determines the variant of the select
+     */
+    variant: SelectVariants;
 }
 /**
  * ## Overview

package/dist/components/Select/Select.js

@@ -1,59 +1,70 @@
-import { jsxs as P, jsx as l } from "react/jsx-runtime";
-import * as R from "react";
-import n from "../../node_modules/classnames/index.js";
-import { px as t, useNormalizedInputProps as S } from "../../utils/index.js";
-const z = R.forwardRef(
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import * as k from "react";
+import i from "../../node_modules/classnames/index.js";
+import { px as e, useNormalizedInputProps as z } from "../../utils/index.js";
+import { SelectVariants as c } from "./types.js";
+import D from "../../assets/chevronDown.svg.js";
+const F = k.forwardRef(
   ({
-    children: r,
+    children: d,
     className: a,
-    defaultValue: d,
-    disabled: o,
-    hideLabel: u,
-    id: i,
-    inline: m,
-    invalid: $,
-    invalidText: c,
-    labelText: _,
-    onChange: b,
-    onClick: f,
-    readOnly: p,
-    size: w = "md",
-    value: h,
-    warn: v,
-    warnText: x,
-    ...N
+    defaultValue: m,
+    disabled: u,
+    hideLabel: $,
+    id: n,
+    showIcon: l = !0,
+    variant: _ = c.default,
+    inline: f,
+    invalid: b,
+    invalidText: v,
+    labelText: h,
+    onChange: w,
+    onClick: V,
+    readOnly: r,
+    size: C = "md",
+    value: x,
+    warn: y,
+    warnText: N,
+    ...S
   }, j) => {
-    const s = "select", e = S({ disabled: o, id: i, invalid: $, invalidText: c, readOnly: p, type: s, warn: v, warnText: x }), y = n(`${t}-${s}-input`, `${t}-input`, `${t}-input--${w}`, {
-      [`${t}-input--inline`]: m,
-      [`${t}-input--readonly`]: p,
-      [`${t}-input--disabled`]: e.disabled,
-      [`${t}-input--invalid`]: e.invalid,
-      [`${t}-input--warn`]: e.warn,
+    const o = "select", t = z({ disabled: u, id: n, invalid: b, invalidText: v, readOnly: r, type: o, warn: y, warnText: N }), P = i(`${e}-${o}-input`, `${e}-input`, `${e}-input--${C}`, {
+      [`${e}-input--inline`]: f,
+      [`${e}-input--readonly`]: r,
+      [`${e}-input--disabled`]: t.disabled,
+      [`${e}-input--invalid`]: t.invalid,
+      [`${e}-input--warn`]: t.warn,
       [`${a}__wrapper`]: a
+    }), R = i(`${e}-input__input`, {
+      className: a,
+      [`${e}-input__select--tertiary`]: _ === c.tertiary
+    }), g = i(`${e}-select-container`, {
+      [`${e}-select-container--show__icon`]: l
     });
-    return /* @__PURE__ */ P("div", { className: y, children: [
-      /* @__PURE__ */ l("label", { htmlFor: i, className: n(`${t}-input__label`, { [`${t}-input__label--hidden`]: u }), children: _ }),
-      /* @__PURE__ */ l(
-        "select",
-        {
-          className: n(`${t}-input__input`, { className: a }),
-          "data-testid": i,
-          defaultValue: d,
-          disabled: e.disabled,
-          id: i,
-          onChange: b,
-          onClick: f,
-          ref: j,
-          value: h,
-          ...N,
-          children: r
-        }
-      ),
-      e.validation
+    return /* @__PURE__ */ p("div", { className: P, children: [
+      /* @__PURE__ */ s("label", { htmlFor: n, className: i(`${e}-input__label`, { [`${e}-input__label--hidden`]: $ }), children: h }),
+      /* @__PURE__ */ p("div", { className: g, children: [
+        /* @__PURE__ */ s(
+          "select",
+          {
+            className: R,
+            "data-testid": n,
+            defaultValue: m,
+            disabled: t.disabled,
+            id: n,
+            onChange: w,
+            ref: j,
+            value: x,
+            ...S,
+            children: d
+          }
+        ),
+        l ? /* @__PURE__ */ s(D, {}) : null
+      ] }),
+      t.validation
     ] });
   }
 );
-z.displayName = "Select";
+F.displayName = "Select";
 export {
-  z as default
+  F as default
 };

package/dist/components/Select/Select.stories.d.ts

@@ -1,4 +1,5 @@
 import { SelectProps } from './Select';
+import { SelectVariants } from './types';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import('react').RefAttributes<HTMLSelectElement>>;
@@ -13,12 +14,14 @@ export declare const Playground: {
         playgroundWidth: number;
         className: string;
         defaultValue: string;
+        showIcon: boolean;
         disabled: boolean;
         invalid: boolean;
         invalidText: string;
         labelText: string;
         readOnly: boolean;
         size: string;
+        variant: SelectVariants;
         warn: boolean;
         warnText: string;
     };
@@ -33,6 +36,11 @@ export declare const Playground: {
                 type: string;
             };
         };
+        showIcon: {
+            control: {
+                type: string;
+            };
+        };
         invalid: {
             control: {
                 type: string;
@@ -68,6 +76,12 @@ export declare const Playground: {
                 type: string;
             };
         };
+        variant: {
+            options: SelectVariants[];
+            control: {
+                type: string;
+            };
+        };
         value: {
             control: {
                 type: string;
@@ -90,3 +104,19 @@ export declare const Playground: {
         };
     };
 };
+export declare const Tertiary: {
+    ({ playgroundWidth, ...args }: StoryProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        showIcon: boolean;
+        variant: SelectVariants;
+    };
+    argTypes: {
+        variant: {
+            options: SelectVariants[];
+            control: {
+                type: string;
+            };
+            defaultValue: SelectVariants;
+        };
+    };
+};

package/dist/components/Select/types.d.ts

@@ -0,0 +1,4 @@
+export declare enum SelectVariants {
+    default = "default",
+    tertiary = "tertiary"
+}

package/dist/components/Select/types.js

@@ -0,0 +1,4 @@
+var t = /* @__PURE__ */ ((r) => (r.default = "default", r.tertiary = "tertiary", r))(t || {});
+export {
+  t as SelectVariants
+};

package/dist/index.d.ts

@@ -26,6 +26,7 @@ export { default as GridItem, type GridItemProps } from './components/GridItem/G
 export { GridItemAlign } from './components/GridItem/types';
 export { default as Search, type SearchProps } from './components/Search/Search';
 export { default as Select, type SelectProps } from './components/Select/Select';
+export { SelectVariants } from './components/Select/types';
 export { default as SplitPanel, type SplitPanelProps } from './components/SplitPanel/SplitPanel';
 export { default as Subscribe, type SubscribeProps } from './patterns/Subscribe/Subscribe';
 export { SubscriptionState } from './patterns/Subscribe/types';

package/dist/index.js

@@ -2,208 +2,212 @@ import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidati
 import { default as S } from "./assets/account_circle.svg.js";
 import { default as L } from "./assets/arrowPrev.svg.js";
 import { default as b } from "./assets/calendar.svg.js";
-import { default as T } from "./assets/chevronDown.svg.js";
-import { default as A } from "./assets/chevronNext.svg.js";
-import { default as B } from "./assets/chevronRight.svg.js";
-import { default as w } from "./assets/close.svg.js";
-import { default as D } from "./assets/favorite.svg.js";
-import { default as F } from "./assets/favoriteOutline.svg.js";
-import { default as M } from "./assets/icon-footer-facebook.svg.js";
-import { default as O } from "./assets/icon-footer-instagram.svg.js";
-import { default as G } from "./assets/icon-footer-linkedin.svg.js";
-import { default as E } from "./assets/icon-footer-red.svg.js";
-import { default as Y } from "./assets/icon-footer-wechat.svg.js";
-import { default as z } from "./assets/instagram.svg.js";
-import { default as q } from "./assets/lock.svg.js";
-import { default as K } from "./assets/minus.svg.js";
-import { default as _ } from "./assets/PhillipsLogo.svg.js";
-import { default as ee } from "./assets/plus.svg.js";
-import { default as te } from "./assets/react.svg.js";
+import { default as T } from "./assets/calendarAlt.svg.js";
+import { default as k } from "./assets/chevronDown.svg.js";
+import { default as v } from "./assets/chevronNext.svg.js";
+import { default as w } from "./assets/chevronRight.svg.js";
+import { default as D } from "./assets/close.svg.js";
+import { default as F } from "./assets/favorite.svg.js";
+import { default as M } from "./assets/favoriteOutline.svg.js";
+import { default as O } from "./assets/icon-footer-facebook.svg.js";
+import { default as G } from "./assets/icon-footer-instagram.svg.js";
+import { default as E } from "./assets/icon-footer-linkedin.svg.js";
+import { default as Y } from "./assets/icon-footer-red.svg.js";
+import { default as z } from "./assets/icon-footer-wechat.svg.js";
+import { default as q } from "./assets/instagram.svg.js";
+import { default as K } from "./assets/lock.svg.js";
+import { default as _ } from "./assets/minus.svg.js";
+import { default as ee } from "./assets/PhillipsLogo.svg.js";
+import { default as te } from "./assets/plus.svg.js";
+import { default as ae } from "./assets/react.svg.js";
 import "react";
-import { default as ae } from "./assets/share.svg.js";
-import { default as se } from "./assets/spotify.svg.js";
-import { default as de } from "./assets/wechat.svg.js";
-import { default as pe } from "./assets/youtube.svg.js";
-import { default as xe } from "./pages/Page.js";
-import { usePendingState as ie } from "./utils/hooks.js";
-import { SSRMediaQuery as ce, ssrMediaQueryStyle as Ce } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as he, SupportedLanguages as Le } from "./types/commonTypes.js";
-import { default as be } from "./components/Button/Button.js";
-import { ButtonVariants as Te } from "./components/Button/types.js";
-import { default as Ae } from "./components/IconButton/IconButton.js";
-import { default as Be } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as we } from "./site-furniture/Footer/Footer.js";
-import { Grid as De } from "./components/Grid/Grid.js";
-import { default as Fe } from "./site-furniture/Header/Header.js";
-import { default as Me } from "./components/Navigation/Navigation.js";
-import { default as Oe } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Ge } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Ee } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as Ye } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as ze } from "./components/Input/Input.js";
-import { default as qe } from "./components/Link/Link.js";
-import { LinkVariants as Ke } from "./components/Link/types.js";
-import { default as _e } from "./components/LinkBlock/LinkBlock.js";
-import { default as eo } from "./components/LinkList/LinkList.js";
-import { default as to } from "./components/Row/Row.js";
-import { default as ao } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as so } from "./components/GridItem/types.js";
-import { default as mo } from "./components/Search/Search.js";
-import { default as uo } from "./components/Select/Select.js";
-import { default as no } from "./components/SplitPanel/SplitPanel.js";
-import { default as go } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Co } from "./patterns/Subscribe/types.js";
-import { default as ho } from "./patterns/Social/Social.js";
-import { default as Po } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Io } from "./components/Modal/Modal.js";
-import { default as ko } from "./components/Drawer/Drawer.js";
-import { default as vo } from "./components/Pagination/Pagination.js";
-import { default as Vo } from "./components/Tags/Tags.js";
-import { default as yo } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as No } from "./components/Text/types.js";
-import { default as Ho } from "./components/Text/Text.js";
-import { TextSymbolVariants as Ro } from "./components/TextSymbol/types.js";
-import { default as Uo } from "./components/TextSymbol/TextSymbol.js";
-import { default as Wo } from "./components/Accordion/Accordion.js";
-import { default as Qo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as jo, AccordionVariants as zo } from "./components/Accordion/types.js";
-import { default as qo } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as Ko } from "./patterns/UserManagement/types.js";
-import { default as _o } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as se } from "./assets/share.svg.js";
+import { default as de } from "./assets/spotify.svg.js";
+import { default as pe } from "./assets/wechat.svg.js";
+import { default as xe } from "./assets/youtube.svg.js";
+import { default as ie } from "./pages/Page.js";
+import { usePendingState as ce } from "./utils/hooks.js";
+import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Pe, SupportedLanguages as be } from "./types/commonTypes.js";
+import { default as Te } from "./components/Button/Button.js";
+import { ButtonVariants as ke } from "./components/Button/types.js";
+import { default as ve } from "./components/IconButton/IconButton.js";
+import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as De } from "./site-furniture/Footer/Footer.js";
+import { Grid as Fe } from "./components/Grid/Grid.js";
+import { default as Me } from "./site-furniture/Header/Header.js";
+import { default as Oe } from "./components/Navigation/Navigation.js";
+import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Ye } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as ze } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as qe } from "./components/Input/Input.js";
+import { default as Ke } from "./components/Link/Link.js";
+import { LinkVariants as _e } from "./components/Link/types.js";
+import { default as eo } from "./components/LinkBlock/LinkBlock.js";
+import { default as to } from "./components/LinkList/LinkList.js";
+import { default as ao } from "./components/Row/Row.js";
+import { default as so } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as mo } from "./components/GridItem/types.js";
+import { default as uo } from "./components/Search/Search.js";
+import { default as no } from "./components/Select/Select.js";
+import { SelectVariants as go } from "./components/Select/types.js";
+import { default as Co } from "./components/SplitPanel/SplitPanel.js";
+import { default as ho } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as Po } from "./patterns/Subscribe/types.js";
+import { default as Io } from "./patterns/Social/Social.js";
+import { default as Ao } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Vo } from "./components/Modal/Modal.js";
+import { default as Bo } from "./components/Drawer/Drawer.js";
+import { default as yo } from "./components/Pagination/Pagination.js";
+import { default as No } from "./components/Tags/Tags.js";
+import { default as Ho } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Ro } from "./components/Text/types.js";
+import { default as Uo } from "./components/Text/Text.js";
+import { TextSymbolVariants as Wo } from "./components/TextSymbol/types.js";
+import { default as Qo } from "./components/TextSymbol/TextSymbol.js";
+import { default as jo } from "./components/Accordion/Accordion.js";
+import { default as Zo } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as Jo, AccordionVariants as Ko } from "./components/Accordion/types.js";
+import { default as _o } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as et } from "./patterns/UserManagement/types.js";
+import { default as tt } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as et } from "./components/Dropdown/Dropdown.js";
-import { default as tt } from "./components/Video/Video.js";
-import { default as at } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as st } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as dt } from "./components/ContentPeek/utils.js";
-import { default as pt } from "./components/Collapsible/Collapsible.js";
-import { default as xt } from "./components/Collapsible/CollapsibleContent.js";
-import { default as it } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as ct } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as St } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as Lt } from "./components/Carousel/Carousel.js";
-import { default as bt } from "./components/Carousel/CarouselContent.js";
-import { default as Tt } from "./components/Carousel/CarouselItem.js";
-import { default as At } from "./components/Carousel/CarouselDots.js";
-import { default as Bt } from "./components/Detail/Detail.js";
-import { default as wt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Dt } from "./patterns/DetailList/types.js";
-import { default as Ft } from "./components/PinchZoom/PinchZoom.js";
-import { default as Mt } from "./components/Tabs/TabsContainer.js";
-import { default as Ot } from "./components/Tabs/TabsContent.js";
-import { default as Gt } from "./components/SeldonImage/SeldonImage.js";
-import { default as Et } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as Yt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as zt } from "./patterns/SaleHeaderBanner/types.js";
-import { default as qt } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Kt } from "./components/Countdown/types.js";
-import { default as _t } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as er } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
+import { default as at } from "./components/Dropdown/Dropdown.js";
+import { default as st } from "./components/Video/Video.js";
+import { default as dt } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as pt } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as xt } from "./components/ContentPeek/utils.js";
+import { default as it } from "./components/Collapsible/Collapsible.js";
+import { default as ct } from "./components/Collapsible/CollapsibleContent.js";
+import { default as St } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as Lt } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as bt } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as Tt } from "./components/Carousel/Carousel.js";
+import { default as kt } from "./components/Carousel/CarouselContent.js";
+import { default as vt } from "./components/Carousel/CarouselItem.js";
+import { default as wt } from "./components/Carousel/CarouselDots.js";
+import { default as Dt } from "./components/Detail/Detail.js";
+import { default as Ft } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Mt } from "./patterns/DetailList/types.js";
+import { default as Ot } from "./components/PinchZoom/PinchZoom.js";
+import { default as Gt } from "./components/Tabs/TabsContainer.js";
+import { default as Et } from "./components/Tabs/TabsContent.js";
+import { default as Yt } from "./components/SeldonImage/SeldonImage.js";
+import { default as zt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as qt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as Kt } from "./patterns/SaleHeaderBanner/types.js";
+import { default as _t } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as er } from "./components/Countdown/types.js";
+import { default as tr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as ar } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as sr } from "./patterns/BidSnapshot/BidMessage.js";
 export {
-  Wo as Accordion,
-  Qo as AccordionItem,
-  jo as AccordionItemVariant,
-  zo as AccordionVariants,
+  jo as Accordion,
+  Zo as AccordionItem,
+  Jo as AccordionItemVariant,
+  Ko as AccordionVariants,
   S as AccountCircle,
   L as ArrowPrev,
-  zt as AuctionState,
-  he as AuctionStatus,
-  Ko as AuthState,
-  tr as BidMessage,
-  er as BidSnapshot,
-  _o as Breadcrumb,
-  be as Button,
-  Te as ButtonVariants,
+  Kt as AuctionState,
+  Pe as AuctionStatus,
+  et as AuthState,
+  sr as BidMessage,
+  ar as BidSnapshot,
+  tt as Breadcrumb,
+  Te as Button,
+  ke as ButtonVariants,
   b as Calendar,
-  Lt as Carousel,
-  bt as CarouselContent,
-  At as CarouselDots,
-  Tt as CarouselItem,
-  T as ChevronDown,
-  A as ChevronNext,
-  B as ChevronRight,
-  w as Close,
-  pt as Collapsible,
-  xt as CollapsibleContent,
-  it as CollapsibleTrigger,
-  st as ContentPeek,
-  dt as ContentPeekHeightUnits,
-  qt as Countdown,
-  Kt as CountdownVariants,
-  Bt as Detail,
-  wt as DetailList,
-  Dt as DetailListAlignment,
-  ko as Drawer,
-  et as Dropdown,
-  Be as ErrorBoundary,
-  M as Facebook,
-  D as Favorite,
-  F as FavoriteOutline,
-  we as Footer,
-  O as FooterInstagram,
-  Y as FooterWeChat,
-  De as Grid,
-  ao as GridItem,
-  so as GridItemAlign,
-  Fe as Header,
-  Ye as HeroBanner,
-  Ae as IconButton,
-  ze as Input,
-  z as Instagram,
-  at as LanguageSelector,
-  qe as Link,
-  _e as LinkBlock,
-  eo as LinkList,
-  Ke as LinkVariants,
-  G as LinkedIn,
-  q as Lock,
-  K as Minus,
-  Io as Modal,
-  Me as Navigation,
-  Oe as NavigationItem,
-  Ge as NavigationItemTrigger,
-  Ee as NavigationList,
-  _t as ObjectTile,
+  T as CalendarAlt,
+  Tt as Carousel,
+  kt as CarouselContent,
+  wt as CarouselDots,
+  vt as CarouselItem,
+  k as ChevronDown,
+  v as ChevronNext,
+  w as ChevronRight,
+  D as Close,
+  it as Collapsible,
+  ct as CollapsibleContent,
+  St as CollapsibleTrigger,
+  pt as ContentPeek,
+  xt as ContentPeekHeightUnits,
+  _t as Countdown,
+  er as CountdownVariants,
+  Dt as Detail,
+  Ft as DetailList,
+  Mt as DetailListAlignment,
+  Bo as Drawer,
+  at as Dropdown,
+  we as ErrorBoundary,
+  O as Facebook,
+  F as Favorite,
+  M as FavoriteOutline,
+  De as Footer,
+  G as FooterInstagram,
+  z as FooterWeChat,
+  Fe as Grid,
+  so as GridItem,
+  mo as GridItemAlign,
+  Me as Header,
+  ze as HeroBanner,
+  ve as IconButton,
+  qe as Input,
+  q as Instagram,
+  dt as LanguageSelector,
+  Ke as Link,
+  eo as LinkBlock,
+  to as LinkList,
+  _e as LinkVariants,
+  E as LinkedIn,
+  K as Lock,
+  _ as Minus,
+  Vo as Modal,
+  Oe as Navigation,
+  Ge as NavigationItem,
+  Ee as NavigationItemTrigger,
+  Ye as NavigationList,
+  tr as ObjectTile,
   f as PaddingTokens,
-  xe as Page,
-  St as PageContentWrapper,
-  vo as Pagination,
-  _ as PhillipsLogo,
-  Ft as PinchZoom,
-  ee as Plus,
-  te as React,
-  E as Reddit,
-  to as Row,
-  ce as SSRMediaQuery,
-  Et as SaleHeaderBanner,
-  Yt as SaleHeaderBrowseAuctions,
-  mo as Search,
-  Gt as SeldonImage,
-  ct as SeldonProvider,
-  uo as Select,
-  ae as Share,
-  ho as Social,
+  ie as Page,
+  bt as PageContentWrapper,
+  yo as Pagination,
+  ee as PhillipsLogo,
+  Ot as PinchZoom,
+  te as Plus,
+  ae as React,
+  Y as Reddit,
+  ao as Row,
+  Se as SSRMediaQuery,
+  zt as SaleHeaderBanner,
+  qt as SaleHeaderBrowseAuctions,
+  uo as Search,
+  Yt as SeldonImage,
+  Lt as SeldonProvider,
+  no as Select,
+  go as SelectVariants,
+  se as Share,
+  Io as Social,
   s as SpacingTokens,
-  no as SplitPanel,
-  se as Spotify,
-  yo as StatefulViewingsList,
-  go as Subscribe,
-  Co as SubscriptionState,
-  Le as SupportedLanguages,
-  Mt as TabsContainer,
-  Ot as TabsContent,
-  Vo as TagsList,
-  Ho as Text,
-  Ro as TextSymbolVariants,
-  Uo as TextSymbols,
-  No as TextVariants,
-  qo as UserManagement,
-  tt as Video,
-  Po as ViewingsList,
-  de as WeChat,
-  pe as Youtube,
+  Co as SplitPanel,
+  de as Spotify,
+  Ho as StatefulViewingsList,
+  ho as Subscribe,
+  Po as SubscriptionState,
+  be as SupportedLanguages,
+  Gt as TabsContainer,
+  Et as TabsContent,
+  No as TagsList,
+  Uo as Text,
+  Wo as TextSymbolVariants,
+  Qo as TextSymbols,
+  Ro as TextVariants,
+  _o as UserManagement,
+  st as Video,
+  Ao as ViewingsList,
+  pe as WeChat,
+  xe as Youtube,
   l as defaultYear,
   d as emailValidation,
   m as encodeURLSearchParams,
@@ -213,7 +217,7 @@ export {
   n as getCommonProps,
   i as noOp,
   g as px,
-  Ce as ssrMediaQueryStyle,
+  he as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  ie as usePendingState
+  ce as usePendingState
 };

package/dist/scss/componentStyles.scss

@@ -32,6 +32,7 @@
 @use 'components/Drawer/drawer';
 @use 'components/Dropdown/dropdown';
 @use 'components/Video/video';
+@use 'components/Select/select';
 @use 'components/Pagination/pagination';
 @use 'components/ContentPeek/contentPeek';
 @use 'components/PageContentWrapper/pageContentWrapper';

package/dist/scss/components/Select/_select.scss

@@ -0,0 +1,74 @@
+@use '../../allPartials' as *;
+
+.#{$px}-select-input {
+  position: relative;
+
+  .#{$px}-select-container {
+    position: relative;
+
+    &--show__icon {
+      select {
+        appearance: none;
+        padding-right: 1.55rem;
+
+        @media (min-width: $breakpoint-md) {
+          padding-right: 1.95rem;
+        }
+
+        @media (min-width: $breakpoint-xl) {
+          padding-right: 2.25rem;
+        }
+      }
+    }
+  }
+
+  svg {
+    height: 1rem;
+    pointer-events: none;
+    position: absolute;
+    right: 0.35rem;
+    top: 45%;
+    transform: translateY(-45%);
+    width: 1rem;
+
+    @media (min-width: $breakpoint-md) {
+      height: 1.25rem;
+      right: 0.5rem;
+      width: 1.25rem;
+    }
+
+    @media (min-width: $breakpoint-xl) {
+      height: 1.5rem;
+      right: 0.55rem;
+      width: 1.5rem;
+    }
+
+    path {
+      fill: $pure-black;
+    }
+  }
+
+  select.#{$px}-input {
+    &__select {
+      &--tertiary {
+        border: 0;
+        color: inherit;
+
+        &:hover {
+          cursor: pointer;
+        }
+
+        &:focus-visible {
+          background-color: $pure-white;
+          border-radius: 0;
+          outline-color: $soft-black;
+          outline-offset: 4.5px;
+        }
+
+        svg {
+          top: 0.625rem;
+        }
+      }
+    }
+  }
+}

package/package.json

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