@phillips/seldon 1.133.3 → 1.133.5

package/dist/patterns/ObjectTile/ObjectTile.js

@@ -3,21 +3,21 @@ 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 n from "../../components/Text/Text.js";
 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,
+      badgeText: f,
       className: $,
       children: N,
       element: g,
-      estimate: n,
+      estimate: i,
       estimateLabelText: b = "Estimate",
-      estimateOnRequestText: r,
-      badgeElement: m,
+      estimateOnRequestText: m,
+      badgeElement: r,
       favoriteElement: o,
       imageAlt: u = "Brought to you by Phillips",
       imageUrl: v = "",
@@ -31,10 +31,10 @@ const w = z(
       referenceNumber: d,
       titleText: h,
       withdrawnText: t,
-      ...f
+      ...p
     }, x) => {
-      const { className: e, ...C } = L(f, "ObjectTile"), D = g ?? "a", E = n || r;
-      return /* @__PURE__ */ s(D, { ...C, className: I(e, $), ...f, ref: x, children: [
+      const { className: e, ...C } = L(p, "ObjectTile"), D = g ?? "a", E = i || m;
+      return /* @__PURE__ */ s(D, { ...C, className: I(e, $), ...p, ref: x, children: [
         /* @__PURE__ */ a(
           W,
           {
@@ -49,17 +49,17 @@ const w = z(
             fetchPriority: P
           }
         ),
-        t ? null : /* @__PURE__ */ a(i, { className: `${e}__badge`, variant: l.badge, children: p }),
+        t ? null : /* @__PURE__ */ a(n, { element: "span", 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.heading4, element: "p", children: S }),
-          m && /* @__PURE__ */ a("div", { className: `${e}__lot-badge`, children: /* @__PURE__ */ a(m, {}) }),
+          /* @__PURE__ */ a(n, { element: "span", className: `${e}__lot-number`, variant: l.heading4, 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(O, { children: [
+        t ? /* @__PURE__ */ a(n, { element: "span", className: `${e}__withdrawn`, variant: l.heading4, children: t }) : /* @__PURE__ */ s(O, { children: [
           /* @__PURE__ */ s("div", { className: `${e}__meta`, children: [
-            c ? /* @__PURE__ */ a(i, { className: `${e}__maker`, variant: l.heading4, children: c }) : null,
+            c ? /* @__PURE__ */ a(n, { element: "span", className: `${e}__maker`, variant: l.heading4, children: c }) : null,
             h ? /* @__PURE__ */ a(
-              i,
+              n,
               {
                 className: `${e}__title ${e}__token-fix ${e}__token-fix--no-transform`,
                 variant: l.heading4,
@@ -68,20 +68,20 @@ const w = z(
               }
             ) : null,
             d ? /* @__PURE__ */ a(
-              i,
+              n,
               {
                 className: `${e}__reference-number ${e}__token-fix`,
                 variant: l.heading4,
-                element: "p",
+                element: "span",
                 children: d
               }
             ) : null,
             _ ? /* @__PURE__ */ a(
-              i,
+              n,
               {
                 className: `${e}__model ${e}__token-fix`,
                 variant: l.heading4,
-                element: "p",
+                element: "span",
                 children: _
               }
             ) : null
@@ -91,7 +91,7 @@ const w = z(
             {
               className: `${e}__estimate__label`,
               label: b,
-              value: n || r,
+              value: i || m,
               hasWrap: !1
             }
           ) }) : null,

package/dist/scss/componentStyles.scss

@@ -8,6 +8,7 @@
 // ⚛️ Components
 @use 'components/Button/button';
 @use 'components/IconButton/iconButton';
+@use 'components/Icon/icon';
 @use 'components/Grid/grid';
 @use 'components/Navigation/navigation';
 @use 'components/Navigation/NavigationItem/navigationItem';

package/dist/scss/components/Icon/_icon.scss

@@ -0,0 +1,11 @@
+@use '../../allPartials' as *;
+
+.#{$px}-icon {
+  align-items: center; /* for alignment of svg */
+  display: flex; /* for alignment of svg */
+  justify-content: center; /* for alignment of svg */
+  svg {
+    max-height: 100%;
+    max-width: 100%;
+  }
+}

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

@@ -13,6 +13,7 @@
 
   &__badge {
     color: $widget-red;
+    display: block; // Ensures the badge can be sized correctly
   }
 
   &__badge:empty {
@@ -47,7 +48,7 @@
     }
 
     .#{$px}-object-tile__lot-badge {
-      display: inline-block;
+      display: block;
       padding-left: $spacing-xsm;
       position: relative;
 
@@ -63,7 +64,7 @@
   }
 
   & .#{$px}-object-tile__lot-number {
-    display: inline-block;
+    display: block;
     margin-bottom: 0;
     padding-top: 2px;
   }
@@ -71,6 +72,7 @@
   & .#{$px}-object-tile__maker,
   & .#{$px}-object-tile__model,
   & .#{$px}-object-tile__reference-number {
+    display: block;
     margin-bottom: 0;
   }
 
@@ -80,6 +82,7 @@
   }
 
   &__meta {
+    display: block;
     margin-bottom: $spacing-sm;
   }
 

package/package.json

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