@zonos/amino 5.2.24 → 5.3.0

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 (30) hide show
  1. package/components/badge/Badge.js +1 -1
  2. package/components/banner/Banner.js +1 -1
  3. package/components/button/Button.js +1 -1
  4. package/components/checkbox/Checkbox.js +1 -1
  5. package/components/currency/Currency.js +1 -1
  6. package/components/dialog/DismissableDialog.d.ts +5 -1
  7. package/components/dialog/DismissableDialog.js +1 -1
  8. package/components/dialog/alert/AlertContext.js +1 -1
  9. package/components/dialog/confirm/ConfirmContext.js +1 -1
  10. package/components/drop-zone/DropZone.js +1 -1
  11. package/components/file-upload/FileUpload.js +1 -1
  12. package/components/filter/FilterWrapper.js +1 -1
  13. package/components/layout/Layout.js +1 -1
  14. package/components/layout/NavigationGroup.js +1 -1
  15. package/components/rich-checkbox/RichCheckbox.js +1 -1
  16. package/components/select/_StyledReactSelect.js +1 -1
  17. package/components/simple-table/SimpleTable.js +1 -1
  18. package/components/slider/Slider.js +1 -1
  19. package/components/switch/Switch.js +1 -1
  20. package/components/text/LegacyText.js +1 -1
  21. package/components/text/Text.js +1 -1
  22. package/components/text-avatar/TextAvatar.js +1 -1
  23. package/components/toast/Toast.js +1 -1
  24. package/package.json +1 -1
  25. package/styles/constants/theme.d.ts +114 -106
  26. package/styles/constants/theme.js +1 -1
  27. package/theme.css +249 -232
  28. package/theme.scss +14 -10
  29. package/types/Color.d.ts +2 -2
  30. package/utils/getAminoColor.d.ts +1 -1
package/theme.scss CHANGED
@@ -12,9 +12,8 @@ $amino-glass-600: var(--amino-glass-600);
12
12
  $amino-glass-700: var(--amino-glass-700);
13
13
  $amino-glass-800: var(--amino-glass-800);
14
14
  $amino-glass-900: var(--amino-glass-900);
15
+ $amino-glass-950: var(--amino-glass-950);
15
16
  $amino-glass-1000: var(--amino-glass-1000);
16
- $amino-glass-1100: var(--amino-glass-1100);
17
- $amino-glass-1200: var(--amino-glass-1200);
18
17
  $amino-gray-0: var(--amino-gray-0);
19
18
  $amino-gray-50: var(--amino-gray-50);
20
19
  $amino-gray-100: var(--amino-gray-100);
@@ -26,9 +25,9 @@ $amino-gray-600: var(--amino-gray-600);
26
25
  $amino-gray-700: var(--amino-gray-700);
27
26
  $amino-gray-800: var(--amino-gray-800);
28
27
  $amino-gray-900: var(--amino-gray-900);
28
+ $amino-gray-950: var(--amino-gray-950);
29
29
  $amino-gray-1000: var(--amino-gray-1000);
30
- $amino-gray-1100: var(--amino-gray-1100);
31
- $amino-gray-1200: var(--amino-gray-1200);
30
+ $amino-blue-50: var(--amino-blue-50);
32
31
  $amino-blue-100: var(--amino-blue-100);
33
32
  $amino-blue-200: var(--amino-blue-200);
34
33
  $amino-blue-300: var(--amino-blue-300);
@@ -38,7 +37,8 @@ $amino-blue-600: var(--amino-blue-600);
38
37
  $amino-blue-700: var(--amino-blue-700);
39
38
  $amino-blue-800: var(--amino-blue-800);
40
39
  $amino-blue-900: var(--amino-blue-900);
41
- $amino-blue-1000: var(--amino-blue-1000);
40
+ $amino-blue-950: var(--amino-blue-950);
41
+ $amino-cyan-50: var(--amino-cyan-50);
42
42
  $amino-cyan-100: var(--amino-cyan-100);
43
43
  $amino-cyan-200: var(--amino-cyan-200);
44
44
  $amino-cyan-300: var(--amino-cyan-300);
@@ -48,7 +48,8 @@ $amino-cyan-600: var(--amino-cyan-600);
48
48
  $amino-cyan-700: var(--amino-cyan-700);
49
49
  $amino-cyan-800: var(--amino-cyan-800);
50
50
  $amino-cyan-900: var(--amino-cyan-900);
51
- $amino-cyan-1000: var(--amino-cyan-1000);
51
+ $amino-cyan-950: var(--amino-cyan-950);
52
+ $amino-red-50: var(--amino-red-50);
52
53
  $amino-red-100: var(--amino-red-100);
53
54
  $amino-red-200: var(--amino-red-200);
54
55
  $amino-red-300: var(--amino-red-300);
@@ -58,7 +59,8 @@ $amino-red-600: var(--amino-red-600);
58
59
  $amino-red-700: var(--amino-red-700);
