@phillips/seldon 1.105.1 → 1.106.0

package/dist/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { TextVariants } from './types';
+import { TextAlignments, TextVariants } from './types';
 export interface TextProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Optional element to render as the top-level component e.g. 'div', 'span', CustomComponent, etc.  Defaults to the appropriate HTML based on the variant.
@@ -9,6 +9,10 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
      * The OOTB style to apply to the text
      */
     variant?: TextVariants;
+    /**
+     * The alignment of the text
+     */
+    align?: TextAlignments;
 }
 /**
  * ## Overview
@@ -19,5 +23,5 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
-declare const Text: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: ({ children, className, element: CustomElement, variant, align, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/dist/components/Text/Text.js

@@ -1,20 +1,27 @@
-import { jsx as l } from "react/jsx-runtime";
-import { getCommonProps as c } from "../../utils/index.js";
-import { TextVariants as f } from "./types.js";
-import { determineDefaultTextElement as i, determineTextClassName as p } from "./utils.js";
-import x from "../../node_modules/classnames/index.js";
-const b = ({ children: t, className: o, element: s, variant: e = f.body2, ...m }) => {
-  const r = s || i(e), { className: a, ...n } = c(m, "Text");
-  return /* @__PURE__ */ l(
-    r,
+import { jsx as f } from "react/jsx-runtime";
+import { getCommonProps as i } from "../../utils/index.js";
+import { TextVariants as x, TextAlignments as c } from "./types.js";
+import { determineDefaultTextElement as p, determineTextClassName as T } from "./utils.js";
+import d from "../../node_modules/classnames/index.js";
+const P = ({
+  children: o,
+  className: s,
+  element: r,
+  variant: e = x.body2,
+  align: n = c.left,
+  ...t
+}) => {
+  const a = r || p(e), { className: m, ...l } = i(t, "Text");
+  return /* @__PURE__ */ f(
+    a,
     {
-      ...n,
-      className: x(a, o, p(e)),
-      ...m,
-      children: t
+      ...l,
+      className: d(m, s, T(e), `${m}--${n}`),
+      ...t,
+      children: o
     }
   );
 };
 export {
-  b as default
+  P as default
 };

package/dist/components/Text/Text.stories.d.ts

@@ -1,8 +1,8 @@
 import { TextProps } from './Text';
-import { TextVariants } from './types';
+import { TextAlignments, TextVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: CustomElement, variant, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, element: CustomElement, variant, align, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 export declare const Playground: {
@@ -17,6 +17,12 @@ export declare const Playground: {
                 type: string;
             };
         };
+        align: {
+            options: typeof TextAlignments;
+            control: {
+                type: string;
+            };
+        };
     };
 };
 export declare const SuperScript: {
@@ -32,5 +38,11 @@ export declare const SuperScript: {
                 type: string;
             };
         };
+        align: {
+            options: typeof TextAlignments;
+            control: {
+                type: string;
+            };
+        };
     };
 };

package/dist/components/Text/types.d.ts

@@ -25,3 +25,8 @@ export declare enum TextVariants {
     snwHeadingHero1 = "snwHeadingHero1",
     snwHeadingHero2 = "snwHeadingHero2"
 }
+export declare enum TextAlignments {
+    left = "left",
+    center = "center",
+    right = "right"
+}

package/dist/components/Text/types.js

@@ -1,4 +1,5 @@
-var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {});
+var g = /* @__PURE__ */ ((d) => (d.blockquote = "blockquote", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.heading5 = "heading5", d.title1 = "title1", d.title2 = "title2", d.title3 = "title3", d.title4 = "title4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.string1 = "string1", d.string2 = "string2", d.string3 = "string3", d.button = "button", d.email = "email", d.label = "label", d.link = "link", d.badge = "badge", d.snwFlyoutLink = "snwFlyoutLink", d.snwHeaderLink = "snwHeaderLink", d.snwHeadingHero1 = "snwHeadingHero1", d.snwHeadingHero2 = "snwHeadingHero2", d))(g || {}), l = /* @__PURE__ */ ((d) => (d.left = "left", d.center = "center", d.right = "right", d))(l || {});
 export {
+  l as TextAlignments,
   g as TextVariants
 };

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

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

package/dist/patterns/ObjectTile/ObjectTile.js

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

package/dist/scss/components/GridItem/_gridItem.scss

@@ -11,13 +11,11 @@
 
   &-align-center {
     grid-column: math.ceil(math.div($total-cols + 1 - $span, 2)) / span #{$span};
-    text-align: center;
   }
 }
 
 .#{$px}-grid-item {
   justify-self: center;
-  text-align: center;
   width: 100%;
 
   @for $i from 1 through 2 {

package/dist/scss/components/Text/_text.scss

@@ -8,6 +8,18 @@
       @include text($variant);
     }
   }
+
+  &--left {
+    text-align: left;
+  }
+
+  &--center {
+    text-align: center;
+  }
+
+  &--right {
+    text-align: right;
+  }
 }
 
 h1.#{$px}-text,

package/package.json

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