@phillips/seldon 1.210.2 → 1.211.0

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/node_modules/runes2/dist/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../_virtual/index9.js";
+import { __module as e } from "../../../_virtual/index10.js";
 import { __require as r } from "./index.cjs.development.js";
 import { __require as o } from "./index.cjs.production.min.js";
 typeof process < "u" && process.env.NODE_ENV !== "production" ? e.exports = r() : e.exports = o();

package/dist/node_modules/toposort/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.js";
-import { __module as v } from "../../_virtual/index10.js";
+import { __module as v } from "../../_virtual/index9.js";
 v.exports = function(n) {
   return g(m(n), n);
 };

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/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.211.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"