@phillips/seldon 1.109.1 → 1.110.0

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/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/_vars.scss

@@ -340,9 +340,9 @@ $snowflake-menu-padding: 1.25rem;
     --spacing-micro: 0.5rem;
     --spacing-xsm: 0.75rem;
     --spacing-sm: 1.25rem;
-    --spacing-md: 2.5rem;
-    --spacing-lg: 3.75rem;
-    --spacing-xl: 5rem;
+    --spacing-md: 2.25rem;
+    --spacing-lg: 3.25rem;
+    --spacing-xl: 4.25rem;
     --spacing-xxl: 5.25rem;
     --spacing-xxxl: 6.25rem;
   }

package/dist/scss/components/PageContentWrapper/_pageContentWrapper.scss

@@ -3,7 +3,11 @@
 .#{$px}-page-content-wrapper {
   padding: 0 $padding-md;
 
+  @media (min-width: $breakpoint-md) {
+    padding: 0 $padding-lg;
+  }
+
   @media (min-width: $breakpoint-xl) {
-    padding: 0 3.25rem;
+    padding: 0 $padding-xl;
   }
 }

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.109.1",
+  "version": "1.110.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -85,7 +85,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/color": "^3.0.6",
-    "@types/node": "^20.14.10",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.0.11",
     "@types/react-modal": "^3.16.3",
@@ -110,7 +110,7 @@
     "rimraf": "^6.0.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.83.1",
+    "sass": "^1.83.4",
     "semantic-release": "^23.1.1",
     "storybook": "^8.5.0",
     "stylelint": "^16.8.1",

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 {};