@phillips/seldon 1.183.0 → 1.184.0

package/dist/components/Article/Article.js

@@ -1,22 +1,22 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import $ from "../SeldonImage/SeldonImage.js";
-import { TextVariants as e } from "../Text/types.js";
-import r from "../Text/Text.js";
+import { TextVariants as l } from "../Text/types.js";
+import n from "../Text/Text.js";
 import "../Link/types.js";
 import v from "../Link/Link.js";
 const b = u(
-  ({ className: d, imageSrc: a, label: n, header: o, description: m, linkElement: f = v, linkLabel: s, linkHref: p, ...i }, _) => {
+  ({ className: p, imageSrc: r, label: a, header: o, description: m, linkElement: d = v, linkLabel: s, linkHref: f, ...i }, _) => {
     const { className: t, ...N } = h(i, "Article");
-    return /* @__PURE__ */ c("article", { ...N, className: x(t, d), ...i, ref: _, children: [
-      a ? /* @__PURE__ */ l($, { aspectRatio: "16/9", src: a, alt: "bull" }) : null,
+    return /* @__PURE__ */ c("article", { ...N, className: x(t, p), ...i, ref: _, children: [
+      r ? /* @__PURE__ */ e($, { aspectRatio: "16/9", src: r, alt: "bull" }) : null,
       /* @__PURE__ */ c("div", { className: `${t}__content`, children: [
-        n ? /* @__PURE__ */ l(r, { variant: e.label, className: `${t}__content-label`, children: n }) : null,
-        o ? /* @__PURE__ */ l(r, { variant: e.heading3, className: `${t}__content-title`, children: o }) : null,
-        m ? /* @__PURE__ */ l(r, { variant: e.body2, className: `${t}__content-description`, children: m }) : null,
-        s ? /* @__PURE__ */ l(f, { href: p, className: `${t}__content-link`, children: s }) : null
+        a ? /* @__PURE__ */ e(n, { variant: l.label, className: `${t}__content-label`, children: a }) : null,
+        o ? /* @__PURE__ */ e(n, { variant: l.heading3, className: `${t}__content-title`, children: o }) : null,
+        m ? /* @__PURE__ */ e(n, { variant: l.body2, className: `${t}__content-description`, element: "p", children: m }) : null,
+        s ? /* @__PURE__ */ e(d, { href: f, className: `${t}__content-link`, children: s }) : null
       ] })
     ] });
   }

package/dist/components/Text/Text.js

@@ -1,30 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { getCommonProps as d, px as N } from "../../utils/index.js";
-import { TextVariants as T } from "./types.js";
-import { determineDefaultTextElement as C, determineTextClassName as u } from "./utils.js";
-import r from "../../node_modules/classnames/index.js";
-const $ = x(
-  ({ children: a, className: n, element: l, variant: e = T.body2, align: m, isSkeletonLoading: p, ...o }, f) => {
-    const c = l || C(e), { className: t, ...i } = d(o, "Text");
-    return /* @__PURE__ */ s(
-      c,
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { getCommonProps as i, px as d } from "../../utils/index.js";
+import { TextVariants as N } from "./types.js";
+import { determineDefaultTextElement as T, determineTextClassName as C } from "./utils.js";
+import u from "../../node_modules/classnames/index.js";
+const $ = c(
+  ({ children: e, className: a, element: n, variant: m = N.body2, align: o, isSkeletonLoading: l, ...t }, p) => {
+    const f = n || T(m), { className: s, ...x } = i(t, "Text");
+    return /* @__PURE__ */ r(
+      f,
       {
-        ...i,
-        className: r(t, n, u(e), {
-          [`${t}--${m}`]: !!m
+        ...x,
+        className: u(s, a, C(m), {
+          [`${s}--${o}`]: !!o
         }),
-        ref: f,
-        ...o,
-        children: /* @__PURE__ */ s(
-          "span",
-          {
-            className: r({
-              [`${N}-skeleton`]: p
-            }),
-            children: a
-          }
-        )
+        ref: p,
+        ...t,
+        children: l ? /* @__PURE__ */ r("span", { className: `${d}-skeleton`, children: e }) : e
       }
     );
   }

package/dist/components/Text/utils.js

@@ -1,10 +1,10 @@
-import { px as s } from "../../utils/index.js";
-import { TextVariants as t } from "./types.js";
-const i = (e = t.body1) => `${s}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = t.body1) => {
-  const r = e.toLowerCase();
-  return e === t.blockquote ? "blockquote" : e.includes("body") ? "p" : e.includes("string") || e.includes("title") ? "span" : e === t.label ? "label" : r.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
+import { px as n } from "../../utils/index.js";
+import { TextVariants as r } from "./types.js";
+const o = (e = r.body1) => `${n}-text--${e.charAt(0).toLowerCase() + e.slice(1)}`, u = (e = r.body1) => {
+  let t = e.toLowerCase();
+  return e === r.blockquote ? "blockquote" : e.includes("body") || e.includes("string") || e.includes("title") ? "span" : e === r.label ? "label" : t.includes("heading") ? (t = t.replace("italic", ""), `h${isNaN(parseInt(t.slice(-1))) ? 3 : parseInt(t.slice(-1))}`) : "span";
 };
 export {
   u as determineDefaultTextElement,
-  i as determineTextClassName
+  o as determineTextClassName
 };

package/dist/patterns/SaleCard/SaleCardActions.js

@@ -1,12 +1,12 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { getCommonProps as t } from "../../utils/index.js";
-const c = e(({ children: a, ...o }) => {
-  const { className: s, ...r } = t(o, "SaleCardActions");
-  return /* @__PURE__ */ m("div", { className: `${s}__ctas`, ...r, children: a });
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { getCommonProps as c } from "../../utils/index.js";
+const i = t(({ children: a, ...o }, s) => {
+  const { className: r, ...m } = c(o, "SaleCardActions");
+  return /* @__PURE__ */ e("div", { className: `${r}__ctas`, ...m, ref: s, children: a });
 });
-c.displayName = "SaleCardActions";
+i.displayName = "SaleCardActions";
 export {
-  c as SaleCardActions,
-  c as default
+  i as SaleCardActions,
+  i as default
 };

package/dist/patterns/ViewingDetails/ViewingDetails.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as _ } from "react/jsx-runtime";
-import $ from "../../node_modules/classnames/index.js";
+import v from "../../node_modules/classnames/index.js";
 import { forwardRef as b } from "react";
 import "../../components/Link/types.js";
 import g from "../../components/Link/Link.js";
@@ -10,28 +10,35 @@ const y = b(
   ({
     className: p,
     children: m,
-    label: o,
-    sessionTimesLabel: s,
+    label: s,
+    sessionTimesLabel: o,
     sessionTimes: n,
     viewingTimes: t,
     location: c,
     mapLink: d,
     onClose: V,
-    linkElement: f = g,
+    linkElement: N = g,
     ...h
-  }, N) => {
-    const { className: r, ...v } = x(h, "ViewingDetails");
-    return /* @__PURE__ */ a("div", { ...v, ...h, className: $(r, p), ref: N, children: /* @__PURE__ */ _("div", { className: `${r}__content`, children: [
-      m && /* @__PURE__ */ a("div", { className: `${r}__children`, children: m }),
-      s && /* @__PURE__ */ a(l, { variant: i.heading4, children: s }),
-      n && n.length > 0 && n.map((e) => /* @__PURE__ */ _("div", { children: [
-        e.sessionLabel && /* @__PURE__ */ a(l, { variant: i.heading5, className: `${r}__label`, children: e.sessionLabel }),
-        e.sessionTime && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__text`, children: e.sessionTime })
-      ] }, `${e.sessionLabel ?? ""}-${e.sessionTime ?? ""}`)),
+  }, f) => {
+    const { className: e, ...$ } = x(h, "ViewingDetails");
+    return /* @__PURE__ */ a("div", { ...$, ...h, className: v(e, p), ref: f, children: /* @__PURE__ */ _("div", { className: `${e}__content`, children: [
+      m && /* @__PURE__ */ a("div", { className: `${e}__children`, children: m }),
       o && /* @__PURE__ */ a(l, { variant: i.heading4, children: o }),
-      t && t.length > 0 && t.map((e) => /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__label`, children: e }, e)),
-      c && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__location`, children: c }),
-      d && /* @__PURE__ */ a(l, { variant: i.body2, className: `${r}__map-link`, children: /* @__PURE__ */ a(f, { href: d, children: "(Map)" }) })
+      n && n.length > 0 && n.map((r) => /* @__PURE__ */ _(
+        "div",
+        {
+          className: `${e}__session`,
+          children: [
+            r.sessionLabel && /* @__PURE__ */ a(l, { variant: i.heading5, className: `${e}__label`, children: r.sessionLabel }),
+            r.sessionTime && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__text`, children: r.sessionTime })
+          ]
+        },
+        `${r.sessionLabel ?? ""}-${r.sessionTime ?? ""}`
+      )),
+      s && /* @__PURE__ */ a(l, { variant: i.heading4, children: s }),
+      t && t.length > 0 && t.map((r) => /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__label`, children: r }, r)),
+      c && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__location`, children: c }),
+      d && /* @__PURE__ */ a(l, { variant: i.body2, className: `${e}__map-link`, children: /* @__PURE__ */ a(N, { href: d, children: "(Map)" }) })
     ] }) });
   }
 );

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

@@ -22,22 +22,29 @@
   }
 }
 
-h1.#{$px}-text,
-blockquote.#{$px}-text {
+.#{$px}-text--blockquote,
+.#{$px}-text--heading1,
+.#{$px}-text--snwHeadingHero1,
+.#{$px}-text--snwHeadingHero2 {
   margin-bottom: $spacing-lg;
 }
 
-h2.#{$px}-text {
+.#{$px}-text--heading2 {
   margin-bottom: $spacing-lg;
 }
-h3.#{$px}-text {
+
+.#{$px}-text--heading3,
+.#{$px}-text--heading3Italic {
   margin-bottom: $spacing-md;
 }
-h4.#{$px}-text,
-h5.#{$px}-text,
-h6.#{$px}-text {
+
+.#{$px}-text--heading4,
+.#{$px}-text--heading4Italic,
+.#{$px}-text--heading5,
+.#{$px}-text--heading6 {
   margin-bottom: $spacing-sm;
 }
+
 p.#{$px}-text {
   margin-bottom: $spacing-md;
 }

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

@@ -68,7 +68,8 @@
 
   & .#{$px}-object-tile__maker,
   & .#{$px}-object-tile__model,
-  & .#{$px}-object-tile__reference-number {
+  & .#{$px}-object-tile__reference-number,
+  & .#{$px}-object-tile__title {
     display: block;
     margin-bottom: 0;
   }

package/dist/scss/patterns/TextBanner/_textBanner.scss

@@ -5,17 +5,20 @@
     align-items: flex-start;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    gap: $spacing-md;
+    justify-content: center;
     max-width: none;
-    padding: 40px 48px;
+    padding: $spacing-lg $spacing-md;
 
     h1 {
       white-space: nowrap;
     }
 
     h1,
-    p {
+    p,
+    span {
       color: $pure-black;
+      margin: 0;
       max-width: 100%;
       min-height: 48px;
       text-align: left;
@@ -26,7 +29,8 @@
       flex-direction: row;
 
       h1,
-      p {
+      p,
+      span {
         max-width: 50%;
         width: 50%;
       }

package/dist/scss/patterns/ViewingDetails/_viewingDetails.scss

@@ -15,9 +15,14 @@
   }
 
   &__label {
+    display: block;
     margin-bottom: 0;
   }
 
+  &__session {
+    margin-bottom: $spacing-sm;
+  }
+
   &__close-icon {
     cursor: pointer;
     position: absolute;
@@ -30,6 +35,7 @@
   }
 
   &__location {
+    display: block;
     margin-bottom: $spacing-xsm;
     margin-top: $spacing-md;
   }

package/package.json

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