@phillips/seldon 1.230.0 → 1.231.0

package/dist/assets/formatted/IconOrangeCircle.d.ts

@@ -0,0 +1,9 @@
+interface IconOrangeCircleProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const IconOrangeCircle: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<IconOrangeCircleProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default IconOrangeCircle;

package/dist/assets/formatted/IconOrangeCircle.js

@@ -0,0 +1,29 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { kebabCase as d } from "../../node_modules/change-case/dist/index.js";
+import { memo as m, forwardRef as a } from "react";
+const h = m(
+  a((t, r) => {
+    const { height: o, width: n, title: e, titleId: c } = t, l = c || d(e || "");
+    return /* @__PURE__ */ s(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 8 8",
+        height: o,
+        width: n,
+        role: "img",
+        ref: r,
+        "aria-labelledby": l,
+        ...t,
+        children: [
+          e ? /* @__PURE__ */ i("title", { id: l, children: e }) : null,
+          /* @__PURE__ */ i("circle", { cx: 4, cy: 4, r: 4, fill: "#FF7B00" })
+        ]
+      }
+    );
+  })
+);
+export {
+  h as default
+};

package/dist/assets/formatted/index.d.ts

@@ -50,6 +50,7 @@ export { default as Home } from './Home';
 export { default as IconGreenCircle } from './IconGreenCircle';
 export { default as IconBlueCircle } from './IconBlueCircle';
 export { default as IconRedCircle } from './IconRedCircle';
+export { default as IconOrangeCircle } from './IconOrangeCircle';
 export { default as Icon } from './Icon';
 export { default as ImageUnavailable } from './ImageUnavailable';
 export { default as Instagram } from './Instagram';

package/dist/assets/formatted/index.js

@@ -7,9 +7,9 @@ import { default as x } from "./AdminPerson.js";
 import { default as n } from "./AdminTelephone.js";
 import { default as A } from "./AdminPlay.js";
 import { default as h } from "./AdminFullscreen.js";
-import { default as w } from "./AdminFullscreenExit.js";
-import { default as g } from "./AdminCheck.js";
-import { default as F } from "./AdminChevronLeft.js";
+import { default as g } from "./AdminFullscreenExit.js";
+import { default as L } from "./AdminCheck.js";
+import { default as S } from "./AdminChevronLeft.js";
 import { default as P } from "./AdminChevronRight.js";
 import { default as k } from "./AdminChevronUp.js";
 import { default as M } from "./AdminClose.js";
@@ -17,8 +17,8 @@ import { default as U } from "./AdminHome.js";
 import { default as H } from "./AdminPencil.js";
 import { default as b } from "./AdminSearch.js";
 import { default as T } from "./AppleAppStoreBadge.js";
-import { default as X } from "./ArrowDown.js";
-import { default as O } from "./ArrowLeft.js";
+import { default as O } from "./ArrowDown.js";
+import { default as N } from "./ArrowLeft.js";
 import { default as j } from "./ArrowRight.js";
 import { default as z } from "./ArrowUp.js";
 import { default as K } from "./Bag.js";
@@ -34,9 +34,9 @@ import { default as xe } from "./Download.js";
 import { default as ne } from "./Edit.js";
 import { default as Ae } from "./Email.js";
 import { default as he } from "./Error.js";
-import { default as we } from "./ExternalLink.js";
-import { default as ge } from "./Facebook.js";
-import { default as Fe } from "./FavoriteActive.js";
+import { default as ge } from "./ExternalLink.js";
+import { default as Le } from "./Facebook.js";
+import { default as Se } from "./FavoriteActive.js";
 import { default as Pe } from "./Favorite.js";
 import { default as ke } from "./Filters.js";
 import { default as Me } from "./Fullscreen.js";
@@ -44,54 +44,55 @@ import { default as Ue } from "./FullscreenExit.js";
 import { default as He } from "./GavelActive.js";
 import { default as be } from "./Gavel.js";
 import { default as Te } from "./Grid.js";
-import { default as Xe } from "./Hide.js";
-import { default as Oe } from "./HomeActive.js";
+import { default as Oe } from "./Hide.js";
+import { default as Ne } from "./HomeActive.js";
 import { default as je } from "./Home.js";
 import { default as ze } from "./IconGreenCircle.js";
 import { default as Ke } from "./IconBlueCircle.js";
 import { default as Ye } from "./IconRedCircle.js";
