@phillips/seldon 1.210.2 → 1.212.0

package/dist/index.js

@@ -3,8 +3,8 @@ import { default as C } from "./pages/Page.js";
 import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as A, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
-import { default as k } from "./components/Button/Button.js";
-import { ButtonVariants as D } from "./components/Button/types.js";
+import { default as h } from "./components/Button/Button.js";
+import { ButtonVariants as v } from "./components/Button/types.js";
 import { default as w } from "./components/IconButton/IconButton.js";
 import { default as M } from "./components/Accordion/Accordion.js";
 import { default as E } from "./components/Accordion/AccordionItem.js";
@@ -31,8 +31,8 @@ import { default as Pe } from "./components/Grid/Grid.js";
 import { default as Ie } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as be } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
-import { default as he } from "./components/Link/Link.js";
-import { LinkVariants as ve } from "./components/Link/types.js";
+import { default as De } from "./components/Link/Link.js";
+import { LinkVariants as ke } from "./components/Link/types.js";
 import { default as Fe } from "./components/LinkBlock/LinkBlock.js";
 import { default as He } from "./components/LinkList/LinkList.js";
 import { default as Ne } from "./components/Modal/Modal.js";
@@ -57,8 +57,8 @@ import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
 import { default as It } from "./components/TextSymbol/TextSymbol.js";
 import { default as bt } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
