design-zystem 1.0.270 → 1.0.272

package/dist/index.d.mts

@@ -1076,6 +1076,7 @@ declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => re
  * - type:
  *   - "date": locale short date (ex: 16/05/2024)
  *   - "dateTime": locale short date + time (24h)
+ *   - "dateTimeSeconds": DD/MM/YY + time with seconds (24h) (ex: 16/05/24 14:32:07)
  *   - "weekday": short weekday + day + month (year only if different)
  *   - "weekdayDay": short weekday + day
  *   - "weekdayYear": short weekday + day + month + year

package/dist/index.d.ts

@@ -1076,6 +1076,7 @@ declare const Timeline: ({ items, lineColor, emptyLabel, }: TimelineProps) => re
  * - type:
  *   - "date": locale short date (ex: 16/05/2024)
  *   - "dateTime": locale short date + time (24h)
+ *   - "dateTimeSeconds": DD/MM/YY + time with seconds (24h) (ex: 16/05/24 14:32:07)
  *   - "weekday": short weekday + day + month (year only if different)
  *   - "weekdayDay": short weekday + day
  *   - "weekdayYear": short weekday + day + month + year

package/dist/index.js

@@ -1031,7 +1031,7 @@ var Button = (_a) => {
       name: icon,
       size,
       family: "regular",
-      color: outline ? variant : iconColor
+      color: iconColor != null ? iconColor : outline ? variant : colors.white
     }
   ) : icon;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
@@ -6121,6 +6121,12 @@ var formatDate = (dateString, type = "date", language = "en") => {
     minute: "2-digit",
     hourCycle: "h23"
   }).format(date);
+  const formatTimeWithSeconds = () => new Intl.DateTimeFormat(locale, {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).format(date);
   switch (type) {
     case "date":
       return format({ day: "2-digit", month: "2-digit", year: "numeric" });
@@ -6132,6 +6138,14 @@ var formatDate = (dateString, type = "date", language = "en") => {
       });
       return `${dayPart} ${formatTime2()}`;
     }
+    case "dateTimeSeconds": {
+      const dayPart = format({
+        day: "2-digit",
+        month: "2-digit",
+        year: "2-digit"
+      });
+      return `${dayPart} ${formatTimeWithSeconds()}`;
+    }
     case "dateISO": {
       const year = date.getFullYear();
       const month = String(date.getMonth() + 1).padStart(2, "0");

package/dist/index.mjs

@@ -895,7 +895,7 @@ var Button = (_a) => {
       name: icon,
       size,
       family: "regular",
-      color: outline ? variant : iconColor
+      color: iconColor != null ? iconColor : outline ? variant : colors.white
     }
   ) : icon;
   return /* @__PURE__ */ jsxs2(
@@ -6005,6 +6005,12 @@ var formatDate = (dateString, type = "date", language = "en") => {
     minute: "2-digit",
     hourCycle: "h23"
   }).format(date);
+  const formatTimeWithSeconds = () => new Intl.DateTimeFormat(locale, {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).format(date);
   switch (type) {
     case "date":
       return format({ day: "2-digit", month: "2-digit", year: "numeric" });
@@ -6016,6 +6022,14 @@ var formatDate = (dateString, type = "date", language = "en") => {
       });
       return `${dayPart} ${formatTime2()}`;
     }
+    case "dateTimeSeconds": {
+      const dayPart = format({
+        day: "2-digit",
+        month: "2-digit",
+        year: "2-digit"
+      });
+      return `${dayPart} ${formatTimeWithSeconds()}`;
+    }
     case "dateISO": {
       const year = date.getFullYear();
       const month = String(date.getMonth() + 1).padStart(2, "0");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.270",
+  "version": "1.0.272",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",