@landtrustinc/design-system 1.2.42 → 1.2.43

package/dist/index.d.ts

@@ -2016,6 +2016,18 @@ type TimerProps = {
      * Additional CSS class names
      */
     className?: string;
+    /**
+     * Text to display before the time left
+     */
+    fontSize?: TTextSize;
+    /**
+     * Font weight of the text
+     */
+    fontWeight?: TFontWeight;
+    /**
+     * Color of the text
+     */
+    showSeconds?: boolean;
 };
 declare const Timer: FC<TimerProps>;
 

package/dist/index.js

@@ -7901,7 +7901,10 @@ var Timer = ({
   expirationTimestamp,
   onTimeUpdate,
   onExpire,
-  className
+  className,
+  fontSize = "md",
+  fontWeight = "bold",
+  showSeconds = false
 }) => {
   const [timeLeft, setTimeLeft] = (0, import_react51.useState)(
     () => calculateTimeLeft(expirationTimestamp)
@@ -7931,14 +7934,21 @@ var Timer = ({
   if (!timeLeft) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(Box_default, { css: rootStyles2, className, children: /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { as: "span", fontWeight: "bold", children: [
-    timeLeft.days,
-    "d : ",
-    timeLeft.hours,
-    "h : ",
-    timeLeft.minutes,
-    "m"
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Box_default, { css: rootStyles2, className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
+      timeLeft.days,
+      "d : ",
+      timeLeft.hours,
+      "h : ",
+      timeLeft.minutes,
+      "m"
+    ] }),
+    showSeconds && /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)(Text_default, { as: "span", fontWeight, size: fontSize, children: [
+      "\xA0: ",
+      timeLeft.seconds,
+      "s"
+    ] })
+  ] });
 };
 Timer.displayName = "Timer";
 var Timer_default = Timer;