@phillips/seldon 1.120.0 → 1.121.0

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

@@ -20,6 +20,10 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
      * Estimate on request text to use when estimate is not available.
      */
     estimateOnRequestText?: string;
+    /**
+     * Element used for badge object
+     */
+    badgeElement?: React.ElementType;
     /**
      * Element used for favoriting object
      */

package/dist/patterns/ObjectTile/ObjectTile.js

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

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

@@ -9,6 +9,7 @@ export declare const NoImage: {
     (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
     args: {
         badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
         favoriteElement: () => import("react/jsx-runtime").JSX.Element;
         estimate: string;
         element: string;
@@ -26,6 +27,7 @@ export declare const Playground: {
     (props: ComponentProps<typeof ObjectTile>): import("react/jsx-runtime").JSX.Element;
     args: {
         badgeText: string;
+        badgeElement: () => import("react/jsx-runtime").JSX.Element;
         favoriteElement: () => import("react/jsx-runtime").JSX.Element;
         estimate: string;
         element: string;

package/dist/scss/patterns/ObjectTile/_objectTile.scss

@@ -30,16 +30,32 @@
   &__lot-number-like {
     position: relative;
 
-    & > :not(.#{$px}-object-tile__lot-number) {
+    & > :not(.#{$px}-object-tile__lot-number):not(.#{$px}-object-tile__lot-badge) {
       position: absolute;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
     }
+
+    .#{$px}-object-tile__lot-badge {
+      display: inline-block;
+      position: absolute;
+      left: 4%;
+
+      svg {
+        height: 100%;
+        width: 100%;
+
+        path {
+          fill: $pure-black;
+        }
+      }
+    } 
   }
 
   & .#{$px}-object-tile__lot-number {
     margin-bottom: $spacing-xsm;
+    display: inline-block;
   }
 
   & .#{$px}-object-tile__maker,

package/package.json

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