@phillips/seldon 1.109.2 → 1.110.1

package/dist/components/Countdown/Countdown.js

@@ -14,16 +14,16 @@ import { differenceInSeconds as F } from "../../node_modules/date-fns/difference
 const H = L(
   ({
     endDateTime: n,
-    formatDurationStr: r,
+    formatDurationStr: s,
     label: l = "Lots Close in",
     intervalDescription: f,
     className: p,
     locale: h = "en",
     showBottomBorder: w = !0,
-    variant: c = i.default,
-    ...u
-  }, C) => {
-    const { className: s, ...y } = v(u, "Countdown"), [t, I] = b(/* @__PURE__ */ new Date()), a = h === $.zh ? j : z, o = {
+    variant: u = i.default,
+    ...c
+  }, y) => {
+    const { className: r, ...C } = v(c, "Countdown"), [t, I] = b(/* @__PURE__ */ new Date()), a = h === $.zh ? j : z, o = {
       days: P(n, t),
       hours: _(n, t) % 24,
       minutes: E(n, t) % 60,
@@ -34,28 +34,28 @@ const H = L(
         I(/* @__PURE__ */ new Date());
       }, 1e3);
       return () => clearInterval(N);
-    }, [n]), /* @__PURE__ */ d(
+    }, [n]), o.days > 0 || o.hours > 0 || o.minutes > 0 || o.seconds > 0 ? /* @__PURE__ */ d(
       "div",
       {
-        ...y,
-        className: x(s, p, {
-          [`${s}--compact`]: c === i.compact,
-          [`${s}--show-bottom-border`]: w
+        ...C,
+        className: x(r, p, {
+          [`${r}--compact`]: u === i.compact,
+          [`${r}--show-bottom-border`]: w
         }),
-        ...u,
-        ref: C,
+        ...c,
+        ref: y,
         children: [
-          /* @__PURE__ */ d("div", { className: `${s}__countdown-container`, role: "timer", "aria-label": l, children: [
+          /* @__PURE__ */ d("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": l, children: [
             /* @__PURE__ */ e("span", { children: l }),
-            o.days > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "days", locale: a, formatDurationStr: r }) : null,
-            o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "hours", locale: a, formatDurationStr: r }) : null,
-            o.days === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "minutes", locale: a, formatDurationStr: r }) : null,
-            o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "seconds", locale: a, formatDurationStr: r }) : null
+            o.days > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "days", locale: a, formatDurationStr: s }) : null,
+            o.days > 0 || o.hours > 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "hours", locale: a, formatDurationStr: s }) : null,
+            o.days === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "minutes", locale: a, formatDurationStr: s }) : null,
+            o.days === 0 && o.hours === 0 ? /* @__PURE__ */ e(m, { duration: o, unit: "seconds", locale: a, formatDurationStr: s }) : null
           ] }),
-          c === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
+          u === i.default ? /* @__PURE__ */ e("span", { children: f }) : null
         ]
       }
-    );
+    ) : null;
   }
 );
 H.displayName = "Countdown";

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

@@ -16,4 +16,5 @@ export declare const Playground: {
 export declare const Days: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Hours: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Minutes: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Seconds: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Compact: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.109.2",
+  "version": "1.110.1",
   "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",