@phillips/seldon 1.163.0 → 1.164.1

package/dist/index.d.ts

@@ -66,12 +66,12 @@ export * from './components/SeldonImage';
 export * from './components/Tabs';
 export * from './patterns/DetailList';
 export * from './patterns/SaleHeaderBanner';
+export * from './patterns/SaleCard';
 export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
 export * from './types/commonTypes';
 export * from './components/AddToCalendar';
 export * from './components/Article';
-export * from './components/SaleCard';
 export * from './components/Countdown';
 export * from './components/Countdown/types';
 export * from './components/Divider';

package/dist/index.js

@@ -1,7 +1,7 @@
 import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
-import { usePendingState as A } from "./utils/hooks.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
+import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as I, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
 import { default as v } from "./components/Button/Button.js";
 import { ButtonVariants as y } from "./components/Button/types.js";
@@ -28,7 +28,7 @@ import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { Grid as Pe } from "./components/Grid/Grid.js";
-import { default as Le } from "./components/GridItem/GridItem.js";
+import { default as Be } 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 ke } from "./components/Link/Link.js";
@@ -54,7 +54,7 @@ import { Tag as xt, default as it } from "./components/Tags/Tags.js";
 import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
 import { default as Ct } from "./components/Text/Text.js";
 import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
-import { default as Lt } from "./components/TextSymbol/TextSymbol.js";
+import { default as Bt } 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 kt } from "./patterns/DetailList/types.js";
@@ -76,44 +76,45 @@ import { default as ao } from "./components/PhoneNumberPicker/PhoneNumberPicker.
 import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
 import { default as mo } from "./components/Loader/Loader.js";
 import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as io } from "./site-furniture/Footer/Footer.js";
-import { default as go } from "./site-furniture/Header/Header.js";
-import { default as So } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as To } from "./components/Article/Article.js";
-import { default as Bo } from "./components/SaleCard/SaleCard.js";
-import { SaleCardVariants as Ao } from "./components/SaleCard/types.js";
-import { default as Io } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as ho } from "./components/Countdown/types.js";
-import { default as vo } from "./components/Divider/Divider.js";
-import { default as yo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Do } from "./components/Filter/Filter.js";
-import { default as Mo } from "./components/Filter/FilterInput.js";
-import { default as Eo } from "./components/Filter/FilterHeader.js";
-import { default as Uo } from "./components/Pictogram/Pictogram.js";
-import { default as Ro } from "./components/TextArea/TextArea.js";
-import { default as jo } from "./components/Toast/Toast.js";
-import { ToastProvider as Wo } from "./components/Toast/ToastContextProvider.js";
-import { useToast as Zo } from "./components/Toast/useToast.js";
-import { default as Jo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Xo } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as $o } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as tr, BidStatusEnum as or } from "./patterns/BidSnapshot/types.js";
-import { default as ar } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as sr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as io } from "./patterns/SaleCard/SaleCard.js";
+import { SaleCardActions as go } from "./patterns/SaleCard/SaleCardActions.js";
+import { SaleCardVariants as So } from "./patterns/SaleCard/types.js";
+import { default as To } from "./site-furniture/Footer/Footer.js";
+import { default as Ao } from "./site-furniture/Header/Header.js";
+import { default as Lo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as Io } from "./components/Article/Article.js";
+import { default as ho } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as vo } from "./components/Countdown/types.js";
+import { default as yo } from "./components/Divider/Divider.js";
+import { default as Do } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as Mo } from "./components/Filter/Filter.js";
+import { default as Eo } from "./components/Filter/FilterInput.js";
+import { default as Uo } from "./components/Filter/FilterHeader.js";
+import { default as Ro } from "./components/Pictogram/Pictogram.js";
+import { default as jo } from "./components/TextArea/TextArea.js";
+import { default as Wo } from "./components/Toast/Toast.js";
+import { ToastProvider as Zo } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Jo } from "./components/Toast/useToast.js";
+import { default as Xo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as $o } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as tr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as rr, BidStatusEnum as ar } from "./patterns/BidSnapshot/types.js";
+import { default as sr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as dr } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
   U as AccordionItemVariant,
   O as AccordionVariants,
-  Jo as AccountPageHeader,
-  So as AddToCalendar,
-  To as Article,
+  Xo as AccountPageHeader,
+  Lo as AddToCalendar,
+  Io as Article,
   I as AuctionStatus,
   Yt as AuthState,
-  $o as BidMessage,
-  tr as BidMessageVariants,
-  Xo as BidSnapshot,
-  or as BidStatusEnum,
+  tr as BidMessage,
+  rr as BidMessageVariants,
+  $o as BidSnapshot,
+  ar as BidStatusEnum,
   Q as Breadcrumb,
   v as Button,
   y as ButtonVariants,
