design-zystem 1.0.220 → 1.0.222

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +26 -0
  2. package/dist/index.d.ts +26 -0
  3. package/dist/index.js +34 -0
  4. package/dist/index.mjs +34 -0
  5. package/package.json +1 -1
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
+ * - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
781
782
  */
782
783
  declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
783
784
  declare const formatDistance: (distanceKm: number | string | null | undefined, language?: string) => string;
@@ -870,8 +871,24 @@ declare const colors: {
870
871
  readonly yellow_100: "#FEEDD5";
871
872
  readonly yellow_300: "#F8AF2D";
872
873
  readonly yellow_400: "#DF8F00";
874
+ readonly yellow_500: "#FFD700";
875
+ readonly orange_50: "#FFEEE6";
876
+ readonly orange_100: "#FFCEB8";
877
+ readonly orange_300: "#FFAF8A";
878
+ readonly orange_400: "#FF8F5C";
879
+ readonly orange_500: "#FF641C";
880
+ readonly orange_600: "#FF5100";
873
881
  readonly purple_50: "#EDE9FE";
874
882
  readonly purple_700: "#7230DB";
883
+ readonly pink_50: "#FDF2F8";
884
+ readonly pink_100: "#FCE7F3";
885
+ readonly pink_300: "#FBCFE8";
886
+ readonly pink_400: "#F9A8D4";
887
+ readonly pink_500: "#CF0F9E";
888
+ readonly pink_600: "#EC4899";
889
+ readonly pink_700: "#DB2777";
890
+ readonly pink_800: "#BE185D";
891
+ readonly pink_900: "#9D174D";
875
892
  readonly green: "#12B76A";
876
893
  readonly green_50: "#DCFCE7";
877
894
  readonly green_100: "#12B76A";
@@ -882,6 +899,15 @@ declare const colors: {
882
899
  readonly badge_green_bg: "#DCFCE7";
883
900
  readonly badge_purple_text: "#7230DB";
884
901
  readonly badge_purple_bg: "#EDE9FE";
902
+ readonly brown_50: "#EFEBE9";
903
+ readonly brown_100: "#D7CCC8";
904
+ readonly brown_300: "#A1887F";
905
+ readonly brown_400: "#8D6E63";
906
+ readonly brown_500: "#795548";
907
+ readonly brown_600: "#CD7F32";
908
+ readonly brown_700: "#5D4037";
909
+ readonly brown_800: "#4E342E";
910
+ readonly brown_900: "#3E2723";
885
911
  readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
886
912
  readonly text: "#343A40";
887
913
  readonly light_blue: "#F1F5F9";
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
+ * - "dateISO": ISO format YYYY-MM-DD (timezone-safe for backend)
781
782
  */
782
783
  declare const formatDate: (dateString: Date | string | number | null | undefined, type?: string, language?: string) => string;
783
784
  declare const formatDistance: (distanceKm: number | string | null | undefined, language?: string) => string;
@@ -870,8 +871,24 @@ declare const colors: {
870
871
  readonly yellow_100: "#FEEDD5";
871
872
  readonly yellow_300: "#F8AF2D";
872
873
  readonly yellow_400: "#DF8F00";
874
+ readonly yellow_500: "#FFD700";
875
+ readonly orange_50: "#FFEEE6";
876
+ readonly orange_100: "#FFCEB8";
877
+ readonly orange_300: "#FFAF8A";
878
+ readonly orange_400: "#FF8F5C";
879
+ readonly orange_500: "#FF641C";
880
+ readonly orange_600: "#FF5100";
873
881
  readonly purple_50: "#EDE9FE";
874
882
  readonly purple_700: "#7230DB";
883
+ readonly pink_50: "#FDF2F8";
884
+ readonly pink_100: "#FCE7F3";
885
+ readonly pink_300: "#FBCFE8";
886
+ readonly pink_400: "#F9A8D4";
887
+ readonly pink_500: "#CF0F9E";
888
+ readonly pink_600: "#EC4899";
889
+ readonly pink_700: "#DB2777";
890
+ readonly pink_800: "#BE185D";
891
+ readonly pink_900: "#9D174D";
875
892
  readonly green: "#12B76A";
876
893
  readonly green_50: "#DCFCE7";
877
894
  readonly green_100: "#12B76A";
@@ -882,6 +899,15 @@ declare const colors: {
882
899
  readonly badge_green_bg: "#DCFCE7";
883
900
  readonly badge_purple_text: "#7230DB";
884
901
  readonly badge_purple_bg: "#EDE9FE";
902
+ readonly brown_50: "#EFEBE9";
903
+ readonly brown_100: "#D7CCC8";
904
+ readonly brown_300: "#A1887F";
905
+ readonly brown_400: "#8D6E63";
906
+ readonly brown_500: "#795548";
907
+ readonly brown_600: "#CD7F32";
908
+ readonly brown_700: "#5D4037";
909
+ readonly brown_800: "#4E342E";
910
+ readonly brown_900: "#3E2723";
885
911
  readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
886
912
  readonly text: "#343A40";
887
913
  readonly light_blue: "#F1F5F9";
package/dist/index.js CHANGED
@@ -255,9 +255,27 @@ var colors = {
255
255
  yellow_100: "#FEEDD5",
256
256
  yellow_300: "#F8AF2D",
257
257
  yellow_400: "#DF8F00",
258
+ yellow_500: "#FFD700",
259
+ // ORANGE
260
+ orange_50: "#FFEEE6",
261
+ orange_100: "#FFCEB8",
262
+ orange_300: "#FFAF8A",
263
+ orange_400: "#FF8F5C",
264
+ orange_500: "#FF641C",
265
+ orange_600: "#FF5100",
258
266
  // PURPLE
259
267
  purple_50: "#EDE9FE",
260
268
  purple_700: "#7230DB",
269
+ // PINK
270
+ pink_50: "#FDF2F8",
271
+ pink_100: "#FCE7F3",
272
+ pink_300: "#FBCFE8",
273
+ pink_400: "#F9A8D4",
274
+ pink_500: "#CF0F9E",
275
+ pink_600: "#EC4899",
276
+ pink_700: "#DB2777",
277
+ pink_800: "#BE185D",
278
+ pink_900: "#9D174D",
261
279
  // GREEN
262
280
  green: "#12B76A",
263
281
  green_50: "#DCFCE7",
@@ -270,6 +288,16 @@ var colors = {
270
288
  badge_green_bg: "#DCFCE7",
271
289
  badge_purple_text: "#7230DB",
272
290
  badge_purple_bg: "#EDE9FE",
291
+ // BROWN
292
+ brown_50: "#EFEBE9",
293
+ brown_100: "#D7CCC8",
294
+ brown_300: "#A1887F",
295
+ brown_400: "#8D6E63",
296
+ brown_500: "#795548",
297
+ brown_600: "#CD7F32",
298
+ brown_700: "#5D4037",
299
+ brown_800: "#4E342E",
300
+ brown_900: "#3E2723",
273
301
  // GRADIENTS
274
302
  gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)",
275
303
  // Misc
@@ -4983,6 +5011,12 @@ var formatDate = (dateString, type = "date", language = "en") => {
4983
5011
  });
4984
5012
  return `${dayPart} ${formatTime()}`;
4985
5013
  }
5014
+ case "dateISO": {
5015
+ const year = date.getFullYear();
5016
+ const month = String(date.getMonth() + 1).padStart(2, "0");
5017
+ const day = String(date.getDate()).padStart(2, "0");
5018
+ return `${year}-${month}-${day}`;
5019
+ }
4986
5020
  case "weekday": {
4987
5021
  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
4988
5022
  const dateYear = date.getFullYear();
package/dist/index.mjs CHANGED
@@ -163,9 +163,27 @@ var colors = {
163
163
  yellow_100: "#FEEDD5",
164
164
  yellow_300: "#F8AF2D",
165
165
  yellow_400: "#DF8F00",
166
+ yellow_500: "#FFD700",
167
+ // ORANGE
168
+ orange_50: "#FFEEE6",
169
+ orange_100: "#FFCEB8",
170
+ orange_300: "#FFAF8A",
171
+ orange_400: "#FF8F5C",
172
+ orange_500: "#FF641C",
173
+ orange_600: "#FF5100",
166
174
  // PURPLE
167
175
  purple_50: "#EDE9FE",
168
176
  purple_700: "#7230DB",
177
+ // PINK
178
+ pink_50: "#FDF2F8",
179
+ pink_100: "#FCE7F3",
180
+ pink_300: "#FBCFE8",
181
+ pink_400: "#F9A8D4",
182
+ pink_500: "#CF0F9E",
183
+ pink_600: "#EC4899",
184
+ pink_700: "#DB2777",
185
+ pink_800: "#BE185D",
186
+ pink_900: "#9D174D",
169
187
  // GREEN
170
188
  green: "#12B76A",
171
189
  green_50: "#DCFCE7",
@@ -178,6 +196,16 @@ var colors = {
178
196
  badge_green_bg: "#DCFCE7",
179
197
  badge_purple_text: "#7230DB",
180
198
  badge_purple_bg: "#EDE9FE",
199
+ // BROWN
200
+ brown_50: "#EFEBE9",
201
+ brown_100: "#D7CCC8",
202
+ brown_300: "#A1887F",
203
+ brown_400: "#8D6E63",
204
+ brown_500: "#795548",
205
+ brown_600: "#CD7F32",
206
+ brown_700: "#5D4037",
207
+ brown_800: "#4E342E",
208
+ brown_900: "#3E2723",
181
209
  // GRADIENTS
182
210
  gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)",
183
211
  // Misc
@@ -4906,6 +4934,12 @@ var formatDate = (dateString, type = "date", language = "en") => {
4906
4934
  });
4907
4935
  return `${dayPart} ${formatTime()}`;
4908
4936
  }
4937
+ case "dateISO": {
4938
+ const year = date.getFullYear();
4939
+ const month = String(date.getMonth() + 1).padStart(2, "0");
4940
+ const day = String(date.getDate()).padStart(2, "0");
4941
+ return `${year}-${month}-${day}`;
4942
+ }
4909
4943
  case "weekday": {
4910
4944
  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
4911
4945
  const dateYear = date.getFullYear();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.220",
3
+ "version": "1.0.222",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",