design-zystem 1.0.224 → 1.0.226

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -778,6 +778,7 @@ declare const Spinner: ({ size, color }: SpinnerProps) => react_jsx_runtime.JSX.
778
778
  * - "weekdayDay": short weekday + day
779
779
  * - "weekdayYear": short weekday + day + month + year
780
780
  * - "weekdayTime": weekday/date + time (24h)
781
+ * - "longDate": day + full month + year, no weekday (ex: 16 mai 2024)
781
782
  * - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
782
783
  */
783
784
  declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
package/dist/index.d.ts CHANGED
@@ -778,6 +778,7 @@ declare const Spinner: ({ size, color }: SpinnerProps) => react_jsx_runtime.JSX.
778
778
  * - "weekdayDay": short weekday + day
779
779
  * - "weekdayYear": short weekday + day + month + year
780
780
  * - "weekdayTime": weekday/date + time (24h)
781
+ * - "longDate": day + full month + year, no weekday (ex: 16 mai 2024)
781
782
  * - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
782
783
  */
783
784
  declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
package/dist/index.js CHANGED
@@ -1269,7 +1269,12 @@ var NewModal = ({
1269
1269
  zIndex: 1e3,
1270
1270
  display: "flex",
1271
1271
  alignItems: "center",
1272
- justifyContent: "center"
1272
+ justifyContent: "center",
1273
+ border: "none",
1274
+ borderRadius: 0,
1275
+ boxShadow: "none",
1276
+ padding: "0 0 0 var(--dz-modal-offset-left, 0px)",
1277
+ boxSizing: "border-box"
1273
1278
  },
1274
1279
  onClick: handleBackdropClick,
1275
1280
  fullWidth: true,
@@ -1282,7 +1287,7 @@ var NewModal = ({
1282
1287
  {
1283
1288
  onClick: (e) => e.stopPropagation(),
1284
1289
  style: {
1285
- maxWidth: width,
1290
+ maxWidth: `min(${width}, calc(100vw - var(--dz-modal-offset-left, 0px) - 32px))`,
1286
1291
  background: "#fff",
1287
1292
  borderRadius: 12,
1288
1293
  padding: 24,
@@ -5045,6 +5050,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
5045
5050
  });
5046
5051
  return `${dayPart} ${formatTime()}`;
5047
5052
  }
5053
+ case "longDate":
5054
+ return format({ day: "numeric", month: "long", year: "numeric" });
5048
5055
  default:
5049
5056
  return format({ day: "2-digit", month: "2-digit", year: "numeric" });
5050
5057
  }
package/dist/index.mjs CHANGED
@@ -1177,7 +1177,12 @@ var NewModal = ({
1177
1177
  zIndex: 1e3,
1178
1178
  display: "flex",
1179
1179
  alignItems: "center",
1180
- justifyContent: "center"
1180
+ justifyContent: "center",
1181
+ border: "none",
1182
+ borderRadius: 0,
1183
+ boxShadow: "none",
1184
+ padding: "0 0 0 var(--dz-modal-offset-left, 0px)",
1185
+ boxSizing: "border-box"
1181
1186
  },
1182
1187
  onClick: handleBackdropClick,
1183
1188
  fullWidth: true,
@@ -1190,7 +1195,7 @@ var NewModal = ({
1190
1195
  {
1191
1196
  onClick: (e) => e.stopPropagation(),
1192
1197
  style: {
1193
- maxWidth: width,
1198
+ maxWidth: `min(${width}, calc(100vw - var(--dz-modal-offset-left, 0px) - 32px))`,
1194
1199
  background: "#fff",
1195
1200
  borderRadius: 12,
1196
1201
  padding: 24,
@@ -4968,6 +4973,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
4968
4973
  });
4969
4974
  return `${dayPart} ${formatTime()}`;
4970
4975
  }
4976
+ case "longDate":
4977
+ return format({ day: "numeric", month: "long", year: "numeric" });
4971
4978
  default:
4972
4979
  return format({ day: "2-digit", month: "2-digit", year: "numeric" });
4973
4980
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.224",
3
+ "version": "1.0.226",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",