59
60
  $amino-red-800: var(--amino-red-800);
60
61
  $amino-red-900: var(--amino-red-900);
61
- $amino-red-1000: var(--amino-red-1000);
62
+ $amino-red-950: var(--amino-red-950);
63
+ $amino-orange-50: var(--amino-orange-50);
62
64
  $amino-orange-100: var(--amino-orange-100);
63
65
  $amino-orange-200: var(--amino-orange-200);
64
66
  $amino-orange-300: var(--amino-orange-300);
@@ -68,7 +70,8 @@ $amino-orange-600: var(--amino-orange-600);
68
70
  $amino-orange-700: var(--amino-orange-700);
69
71
  $amino-orange-800: var(--amino-orange-800);
70
72
  $amino-orange-900: var(--amino-orange-900);
71
- $amino-orange-1000: var(--amino-orange-1000);
73
+ $amino-orange-950: var(--amino-orange-950);
74
+ $amino-green-50: var(--amino-green-50);
72
75
  $amino-green-100: var(--amino-green-100);
73
76
  $amino-green-200: var(--amino-green-200);
74
77
  $amino-green-300: var(--amino-green-300);
@@ -78,7 +81,8 @@ $amino-green-600: var(--amino-green-600);
78
81
  $amino-green-700: var(--amino-green-700);
79
82
  $amino-green-800: var(--amino-green-800);
80
83
  $amino-green-900: var(--amino-green-900);
81
- $amino-green-1000: var(--amino-green-1000);
84
+ $amino-green-950: var(--amino-green-950);
85
+ $amino-purple-50: var(--amino-purple-50);
82
86
  $amino-purple-100: var(--amino-purple-100);
83
87
  $amino-purple-200: var(--amino-purple-200);
84
88
  $amino-purple-300: var(--amino-purple-300);
@@ -88,7 +92,7 @@ $amino-purple-600: var(--amino-purple-600);
88
92
  $amino-purple-700: var(--amino-purple-700);
89
93
  $amino-purple-800: var(--amino-purple-800);
90
94
  $amino-purple-900: var(--amino-purple-900);
91
- $amino-purple-1000: var(--amino-purple-1000);
95
+ $amino-purple-950: var(--amino-purple-950);
92
96
  $amino-transparent-white: var(--amino-transparent-white);
93
97
  $amino-transparent-black: var(--amino-transparent-black);
94
98
  $amino-transparent-gray-600: var(--amino-transparent-gray-600);
package/types/Color.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const colorPrefixes: readonly ["blue", "cyan", "green", "orange", "purple", "red", "gray", "glass"];
2
- export declare const colorContrasts: readonly ["100", "200", "300", "400", "500", "600", "700", "800", "900", "1000"];
2
+ export declare const colorContrasts: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
3
3
  export type ColorContrast = (typeof colorContrasts)[number];
4
4
  export type ColorPrefix = (typeof colorPrefixes)[number];
