@phillips/seldon 1.102.0 → 1.103.0

package/dist/index.js

@@ -3,8 +3,8 @@ import { default as S } from "./assets/account_circle.svg.js";
 import { default as h } from "./assets/arrowPrev.svg.js";
 import { default as I } from "./assets/calendar.svg.js";
 import { default as T } from "./assets/calendarAlt.svg.js";
-import { default as B } from "./assets/chevronDown.svg.js";
-import { default as k } from "./assets/chevronNext.svg.js";
+import { default as V } from "./assets/chevronDown.svg.js";
+import { default as A } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
 import { default as y } from "./assets/close.svg.js";
 import { default as D } from "./assets/favorite.svg.js";
@@ -30,7 +30,7 @@ import { default as ce } from "./assets/icon-red-circle.svg.js";
 import { default as Se } from "./pages/Page.js";
 import { usePendingState as he } from "./utils/hooks.js";
 import { SSRMediaQuery as Ie, ssrMediaQueryStyle as be } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Ae, LotStatus as Be, SupportedLanguages as Ve } from "./types/commonTypes.js";
+import { AuctionStatus as Be, LotStatus as Ve, SupportedLanguages as ke } from "./types/commonTypes.js";
 import { default as ve } from "./components/Button/Button.js";
 import { ButtonVariants as Fe } from "./components/Button/types.js";
 import { default as Me } from "./components/IconButton/IconButton.js";
@@ -56,8 +56,8 @@ import { default as Ct } from "./components/Select/Select.js";
 import { SelectVariants as Lt } from "./components/Select/types.js";
 import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
 import { default as bt } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as At } from "./patterns/Subscribe/types.js";
-import { default as Vt } from "./patterns/Social/Social.js";
+import { SubscriptionState as Bt } from "./patterns/Subscribe/types.js";
+import { default as kt } from "./patterns/Social/Social.js";
 import { default as vt } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Ft } from "./components/Modal/Modal.js";
 import { default as Mt } from "./components/Drawer/Drawer.js";
@@ -84,8 +84,8 @@ import { HeightUnits as Co } from "./components/ContentPeek/utils.js";
 import { default as Lo } from "./components/Collapsible/Collapsible.js";
 import { default as Po } from "./components/Collapsible/CollapsibleContent.js";
 import { default as bo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as Ao } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Vo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { SeldonProvider as Bo } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as ko } from "./components/PageContentWrapper/PageContentWrapper.js";
 import { default as vo } from "./components/Carousel/Carousel.js";
 import { default as Fo } from "./components/Carousel/CarouselContent.js";
 import { default as Mo } from "./components/Carousel/CarouselItem.js";
@@ -99,17 +99,16 @@ import { default as Zo } from "./components/Tabs/TabsContent.js";
 import { default as Jo } from "./components/SeldonImage/SeldonImage.js";
 import { default as Xo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
 import { default as $o } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as tr } from "./patterns/SaleHeaderBanner/types.js";
