@phillips/seldon 1.94.0 → 1.95.1

package/dist/components/Countdown/Countdown.js

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as N, useState as L, useEffect as v } from "react";
-import { getCommonProps as g } from "../../utils/index.js";
+import { forwardRef as N, useState as L, useEffect as g } from "react";
+import { getCommonProps as v } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import { SupportedLanguages as j } from "../../types/commonTypes.js";
-import { CountdownVariants as m } from "./types.js";
+import { CountdownVariants as i } from "./types.js";
 import { Duration as s } from "./Duration.js";
 import { zhCN as z } from "../../node_modules/date-fns/locale/zh-CN.js";
 import { enUS as P } from "../../node_modules/date-fns/locale/en-US.js";
@@ -16,19 +16,19 @@ const E = N(
     endDateTime: n,
     formatDurationStr: a,
     label: l = "Lots Close in",
-    intervalDescription: f = "Lots Close in 1-minute intervals",
+    intervalDescription: f,
     className: p,
     locale: h = "en",
-    variant: u = m.default,
-    ...c
+    variant: c = i.default,
+    ...u
   }, C) => {
-    const { className: i, ...w } = g(c, "Countdown"), [r, y] = L(/* @__PURE__ */ new Date()), t = h === j.zh ? z : P, o = {
+    const { className: m, ...w } = v(u, "Countdown"), [r, y] = L(/* @__PURE__ */ new Date()), t = h === j.zh ? z : P, o = {
       days: S(n, r),
       hours: _(n, r) % 24,
       minutes: $(n, r) % 60,
       seconds: b(n, r) % 60 % 60
     };
-    return v(() => {
+    return g(() => {
       const I = setInterval(() => {
         y(/* @__PURE__ */ new Date());
       }, 1e3);
@@ -37,20 +37,20 @@ const E = N(
       "div",
       {
         ...w,
-        className: x(i, p, {
-          [`${i}--compact`]: u === m.compact
+        className: x(m, p, {
+          [`${m}--compact`]: c === i.compact
         }),
-        ...c,
+        ...u,
         ref: C,
         children: [
-          /* @__PURE__ */ d("div", { className: `${i}__countdown-container`, role: "timer", "aria-label": l, children: [
+          /* @__PURE__ */ d("div", { className: `${m}__countdown-container`, role: "timer", "aria-label": l, children: [
             /* @__PURE__ */ e("span", { children: l }),
             o.days > 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "days", locale: t, formatDurationStr: a }) : null,
             o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "hours", locale: t }) : null,
             o.days === 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "minutes", locale: t, formatDurationStr: a }) : null,
             o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(s, { duration: o, unit: "seconds", locale: t, formatDurationStr: a }) : null
           ] }),
-          u === m.default ? /* @__PURE__ */ e("span", { children: f }) : null
+          c === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
         ]
       }
     );

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/Row/Row.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 import { PaddingTokens } from '../../utils';
-import { default as GridItem, GridItemProps } from '../GridItem/GridItem';
 export interface RowProps extends React.HTMLAttributes<HTMLElement> {
-    /** These children can be an array of GridItem components */
-    children: React.ReactElement<GridItemProps, typeof GridItem> | React.ReactElement<GridItemProps, typeof GridItem>[];
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to 'section'.
      */

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

@@ -3,12 +3,12 @@ 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/calendarAlt.svg.js";
-import { default as k } from "./assets/chevronDown.svg.js";
+import { default as V } from "./assets/chevronDown.svg.js";
 import { default as B } 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 N } from "./assets/favorite.svg.js";
+import { default as H } 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";
@@ -30,12 +30,12 @@ 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 { ButtonVariants as Ve } from "./components/Button/types.js";
 import { default as Be } 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 { Grid as Ne } from "./components/Grid/Grid.js";
+import { default as He } 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";
@@ -51,110 +51,113 @@ 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 { default as go } from "./components/SplitPanel/SplitPanel.js";
-import { default as Co } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as ho } from "./patterns/Subscribe/types.js";
-import { default as Po } from "./patterns/Social/Social.js";
-import { default as Io } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Ao } from "./components/Modal/Modal.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 ko } from "./components/Modal/Modal.js";
 import { default as vo } from "./components/Drawer/Drawer.js";
-import { default as Vo } from "./components/Pagination/Pagination.js";
-import { default as yo } from "./components/Tags/Tags.js";
-import { default as No } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Ho } from "./components/Text/types.js";
-import { default as Ro } from "./components/Text/Text.js";
-import { TextSymbolVariants as Uo } from "./components/TextSymbol/types.js";
-import { default as Wo } from "./components/TextSymbol/TextSymbol.js";
-import { default as Qo } from "./components/Accordion/Accordion.js";
-import { default as jo } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as Zo, AccordionVariants as qo } from "./components/Accordion/types.js";
-import { default as Ko } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as _o } from "./patterns/UserManagement/types.js";
-import { default as et } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as yo } from "./components/Pagination/Pagination.js";
+import { default as Mo } from "./components/Tags/Tags.js";
+import { default as Fo } 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 tt } from "./components/Dropdown/Dropdown.js";
-import { default as at } from "./components/Video/Video.js";
-import { default as st } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as dt } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as pt } from "./components/ContentPeek/utils.js";
-import { default as xt } from "./components/Collapsible/Collapsible.js";
-import { default as it } from "./components/Collapsible/CollapsibleContent.js";
-import { default as ct } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as St } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Lt } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as bt } from "./components/Carousel/Carousel.js";
-import { default as Tt } from "./components/Carousel/CarouselContent.js";
-import { default as kt } from "./components/Carousel/CarouselItem.js";
-import { default as Bt } from "./components/Carousel/CarouselDots.js";
-import { default as wt } from "./components/Detail/Detail.js";
-import { default as Dt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as Ft } from "./patterns/DetailList/types.js";
-import { default as Mt } from "./components/PinchZoom/PinchZoom.js";
-import { default as Ot } from "./components/Tabs/TabsContainer.js";
-import { default as Gt } from "./components/Tabs/TabsContent.js";
-import { default as Et } from "./components/SeldonImage/SeldonImage.js";
-import { default as Yt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as zt } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as qt } from "./patterns/SaleHeaderBanner/types.js";
-import { default as Kt } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as _t } from "./components/Countdown/types.js";
-import { default as er } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as tr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as ar } 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 Vt } from "./components/Carousel/CarouselContent.js";
+import { default as Bt } 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 Nt } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Ht } 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";
+import { BidMessageVariants as dr } from "./patterns/BidSnapshot/types.js";
 export {
-  Qo as Accordion,
-  jo as AccordionItem,
-  Zo as AccordionItemVariant,
-  qo as AccordionVariants,
+  jo as Accordion,
+  Zo as AccordionItem,
+  Jo as AccordionItemVariant,
+  Ko as AccordionVariants,
   S as AccountCircle,
   L as ArrowPrev,
-  qt as AuctionState,
+  Kt as AuctionState,
   Pe as AuctionStatus,
-  _o as AuthState,
-  ar as BidMessage,
-  tr as BidSnapshot,
-  et as Breadcrumb,
+  et as AuthState,
+  sr as BidMessage,
+  dr as BidMessageVariants,
+  ar as BidSnapshot,
+  tt as Breadcrumb,
   Te as Button,
-  ke as ButtonVariants,
+  Ve as ButtonVariants,
   b as Calendar,
   T as CalendarAlt,
-  bt as Carousel,
-  Tt as CarouselContent,
-  Bt as CarouselDots,
-  kt as CarouselItem,
-  k as ChevronDown,
+  Tt as Carousel,
+  Vt as CarouselContent,
+  wt as CarouselDots,
+  Bt as CarouselItem,
+  V as ChevronDown,
   B as ChevronNext,
   w as ChevronRight,
   D as Close,
-  xt as Collapsible,
-  it as CollapsibleContent,
-  ct as CollapsibleTrigger,
-  dt as ContentPeek,
-  pt as ContentPeekHeightUnits,
-  Kt as Countdown,
-  _t as CountdownVariants,
-  wt as Detail,
-  Dt as DetailList,
-  Ft as DetailListAlignment,
+  it as Collapsible,
+  ct as CollapsibleContent,
+  St as CollapsibleTrigger,
+  pt as ContentPeek,
+  xt as ContentPeekHeightUnits,
+  _t as Countdown,
+  er as CountdownVariants,
+  Dt as Detail,
+  Nt as DetailList,
+  Ht as DetailListAlignment,
   vo as Drawer,
-  tt as Dropdown,
+  at as Dropdown,
   we as ErrorBoundary,
   O as Facebook,
-  F as Favorite,
-  M as FavoriteOutline,
+  N as Favorite,
+  H as FavoriteOutline,
   De as Footer,
   G as FooterInstagram,
   z as FooterWeChat,
-  Fe as Grid,
+  Ne as Grid,
   so as GridItem,
   mo as GridItemAlign,
-  Me as Header,
+  He as Header,
   ze as HeroBanner,
   Be as IconButton,
   qe as Input,
   q as Instagram,
-  st as LanguageSelector,
+  dt as LanguageSelector,
   Ke as Link,
   eo as LinkBlock,
   to as LinkList,
@@ -162,48 +165,49 @@ export {
   E as LinkedIn,
   K as Lock,
   _ as Minus,
-  Ao as Modal,
+  ko as Modal,
   Oe as Navigation,
   Ge as NavigationItem,
   Ee as NavigationItemTrigger,
   Ye as NavigationList,
-  er as ObjectTile,
+  tr as ObjectTile,
   f as PaddingTokens,
   ie as Page,
-  Lt as PageContentWrapper,
-  Vo as Pagination,
+  bt as PageContentWrapper,
+  yo as Pagination,
   ee as PhillipsLogo,
-  Mt as PinchZoom,
+  Ot as PinchZoom,
   te as Plus,
   ae as React,
   Y as Reddit,
   ao as Row,
   Se as SSRMediaQuery,
-  Yt as SaleHeaderBanner,
-  zt as SaleHeaderBrowseAuctions,
+  zt as SaleHeaderBanner,
+  qt as SaleHeaderBrowseAuctions,
   uo as Search,
-  Et as SeldonImage,
-  St as SeldonProvider,
+  Yt as SeldonImage,
+  Lt as SeldonProvider,
   no as Select,
+  go as SelectVariants,
   se as Share,
-  Po as Social,
+  Io as Social,
   s as SpacingTokens,
-  go as SplitPanel,
+  Co as SplitPanel,
   de as Spotify,
-  No as StatefulViewingsList,
-  Co as Subscribe,
-  ho as SubscriptionState,
+  Fo as StatefulViewingsList,
+  ho as Subscribe,
+  Po as SubscriptionState,
   be as SupportedLanguages,
-  Ot as TabsContainer,
-  Gt as TabsContent,
-  yo as TagsList,
-  Ro as Text,
-  Uo as TextSymbolVariants,
-  Wo as TextSymbols,
-  Ho as TextVariants,
-  Ko as UserManagement,
-  at as Video,
-  Io as ViewingsList,
+  Gt as TabsContainer,
+  Et as TabsContent,
+  Mo 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,

package/dist/patterns/BidSnapshot/BidSnapshot.d.ts

@@ -2,21 +2,25 @@ import { ComponentProps } from 'react';
 import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
 export interface BidSnapshotProps extends ComponentProps<'div'> {
     /**
-     * Active bid of current signed in user. -  '$1,000'
+     * Active bid of current signed in user. -  '1000'
      */
-    activeBid?: string;
+    activeBid?: number | null;
     /**
      * State of the object
      */
     auctionStatus?: AuctionStatus;
-    /**
-     * An array of bids for the Object. Should include current bid as last element
-     */
-    bids?: string[];
     /**
      * Bids label text, a fucntion for label of bids amoutn (2 bids, 3 bids, etc) where the number is the length of the bids array.
      */
     bidsLabelText?: (numberOfBids: number) => string;
+    /**
+     * Currency to use for object - '$'
+     */
+    currency?: string | null;
+    /**
+     * The current highest bid for the object - '1000'
+     */
+    currentBid?: number | null;
     /**
      * Current bid text, a string for label of current bid detail
      */
@@ -36,11 +40,15 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
     /**
      * End time for this object
      */
-    lotCloseDate?: Date;
+    lotCloseDate?: Date | null;
+    /**
+     * Number of bids for each lot
+     */
+    numberOfBids?: number;
     /**
-     * Default Starting bid amount for the object - '$1,000'
+     * Default Starting bid amount for the object - '1000'
      */
-    startingBid: string;
+    startingBid?: number | null;
     /**
      * Starting bid text, a string for label of starting bid detail
      */

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,61 +1,64 @@
-import { jsxs as j, jsx as l } from "react/jsx-runtime";
-import { forwardRef as D } from "react";
-import R from "../../node_modules/classnames/index.js";
-import { getCommonProps as W } from "../../utils/index.js";
-import _ from "../DetailList/DetailList.js";
-import A from "../../components/Detail/Detail.js";
-import { AuctionStatus as t, SupportedLanguages as V } from "../../types/commonTypes.js";
-import k from "../../components/Countdown/Countdown.js";
-import { CountdownVariants as q } from "../../components/Countdown/types.js";
-const z = (s) => s === 1 ? `${s} bid` : `${s} bids`, E = D(
+import { jsxs as W, jsx as l } from "react/jsx-runtime";
+import { forwardRef as _ } from "react";
+import A from "../../node_modules/classnames/index.js";
+import { getCommonProps as V } from "../../utils/index.js";
+import k from "../DetailList/DetailList.js";
+import q from "../../components/Detail/Detail.js";
+import { AuctionStatus as t, SupportedLanguages as z } from "../../types/commonTypes.js";
+import E from "../../components/Countdown/Countdown.js";
+import { CountdownVariants as F } from "../../components/Countdown/types.js";
+const G = (s) => s === 1 ? `${s} bid` : `${s} bids`, H = _(
   ({
     activeBid: s,
-    auctionStatus: n = t.ready,
-    bids: a = [],
-    bidsLabelText: f = z,
-    children: h,
-    className: u,
-    closingText: g = "Closes in",
+    auctionStatus: e = t.ready,
+    bidsLabelText: h = G,
+    children: $,
+    className: b,
+    closingText: u = "Closes in",
+    currency: S = "$",
+    currentBid: a,
     currentBidText: C = "Current bid",
-    formatDurationStr: S = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
-    lang: $ = "en",
+    formatDurationStr: g = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: v = "en",
     lotCloseDate: m,
-    startingBid: b,
-    startingBidText: v = "Starting bid",
-    soldForText: N = "Sold for",
-    wonForText: w = "Won for",
+    numberOfBids: p = 0,
+    startingBid: L,
+    startingBidText: N = "Starting bid",
+    soldForText: w = "Sold for",
+    wonForText: x = "Won for",
     ...c
-  }, x) => {
-    const { className: o, ...y } = W(c, "BidSnapshot"), e = a.length > 0, p = e && a[a.length - 1], L = s === p, d = n === t.ready, r = n === t.live, T = n === t.past, B = r && m, P = R(o, u, {
-      [`${o}--live`]: r,
-      [`${o}--has-bids`]: e
+  }, y) => {
+    var f;
+    const { className: o, ...T } = V(c, "BidSnapshot"), i = a !== null && p > 0, P = s === a, d = e === t.ready, n = e === t.live, j = e === t.past, D = n && m, R = A(o, b, {
+      [`${o}--live`]: n,
+      [`${o}--has-bids`]: i
     });
-    let i = C;
-    return (d || !e) && (i = v), T && e && (i = L ? w : N), /* @__PURE__ */ j("div", { ...y, ...c, ref: x, className: P, children: [
-      /* @__PURE__ */ l(_, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
-        A,
+    let r = C;
+    return (d || !i) && (r = N), j && i && (r = P ? x : w), /* @__PURE__ */ W("div", { ...T, ...c, ref: y, className: R, children: [
+      /* @__PURE__ */ l(k, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
+        q,
         {
-          label: i,
-          subLabel: r && a.length > 0 && `(${f(a.length)})`,
-          value: p || b,
+          label: r,
+          subLabel: n && a && `(${h(p)})`,
+          value: `${S}${(f = a || L) == null ? void 0 : f.toLocaleString()}`,
           hasWrap: !1
         }
       ) }),
-      s && !d ? h : null,
-      B ? /* @__PURE__ */ l(
-        k,
+      s && !d ? $ : null,
+      D ? /* @__PURE__ */ l(
+        E,
         {
           endDateTime: m,
-          label: g,
-          variant: q.compact,
-          locale: V[$],
-          formatDurationStr: S
+          label: u,
+          variant: F.compact,
+          locale: z[v],
+          formatDurationStr: g
         }
       ) : null
     ] });
   }
 );
-E.displayName = "BidSnapshot";
+H.displayName = "BidSnapshot";
 export {
-  E as default
+  H as default
 };

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

@@ -16,12 +16,14 @@ export default meta;
 export declare const Playground: {
     (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        activeBid: string;
+        activeBid: number;
+        currency: string;
+        numberOfBids: number;
         auctionStatus: AuctionStatus;
-        bids: string[];
+        currentBid: number;
         lotCloseDate: Date;
         lang: import('date-fns').Locale;
-        startingBid: string;
+        startingBid: number;
     };
     argTypes: {};
 };

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

@@ -1,2 +1,3 @@
 export { default as BidSnapshot, type BidSnapshotProps } from './BidSnapshot';
 export { default as BidMessage } from './BidMessage';
+export { BidMessageVariants } from './types';

package/dist/patterns/ObjectTile/ObjectTile.d.ts

@@ -1,7 +1,4 @@
 import { ComponentProps, ElementType } from 'react';
-type ObjectTileElement = ElementType<Omit<ObjectTileProps, 'imageUrl' | 'lotNumber' | 'referenceNumber'> & {
-    'data-testid': string;
-}>;
 export interface ObjectTileProps extends ComponentProps<'a'> {
     /**
      * Optional Object badge.
@@ -10,7 +7,7 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
     /**
      * Optional Element to render at the top level.
      */
-    element?: ObjectTileElement;
+    element?: ElementType<ComponentProps<'a'>>;
     /**
      * Estimate for object.
      */

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -9,25 +9,25 @@ import D from "../../components/Detail/Detail.js";
 import R from "../../components/SeldonImage/SeldonImage.js";
 const S = y(
   ({
-    badgeText: f,
-    className: p,
+    badgeText: p,
+    className: f,
     children: $,
     element: r,
-    estimate: m,
+    estimate: t,
     estimateLabelText: N = "Estimate",
-    favoriteElement: o,
+    favoriteElement: m,
     imageAlt: u = "Brought to you by Phillips",
     imageUrl: g = "",
-    lotNumber: v,
-    makerText: c,
-    modelText: _,
-    referenceNumber: d,
-    titleText: h,
+    lotNumber: b,
+    makerText: o,
+    modelText: c,
+    referenceNumber: _,
+    titleText: d,
     withdrawnText: n,
-    ...t
-  }, b) => {
-    const { className: a, ...j } = O(t, "ObjectTile"), k = r != null ? r : t.href ? "a" : "div";
-    return /* @__PURE__ */ s(k, { ...j, className: C(a, p), ...t, ref: b, children: [
+    ...h
+  }, v) => {
+    const { className: a, ...j } = O(h, "ObjectTile"), k = r != null ? r : "a";
+    return /* @__PURE__ */ s(k, { ...j, className: C(a, f), ...h, ref: v, children: [
       /* @__PURE__ */ e(
         R,
         {
@@ -38,48 +38,48 @@ const S = y(
           src: g
         }
       ),
-      n ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: f }),
+      n ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: p }),
       /* @__PURE__ */ s("div", { className: `${a}__lot-number-like`, children: [
-        /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: v }),
-        o && /* @__PURE__ */ e(o, {})
+        /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: b }),
+        m && /* @__PURE__ */ e(m, {})
       ] }),
       n ? /* @__PURE__ */ e(i, { className: `${a}__withdrawn`, variant: l.heading4, children: n }) : /* @__PURE__ */ s(x, { children: [
         /* @__PURE__ */ s("div", { className: `${a}__meta`, children: [
-          c ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: c }) : null,
-          h ? /* @__PURE__ */ e(
+          o ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: o }) : null,
+          d ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__title ${a}__token-fix`,
               variant: l.heading4,
               element: "cite",
-              children: h
+              children: d
             }
           ) : null,
-          d ? /* @__PURE__ */ e(
+          _ ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__reference-number ${a}__token-fix`,
               variant: l.heading4,
               element: "p",
-              children: d
+              children: _
             }
           ) : null,
-          _ ? /* @__PURE__ */ e(
+          c ? /* @__PURE__ */ e(
             i,
             {
               className: `${a}__model ${a}__token-fix`,
               variant: l.heading4,
               element: "p",
-              children: _
+              children: c
             }
           ) : null
         ] }),
-        m ? /* @__PURE__ */ e(P, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
+        t ? /* @__PURE__ */ e(P, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
           D,
           {
             className: `${a}__estimate__label`,
             label: N,
-            value: m,
+            value: t,
             hasWrap: !1
           }
         ) }) : null,

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/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss

@@ -23,9 +23,10 @@
     @include Montserrat;
   }
 
-  &--live {
+  &--live:has(.#{$px}-countdown) {
     border-bottom: 1px solid $light-gray;
   }
+
   &--has-bids .#{$px}-detail__value {
     font-variation-settings: 'wght' 600;
   }

package/package.json

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