5
- export type Color = 'gray0' | 'gray50' | 'glass0' | 'glass50' | `${ColorPrefix}${ColorContrast}` | 'gray1100' | 'gray1200' | 'glass1100' | 'glass1200';
5
+ export type Color = 'gray0' | 'gray50' | 'glass0' | 'glass50' | `${ColorPrefix}${ColorContrast}` | 'gray950' | 'gray1000' | 'glass950' | 'glass1000';
package/utils/getAminoColor.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import type { Color } from "../types";
2
- export declare const getAminoColor: (color?: Color | 'inherit') => "var(--amino-glass-0)" | "var(--amino-glass-50)" | "var(--amino-glass-100)" | "var(--amino-glass-200)" | "var(--amino-glass-300)" | "var(--amino-glass-400)" | "var(--amino-glass-500)" | "var(--amino-glass-600)" | "var(--amino-glass-700)" | "var(--amino-glass-800)" | "var(--amino-glass-900)" | "var(--amino-glass-1000)" | "var(--amino-glass-1100)" | "var(--amino-glass-1200)" | "var(--amino-gray-0)" | "var(--amino-gray-50)" | "var(--amino-gray-100)" | "var(--amino-gray-200)" | "var(--amino-gray-300)" | "var(--amino-gray-400)" | "var(--amino-gray-500)" | "var(--amino-gray-600)" | "var(--amino-gray-700)" | "var(--amino-gray-800)" | "var(--amino-gray-900)" | "var(--amino-gray-1000)" | "var(--amino-gray-1100)" | "var(--amino-gray-1200)" | "var(--amino-blue-100)" | "var(--amino-blue-200)" | "var(--amino-blue-300)" | "var(--amino-blue-400)" | "var(--amino-blue-500)" | "var(--amino-blue-600)" | "var(--amino-blue-700)" | "var(--amino-blue-800)" | "var(--amino-blue-900)" | "var(--amino-blue-1000)" | "var(--amino-cyan-100)" | "var(--amino-cyan-200)" | "var(--amino-cyan-300)" | "var(--amino-cyan-400)" | "var(--amino-cyan-500)" | "var(--amino-cyan-600)" | "var(--amino-cyan-700)" | "var(--amino-cyan-800)" | "var(--amino-cyan-900)" | "var(--amino-cyan-1000)" | "var(--amino-red-100)" | "var(--amino-red-200)" | "var(--amino-red-300)" | "var(--amino-red-400)" | "var(--amino-red-500)" | "var(--amino-red-600)" | "var(--amino-red-700)" | "var(--amino-red-800)" | "var(--amino-red-900)" | "var(--amino-red-1000)" | "var(--amino-orange-100)" | "var(--amino-orange-200)" | "var(--amino-orange-300)" | "var(--amino-orange-400)" | "var(--amino-orange-500)" | "var(--amino-orange-600)" | "var(--amino-orange-700)" | "var(--amino-orange-800)" | "var(--amino-orange-900)" | "var(--amino-orange-1000)" | "var(--amino-green-100)" | "var(--amino-green-200)" | "var(--amino-green-300)" | "var(--amino-green-400)" | "var(--amino-green-500)" | "var(--amino-green-600)" | "var(--amino-green-700)" | "var(--amino-green-800)" | "var(--amino-green-900)" | "var(--amino-green-1000)" | "var(--amino-purple-100)" | "var(--amino-purple-200)" | "var(--amino-purple-300)" | "var(--amino-purple-400)" | "var(--amino-purple-500)" | "var(--amino-purple-600)" | "var(--amino-purple-700)" | "var(--amino-purple-800)" | "var(--amino-purple-900)" | "var(--amino-purple-1000)" | "inherit" | undefined;
2
+ export declare const getAminoColor: (color?: Color | 'inherit') => "var(--amino-glass-0)" | "var(--amino-glass-50)" | "var(--amino-glass-100)" | "var(--amino-glass-200)" | "var(--amino-glass-300)" | "var(--amino-glass-400)" | "var(--amino-glass-500)" | "var(--amino-glass-600)" | "var(--amino-glass-700)" | "var(--amino-glass-800)" | "var(--amino-glass-900)" | "var(--amino-glass-950)" | "var(--amino-glass-1000)" | "var(--amino-gray-0)" | "var(--amino-gray-50)" | "var(--amino-gray-100)" | "var(--amino-gray-200)" | "var(--amino-gray-300)" | "var(--amino-gray-400)" | "var(--amino-gray-500)" | "var(--amino-gray-600)" | "var(--amino-gray-700)" | "var(--amino-gray-800)" | "var(--amino-gray-900)" | "var(--amino-gray-950)" | "var(--amino-gray-1000)" | "var(--amino-blue-50)" | "var(--amino-blue-100)" | "var(--amino-blue-200)" | "var(--amino-blue-300)" | "var(--amino-blue-400)" | "var(--amino-blue-500)" | "var(--amino-blue-600)" | "var(--amino-blue-700)" | "var(--amino-blue-800)" | "var(--amino-blue-900)" | "var(--amino-blue-950)" | "var(--amino-cyan-50)" | "var(--amino-cyan-100)" | "var(--amino-cyan-200)" | "var(--amino-cyan-300)" | "var(--amino-cyan-400)" | "var(--amino-cyan-500)" | "var(--amino-cyan-600)" | "var(--amino-cyan-700)" | "var(--amino-cyan-800)" | "var(--amino-cyan-900)" | "var(--amino-cyan-950)" | "var(--amino-red-50)" | "var(--amino-red-100)" | "var(--amino-red-200)" | "var(--amino-red-300)" | "var(--amino-red-400)" | "var(--amino-red-500)" | "var(--amino-red-600)" | "var(--amino-red-700)" | "var(--amino-red-800)" | "var(--amino-red-900)" | "var(--amino-red-950)" | "var(--amino-orange-50)" | "var(--amino-orange-100)" | "var(--amino-orange-200)" | "var(--amino-orange-300)" | "var(--amino-orange-400)" | "var(--amino-orange-500)" | "var(--amino-orange-600)" | "var(--amino-orange-700)" | "var(--amino-orange-800)" | "var(--amino-orange-900)" | "var(--amino-orange-950)" | "var(--amino-green-50)" | "var(--amino-green-100)" | "var(--amino-green-200)" | "var(--amino-green-300)" | "var(--amino-green-400)" | "var(--amino-green-500)" | "var(--amino-green-600)" | "var(--amino-green-700)" | "var(--amino-green-800)" | "var(--amino-green-900)" | "var(--amino-green-950)" | "var(--amino-purple-50)" | "var(--amino-purple-100)" | "var(--amino-purple-200)" | "var(--amino-purple-300)" | "var(--amino-purple-400)" | "var(--amino-purple-500)" | "var(--amino-purple-600)" | "var(--amino-purple-700)" | "var(--amino-purple-800)" | "var(--amino-purple-900)" | "var(--amino-purple-950)" | "inherit" | undefined;