-import { default as _e } from "./Icon.js";
-import { default as eo } from "./ImageUnavailable.js";
-import { default as ro } from "./Instagram.js";
-import { default as ao } from "./LinkedIn.js";
-import { default as lo } from "./List.js";
-import { default as uo } from "./Lock.js";
-import { default as po } from "./MagnificentSeven.js";
-import { default as io } from "./Menu.js";
-import { default as co } from "./Mute.js";
-import { default as vo } from "./Pause.js";
-import { default as Co } from "./PhillipsAppIcon.js";
-import { default as Lo } from "./PhillipsLogo.js";
-import { default as So } from "./Play.js";
-import { default as Io } from "./Red.js";
-import { default as Ro } from "./Refresh.js";
-import { default as Eo } from "./Search.js";
-import { default as Go } from "./SellActive.js";
-import { default as Do } from "./Sell.js";
-import { default as Vo } from "./Share.js";
-import { default as Bo } from "./Subtract.js";
-import { default as yo } from "./Success.js";
-import { default as No } from "./Tooltip.js";
-import { default as Wo } from "./TwitterX.js";
-import { default as qo } from "./Upload.js";
-import { default as Jo } from "./View.js";
-import { default as Qo } from "./VolumeMaximum.js";
-import { default as Zo } from "./VolumeMid.js";
-import { default as $o } from "./VolumeMinimum.js";
-import { default as or } from "./WeChat.js";
-import { default as tr } from "./Clock.js";
-import { default as fr } from "./LiveNow.js";
+import { default as _e } from "./IconOrangeCircle.js";
+import { default as eo } from "./Icon.js";
+import { default as ro } from "./ImageUnavailable.js";
+import { default as ao } from "./Instagram.js";
+import { default as lo } from "./LinkedIn.js";
+import { default as uo } from "./List.js";
+import { default as po } from "./Lock.js";
+import { default as io } from "./MagnificentSeven.js";
+import { default as co } from "./Menu.js";
+import { default as vo } from "./Mute.js";
+import { default as Co } from "./Pause.js";
+import { default as wo } from "./PhillipsAppIcon.js";
+import { default as Io } from "./PhillipsLogo.js";
+import { default as Fo } from "./Play.js";
+import { default as Ro } from "./Red.js";
+import { default as Eo } from "./Refresh.js";
+import { default as Go } from "./Search.js";
+import { default as Do } from "./SellActive.js";
+import { default as Vo } from "./Sell.js";
+import { default as Bo } from "./Share.js";
+import { default as yo } from "./Subtract.js";
+import { default as Xo } from "./Success.js";
+import { default as Wo } from "./Tooltip.js";
+import { default as qo } from "./TwitterX.js";
+import { default as Jo } from "./Upload.js";
+import { default as Qo } from "./View.js";
+import { default as Zo } from "./VolumeMaximum.js";
+import { default as $o } from "./VolumeMid.js";
+import { default as or } from "./VolumeMinimum.js";
+import { default as tr } from "./WeChat.js";
+import { default as fr } from "./Clock.js";
+import { default as dr } from "./LiveNow.js";
 export {
   a as Account,
   r as AccountActive,
   l as Add,
-  g as AdminCheck,
-  F as AdminChevronLeft,
+  L as AdminCheck,
+  S as AdminChevronLeft,
   P as AdminChevronRight,
   k as AdminChevronUp,
   M as AdminClose,
   h as AdminFullscreen,
-  w as AdminFullscreenExit,
+  g as AdminFullscreenExit,
   m as AdminGavel,
   U as AdminHome,
   s as AdminLiveOnline,
@@ -101,8 +102,8 @@ export {
   b as AdminSearch,
   n as AdminTelephone,
   T as AppleAppStoreBadge,
-  X as ArrowDown,
-  O as ArrowLeft,
+  O as ArrowDown,
+  N as ArrowLeft,
   j as ArrowRight,
   z as ArrowUp,
   K as Bag,
@@ -111,7 +112,7 @@ export {
   ee as ChevronLeft,
   re as ChevronRight,
   ae as ChevronUp,
-  tr as Clock,
+  fr as Clock,
   le as CloseX,
   me as ConditionReport,
   se as Delete,
@@ -119,50 +120,51 @@ export {
   ne as Edit,
   Ae as Email,
   he as Error,
-  we as ExternalLink,
-  ge as Facebook,
+  ge as ExternalLink,
+  Le as Facebook,
   Pe as Favorite,
-  Fe as FavoriteActive,
+  Se as FavoriteActive,
   ke as Filters,
   Me as Fullscreen,
   Ue as FullscreenExit,
   be as Gavel,
   He as GavelActive,
   Te as Grid,
-  Xe as Hide,
+  Oe as Hide,
   je as Home,
-  Oe as HomeActive,
-  _e as Icon,
+  Ne as HomeActive,
+  eo as Icon,
   Ke as IconBlueCircle,
   ze as IconGreenCircle,
+  _e as IconOrangeCircle,
   Ye as IconRedCircle,
-  eo as ImageUnavailable,
-  ro as Instagram,
-  ao as LinkedIn,
-  lo as List,
-  fr as LiveNow,
-  uo as Lock,
-  po as MagnificentSeven,
-  io as Menu,
-  co as Mute,
-  vo as Pause,
-  Co as PhillipsAppIcon,
-  Lo as PhillipsLogo,
-  So as Play,
-  Io as Red,
-  Ro as Refresh,
-  Eo as Search,
-  Do as Sell,
-  Go as SellActive,
-  Vo as Share,
-  Bo as Subtract,
-  yo as Success,
-  No as Tooltip,
-  Wo as TwitterX,
-  qo as Upload,
-  Jo as View,
-  Qo as VolumeMaximum,
-  Zo as VolumeMid,
-  $o as VolumeMinimum,
-  or as WeChat
+  ro as ImageUnavailable,
+  ao as Instagram,
+  lo as LinkedIn,
+  uo as List,
+  dr as LiveNow,
+  po as Lock,
+  io as MagnificentSeven,
+  co as Menu,
+  vo as Mute,
+  Co as Pause,
+  wo as PhillipsAppIcon,
+  Io as PhillipsLogo,
+  Fo as Play,
+  Ro as Red,
+  Eo as Refresh,
+  Go as Search,
+  Vo as Sell,
+  Do as SellActive,
+  Bo as Share,
+  yo as Subtract,
+  Xo as Success,
+  Wo as Tooltip,
+  qo as TwitterX,
+  Jo as Upload,
+  Qo as View,
+  Zo as VolumeMaximum,
+  $o as VolumeMid,
+  or as VolumeMinimum,
+  tr as WeChat
 };

package/dist/components/ComboBox/ComboBox.js

@@ -56,6 +56,7 @@ import "../../assets/formatted/Home.js";
 import "../../assets/formatted/IconGreenCircle.js";
 import "../../assets/formatted/IconBlueCircle.js";
 import "../../assets/formatted/IconRedCircle.js";
+import "../../assets/formatted/IconOrangeCircle.js";
 import "../../assets/formatted/Icon.js";
 import "../../assets/formatted/ImageUnavailable.js";
 import "../../assets/formatted/Instagram.js";

package/dist/components/Countdown/Countdown.js

@@ -21,17 +21,17 @@ const A = z(
     label: d = "Lots Close in",
     intervalDescription: N,
     className: b,
-    locale: $ = "en",
-    showBottomBorder: g = !0,
-    variant: i = c.default,
+    locale: g = "en",
+    showBottomBorder: $ = !0,
+    variant: a = c.default,
     getCurrentDateTime: e = () => /* @__PURE__ */ new Date(),
     ...p
   }, L) => {
-    const { className: r, ...M } = E(p, "Countdown"), [n, V] = P(e() || /* @__PURE__ */ new Date()), a = $ === H.zh ? U : k, s = {
-      days: y(o, n) > 0 ? y(o, n) : 0,
-      hours: I(o, n) > 0 ? I(o, n) % 24 : 0,
-      minutes: x(o, n) > 0 ? x(o, n) % 60 : 0,
-      seconds: (C(o, n) > 0 ? C(o, n) % 60 : 0) % 60
+    const { className: n, ...M } = E(p, "Countdown"), [r, V] = P(e() || /* @__PURE__ */ new Date()), i = g === H.zh ? U : k, s = {
+      days: y(o, r) > 0 ? y(o, r) : 0,
+      hours: I(o, r) > 0 ? I(o, r) % 24 : 0,
+      minutes: x(o, r) > 0 ? x(o, r) % 60 : 0,
+      seconds: (C(o, r) > 0 ? C(o, r) % 60 : 0) % 60
     };
     S(() => {
       const u = setInterval(() => {
@@ -42,28 +42,29 @@ const A = z(
     const j = _(() => {
       const u = e();
       return !!u && new Date(o).getTime() > u.getTime();
-    }, [o, e]), v = q(o, n) <= 3 * 60 * 1e3, l = i === c.sm ? w.labelSmall : w.labelMedium;
+    }, [o, e]), v = q(o, r) <= 3 * 60 * 1e3, l = a === c.sm ? w.labelSmall : w.labelMedium;
     return j ? /* @__PURE__ */ h(
       "div",
       {
+        "data-chromatic": "ignore",
         ...M,
-        className: F(r, b, {
-          [`${r}--compact`]: i === c.compact,
-          [`${r}--sm`]: i === c.sm,
-          [`${r}--show-bottom-border`]: g,
-          [`${r}--closing-lot`]: v
+        className: F(n, b, {
+          [`${n}--compact`]: a === c.compact,
+          [`${n}--sm`]: a === c.sm,
+          [`${n}--show-bottom-border`]: $,
+          [`${n}--closing-lot`]: v
         }),
         ...p,
         ref: L,
         children: [
-          /* @__PURE__ */ h("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": d, children: [
+          /* @__PURE__ */ h("div", { className: `${n}__countdown-container`, role: "timer", "aria-label": d, children: [
             /* @__PURE__ */ t(R, { variant: l, children: d }),
             s.days > 0 ? /* @__PURE__ */ t(
               f,
               {
                 duration: s,
                 unit: "days",
-                locale: a,
+                locale: i,
                 formatDurationStr: m,
                 textVariant: l
               }
@@ -73,7 +74,7 @@ const A = z(
               {
                 duration: s,
                 unit: "hours",
-                locale: a,
+                locale: i,
                 formatDurationStr: m,
                 textVariant: l
               }
@@ -83,7 +84,7 @@ const A = z(
               {
                 duration: s,
                 unit: "minutes",
-                locale: a,
+                locale: i,
                 formatDurationStr: m,
                 textVariant: l
               }
@@ -93,13 +94,13 @@ const A = z(
               {
                 duration: s,
                 unit: "seconds",
-                locale: a,
+                locale: i,
                 formatDurationStr: m,
                 textVariant: l
               }
             ) : null
           ] }),
-          i === c.default ? /* @__PURE__ */ t("span", { children: N }) : null
+          a === c.default ? /* @__PURE__ */ t("span", { children: N }) : null
         ]
       }
     ) : null;

package/dist/components/SeldonImage/SeldonImage.js

@@ -9,12 +9,12 @@ const T = typeof window > "u", q = P(
     ({
       className: h,
       aspectRatio: g = "none",
-      objectFit: f = "none",
+      objectFit: c = "none",
       hasBlurBackground: v = !1,
       imageClassName: y,
       imageStyle: N,
       src: a,
-      alt: c,
+      alt: f,
       srcSet: o,
       sizes: r,
       loading: E,
@@ -45,13 +45,14 @@ const T = typeof window > "u", q = P(
       }, [b]), /* @__PURE__ */ C(
         "div",
         {
+          "data-chromatic": "ignore",
           ref: x,
           className: s(e, h, {
             [`${e}--aspect-ratio-${g.replace("/", "-")}`]: g !== "none",
             [`${e}--error-image`]: i === "error" || n
           }),
           role: "img",
-          "aria-label": c,
+          "aria-label": f,
           ...u,
           ...$,
           children: [
@@ -70,14 +71,14 @@ const T = typeof window > "u", q = P(
               {
                 className: s(`${e}-img`, y, {
                   [`${e}-img--hidden`]: i === "error" || n,
-                  [`${e}-img--object-fit-${f}`]: f !== "none"
+                  [`${e}-img--object-fit-${c}`]: c !== "none"
                 }),
                 id: a,
                 style: N,
                 src: a,
                 srcSet: o,
                 sizes: r,
-                alt: c,
+                alt: f,
                 "data-testid": `${$["data-testid"]}-img`,
                 ref: p,
                 loading: E,

package/package.json

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