@@ -128,27 +129,27 @@ export {
   oo as ComboBox,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Io as Countdown,
-  ho as CountdownVariants,
+  ho as Countdown,
+  vo as CountdownVariants,
   xe as Detail,
   Vt as DetailList,
   kt as DetailListAlignment,
-  vo as Divider,
+  yo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   so as ExitGateCard,
   wt as FavoritesCollectionTile,
-  yo as FavoritingTileButton,
-  Do as Filter,
-  Eo as FilterHeader,
-  Mo as FilterInput,
-  ar as FilterMenu,
-  io as Footer,
+  Do as FavoritingTileButton,
+  Mo as Filter,
+  Uo as FilterHeader,
+  Eo as FilterInput,
+  sr as FilterMenu,
+  To as Footer,
   Pe as Grid,
-  Le as GridItem,
+  Be as GridItem,
   be as GridItemAlign,
-  go as Header,
+  Ao as Header,
   Ht as HeroBanner,
   z as Icon,
   D as IconButton,
@@ -165,18 +166,19 @@ export {
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  sr as ObjectTile,
+  dr as ObjectTile,
   a as PaddingTokens,
   C as Page,
   uo as PageContentWrapper,
   Ye as Pagination,
   ao as PhoneNumberPicker,
-  Uo as Pictogram,
+  Ro as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
-  Bo as SaleCard,
-  Ao as SaleCardVariants,
+  io as SaleCard,
+  go as SaleCardActions,
+  So as SaleCardVariants,
   Nt as SaleHeaderBanner,
   Gt as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -197,12 +199,12 @@ export {
   it as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  Ro as TextArea,
+  jo as TextArea,
   Pt as TextSymbolVariants,
-  Lt as TextSymbols,
+  Bt as TextSymbols,
   ct as TextVariants,
-  jo as Toast,
-  Wo as ToastProvider,
+  Wo as Toast,
+  Zo as ToastProvider,
   qt as UserManagement,
   bt as Video,
   _t as ViewingsList,
@@ -216,8 +218,8 @@ export {
   i as getCommonProps,
   n as noOp,
   g as px,
-  B as ssrMediaQueryStyle,
+  A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  A as usePendingState,
-  Zo as useToast
+  L as usePendingState,
+  Jo as useToast
 };

package/dist/{components → patterns}/SaleCard/SaleCard.d.ts

@@ -1,5 +1,6 @@
 import { ComponentProps } from 'react';
 import { SaleCardVariants } from './types';
+import { SaleCardActions } from './SaleCardActions';
 /** * Props for the SaleCard component. */
 export interface SaleCardProps extends ComponentProps<'div'> {
     /** * The source URL of the image to be displayed. */
@@ -14,15 +15,6 @@ export interface SaleCardProps extends ComponentProps<'div'> {
     date: string;
     /** * The location of the sale. */
     location: string;
-    /** * The text to be displayed on the primary button. If not provided, the button will not be rendered. */
-    primaryButtonText?: string;
-    /** * The callback function to be executed when the primary button is clicked. Required if primaryButtonText is provided. */
-    primaryButtonOnClick?: () => void;
-    /** * The text to be displayed on the secondary button. If not provided, the button will not be rendered. */
-    secondaryButtonText?: string;
-    /** * The URL or callback function for the secondary button. Required if secondaryButtonText is provided. */
-    secondaryButtonHref?: string;
-    secondaryButtonOnClick?: () => void;
     /** * The text to be displayed as a badge. */
     badgeText?: string;
     /** * The text to be displayed for the modal link. */
@@ -34,6 +26,8 @@ export interface SaleCardProps extends ComponentProps<'div'> {
      * - 'relatedSaleTile': A variant with a smaller image size and horizontal layout on mobile devices.
      */
     variant?: SaleCardVariants;
+    /** * The <SaleCardActions /> component used to render the SaleCard CTAs. */
+    children?: React.ReactElement<typeof SaleCardActions>;
 }
 /**
  * ## Overview
@@ -42,7 +36,7 @@ export interface SaleCardProps extends ComponentProps<'div'> {
  *
  * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/Design-System--Responsive-Web?node-id=25028-2188&m=dev)
  *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-salecard--overview)
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/patterns-salecard--overview)
  */
 declare const SaleCard: import('react').ForwardRefExoticComponent<Omit<SaleCardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SaleCard;

package/dist/patterns/SaleCard/SaleCard.js

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

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

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+export interface SaleCardActionsProps extends ComponentProps<'div'> {
+    /**
+     * The ctas to be rendered by <SaleCard />.
+     */
+    children?: React.ReactNode;
+}
+export declare const SaleCardActions: import('react').ForwardRefExoticComponent<Omit<SaleCardActionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default SaleCardActions;

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { getCommonProps as t } from "../../utils/index.js";
+const c = e(({ children: a, ...o }) => {
+  const { className: s, ...r } = t(o, "SaleCardActions");
+  return /* @__PURE__ */ m("div", { className: `${s}__ctas`, ...r, children: a });
+});
+c.displayName = "SaleCardActions";
+export {
+  c as SaleCardActions,
+  c as default
+};

package/dist/{components → patterns}/SaleCard/index.d.ts

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

package/dist/scss/componentStyles.scss

@@ -68,6 +68,8 @@
 @use 'patterns/DetailList/detailList';
 @use 'patterns/AccountPageHeader/accountPageHeader';
 @use 'patterns/FavoritesCollectionTile/favoritesCollectionTile';
+@use 'patterns/SaleCard/saleCard';
+@use 'patterns/SaleCard/saleCardActions';
 
 // Site Furniture
 @use 'site-furniture/Header/header';
@@ -76,4 +78,3 @@
 @use 'components/Divider/divider';
 @use 'components/TextArea/textArea';
 @use 'components/AddToCalendar/addToCalendar';
-@use 'components/SaleCard/saleCard';

package/dist/scss/components/Icon/_icon.scss

@@ -5,7 +5,9 @@
   display: flex; /* for alignment of svg */
   justify-content: center; /* for alignment of svg */
   svg {
+    height: 100%;
     max-height: 100%;
     max-width: 100%;
+    width: 100%;
   }
 }

package/dist/scss/{components → patterns}/SaleCard/_saleCard.scss

@@ -48,15 +48,6 @@
     margin: 0 8px;
   }
 
-  &__cta {
-    align-items: flex-start;
-    display: flex;
-    flex-direction: column;
-    gap: $spacing-sm;
-    justify-content: center;
-    min-width: 200px;
-  }
-
   &__info {
     display: flex;
     flex-direction: column;

package/dist/scss/patterns/SaleCard/_saleCardActions.scss

@@ -0,0 +1,12 @@
+@use '../../allPartials' as *;
+
+.#{$px}-sale-card-actions {
+  &__ctas {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-sm;
+    justify-content: center;
+    min-width: 200px;
+  }
+}

package/package.json

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

package/dist/components/SaleCard/SaleCard.js

@@ -1,85 +0,0 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import { getCommonProps as V } from "../../utils/index.js";
-import $ from "../../node_modules/classnames/index.js";
-import { TextVariants as i } from "../Text/types.js";
-import e from "../Text/Text.js";
-import j from "../SeldonImage/SeldonImage.js";
-import n from "../Button/Button.js";
-import { ButtonVariants as m } from "../Button/types.js";
-import { SSRMediaQuery as D } from "../../providers/SeldonProvider/utils.js";
-import { SaleCardVariants as v } from "./types.js";
-const M = R(
-  ({
-    className: g,
-    imageSrc: c,
-    imageAlt: b = "Auction Image",
-    auctionType: C,
-    titleText: S,
-    date: E,
-    location: k,
-    primaryButtonText: o,
-    primaryButtonOnClick: d,
-    secondaryButtonText: _,
-    secondaryButtonHref: l,
-    secondaryButtonOnClick: u,
-    badgeText: h,
-    modalButtonOnClick: p,
-    modalButtonText: f,
-    variant: t = v.DEFAULT,
-    ...N
-  }, A) => {
-    const { className: a, ...L } = V(N, "SaleCard"), I = $(a, g, {
-      [`${a}--${t}`]: t
-    }), P = { ...L, ...N };
-    return /* @__PURE__ */ s("article", { ...P, className: I, ref: A, children: [
-      c ? /* @__PURE__ */ r(j, { src: c, alt: b, className: `${a}__image` }) : null,
-      /* @__PURE__ */ s("div", { className: `${a}__details`, children: [
-        /* @__PURE__ */ r(e, { variant: i.badge, className: `${a}__auction-type`, children: C }),
-        /* @__PURE__ */ r(e, { variant: i.title3, children: S }),
-        h && /* @__PURE__ */ r(e, { variant: i.badge, className: `${a}__badge`, children: h }),
-        /* @__PURE__ */ s("div", { className: `${a}__info`, children: [
-          /* @__PURE__ */ r(e, { variant: i.string2, children: k }),
-          /* @__PURE__ */ r(e, { variant: i.string2, children: E }),
-          f && p && /* @__PURE__ */ r("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ r(
-            n,
-            {
-              onClick: p,
-              variant: m.tertiary,
-              className: `${a}__modal-link-button`,
-              children: f
-            }
-          ) })
-        ] })
-      ] }),
-      t !== v.RELATED_SALE_TILE && /* @__PURE__ */ r(D.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ s("div", { className: `${a}__cta`, children: [
-        o && d && /* @__PURE__ */ r(
-          n,
-          {
-            variant: m.primary,
-            onClick: d,
-            className: `${a}__cta-button`,
-            children: o
-          }
-        ),
-        _ && /* @__PURE__ */ r(
-          n,
-          {
-            variant: l ? m.tertiary : m.secondary,
-            href: l,
-            target: l ? "_blank" : void 0,
-            onClick: u,
-            className: $(`${a}__cta-button`, {
-              [`${a}__pdf-link`]: l
-            }),
-            children: _
-          }
-        )
-      ] }) })
-    ] });
-  }
-);
-M.displayName = "SaleCard";
-export {
-  M as default
-};