-import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
+import { DetailListAlignment as Dt } from "./patterns/DetailList/types.js";
+import { default as kt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
 import { default as Ft } from "./patterns/HeroBanner/HeroBanner.js";
 import { default as Ht } from "./patterns/TextBanner/TextBanner.js";
 import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
@@ -82,57 +82,57 @@ import { default as So } from "./patterns/FiltersInline/FiltersInline.js";
 import { FilterButtonIconType as To, FilterButtonType as Po } from "./patterns/FiltersInline/types.js";
 import { default as Io } from "./patterns/SaleCard/SaleCard.js";
 import { SaleCardActions as bo } from "./patterns/SaleCard/SaleCardActions.js";
-import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.js";
+import { SaleCardImageDisplay as Vo, SaleCardVariants as yo } from "./patterns/SaleCard/types.js";
 import { default as ho } from "./patterns/ViewingDetails/ViewingDetails.js";
 import { default as vo } from "./components/ProgressIndicator/ProgressIndicator.js";
-import { default as Fo } from "./site-furniture/Footer/Footer.js";
-import { default as Ho } from "./site-furniture/Header/Header.js";
-import { default as No } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as Go } from "./components/Article/Article.js";
-import { default as Uo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Oo } from "./components/Countdown/types.js";
-import { default as Qo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
-import { default as Yo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
-import { default as qo } from "./components/Divider/Divider.js";
-import { default as Ko } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as _o } from "./components/Filter/Filter.js";
-import { default as er } from "./components/Filter/FilterInput.js";
-import { default as or } from "./components/Filter/FilterHeader.js";
-import { default as ar } from "./components/NotificationBanner/NotificationBanner.js";
-import { default as sr } from "./components/Pictogram/Pictogram.js";
-import { default as dr } from "./components/TextArea/TextArea.js";
-import { default as pr } from "./components/Toast/Toast.js";
-import { ToastProvider as ir } from "./components/Toast/ToastContextProvider.js";
-import { useToast as nr } from "./components/Toast/useToast.js";
-import { default as cr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Pr } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Ir, BidStatusEnum as Lr } from "./patterns/BidSnapshot/types.js";
-import { default as Ar } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as yr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as wo } from "./site-furniture/Footer/Footer.js";
+import { default as Mo } from "./site-furniture/Header/Header.js";
+import { default as Eo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Ro } from "./components/Article/Article.js";
+import { default as zo } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Wo } from "./components/Countdown/types.js";
+import { default as jo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
+import { default as Zo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
+import { default as Jo } from "./components/Divider/Divider.js";
+import { default as Xo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as $o } from "./components/Filter/Filter.js";
+import { default as tr } from "./components/Filter/FilterInput.js";
+import { default as rr } from "./components/Filter/FilterHeader.js";
+import { default as fr } from "./components/NotificationBanner/NotificationBanner.js";
+import { default as lr } from "./components/Pictogram/Pictogram.js";
+import { default as mr } from "./components/TextArea/TextArea.js";
+import { default as ur } from "./components/Toast/Toast.js";
+import { ToastProvider as xr } from "./components/Toast/ToastContextProvider.js";
+import { useToast as gr } from "./components/Toast/useToast.js";
+import { default as Sr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Tr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Br } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Lr, BidStatusEnum as br } from "./patterns/BidSnapshot/types.js";
+import { default as Vr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as Dr } from "./patterns/ObjectTile/ObjectTile.js";
 import { default as kr } from "./patterns/CountryPicker/CountryPicker.js";
-import { default as Dr } from "./patterns/ProgressWizard/ProgressWizard.js";
-import { ProgressWizardFooter as wr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
-import { useHistoryManagement as Mr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
-import { DefaultButtonLabels as Er, LoadingState as Gr } from "./patterns/ProgressWizard/types.js";
-import { default as Ur } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
+import { default as Fr } from "./patterns/ProgressWizard/ProgressWizard.js";
+import { ProgressWizardFooter as Hr } from "./patterns/ProgressWizard/components/ProgressWizardFooter.js";
+import { useHistoryManagement as Nr } from "./patterns/ProgressWizard/hooks/useHistoryManagement.js";
+import { DefaultButtonLabels as Gr, LoadingState as Rr } from "./patterns/ProgressWizard/types.js";
+import { default as zr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
 export {
   M as Accordion,
   E as AccordionItem,
   R as AccordionItemVariant,
   U as AccordionVariants,
-  cr as AccountPageHeader,
-  No as AddToCalendar,
-  Go as Article,
+  Sr as AccountPageHeader,
+  Eo as AddToCalendar,
+  Ro as Article,
   A as AuctionStatus,
   qt as AuthState,
-  Pr as BidMessage,
-  Ir as BidMessageVariants,
-  Cr as BidSnapshot,
-  Lr as BidStatusEnum,
+  Br as BidMessage,
+  Lr as BidMessageVariants,
+  Tr as BidSnapshot,
+  br as BidStatusEnum,
   O as Breadcrumb,
-  k as Button,
-  D as ButtonVariants,
+  h as Button,
+  v as ButtonVariants,
   Y as Carousel,
   q as CarouselArrows,
   K as CarouselContent,
@@ -145,69 +145,70 @@ export {
   so as ComposedModal,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Uo as Countdown,
-  Oo as CountdownVariants,
+  zo as Countdown,
+  Wo as CountdownVariants,
   kr as CountryPicker,
-  Er as DefaultButtonLabels,
-  Qo as DescriptiveRadioButton,
-  Yo as DescriptiveRadioButtonGroup,
+  Gr as DefaultButtonLabels,
+  jo as DescriptiveRadioButton,
+  Zo as DescriptiveRadioButtonGroup,
   ie as Detail,
   Vt as DetailList,
-  ht as DetailListAlignment,
-  qo as Divider,
+  Dt as DetailListAlignment,
+  Jo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   mo as ExitGateCard,
-  vt as FavoritesCollectionTile,
-  Ko as FavoritingTileButton,
-  _o as Filter,
+  kt as FavoritesCollectionTile,
+  Xo as FavoritingTileButton,
+  $o as Filter,
   To as FilterButtonIconType,
   Po as FilterButtonType,
-  or as FilterHeader,
-  er as FilterInput,
-  Ar as FilterMenu,
+  rr as FilterHeader,
+  tr as FilterInput,
+  Vr as FilterMenu,
   So as FiltersInline,
-  Fo as Footer,
+  wo as Footer,
   Pe as Grid,
   Ie as GridItem,
   be as GridItemAlign,
-  Ho as Header,
+  Mo as Header,
   Ft as HeroBanner,
   Q as Icon,
   w as IconButton,
   Ve as Input,
   Nt as LanguageSelector,
-  he as Link,
+  De as Link,
   Fe as LinkBlock,
   He as LinkList,
-  ve as LinkVariants,
+  ke as LinkVariants,
   uo as Loader,
-  Gr as LoadingState,
+  Rr as LoadingState,
   V as LotStatus,
   Ne as Modal,
   Ge as Navigation,
   Ue as NavigationItem,
   Oe as NavigationItemTrigger,
   Qe as NavigationList,
-  ar as NotificationBanner,
-  yr as ObjectTile,
+  fr as NotificationBanner,
+  Dr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   xo as PageContentWrapper,
   Ye as Pagination,
-  Ur as PhoneNumberInput,
+  zr as PhoneNumberInput,
   go as PhoneNumberPicker,
-  sr as Pictogram,
+  lr as Pictogram,
   qe as PinchZoom,
   vo as ProgressIndicator,
-  Dr as ProgressWizard,
-  wr as ProgressWizardFooter,
+  Fr as ProgressWizard,
+  Hr as ProgressWizardFooter,
   Ke as Row,
   P as SSRMediaQuery,
   Io as SaleCard,
   bo as SaleCardActions,
-  Vo as SaleCardVariants,
+  Vo as SaleCardImageDisplay,
+  yo as SaleCardVariants,
   Gt as SaleHeaderBanner,
   Ut as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -228,13 +229,13 @@ export {
   xt as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  dr as TextArea,
+  mr as TextArea,
   Ht as TextBanner,
   Pt as TextSymbolVariants,
   It as TextSymbols,
   ct as TextVariants,
-  pr as Toast,
-  ir as ToastProvider,
+  ur as Toast,
+  xr as ToastProvider,
   Kt as UserManagement,
   bt as Video,
   ho as ViewingDetails,
@@ -250,8 +251,8 @@ export {
   n as noOp,
   g as px,
   B as ssrMediaQueryStyle,
-  Mr as useHistoryManagement,
+  Nr as useHistoryManagement,
   c as useNormalizedInputProps,
   L as usePendingState,
-  nr as useToast
+  gr as useToast
 };

package/dist/patterns/SaleCard/SaleCard.d.ts

@@ -1,9 +1,14 @@
 import { ComponentProps } from 'react';
 import { SaleCardActions } from './SaleCardActions';
-import { SaleCardVariants } from './types';
-/** * Props for the SaleCard component. */
+import { SaleCardVariants, SaleCardImageDisplay } from './types';
+/**
+ * Props for the SaleCard component.
+ */
 export interface SaleCardProps extends ComponentProps<'div'> {
-    /** * The source URL of the image to be displayed. */
+    /**
+     * The source URL of the image to be displayed.
+     * Leaving this prop undefined or falsy is the intended way to hide the image.
+     */
     imageSrc?: string;
     /** * The alt text for the image. Defaults to "Auction Image" if not provided. */
     imageAlt?: string;
@@ -28,6 +33,8 @@ export interface SaleCardProps extends ComponentProps<'div'> {
     variant?: SaleCardVariants;
     /** * The <SaleCardActions /> component used to render the SaleCard CTAs. */
     children?: React.ReactElement<typeof SaleCardActions>;
+    /** * The position of the image relative to the content. Can be 'left' or 'right'. Defaults to 'left'. */
+    imageDisplay?: SaleCardImageDisplay;
 }
 /**
  * ## Overview

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,58 +1,60 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import E from "../../node_modules/classnames/index.js";
-import { forwardRef as b } from "react";
-import y from "../../components/Button/Button.js";
-import { ButtonVariants as A } from "../../components/Button/types.js";
-import L from "../../components/SeldonImage/SeldonImage.js";
+import L from "../../node_modules/classnames/index.js";
+import { forwardRef as T } from "react";
+import b from "../../components/Button/Button.js";
+import { ButtonVariants as y } from "../../components/Button/types.js";
+import A from "../../components/SeldonImage/SeldonImage.js";
 import { TextVariants as e } from "../../components/Text/types.js";
 import s from "../../components/Text/Text.js";
-import { SSRMediaQuery as T } from "../../providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as I } from "../../providers/SeldonProvider/utils.js";
 import { getCommonProps as x } from "../../utils/index.js";
-import { SaleCardVariants as _ } from "./types.js";
-const I = b(
+import { SaleCardVariants as p, SaleCardImageDisplay as P } from "./types.js";
+const R = T(
   ({
-    className: p,
+    className: f,
     imageSrc: t,
-    imageAlt: f = "Auction Image",
-    auctionType: N,
+    imageAlt: N = "Auction Image",
+    auctionType: $,
     titleText: h,
-    date: $,
-    location: g,
+    date: g,
+    location: u,
     badgeText: o,
     modalButtonOnClick: l,
     modalButtonText: n,
-    variant: i = _.DEFAULT,
+    variant: i = p.DEFAULT,
     children: c,
-    ...d
-  }, u) => {
-    const { className: a, ...v } = x(d, "SaleCard"), S = E(a, p, {
-      [`${a}--${i}`]: i
-    }), C = { ...v, ...d };
-    return /* @__PURE__ */ m("article", { ...C, className: S, ref: u, children: [
-      t ? /* @__PURE__ */ r(L, { src: t, alt: f, className: `${a}__image` }) : null,
+    imageDisplay: d = P.LEFT,
+    ..._
+  }, v) => {
+    const { className: a, ...S } = x(_, "SaleCard"), C = L(a, f, {
+      [`${a}--${i}`]: i,
+      [`${a}--image-${d}`]: d
+    }), E = { ...S, ..._ };
+    return /* @__PURE__ */ m("article", { ...E, className: C, ref: v, children: [
+      t ? /* @__PURE__ */ r(A, { src: t, alt: N, className: `${a}__image` }) : null,
       /* @__PURE__ */ m("div", { className: `${a}__details`, children: [
-        /* @__PURE__ */ r(s, { variant: e.badge, className: `${a}__auction-type`, children: N }),
+        /* @__PURE__ */ r(s, { variant: e.badge, className: `${a}__auction-type`, children: $ }),
         /* @__PURE__ */ r(s, { variant: e.title3, children: h }),
         o && /* @__PURE__ */ r(s, { variant: e.badge, className: `${a}__badge`, children: o }),
         /* @__PURE__ */ m("div", { className: `${a}__info`, children: [
+          /* @__PURE__ */ r(s, { variant: e.string2, children: u }),
           /* @__PURE__ */ r(s, { variant: e.string2, children: g }),
-          /* @__PURE__ */ r(s, { variant: e.string2, children: $ }),
           n && l && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
-            y,
+            b,
             {
               onClick: l,
-              variant: A.tertiary,
+              variant: y.tertiary,
               className: `${a}__modal-link-button`,
               children: n
             }
           ) })
         ] })
       ] }),
-      i !== _.RELATED_SALE_TILE && c && /* @__PURE__ */ r("div", { className: `${a}__ctas`, children: /* @__PURE__ */ r(T.Media, { greaterThanOrEqual: "md", children: c }) })
+      i !== p.RELATED_SALE_TILE && c && /* @__PURE__ */ r("div", { className: `${a}__ctas`, children: /* @__PURE__ */ r(I.Media, { greaterThanOrEqual: "md", children: c }) })
     ] });
   }
 );
-I.displayName = "SaleCard";
+R.displayName = "SaleCard";
 export {
-  I as default
+  R as default
 };

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

@@ -23,3 +23,4 @@ export declare const SaleCardWithDownloadLink: () => import("react/jsx-runtime")
 export declare const SaleCardNoCTA: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardWithLink: () => import("react/jsx-runtime").JSX.Element;
 export declare const SaleCardNoImage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardImageRightVariants: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,3 @@
 export { default as SaleCard, type SaleCardProps } from './SaleCard';
 export { default as SaleCardActions, type SaleCardActionsProps } from './SaleCardActions';
-export { SaleCardVariants } from './types';
+export { SaleCardVariants, SaleCardImageDisplay } from './types';

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

@@ -2,3 +2,7 @@ export declare enum SaleCardVariants {
     DEFAULT = "default",
     RELATED_SALE_TILE = "relatedSaleTile"
 }
+export declare enum SaleCardImageDisplay {
+    LEFT = "left",
+    RIGHT = "right"
+}

package/dist/patterns/SaleCard/types.js

@@ -1,4 +1,5 @@
-var E = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.RELATED_SALE_TILE = "relatedSaleTile", e))(E || {});
+var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.RELATED_SALE_TILE = "relatedSaleTile", e))(r || {}), t = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e))(t || {});
 export {
-  E as SaleCardVariants
+  t as SaleCardImageDisplay,
+  r as SaleCardVariants
 };

package/dist/scss/patterns/SaleCard/_saleCard.scss

@@ -6,8 +6,16 @@
   flex-direction: column;
   gap: $spacing-md;
 
-  @include media($breakpoint-snw-mobile) {
-    flex-direction: row;
+  &--image-left {
+    @include media($breakpoint-snw-mobile) {
+      flex-direction: row;
+    }
+  }
+
+  &--image-right {
+    @include media($breakpoint-snw-mobile) {
+      flex-direction: row-reverse;
+    }
   }
 
   &__image {
@@ -118,7 +126,12 @@
     gap: $spacing-sm;
 
     @include media($size-snw-mobile, 'max') {
-      flex-direction: row;
+      &.#{$px}-sale-card--image-left {
+        flex-direction: row;
+      }
+      &.#{$px}-sale-card--image-right {
+        flex-direction: row-reverse;
+      }
     }
 
     .#{$px}-sale-card__image {

package/package.json

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