-import { default as rr } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as fr } from "./components/Filter/Filter.js";
-import { default as lr } from "./components/Filter/FilterInput.js";
-import { default as mr } from "./components/Filter/FilterHeader.js";
-import { default as ur } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as ir } from "./components/Countdown/types.js";
-import { default as gr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Lr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Pr, BidStatusEnum as Ir } from "./patterns/BidSnapshot/types.js";
+import { default as tr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as rr } from "./components/Filter/Filter.js";
+import { default as fr } from "./components/Filter/FilterInput.js";
+import { default as lr } from "./components/Filter/FilterHeader.js";
+import { default as mr } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as ur } from "./components/Countdown/types.js";
+import { default as ir } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as gr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Cr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Lr, BidStatusEnum as hr } from "./patterns/BidSnapshot/types.js";
 export {
   Jt as Accordion,
   Xt as AccordionItem,
@@ -117,13 +116,12 @@ export {
   eo as AccordionVariants,
   S as AccountCircle,
   h as ArrowPrev,
-  tr as AuctionState,
-  Ae as AuctionStatus,
+  Be as AuctionStatus,
   ao as AuthState,
-  Lr as BidMessage,
-  Pr as BidMessageVariants,
-  Cr as BidSnapshot,
-  Ir as BidStatusEnum,
+  Cr as BidMessage,
+  Lr as BidMessageVariants,
+  gr as BidSnapshot,
+  hr as BidStatusEnum,
   so as Breadcrumb,
   ve as Button,
   Fe as ButtonVariants,
@@ -133,8 +131,8 @@ export {
   Fo as CarouselContent,
   Ho as CarouselDots,
   Mo as CarouselItem,
-  B as ChevronDown,
-  k as ChevronNext,
+  V as ChevronDown,
+  A as ChevronNext,
   w as ChevronRight,
   y as Close,
   Lo as Collapsible,
@@ -142,8 +140,8 @@ export {
   bo as CollapsibleTrigger,
   go as ContentPeek,
   Co as ContentPeekHeightUnits,
-  ur as Countdown,
-  ir as CountdownVariants,
+  mr as Countdown,
+  ur as CountdownVariants,
   Ro as Detail,
   Oo as DetailList,
   Eo as DetailListAlignment,
@@ -153,10 +151,10 @@ export {
   G as Facebook,
   D as Favorite,
   N as FavoriteOutline,
-  fr as Filter,
-  mr as FilterHeader,
-  lr as FilterInput,
-  rr as FilterMenu,
+  rr as Filter,
+  lr as FilterHeader,
+  fr as FilterInput,
+  tr as FilterMenu,
   Re as Footer,
   U as FooterInstagram,
   z as FooterWeChat,
@@ -176,17 +174,17 @@ export {
   rt as LinkVariants,
   W as LinkedIn,
   K as Lock,
-  Be as LotStatus,
+  Ve as LotStatus,
   _ as Minus,
   Ft as Modal,
   Qe as Navigation,
   je as NavigationItem,
   Ze as NavigationItemTrigger,
   Je as NavigationList,
-  gr as ObjectTile,
+  ir as ObjectTile,
   f as PaddingTokens,
   Se as Page,
-  Vo as PageContentWrapper,
+  ko as PageContentWrapper,
   Ht as Pagination,
   ee as PhillipsLogo,
   Qo as PinchZoom,
@@ -200,18 +198,18 @@ export {
   $o as SaleHeaderBrowseAuctions,
   gt as Search,
   Jo as SeldonImage,
-  Ao as SeldonProvider,
+  Bo as SeldonProvider,
   Ct as Select,
   Lt as SelectVariants,
   se as Share,
-  Vt as Social,
+  kt as Social,
   s as SpacingTokens,
   Pt as SplitPanel,
   de as Spotify,
   Ot as StatefulViewingsList,
   bt as Subscribe,
-  At as SubscriptionState,
-  Ve as SupportedLanguages,
+  Bt as SubscriptionState,
+  ke as SupportedLanguages,
   jo as TabsContainer,
   Zo as TabsContent,
   Rt as TagsList,

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.d.ts

@@ -48,9 +48,13 @@ export interface SaleHeaderBannerProps extends ComponentProps<'div'> {
      */
     auctionState: AuctionStatus;
     /**
-     * What text should the CTA button display?
+     * The label for the header
      */
-    ctaLabel?: React.ReactNode;
+    headerLabel: React.ReactNode;
+    /**
+     * An element to be rendered at the bottom of the banner
+     */
+    footerElement?: React.ReactNode;
     /**
      * What action does the CTA take?
      */

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -1,66 +1,67 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { getCommonProps as j } from "../../utils/index.js";
-import H from "../../node_modules/classnames/index.js";
-import f from "../../components/Countdown/Countdown.js";
-import R from "../../components/SeldonImage/SeldonImage.js";
-import { AuctionStatus as h } from "../../types/commonTypes.js";
-import { TextVariants as t } from "../../components/Text/types.js";
-import o from "../../components/Text/Text.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { getCommonProps as b } from "../../utils/index.js";
+import P from "../../node_modules/classnames/index.js";
+import _ from "../../components/Countdown/Countdown.js";
+import j from "../../components/SeldonImage/SeldonImage.js";
+import { AuctionStatus as H } from "../../types/commonTypes.js";
+import { TextVariants as r } from "../../components/Text/types.js";
+import t from "../../components/Text/Text.js";
 import y from "../../components/PageContentWrapper/PageContentWrapper.js";
-import D from "../../components/Button/Button.js";
-const F = b(
+const D = C(
   ({
-    auctionEndTime: a,
+    auctionEndTime: s,
     auctionTitle: n,
-    imageSrcUrl: N,
-    imageSrcSet: g,
-    imageSizes: v,
-    imageLoading: $,
-    imageFetchPriority: u,
-    location: B,
-    auctionState: l,
+    imageSrcUrl: p,
+    imageSrcSet: f,
+    imageSizes: h,
+    imageLoading: v,
+    imageFetchPriority: N,
+    location: g,
+    auctionState: $,
     occurrenceInformation: S,
-    ctaLabel: w = "Register to Bid",
-    onClick: x,
-    children: k,
-    className: C,
-    ...i
+    onClick: F,
+    children: u,
+    className: k,
+    footerElement: w,
+    headerLabel: x,
+    ...o
   }, c) => {
-    const { className: e, ...m } = j(i, "SaleHeaderBanner"), d = l === h.live, _ = l === h.past;
-    return /* @__PURE__ */ s("div", { ...m, className: H(e, C), ...i, ref: c, children: [
-      d && a ? /* @__PURE__ */ r("div", { className: `${e}__stack__mobile-countdown`, children: /* @__PURE__ */ r(f, { endDateTime: a, showBottomBorder: !1 }) }) : null,
-      /* @__PURE__ */ r(
-        R,
+    const { className: a, ...l } = b(o, "SaleHeaderBanner"), m = $ === H.live;
+    return /* @__PURE__ */ i("div", { ...l, className: P(a, k), ...o, ref: c, children: [
+      m && s ? /* @__PURE__ */ e("div", { className: `${a}__stack__mobile-countdown`, children: /* @__PURE__ */ e(_, { endDateTime: s, showBottomBorder: !1 }) }) : null,
+      /* @__PURE__ */ e(
+        j,
         {
           aspectRatio: "16/9",
-          src: N,
+          src: p,
           alt: String(n),
           objectFit: "cover",
-          className: `${e}__image`,
-          srcSet: g,
-          sizes: v,
-          loading: $,
-          fetchPriority: u
+          className: `${a}__image`,
+          srcSet: f,
+          sizes: h,
+          loading: v,
+          fetchPriority: N
         }
       ),
-      /* @__PURE__ */ r(y, { className: `${e}__stack-wrapper`, ...m, ...i, ref: c, children: /* @__PURE__ */ s("div", { className: `${e}__stack`, children: [
-        d && a ? /* @__PURE__ */ r("div", { className: `${e}__stack__desktop-countdown`, children: /* @__PURE__ */ r(f, { endDateTime: a }) }) : null,
-        /* @__PURE__ */ r(o, { variant: t.title1, children: n }),
-        /* @__PURE__ */ r(o, { variant: t.string2, className: `${e}__location`, children: B }),
-        /* @__PURE__ */ s("div", { className: `${e}__occurrence-details`, children: [
-          S.map(({ date: p, occurrenceLabel: P }) => /* @__PURE__ */ s("div", { className: `${e}__occurrence-details-text`, children: [
-            /* @__PURE__ */ r(o, { variant: t.string2, children: P }),
-            /* @__PURE__ */ r(o, { variant: t.string2, className: `${e}__date`, children: p })
-          ] }, String(p))),
-          _ ? k : null
+      /* @__PURE__ */ e(y, { className: `${a}__stack-wrapper`, ...l, ...o, ref: c, children: /* @__PURE__ */ i("div", { className: `${a}__stack`, children: [
+        m && s ? /* @__PURE__ */ e("div", { className: `${a}__stack__desktop-countdown`, children: /* @__PURE__ */ e(_, { endDateTime: s }) }) : null,
+        /* @__PURE__ */ e(t, { variant: r.badge, children: x }),
+        /* @__PURE__ */ e(t, { variant: r.title1, children: n }),
+        /* @__PURE__ */ e(t, { variant: r.string2, className: `${a}__location`, children: g }),
+        /* @__PURE__ */ i("div", { className: `${a}__occurrence-details`, children: [
+          S.map(({ date: d, occurrenceLabel: B }) => /* @__PURE__ */ i("div", { className: `${a}__occurrence-details-text`, children: [
+            /* @__PURE__ */ e(t, { variant: r.string2, children: B }),
+            /* @__PURE__ */ e(t, { variant: r.string2, className: `${a}__date`, children: d })
+          ] }, String(d))),
+          u
         ] }),
-        _ ? null : /* @__PURE__ */ r(D, { className: `${e}__cta`, onClick: x, children: w })
+        w
       ] }) })
     ] });
   }
 );
-F.displayName = "SaleHeaderBanner";
+D.displayName = "SaleHeaderBanner";
 export {
-  F as default
+  D as default
 };

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

@@ -16,6 +16,7 @@ export declare const Playground: {
         location: string;
         auctionState: AuctionStatus;
         imageSrcUrl: string;
+        headerLabel: string;
     };
     argTypes: {
         auctionState: {

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

@@ -1,3 +1,2 @@
 export { default as SaleHeaderBanner, type SaleHeaderBannerProps } from './SaleHeaderBanner';
 export { default as SaleHeaderBrowseAuctions, type SaleHeaderBrowseAuctionsProps } from './SaleHeaderBrowseAuctions';
-export { AuctionState } from './types';

package/dist/scss/patterns/SaleHeaderBanner/_saleHeaderBanner.scss

@@ -48,7 +48,6 @@
 
   &__occurrence-details {
     display: flex;
-    margin-bottom: 1.5rem;
 
     &-text {
       align-items: flex-start;
@@ -56,13 +55,20 @@
       flex-direction: column;
       gap: 4px;
 
+      &::before,
+      &::after {
+        content: '';
+        display: block;
+        height: 1rem;
+      }
+
       &:first-child {
-        padding-right: $spacing-md;
+        padding-right: $spacing-xsm;
       }
 
       &:not(:first-child) {
         border-left: 1px solid $keyline-gray;
-        padding: 0 $spacing-md;
+        padding-left: $spacing-xsm;
       }
     }
   }

package/package.json

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

package/dist/patterns/SaleHeaderBanner/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum AuctionState {
-    preSale = "PRESALE",
-    openForBidding = "OPEN_FOR_BIDDING",
-    past = "PAST"
-}

package/dist/patterns/SaleHeaderBanner/types.js

@@ -1,4 +0,0 @@
-var p = /* @__PURE__ */ ((r) => (r.preSale = "PRESALE", r.openForBidding = "OPEN_FOR_BIDDING", r.past = "PAST", r))(p || {});
-export {
-  p as AuctionState
-};