@phillips/seldon 1.100.2 → 1.101.0

package/dist/patterns/ObjectTile/ObjectTile.d.ts

@@ -28,6 +28,14 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
      * Image URL for the object.
      */
     imageUrl?: string;
+    /**
+     * Image srcset for the object. [https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset]
+     */
+    imageSrcSet?: string;
+    /**
+     * Image sizes for the object. [https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes]
+     */
+    imageSizes?: string;
     /**
      * Object Lot number.
      */

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -1,94 +1,98 @@
-import { jsxs as s, jsx as e, Fragment as x } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import C from "../../node_modules/classnames/index.js";
-import { getCommonProps as O } from "../../utils/index.js";
+import { jsxs as i, jsx as a, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as O } from "react";
+import P from "../../node_modules/classnames/index.js";
+import { getCommonProps as S } from "../../utils/index.js";
 import { TextVariants as l } from "../../components/Text/types.js";
-import i from "../../components/Text/Text.js";
-import P from "../DetailList/DetailList.js";
-import D from "../../components/Detail/Detail.js";
-import R from "../../components/SeldonImage/SeldonImage.js";
-const S = y(
+import s from "../../components/Text/Text.js";
+import D from "../DetailList/DetailList.js";
+import R from "../../components/Detail/Detail.js";
+import z from "../../components/SeldonImage/SeldonImage.js";
+const B = O(
   ({
     badgeText: p,
     className: f,
     children: $,
     element: r,
-    estimate: t,
+    estimate: n,
     estimateLabelText: N = "Estimate",
     favoriteElement: m,
     imageAlt: u = "Brought to you by Phillips",
     imageUrl: g = "",
-    lotNumber: b,
+    imageSrcSet: b,
+    imageSizes: v,
+    lotNumber: j,
     makerText: o,
     modelText: c,
     referenceNumber: _,
     titleText: d,
-    withdrawnText: n,
+    withdrawnText: t,
     ...h
-  }, v) => {
-    const { className: a, ...j } = O(h, "ObjectTile"), k = r != null ? r : "a";
-    return /* @__PURE__ */ s(k, { ...j, className: C(a, f), ...h, ref: v, children: [
-      /* @__PURE__ */ e(
-        R,
+  }, k) => {
+    const { className: e, ...x } = S(h, "ObjectTile"), y = r != null ? r : "a";
+    return /* @__PURE__ */ i(y, { ...x, className: P(e, f), ...h, ref: k, children: [
+      /* @__PURE__ */ a(
+        z,
         {
           alt: u,
           aspectRatio: "1/1",
-          className: `${a}__img`,
+          className: `${e}__img`,
           objectFit: "cover",
-          src: g
+          src: g,
+          srcSet: b,
+          sizes: v
         }
       ),
-      n ? null : /* @__PURE__ */ e(i, { className: `${a}__badge`, variant: l.badge, children: p }),
-      /* @__PURE__ */ s("div", { className: `${a}__lot-number-like`, children: [
-        /* @__PURE__ */ e(i, { className: `${a}__lot-number`, variant: l.heading3, element: "p", children: b }),
-        m && /* @__PURE__ */ e(m, {})
+      t ? null : /* @__PURE__ */ a(s, { className: `${e}__badge`, variant: l.badge, children: p }),
+      /* @__PURE__ */ i("div", { className: `${e}__lot-number-like`, children: [
+        /* @__PURE__ */ a(s, { className: `${e}__lot-number`, variant: l.heading3, element: "p", children: j }),
+        m && /* @__PURE__ */ a(m, {})
       ] }),
-      n ? /* @__PURE__ */ e(i, { className: `${a}__withdrawn`, variant: l.heading4, children: n }) : /* @__PURE__ */ s(x, { children: [
-        /* @__PURE__ */ s("div", { className: `${a}__meta`, children: [
-          o ? /* @__PURE__ */ e(i, { className: `${a}__maker`, variant: l.heading3, children: o }) : null,
-          d ? /* @__PURE__ */ e(
-            i,
+      t ? /* @__PURE__ */ a(s, { className: `${e}__withdrawn`, variant: l.heading4, children: t }) : /* @__PURE__ */ i(C, { children: [
+        /* @__PURE__ */ i("div", { className: `${e}__meta`, children: [
+          o ? /* @__PURE__ */ a(s, { className: `${e}__maker`, variant: l.heading3, children: o }) : null,
+          d ? /* @__PURE__ */ a(
+            s,
             {
-              className: `${a}__title ${a}__token-fix`,
+              className: `${e}__title ${e}__token-fix`,
               variant: l.heading4,
               element: "cite",
               children: d
             }
           ) : null,
-          _ ? /* @__PURE__ */ e(
-            i,
+          _ ? /* @__PURE__ */ a(
+            s,
             {
-              className: `${a}__reference-number ${a}__token-fix`,
+              className: `${e}__reference-number ${e}__token-fix`,
               variant: l.heading4,
               element: "p",
               children: _
             }
           ) : null,
-          c ? /* @__PURE__ */ e(
-            i,
+          c ? /* @__PURE__ */ a(
+            s,
             {
-              className: `${a}__model ${a}__token-fix`,
+              className: `${e}__model ${e}__token-fix`,
               variant: l.heading4,
               element: "p",
               children: c
             }
           ) : null
         ] }),
-        t ? /* @__PURE__ */ e(P, { hasSeparators: !0, className: `${a}__estimate ${a}__section`, children: /* @__PURE__ */ e(
-          D,
+        n ? /* @__PURE__ */ a(D, { hasSeparators: !0, className: `${e}__estimate ${e}__section`, children: /* @__PURE__ */ a(
+          R,
           {
-            className: `${a}__estimate__label`,
+            className: `${e}__estimate__label`,
             label: N,
-            value: t,
+            value: n,
             hasWrap: !1
           }
         ) }) : null,
-        /* @__PURE__ */ e("div", { className: `${a}__section`, children: $ })
+        /* @__PURE__ */ a("div", { className: `${e}__section`, children: $ })
       ] })
     ] });
   }
 );
-S.displayName = "ObjectTile";
+B.displayName = "ObjectTile";
 export {
-  S as default
+  B as default
 };

package/package.json

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