@phillips/seldon 1.158.0 → 1.160.0

package/dist/components/SaleCard/SaleCard.js

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

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

@@ -4,7 +4,7 @@ declare const meta: {
     component: import('react').ForwardRefExoticComponent<Omit<SaleCardProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
-export declare const Playground: {
+export declare const SaleCardPlayground: {
     (props: SaleCardProps): import("react/jsx-runtime").JSX.Element;
     args: {
         imageSrc: string;
@@ -15,9 +15,9 @@ export declare const Playground: {
     };
     argTypes: {};
 };
-export declare const RelatedSaleTile: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithBothCTAButtons: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithOnlyPrimaryCTAButton: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithOnlySecondaryCTAButton: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithDownloadPdfLink: () => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutCTAButtons: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardRelated: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithPrimaryAndSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithPrimaryCTA: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithSecondaryCTA: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardWithDownloadLink: () => import("react/jsx-runtime").JSX.Element;
+export declare const SaleCardNoCTA: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/index.js

@@ -80,38 +80,39 @@ import { default as io } from "./site-furniture/Header/Header.js";
 import { default as go } from "./components/AddToCalendar/AddToCalendar.js";
 import { default as So } from "./components/Article/Article.js";
 import { default as To } from "./components/SaleCard/SaleCard.js";
-import { default as Bo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as Ao } from "./components/Countdown/types.js";
-import { default as Io } from "./components/Divider/Divider.js";
-import { default as ho } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as vo } from "./components/Filter/Filter.js";
-import { default as yo } from "./components/Filter/FilterInput.js";
-import { default as Do } from "./components/Filter/FilterHeader.js";
-import { default as Mo } from "./components/Pictogram/Pictogram.js";
-import { default as Eo } from "./components/TextArea/TextArea.js";
-import { default as Go } from "./components/Toast/Toast.js";
-import { ToastProvider as Ro } from "./components/Toast/ToastContextProvider.js";
-import { useToast as jo } from "./components/Toast/useToast.js";
-import { default as Wo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Zo } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Jo } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as Xo, BidStatusEnum as _o } from "./patterns/BidSnapshot/types.js";
-import { default as er } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as or } from "./patterns/ObjectTile/ObjectTile.js";
+import { SaleCardVariants as Bo } from "./components/SaleCard/types.js";
+import { default as Ao } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Io } from "./components/Countdown/types.js";
+import { default as ho } from "./components/Divider/Divider.js";
+import { default as vo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as yo } from "./components/Filter/Filter.js";
+import { default as Do } from "./components/Filter/FilterInput.js";
+import { default as Mo } from "./components/Filter/FilterHeader.js";
+import { default as Eo } from "./components/Pictogram/Pictogram.js";
+import { default as Go } from "./components/TextArea/TextArea.js";
+import { default as Ro } from "./components/Toast/Toast.js";
+import { ToastProvider as jo } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Wo } from "./components/Toast/useToast.js";
+import { default as Zo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Jo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Xo } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as $o, BidStatusEnum as er } from "./patterns/BidSnapshot/types.js";
+import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as ar } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
   G as AccordionItemVariant,
   O as AccordionVariants,
-  Wo as AccountPageHeader,
+  Zo as AccountPageHeader,
   go as AddToCalendar,
   So as Article,
   I as AuctionStatus,
   Yt as AuthState,
-  Jo as BidMessage,
-  Xo as BidMessageVariants,
-  Zo as BidSnapshot,
-  _o as BidStatusEnum,
+  Xo as BidMessage,
+  $o as BidMessageVariants,
+  Jo as BidSnapshot,
+  er as BidStatusEnum,
   Q as Breadcrumb,
   v as Button,
   y as ButtonVariants,
@@ -126,21 +127,21 @@ export {
   oo as ComboBox,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  Bo as Countdown,
-  Ao as CountdownVariants,
+  Ao as Countdown,
+  Io as CountdownVariants,
   xe as Detail,
   Vt as DetailList,
   kt as DetailListAlignment,
-  Io as Divider,
+  ho as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   wt as FavoritesCollectionTile,
-  ho as FavoritingTileButton,
-  vo as Filter,
-  Do as FilterHeader,
-  yo as FilterInput,
-  er as FilterMenu,
+  vo as FavoritingTileButton,
+  yo as Filter,
+  Mo as FilterHeader,
+  Do as FilterInput,
+  or as FilterMenu,
   uo as Footer,
   Pe as Grid,
   Le as GridItem,
@@ -162,17 +163,18 @@ export {
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  or as ObjectTile,
+  ar as ObjectTile,
   a as PaddingTokens,
   C as Page,
   mo as PageContentWrapper,
   Ye as Pagination,
   ao as PhoneNumberPicker,
-  Mo as Pictogram,
+  Eo as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
   To as SaleCard,
+  Bo as SaleCardVariants,
   Nt as SaleHeaderBanner,
   Ut as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -193,12 +195,12 @@ export {
   it as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  Eo as TextArea,
+  Go as TextArea,
   Pt as TextSymbolVariants,
   Lt as TextSymbols,
   ct as TextVariants,
-  Go as Toast,
-  Ro as ToastProvider,
+  Ro as Toast,
+  jo as ToastProvider,
   qt as UserManagement,
   bt as Video,
   _t as ViewingsList,
@@ -215,5 +217,5 @@ export {
   B as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   A as usePendingState,
-  jo as useToast
+  Wo as useToast
 };

package/dist/scss/components/ComboBox/_combobox.scss

@@ -23,14 +23,19 @@
   }
 
   &__input {
+    @include text($string2);
+
     accent-color: $soft-black;
     border: 1px solid $keyline-gray;
     border-radius: 0.1875rem;
+    font-variation-settings: 'wght' 600;
     outline: none;
     padding: $padding-xsm;
     width: 100%;
 
-    @include text($string2);
+    &::placeholder {
+      font-variation-settings: 'wght' 400;
+    }
 
     &:hover {
       border: 1px solid $primary-black;

package/dist/scss/components/SaleCard/_saleCard.scss

@@ -67,9 +67,14 @@
   &__badge {
     border: 1px solid $badge-blue;
     color: $badge-blue;
+    font-size: 0.75rem;
     padding: $spacing-micro 8px;
   }
 
+  &__auction-type {
+    font-size: 0.75rem;
+  }
+
   &__cta-button {
     padding: $spacing-sm $spacing-lg;
     white-space: nowrap;
@@ -84,6 +89,7 @@
 
   &__modal-link-button {
     padding: 0;
+    text-transform: none;
 
     @include underline;
   }

package/package.json

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