@phillips/seldon 1.235.1 → 1.236.0

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var o = { exports: {} };
+var e = { exports: {} };
 export {
-  o as __module
+  e as __module
 };

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var o = { exports: {} };
 export {
-  e as __module
+  o as __module
 };

package/dist/components/Detail/Detail.js

@@ -6,7 +6,7 @@ import { TextVariants as a } from "../Text/types.js";
 import o from "../Text/Text.js";
 const x = N(
   ({ className: c = "", hasWrap: d = !0, label: b, subLabel: m, value: _, variant: e = "md", ...t }, f) => {
-    const { className: l, ...p } = h(t, "Detail"), i = e === "sm" ? a.labelSmall : e === "lg" ? a.labelLarge : a.labelMedium, u = e === "sm" ? a.bodySmall : e === "lg" ? a.bodyLarge : a.labelMedium;
+    const { className: l, ...p } = h(t, "Detail"), i = e === "sm" ? a.labelSmall : e === "lg" ? a.labelLarge : a.labelMedium, u = e === "sm" ? a.labelSmall : e === "lg" ? a.bodyLarge : a.labelMedium;
     return /* @__PURE__ */ n("div", { ...p, className: r(l, c), ...t, ref: f, children: [
       /* @__PURE__ */ n(
         "div",

package/dist/node_modules/runes2/dist/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../_virtual/index9.js";
+import { __module as e } from "../../../_virtual/index10.js";
 import { __require as r } from "./index.cjs.development.js";
 import { __require as o } from "./index.cjs.production.min.js";
 typeof process < "u" && process.env.NODE_ENV !== "production" ? e.exports = r() : e.exports = o();

package/dist/node_modules/toposort/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.js";
-import { __module as v } from "../../_virtual/index10.js";
+import { __module as v } from "../../_virtual/index9.js";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/dist/patterns/ProgressWizard/ProgressWizard.stories.d.ts

@@ -3,28 +3,28 @@ import { Meta, ArgTypes } from '@storybook/react';
 declare const meta: Meta<typeof ProgressWizard>;
 export declare const BasicWizard: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const ValidationWizardWithOnBack: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
     storyName: string;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const AsyncValidationWizardWithAllCallbacks: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const ShouldAllowContinue: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const ExternalStepControlWizard: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const TraditionalFormWizard: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const MobileFormStory: {
     (props: ProgressWizardProps): import("react/jsx-runtime").JSX.Element;
@@ -34,7 +34,7 @@ export declare const MobileFormStory: {
             defaultViewport: string;
         };
     };
-    argTypes: ArgTypes<import('@storybook/csf').Args>;
+    argTypes: ArgTypes<import('@storybook/react').Args>;
 };
 export declare const Playground: {
     render: (props: ProgressWizardProps) => JSX.Element;

package/dist/patterns/SaleCard/SaleCard.js

@@ -1,48 +1,48 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import b from "../../node_modules/classnames/index.js";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import u from "../../node_modules/classnames/index.js";
 import { forwardRef as L } from "react";
-import M from "../../components/Button/Button.js";
-import { ButtonVariants as T } from "../../components/Button/types.js";
-import A from "../../components/SeldonImage/SeldonImage.js";
+import T from "../../components/Button/Button.js";
+import { ButtonVariants as A } from "../../components/Button/types.js";
+import I from "../../components/SeldonImage/SeldonImage.js";
 import { TextVariants as r } from "../../components/Text/types.js";
-import l from "../../components/Text/Text.js";
-import { SSRMediaQuery as I } from "../../providers/SeldonProvider/utils.js";
+import e from "../../components/Text/Text.js";
+import { SSRMediaQuery as k } from "../../providers/SeldonProvider/utils.js";
 import { getCommonProps as x } from "../../utils/index.js";
 import { SaleCardVariants as f, SaleCardImageDisplay as P } from "./types.js";
 const R = L(
   ({
     className: p,
     imageSrc: s,
-    imageAlt: h = "Auction Image",
-    auctionType: N,
-    titleText: $,
-    date: S,
-    location: u,
+    imageAlt: S = "Auction Image",
+    auctionType: h,
+    titleText: N,
+    date: $,
+    location: v,
     badgeText: o,
     modalButtonOnClick: n,
     modalButtonText: t,
-    variant: i = f.DEFAULT,
+    variant: m = f.DEFAULT,
     children: c,
     imageDisplay: d = P.LEFT,
     ..._
-  }, v) => {
-    const { className: a, ...g } = x(_, "SaleCard"), C = b(a, p, {
-      [`${a}--${i}`]: i,
+  }, g) => {
+    const { className: a, ...C } = x(_, "SaleCard"), E = u(a, p, {
+      [`${a}--${m}`]: m,
       [`${a}--image-${d}`]: d
-    }), E = { ...g, ..._ };
-    return /* @__PURE__ */ m("article", { ...E, className: C, ref: v, children: [
-      s ? /* @__PURE__ */ e(A, { src: s, alt: h, className: `${a}__image` }) : null,
-      /* @__PURE__ */ m("div", { className: `${a}__details`, children: [
-        /* @__PURE__ */ e(l, { variant: r.labelSmall, children: N }),
-        /* @__PURE__ */ e(l, { variant: r.headingSmall, className: `${a}__title`, children: $ }),
-        o && /* @__PURE__ */ e(l, { variant: r.badgeMedium, className: `${a}__badge`, children: o }),
-        /* @__PURE__ */ m("div", { className: `${a}__info`, children: [
-          /* @__PURE__ */ e(l, { variant: r.labelMedium, children: u }),
-          /* @__PURE__ */ e(l, { variant: r.labelMedium, children: S }),
-          t && n && /* @__PURE__ */ e("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ e(M, { onClick: n, variant: T.link, children: t }) })
+    }), b = { ...C, ..._ };
+    return /* @__PURE__ */ i("article", { ...b, className: E, ref: g, children: [
+      s ? /* @__PURE__ */ l(I, { src: s, alt: S, className: `${a}__image` }) : null,
+      /* @__PURE__ */ i("div", { className: `${a}__details`, children: [
+        /* @__PURE__ */ l(e, { variant: r.labelSmall, children: h }),
+        /* @__PURE__ */ l(e, { variant: r.headingSmall, className: `${a}__title`, children: N }),
+        o && /* @__PURE__ */ l(e, { variant: r.badgeSmall, className: `${a}__badge`, children: o }),
+        /* @__PURE__ */ i("div", { className: `${a}__info`, children: [
+          /* @__PURE__ */ l(e, { variant: r.labelSmall, children: v }),
+          /* @__PURE__ */ l(e, { variant: r.labelSmall, children: $ }),
+          t && n && /* @__PURE__ */ l("div", { className: `${a}__modal-link`, children: /* @__PURE__ */ l(T, { onClick: n, variant: A.link, linkSize: "sm", children: t }) })
         ] })
       ] }),
-      i !== f.RELATED_SALE_TILE && c && /* @__PURE__ */ e("div", { className: `${a}__ctas`, children: /* @__PURE__ */ e(I.Media, { greaterThanOrEqual: "snw-mobile", children: c }) })
+      m !== f.RELATED_SALE_TILE && c && /* @__PURE__ */ l("div", { className: `${a}__ctas`, children: /* @__PURE__ */ l(k.Media, { greaterThanOrEqual: "snw-mobile", children: c }) })
     ] });
   }
 );

package/dist/scss/components/Detail/_detail.scss

@@ -9,7 +9,7 @@
   gap: $spacing-md;
 
   &__label-section {
-    flex: 1 0 160px;
+    flex: 0 0 160px;
     max-width: 100%;
 
     &--label.#{$px}-text {
@@ -17,18 +17,18 @@
     }
 
     @media (max-width: $breakpoint-md) {
-      flex: 1 0 128px;
+      flex: 0 0 128px;
     }
 
     @media (max-width: $breakpoint-sm) {
-      flex: 1 0 96px;
+      flex: 0 0 96px;
     }
 
     &--has-sub-label {
-      flex: 1 0 240px;
+      flex: 0 0 240px;
 
       @media (max-width: $breakpoint-sm) {
-        flex: 1 0 120px;
+        flex: 0 0 120px;
       }
     }
 

package/dist/scss/patterns/SaleCard/_saleCard.scss

@@ -81,6 +81,10 @@
     display: flex;
     flex-direction: column;
     gap: $spacing-micro;
+
+    .#{$px}-text {
+      color: $text-supporting;
+    }
   }
 
   &__badge {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.235.1",
+  "version": "1.236.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -135,7 +135,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "sass": "^1.83.4",
     "semantic-release": "^25.0.0",
-    "storybook": "^8.5.0",
+    "storybook": "^8.6.15",
     "stylelint": "^16.8.1",
     "stylelint-config-standard": "^36.0.1",
     "stylelint-config-standard-scss": "^13.1.0",