@phillips/seldon 1.109.0 → 1.109.2

package/dist/components/TextSymbol/TextSymbol.js

@@ -1,12 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "../../node_modules/classnames/index.js";
+import { jsx as a } from "react/jsx-runtime";
+import l from "../../node_modules/classnames/index.js";
 import { getCommonProps as c } from "../../utils/index.js";
 import { TextSymbolVariants as p } from "./types.js";
-import { determineSymbolSize as b } from "./utils.js";
-const y = ({ symbols: r = [], variant: a = p.lotNumber, className: t, ...o }) => {
-  const { className: m, ...l } = c(o, "TextSymbol");
-  return /* @__PURE__ */ s("span", { ...l, className: i(m, t, `${m}--${a}`), ...o, children: r.map((e, n) => /* @__PURE__ */ s("span", { className: `${m}--${b(e)}-symbol`, children: e }, n)) });
+const N = ({ symbols: r = [], variant: e = p.lotNumber, className: t, ...m }) => {
+  const { className: o, ...n } = c(m, "TextSymbol");
+  return /* @__PURE__ */ a("span", { ...n, className: l(o, t, `${o}--${e}`), ...m, children: r.map((s) => /* @__PURE__ */ a("span", { children: s }, s)) });
 };
 export {
-  y as default
+  N as default
 };

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

@@ -20,3 +20,5 @@ export declare const Playground: {
         };
     };
 };
+export declare const LotSymbol: () => import("react/jsx-runtime").JSX.Element;
+export declare const EstimateSymbol: () => import("react/jsx-runtime").JSX.Element;

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

@@ -2,8 +2,3 @@ export declare enum TextSymbolVariants {
     estimation = "estimation",
     lotNumber = "lotNumber"
 }
-export declare enum TextSymbolSize {
-    small = "small",
-    medium = "medium",
-    large = "large"
-}

package/dist/components/TextSymbol/types.js

@@ -1,5 +1,4 @@
-var m = /* @__PURE__ */ ((r) => (r.estimation = "estimation", r.lotNumber = "lotNumber", r))(m || {}), a = /* @__PURE__ */ ((r) => (r.small = "small", r.medium = "medium", r.large = "large", r))(a || {});
+var e = /* @__PURE__ */ ((t) => (t.estimation = "estimation", t.lotNumber = "lotNumber", t))(e || {});
 export {
-  a as TextSymbolSize,
-  m as TextSymbolVariants
+  e as TextSymbolVariants
 };

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,4 +1,4 @@
-import { jsxs as L, jsx as t } from "react/jsx-runtime";
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
 import { forwardRef as q } from "react";
 import z from "../../node_modules/classnames/index.js";
 import { getCommonProps as D, findChildrenOfType as F, findChildrenExcludingTypes as G } from "../../utils/index.js";
@@ -8,22 +8,22 @@ import { LotStatus as m, SupportedLanguages as J } from "../../types/commonTypes
 import K from "../../components/Countdown/Countdown.js";
 import { CountdownVariants as Q } from "../../components/Countdown/types.js";
 import S from "./BidMessage.js";
