@phillips/seldon 1.192.0 → 1.193.0

package/dist/patterns/SaleCard/SaleCard.js

@@ -5,38 +5,38 @@ import y from "../../components/Button/Button.js";
 import { ButtonVariants as A } from "../../components/Button/types.js";
 import L from "../../components/SeldonImage/SeldonImage.js";
 import { TextVariants as e } from "../../components/Text/types.js";
-import i from "../../components/Text/Text.js";
+import s from "../../components/Text/Text.js";
 import { SSRMediaQuery as T } from "../../providers/SeldonProvider/utils.js";
 import { getCommonProps as x } from "../../utils/index.js";
-import { SaleCardVariants as d } from "./types.js";
+import { SaleCardVariants as _ } from "./types.js";
 const I = b(
   ({
     className: p,
-    imageSrc: o,
-    imageAlt: _ = "Auction Image",
-    auctionType: f,
+    imageSrc: t,
+    imageAlt: f = "Auction Image",
+    auctionType: N,
     titleText: h,
-    date: N,
-    location: $,
-    badgeText: t,
+    date: $,
+    location: g,
+    badgeText: o,
     modalButtonOnClick: l,
     modalButtonText: n,
-    variant: s = d.DEFAULT,
-    children: g,
-    ...c
+    variant: i = _.DEFAULT,
+    children: c,
+    ...d
   }, u) => {
-    const { className: a, ...v } = x(c, "SaleCard"), S = E(a, p, {
-      [`${a}--${s}`]: s
-    }), C = { ...v, ...c };
+    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: [
-      o ? /* @__PURE__ */ r(L, { src: o, alt: _, className: `${a}__image` }) : null,
+      t ? /* @__PURE__ */ r(L, { src: t, alt: f, 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__ */ r(s, { variant: e.badge, className: `${a}__auction-type`, children: N }),
+        /* @__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(i, { variant: e.string2, children: $ }),
-          /* @__PURE__ */ r(i, { variant: e.string2, children: N }),
+          /* @__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,
             {
@@ -48,7 +48,7 @@ const I = b(
           ) })
         ] })
       ] }),
-      s !== d.RELATED_SALE_TILE && /* @__PURE__ */ r(T.Media, { greaterThanOrEqual: "md", children: g })
+      i !== _.RELATED_SALE_TILE && c && /* @__PURE__ */ r("div", { className: `${a}__ctas`, children: /* @__PURE__ */ r(T.Media, { greaterThanOrEqual: "md", children: c }) })
     ] });
   }
 );

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

@@ -20,7 +20,6 @@
     min-width: 100%;
 
     @include media($breakpoint-md) {
-      aspect-ratio: 107/60;
       min-width: auto;
     }
 
@@ -43,6 +42,18 @@
     }
   }
 
+  &__ctas {
+    flex: 0 0 0%;
+
+    @include media($breakpoint-md) {
+      flex-basis: 191px;
+    }
+
+    @include media($breakpoint-lg) {
+      flex-basis: 280px;
+    }
+  }
+
   &__date_info {
     display: flex;
     flex-direction: row;

package/package.json

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