design-zystem 1.0.271 → 1.0.273

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

@@ -1640,7 +1640,12 @@ var import_react7 = require("react");
 var import_styled_components13 = __toESM(require("styled-components"));
 
 // src/Components/Toast/toastStore.ts
-var DEFAULT_TIMEOUT = 2e3;
+var DEFAULT_TIMEOUT_BY_TYPE = {
+  success: 2e3,
+  info: 2e3,
+  warning: 4e3,
+  error: 5e3
+};
 var toasts = [];
 var nextId = 0;
 var listeners = /* @__PURE__ */ new Set();
@@ -1665,7 +1670,7 @@ var pushToast = (type, message, options = {}) => {
       type,
       message,
       title: options.title,
-      timeOut: (_a = options.timeOut) != null ? _a : DEFAULT_TIMEOUT
+      timeOut: (_a = options.timeOut) != null ? _a : DEFAULT_TIMEOUT_BY_TYPE[type]
     }
   ];
   emitChange();
@@ -6121,6 +6126,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 +6143,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

@@ -1504,7 +1504,12 @@ import { useCallback as useCallback2, useEffect as useEffect5, useState as useSt
 import styled13, { keyframes } from "styled-components";
 
 // src/Components/Toast/toastStore.ts
-var DEFAULT_TIMEOUT = 2e3;
+var DEFAULT_TIMEOUT_BY_TYPE = {
+  success: 2e3,
+  info: 2e3,
+  warning: 4e3,
+  error: 5e3
+};
 var toasts = [];
 var nextId = 0;
 var listeners = /* @__PURE__ */ new Set();
@@ -1529,7 +1534,7 @@ var pushToast = (type, message, options = {}) => {
       type,
       message,
       title: options.title,
-      timeOut: (_a = options.timeOut) != null ? _a : DEFAULT_TIMEOUT
+      timeOut: (_a = options.timeOut) != null ? _a : DEFAULT_TIMEOUT_BY_TYPE[type]
     }
   ];
   emitChange();
@@ -6005,6 +6010,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 +6027,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.271",
+  "version": "1.0.273",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",