-import { isAfter as g } from "../../node_modules/date-fns/isAfter.js";
+import { isAfter as w } from "../../node_modules/date-fns/isAfter.js";
 import { differenceInMinutes as U } from "../../node_modules/date-fns/differenceInMinutes.js";
 const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = q(
   ({
     lotStatus: o = m.ready,
     bidStatus: h,
-    bidsLabelText: w = X,
+    bidsLabelText: g = X,
     children: $,
     className: C,
     closingText: x = "Closes in",
-    currency: i = "$",
+    currency: r = "$",
     currentBid: s,
     currentBidText: N = "Current bid",
     formatDurationStr: T = (a) => a.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
     lang: y = "en",
-    saleCloseDate: r,
+    saleCloseDate: i,
     lotCloseDate: p,
     numberOfBids: b = 0,
     startingBid: f,
@@ -33,41 +33,42 @@ const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = q(
     wonForText: j = "Won for",
     ...u
   }, R) => {
-    const { className: a, ..._ } = D(u, "BidSnapshot"), n = s !== null && b > 0, v = o === m.ready, l = o === m.live, A = o === m.past, c = /* @__PURE__ */ new Date(), E = l && p && g(p, c) && r && (U(r, c) < 60 || g(c, r)), I = F($, S), V = G($, [S]), k = z(a, C, {
-      [`${a}--live`]: l,
+    const { className: a, ..._ } = D(u, "BidSnapshot"), n = s !== null && b > 0, v = o === m.ready, t = o === m.live, A = o === m.past, c = /* @__PURE__ */ new Date(), E = t && p && w(p, c) && i && (U(i, c) < 60 || w(c, i)), I = F($, S), V = G($, [S]), k = z(a, C, {
+      [`${a}--live`]: t,
       [`${a}--has-bids`]: n
     });
     return /* @__PURE__ */ L("div", { ..._, ...u, ref: R, className: k, children: [
       /* @__PURE__ */ L(H, { hasSeparators: !0, className: `${a}__text`, children: [
-        A && n && e ? /* @__PURE__ */ t(
+        A && n && e ? /* @__PURE__ */ l(
           d,
           {
             label: h ? j : M,
-            value: `${i}${e == null ? void 0 : e.toLocaleString()}`,
+            value: `${r}${e == null ? void 0 : e.toLocaleString()}`,
             hasWrap: !1
           }
         ) : null,
-        l && n ? /* @__PURE__ */ t(
+        t && n ? /* @__PURE__ */ l(
           d,
           {
             label: N,
-            subLabel: `(${w(b)})`,
-            value: `${i}${s == null ? void 0 : s.toLocaleString()}`,
+            subLabel: `(${g(b)})`,
+            value: `${r}${s == null ? void 0 : s.toLocaleString()}`,
             hasWrap: !1
           }
         ) : null,
-        v || l && !n ? /* @__PURE__ */ t(d, { label: W, value: `${i}${f == null ? void 0 : f.toLocaleString()}`, hasWrap: !1 }) : null
+        v || t && !n ? /* @__PURE__ */ l(d, { label: W, value: `${r}${f == null ? void 0 : f.toLocaleString()}`, hasWrap: !1 }) : null
       ] }),
       h && !v ? I : null,
       V,
-      E ? /* @__PURE__ */ t(
+      E ? /* @__PURE__ */ l(
         K,
         {
           endDateTime: p,
           label: x,
           variant: Q.compact,
           locale: J[y],
-          formatDurationStr: T
+          formatDurationStr: T,
+          showBottomBorder: !1
         }
       ) : null
     ] });

package/dist/scss/_type.scss

@@ -37,7 +37,7 @@
   font-family: Distinct, sans-serif;
 }
 
-@mixin underline($offset: $spacing-xsm, $thickness: 1px, $color: $pure-black) {
+@mixin underline($offset: $spacing-micro, $thickness: 1px, $color: $pure-black) {
   text-decoration: underline;
   text-decoration-thickness: $thickness;
   text-underline-offset: $offset;

package/dist/scss/components/Tabs/_tabs.scss

@@ -17,7 +17,7 @@
     background: none;
     border: none;
     border-bottom: 2px solid transparent;
-    padding: 0 0 $padding-sm;
+    padding: $padding-xsm $padding-xsm $padding-sm;
     transition:
       background 0.2s ease,
       font-weight 0.2s ease-out,

package/dist/scss/components/TextSymbol/_textSymbol.scss

@@ -1,9 +1,14 @@
 @use '../../allPartials' as *;
 
 .#{$px}-text-symbol {
-  font-family: Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  @include text($heading4);
+
+  display: inline-flex;
+  gap: $spacing-micro;
 
   &--estimation {
+    @include text($heading5);
+
     margin-left: 0.25rem;
   }
 
@@ -11,16 +16,4 @@
     margin-left: $spacing-xsm;
     vertical-align: super;
   }
-
-  &--large-symbol {
-    font-size: 65%;
-  }
-
-  &--medium-symbol {
-    font-size: 85%;
-  }
-
-  &--small-symbol {
-    font-size: 100%;
-  }
 }

package/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss

@@ -12,10 +12,9 @@
 
   .#{$px}-countdown {
     align-items: flex-start;
-    border-bottom: none;
     padding: 0;
     position: absolute;
-    top: calc(100% + $spacing-micro);
+    top: calc(100% + $spacing-xsm);
   }
 
   .#{$px}-countdown__countdown-container,
@@ -25,6 +24,7 @@
 
   &--live:has(.#{$px}-countdown) {
     border-bottom: 1px solid $light-gray;
+    margin-bottom: $spacing-md;
   }
 
   &--has-bids .#{$px}-detail__value {

package/package.json

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

package/dist/components/TextSymbol/utils.d.ts

@@ -1,2 +0,0 @@
-import { TextSymbolSize } from './types';
-export declare const determineSymbolSize: (symbol: string) => TextSymbolSize;

package/dist/components/TextSymbol/utils.js

@@ -1,29 +0,0 @@
-import { TextSymbolSize as e } from "./types.js";
-const c = (a) => {
-  switch (a) {
-    case "≌":
-    case "܀":
-    case "•":
-      return e.small;
-    case "▼":
-    case "♠":
-    case "≠":
-      return e.medium;
-    case "∞":
-    case "Ω":
-    case "Δ":
-    case "†":
-    case "◆":
-    case "Σ":
-    case "✱":
-    case "Ж":
-    case "Ο":
-    case "‡":
-    case "Ø":
-    default:
-      return e.large;
-  }
-};
-export {
-  c as determineSymbolSize
-};

package/dist/components/TextSymbol/utils.test.d.ts

@@ -1 +0,0 @@
-export {};