@phillips/seldon 1.110.0 → 1.110.2

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/components/Countdown/_countdown.scss

@@ -10,7 +10,7 @@
   gap: $spacing-micro;
   justify-content: center;
   margin-bottom: 0;
-  padding: 0 $spacing-sm $spacing-sm;
+  padding-bottom: $spacing-sm;
   width: 100%;
 
   &--show-bottom-border {
@@ -23,6 +23,7 @@
 
     align-items: center;
     display: flex;
+    flex-shrink: 0;
     gap: $spacing-sm;
     justify-content: center;
     text-transform: inherit;

package/package.json

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