@gitlab/ui 72.2.0 → 72.3.1

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 (24) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/css/tokens.css +7 -1
  5. package/dist/tokens/css/tokens.dark.css +73 -67
  6. package/dist/tokens/js/tokens.dark.js +73 -67
  7. package/dist/tokens/js/tokens.js +7 -1
  8. package/dist/tokens/json/tokens.dark.grouped.json +72 -66
  9. package/dist/tokens/json/tokens.dark.json +252 -126
  10. package/dist/tokens/json/tokens.grouped.json +6 -0
  11. package/dist/tokens/json/tokens.json +126 -0
  12. package/dist/tokens/scss/_tokens.dark.scss +73 -67
  13. package/dist/tokens/scss/_tokens.scss +7 -1
  14. package/dist/utility_classes.css +1 -1
  15. package/dist/utility_classes.css.map +1 -1
  16. package/package.json +21 -21
  17. package/src/components/base/avatar/avatar.scss +1 -0
  18. package/src/components/base/avatar/avatar.stories.js +13 -0
  19. package/src/scss/utilities.scss +30 -0
  20. package/src/scss/utility-mixins/display.scss +12 -0
  21. package/src/scss/utility-mixins/image.scss +8 -0
  22. package/src/scss/utility-mixins/index.scss +1 -0
  23. package/src/tokens/color.theme.dark.tokens.json +102 -66
  24. package/src/tokens/color.theme.tokens.json +36 -0
package/dist/tokens/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Dec 2023 09:11:13 GMT
3
+ * Generated on Wed, 03 Jan 2024 14:14:35 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -118,6 +118,7 @@
118
118
  --theme-light-red-200: #ebada2;
119
119
  --theme-light-red-100: #f6d9d5;
120
120
  --theme-light-red-50: #faf2f1;
121
+ --theme-light-red-10: #fdf9f8;
121
122
  --theme-red-950: #380700;
122
123
  --theme-red-900: #580d02;
123
124
  --theme-red-800: #761405;
@@ -129,6 +130,7 @@
129
130
  --theme-red-200: #e3bab5;
130
131
  --theme-red-100: #ecd3d0;
131
132
  --theme-red-50: #f4e9e7;
133
+ --theme-red-10: #faf4f3;
132
134
  --theme-green-950: #052e19;
133
135
  --theme-green-900: #0e4328;
134
136
  --theme-green-800: #155635;
@@ -140,6 +142,7 @@
140
142
  --theme-green-200: #8cc497;
141
143
  --theme-green-100: #b1d6b5;
142
144
  --theme-green-50: #dde9de;
145
+ --theme-green-10: #eef4ef;
143
146
  --theme-light-blue-950: #0a3764;
144
147
  --theme-light-blue-900: #0c4277;
145
148
  --theme-light-blue-800: #0e4d8d;
@@ -151,6 +154,7 @@
151
154
  --theme-light-blue-200: #a0bedc;
152
155
  --theme-light-blue-100: #c1d4e6;
153
156
  --theme-light-blue-50: #dde6ee;
157
+ --theme-light-blue-10: #eef3f7;
154
158
  --theme-blue-950: #04101c;
155
159
  --theme-blue-900: #0b2640;
156
160
  --theme-blue-800: #153c63;
@@ -162,6 +166,7 @@
162
166
  --theme-blue-200: #a6bdd5;
163
167
  --theme-blue-100: #b9cadc;
164
168
  --theme-blue-50: #cdd8e3;
169
+ --theme-blue-10: #e6ecf0;
165
170
  --theme-indigo-950: #14143d;
166
171
  --theme-indigo-900: #222261;
167
172
  --theme-indigo-800: #303083;
@@ -173,6 +178,7 @@
173
178
  --theme-indigo-200: #c7c7f2;
174
179
  --theme-indigo-100: #dbdbf8;
175
180
  --theme-indigo-50: #f1f1ff;
181
+ --theme-indigo-10: #f8f8ff;
176
182
  --data-viz-orange-950: #4b2707;
177
183
  --data-viz-orange-900: #5e2f05;
178
184
  --data-viz-orange-800: #6f3500;
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Dec 2023 09:11:13 GMT
3
+ * Generated on Wed, 03 Jan 2024 14:14:35 GMT
4
4
  */
5
5
 
6
6
  :root.gl-dark {
@@ -73,72 +73,78 @@
73
73
  --blue-50: #033464;
74
74
  --white: #333238;
75
75
  --black: #fff;
76
- --theme-light-red-950: #faf2f1;
77
- --theme-light-red-900: #f6d9d5;
78
- --theme-light-red-800: #ebada2;
79
- --theme-light-red-700: #e07f6f;
80
- --theme-light-red-600: #d36250;
81
- --theme-light-red-500: #c24b38;
82
- --theme-light-red-400: #b53a26;
83
- --theme-light-red-300: #a02e1c;
84
- --theme-light-red-200: #8b2212;
85
- --theme-light-red-100: #751709;
86
- --theme-light-red-50: #5c1105;
87
- --theme-red-950: #f4e9e7;
88
- --theme-red-900: #ecd3d0;
89
- --theme-red-800: #e3bab5;
90
- --theme-red-700: #d59086;
91
- --theme-red-600: #c66e60;
92
- --theme-red-500: #ad4a3b;
93
- --theme-red-400: #a13322;
94
- --theme-red-300: #8f2110;
95
- --theme-red-200: #761405;
96
- --theme-red-100: #580d02;
97
- --theme-red-50: #380700;
98
- --theme-green-950: #dde9de;
99
- --theme-green-900: #b1d6b5;
100
- --theme-green-800: #8cc497;
101
- --theme-green-700: #69af7d;
102
- --theme-green-600: #499767;
103
- --theme-green-500: #308258;
104
- --theme-green-400: #25744c;
105
- --theme-green-300: #1b653f;
106
- --theme-green-200: #155635;
107
- --theme-green-100: #0e4328;
108
- --theme-green-50: #052e19;
109
- --theme-light-blue-950: #dde6ee;
110
- --theme-light-blue-900: #c1d4e6;
111
- --theme-light-blue-800: #a0bedc;
112
- --theme-light-blue-700: #74a3d3;
113
- --theme-light-blue-600: #4f8bc7;
114
- --theme-light-blue-500: #3476b9;
115
- --theme-light-blue-400: #2268ae;
116
- --theme-light-blue-300: #145aa1;
117
- --theme-light-blue-200: #0e4d8d;
118
- --theme-light-blue-100: #0c4277;
119
- --theme-light-blue-50: #0a3764;
120
- --theme-blue-950: #cdd8e3;
121
- --theme-blue-900: #b9cadc;
122
- --theme-blue-800: #a6bdd5;
123
- --theme-blue-700: #81a5c9;
124
- --theme-blue-600: #628eb9;
125
- --theme-blue-500: #4977a5;
126
- --theme-blue-400: #346596;
127
- --theme-blue-300: #235180;
128
- --theme-blue-200: #153c63;
129
- --theme-blue-100: #0b2640;
130
- --theme-blue-50: #04101c;
131
- --theme-indigo-950: #f1f1ff;
132
- --theme-indigo-900: #dbdbf8;
133
- --theme-indigo-800: #c7c7f2;
134
- --theme-indigo-700: #a2a2e6;
135
- --theme-indigo-600: #8181d7;
136
- --theme-indigo-500: #6666c4;
137
- --theme-indigo-400: #5252b5;
138
- --theme-indigo-300: #41419f;
139
- --theme-indigo-200: #303083;
140
- --theme-indigo-100: #222261;
141
- --theme-indigo-50: #14143d;
76
+ --theme-light-red-950: #fdf9f8;
77
+ --theme-light-red-900: #faf2f1;
78
+ --theme-light-red-800: #f6d9d5;
79
+ --theme-light-red-700: #ebada2;
80
+ --theme-light-red-600: #e07f6f;
81
+ --theme-light-red-500: #d36250;
82
+ --theme-light-red-400: #c24b38;
83
+ --theme-light-red-300: #b53a26;
84
+ --theme-light-red-200: #a02e1c;
85
+ --theme-light-red-100: #8b2212;
86
+ --theme-light-red-50: #751709;
87
+ --theme-light-red-10: #5c1105;
88
+ --theme-red-950: #faf4f3;
89
+ --theme-red-900: #f4e9e7;
90
+ --theme-red-800: #ecd3d0;
91
+ --theme-red-700: #e3bab5;
92
+ --theme-red-600: #d59086;
93
+ --theme-red-500: #c66e60;
94
+ --theme-red-400: #ad4a3b;
95
+ --theme-red-300: #a13322;
96
+ --theme-red-200: #8f2110;
97
+ --theme-red-100: #761405;
98
+ --theme-red-50: #580d02;
99
+ --theme-red-10: #380700;
100
+ --theme-green-950: #eef4ef;
101
+ --theme-green-900: #dde9de;
102
+ --theme-green-800: #b1d6b5;
103
+ --theme-green-700: #8cc497;
104
+ --theme-green-600: #69af7d;
105
+ --theme-green-500: #499767;
106
+ --theme-green-400: #308258;
107
+ --theme-green-300: #25744c;
108
+ --theme-green-200: #1b653f;
109
+ --theme-green-100: #155635;
110
+ --theme-green-50: #0e4328;
111
+ --theme-green-10: #052e19;
112
+ --theme-light-blue-950: #eef3f7;
113
+ --theme-light-blue-900: #dde6ee;
114
+ --theme-light-blue-800: #c1d4e6;
115
+ --theme-light-blue-700: #a0bedc;
116
+ --theme-light-blue-600: #74a3d3;
117
+ --theme-light-blue-500: #4f8bc7;
118
+ --theme-light-blue-400: #3476b9;
119
+ --theme-light-blue-300: #2268ae;
120
+ --theme-light-blue-200: #145aa1;
121
+ --theme-light-blue-100: #0e4d8d;
122
+ --theme-light-blue-50: #0c4277;
123
+ --theme-light-blue-10: #0a3764;
124
+ --theme-blue-950: #e6ecf0;
125
+ --theme-blue-900: #cdd8e3;
126
+ --theme-blue-800: #b9cadc;
127
+ --theme-blue-700: #a6bdd5;
128
+ --theme-blue-600: #81a5c9;
129
+ --theme-blue-500: #628eb9;
130
+ --theme-blue-400: #4977a5;
131
+ --theme-blue-300: #346596;
132
+ --theme-blue-200: #235180;
133
+ --theme-blue-100: #153c63;
134
+ --theme-blue-50: #0b2640;
135
+ --theme-blue-10: #04101c;
136
+ --theme-indigo-950: #f8f8ff;
137
+ --theme-indigo-900: #f1f1ff;
138
+ --theme-indigo-800: #dbdbf8;
139
+ --theme-indigo-700: #c7c7f2;
140
+ --theme-indigo-600: #a2a2e6;
141
+ --theme-indigo-500: #8181d7;
142
+ --theme-indigo-400: #6666c4;
143
+ --theme-indigo-300: #5252b5;
144
+ --theme-indigo-200: #41419f;
145
+ --theme-indigo-100: #303083;
146
+ --theme-indigo-50: #222261;
147
+ --theme-indigo-10: #14143d;
142
148
  --data-viz-orange-950: #fae8d1;
143
149
  --data-viz-orange-900: #f5d6b3;
144
150
  --data-viz-orange-800: #eebd8c;
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Dec 2023 09:11:13 GMT
3
+ * Generated on Wed, 03 Jan 2024 14:14:35 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#133a03";
@@ -58,72 +58,78 @@ export const DATA_VIZ_ORANGE_700 = "#e99b60";
58
58
  export const DATA_VIZ_ORANGE_800 = "#eebd8c";
59
59
  export const DATA_VIZ_ORANGE_900 = "#f5d6b3";
60
60
  export const DATA_VIZ_ORANGE_950 = "#fae8d1";
61
- export const THEME_INDIGO_50 = "#14143d";
62
- export const THEME_INDIGO_100 = "#222261";
63
- export const THEME_INDIGO_200 = "#303083";
64
- export const THEME_INDIGO_300 = "#41419f";
65
- export const THEME_INDIGO_400 = "#5252b5";
66
- export const THEME_INDIGO_500 = "#6666c4";
67
- export const THEME_INDIGO_600 = "#8181d7";
68
- export const THEME_INDIGO_700 = "#a2a2e6";
69
- export const THEME_INDIGO_800 = "#c7c7f2";
70
- export const THEME_INDIGO_900 = "#dbdbf8";
71
- export const THEME_INDIGO_950 = "#f1f1ff";
72
- export const THEME_BLUE_50 = "#04101c";
73
- export const THEME_BLUE_100 = "#0b2640";
74
- export const THEME_BLUE_200 = "#153c63";
75
- export const THEME_BLUE_300 = "#235180";
76
- export const THEME_BLUE_400 = "#346596";
77
- export const THEME_BLUE_500 = "#4977a5";
78
- export const THEME_BLUE_600 = "#628eb9";
79
- export const THEME_BLUE_700 = "#81a5c9";
80
- export const THEME_BLUE_800 = "#a6bdd5";
81
- export const THEME_BLUE_900 = "#b9cadc";
82
- export const THEME_BLUE_950 = "#cdd8e3";
83
- export const THEME_LIGHT_BLUE_50 = "#0a3764";
84
- export const THEME_LIGHT_BLUE_100 = "#0c4277";
85
- export const THEME_LIGHT_BLUE_200 = "#0e4d8d";
86
- export const THEME_LIGHT_BLUE_300 = "#145aa1";
87
- export const THEME_LIGHT_BLUE_400 = "#2268ae";
88
- export const THEME_LIGHT_BLUE_500 = "#3476b9";
89
- export const THEME_LIGHT_BLUE_600 = "#4f8bc7";
90
- export const THEME_LIGHT_BLUE_700 = "#74a3d3";
91
- export const THEME_LIGHT_BLUE_800 = "#a0bedc";
92
- export const THEME_LIGHT_BLUE_900 = "#c1d4e6";
93
- export const THEME_LIGHT_BLUE_950 = "#dde6ee";
94
- export const THEME_GREEN_50 = "#052e19";
95
- export const THEME_GREEN_100 = "#0e4328";
96
- export const THEME_GREEN_200 = "#155635";
97
- export const THEME_GREEN_300 = "#1b653f";
98
- export const THEME_GREEN_400 = "#25744c";
99
- export const THEME_GREEN_500 = "#308258";
100
- export const THEME_GREEN_600 = "#499767";
101
- export const THEME_GREEN_700 = "#69af7d";
102
- export const THEME_GREEN_800 = "#8cc497";
103
- export const THEME_GREEN_900 = "#b1d6b5";
104
- export const THEME_GREEN_950 = "#dde9de";
105
- export const THEME_RED_50 = "#380700";
106
- export const THEME_RED_100 = "#580d02";
107
- export const THEME_RED_200 = "#761405";
108
- export const THEME_RED_300 = "#8f2110";
109
- export const THEME_RED_400 = "#a13322";
110
- export const THEME_RED_500 = "#ad4a3b";
111
- export const THEME_RED_600 = "#c66e60";
112
- export const THEME_RED_700 = "#d59086";
113
- export const THEME_RED_800 = "#e3bab5";
114
- export const THEME_RED_900 = "#ecd3d0";
115
- export const THEME_RED_950 = "#f4e9e7";
116
- export const THEME_LIGHT_RED_50 = "#5c1105";
117
- export const THEME_LIGHT_RED_100 = "#751709";
118
- export const THEME_LIGHT_RED_200 = "#8b2212";
119
- export const THEME_LIGHT_RED_300 = "#a02e1c";
120
- export const THEME_LIGHT_RED_400 = "#b53a26";
121
- export const THEME_LIGHT_RED_500 = "#c24b38";
122
- export const THEME_LIGHT_RED_600 = "#d36250";
123
- export const THEME_LIGHT_RED_700 = "#e07f6f";
124
- export const THEME_LIGHT_RED_800 = "#ebada2";
125
- export const THEME_LIGHT_RED_900 = "#f6d9d5";
126
- export const THEME_LIGHT_RED_950 = "#faf2f1";
61
+ export const THEME_INDIGO_10 = "#14143d";
62
+ export const THEME_INDIGO_50 = "#222261";
63
+ export const THEME_INDIGO_100 = "#303083";
64
+ export const THEME_INDIGO_200 = "#41419f";
65
+ export const THEME_INDIGO_300 = "#5252b5";
66
+ export const THEME_INDIGO_400 = "#6666c4";
67
+ export const THEME_INDIGO_500 = "#8181d7";
68
+ export const THEME_INDIGO_600 = "#a2a2e6";
69
+ export const THEME_INDIGO_700 = "#c7c7f2";
70
+ export const THEME_INDIGO_800 = "#dbdbf8";
71
+ export const THEME_INDIGO_900 = "#f1f1ff";
72
+ export const THEME_INDIGO_950 = "#f8f8ff";
73
+ export const THEME_BLUE_10 = "#04101c";
74
+ export const THEME_BLUE_50 = "#0b2640";
75
+ export const THEME_BLUE_100 = "#153c63";
76
+ export const THEME_BLUE_200 = "#235180";
77
+ export const THEME_BLUE_300 = "#346596";
78
+ export const THEME_BLUE_400 = "#4977a5";
79
+ export const THEME_BLUE_500 = "#628eb9";
80
+ export const THEME_BLUE_600 = "#81a5c9";
81
+ export const THEME_BLUE_700 = "#a6bdd5";
82
+ export const THEME_BLUE_800 = "#b9cadc";
83
+ export const THEME_BLUE_900 = "#cdd8e3";
84
+ export const THEME_BLUE_950 = "#e6ecf0";
85
+ export const THEME_LIGHT_BLUE_10 = "#0a3764";
86
+ export const THEME_LIGHT_BLUE_50 = "#0c4277";
87
+ export const THEME_LIGHT_BLUE_100 = "#0e4d8d";
88
+ export const THEME_LIGHT_BLUE_200 = "#145aa1";
89
+ export const THEME_LIGHT_BLUE_300 = "#2268ae";
90
+ export const THEME_LIGHT_BLUE_400 = "#3476b9";
91
+ export const THEME_LIGHT_BLUE_500 = "#4f8bc7";
92
+ export const THEME_LIGHT_BLUE_600 = "#74a3d3";
93
+ export const THEME_LIGHT_BLUE_700 = "#a0bedc";
94
+ export const THEME_LIGHT_BLUE_800 = "#c1d4e6";
95
+ export const THEME_LIGHT_BLUE_900 = "#dde6ee";
96
+ export const THEME_LIGHT_BLUE_950 = "#eef3f7";
97
+ export const THEME_GREEN_10 = "#052e19";
98
+ export const THEME_GREEN_50 = "#0e4328";
99
+ export const THEME_GREEN_100 = "#155635";
100
+ export const THEME_GREEN_200 = "#1b653f";
101
+ export const THEME_GREEN_300 = "#25744c";
102
+ export const THEME_GREEN_400 = "#308258";
103
+ export const THEME_GREEN_500 = "#499767";
104
+ export const THEME_GREEN_600 = "#69af7d";
105
+ export const THEME_GREEN_700 = "#8cc497";
106
+ export const THEME_GREEN_800 = "#b1d6b5";
107
+ export const THEME_GREEN_900 = "#dde9de";
108
+ export const THEME_GREEN_950 = "#eef4ef";
109
+ export const THEME_RED_10 = "#380700";
110
+ export const THEME_RED_50 = "#580d02";
111
+ export const THEME_RED_100 = "#761405";
112
+ export const THEME_RED_200 = "#8f2110";
113
+ export const THEME_RED_300 = "#a13322";
114
+ export const THEME_RED_400 = "#ad4a3b";
115
+ export const THEME_RED_500 = "#c66e60";
116
+ export const THEME_RED_600 = "#d59086";
117
+ export const THEME_RED_700 = "#e3bab5";
118
+ export const THEME_RED_800 = "#ecd3d0";
119
+ export const THEME_RED_900 = "#f4e9e7";
120
+ export const THEME_RED_950 = "#faf4f3";
121
+ export const THEME_LIGHT_RED_10 = "#5c1105";
122
+ export const THEME_LIGHT_RED_50 = "#751709";
123
+ export const THEME_LIGHT_RED_100 = "#8b2212";
124
+ export const THEME_LIGHT_RED_200 = "#a02e1c";
125
+ export const THEME_LIGHT_RED_300 = "#b53a26";
126
+ export const THEME_LIGHT_RED_400 = "#c24b38";
127
+ export const THEME_LIGHT_RED_500 = "#d36250";
128
+ export const THEME_LIGHT_RED_600 = "#e07f6f";
129
+ export const THEME_LIGHT_RED_700 = "#ebada2";
130
+ export const THEME_LIGHT_RED_800 = "#f6d9d5";
131
+ export const THEME_LIGHT_RED_900 = "#faf2f1";
132
+ export const THEME_LIGHT_RED_950 = "#fdf9f8";
127
133
  export const BLACK = "#fff";
128
134
  export const WHITE = "#333238";
129
135
  export const BLUE_50 = "#033464";
package/dist/tokens/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 21 Dec 2023 09:11:13 GMT
3
+ * Generated on Wed, 03 Jan 2024 14:14:35 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#ddfab7";
@@ -58,6 +58,7 @@ export const DATA_VIZ_ORANGE_700 = "#92430a";
58
58
  export const DATA_VIZ_ORANGE_800 = "#6f3500";
59
59
  export const DATA_VIZ_ORANGE_900 = "#5e2f05";
60
60
  export const DATA_VIZ_ORANGE_950 = "#4b2707";
61
+ export const THEME_INDIGO_10 = "#f8f8ff";
61
62
  export const THEME_INDIGO_50 = "#f1f1ff";
62
63
  export const THEME_INDIGO_100 = "#dbdbf8";
63
64
  export const THEME_INDIGO_200 = "#c7c7f2";
@@ -69,6 +70,7 @@ export const THEME_INDIGO_700 = "#41419f";
69
70
  export const THEME_INDIGO_800 = "#303083";
70
71
  export const THEME_INDIGO_900 = "#222261";
71
72
  export const THEME_INDIGO_950 = "#14143d";
73
+ export const THEME_BLUE_10 = "#e6ecf0";
72
74
  export const THEME_BLUE_50 = "#cdd8e3";
73
75
  export const THEME_BLUE_100 = "#b9cadc";
74
76
  export const THEME_BLUE_200 = "#a6bdd5";
@@ -80,6 +82,7 @@ export const THEME_BLUE_700 = "#235180";
80
82
  export const THEME_BLUE_800 = "#153c63";
81
83
  export const THEME_BLUE_900 = "#0b2640";
82
84
  export const THEME_BLUE_950 = "#04101c";
85
+ export const THEME_LIGHT_BLUE_10 = "#eef3f7";
83
86
  export const THEME_LIGHT_BLUE_50 = "#dde6ee";
84
87
  export const THEME_LIGHT_BLUE_100 = "#c1d4e6";
85
88
  export const THEME_LIGHT_BLUE_200 = "#a0bedc";
@@ -91,6 +94,7 @@ export const THEME_LIGHT_BLUE_700 = "#145aa1";
91
94
  export const THEME_LIGHT_BLUE_800 = "#0e4d8d";
92
95
  export const THEME_LIGHT_BLUE_900 = "#0c4277";
93
96
  export const THEME_LIGHT_BLUE_950 = "#0a3764";
97
+ export const THEME_GREEN_10 = "#eef4ef";
94
98
  export const THEME_GREEN_50 = "#dde9de";
95
99
  export const THEME_GREEN_100 = "#b1d6b5";
96
100
  export const THEME_GREEN_200 = "#8cc497";
@@ -102,6 +106,7 @@ export const THEME_GREEN_700 = "#1b653f";
102
106
  export const THEME_GREEN_800 = "#155635";
103
107
  export const THEME_GREEN_900 = "#0e4328";
104
108
  export const THEME_GREEN_950 = "#052e19";
109
+ export const THEME_RED_10 = "#faf4f3";
105
110
  export const THEME_RED_50 = "#f4e9e7";
106
111
  export const THEME_RED_100 = "#ecd3d0";
107
112
  export const THEME_RED_200 = "#e3bab5";
@@ -113,6 +118,7 @@ export const THEME_RED_700 = "#8f2110";
113
118
  export const THEME_RED_800 = "#761405";
114
119
  export const THEME_RED_900 = "#580d02";
115
120
  export const THEME_RED_950 = "#380700";
121
+ export const THEME_LIGHT_RED_10 = "#fdf9f8";
116
122
  export const THEME_LIGHT_RED_50 = "#faf2f1";
117
123
  export const THEME_LIGHT_RED_100 = "#f6d9d5";
118
124
  export const THEME_LIGHT_RED_200 = "#ebada2";
package/dist/tokens/json/tokens.dark.grouped.json CHANGED
@@ -55,72 +55,78 @@
55
55
  "data-viz-orange-800": "#eebd8c",
56
56
  "data-viz-orange-900": "#f5d6b3",
57
57
  "data-viz-orange-950": "#fae8d1",
58
- "theme-indigo-50": "#14143d",
59
- "theme-indigo-100": "#222261",
60
- "theme-indigo-200": "#303083",
61
- "theme-indigo-300": "#41419f",
62
- "theme-indigo-400": "#5252b5",
63
- "theme-indigo-500": "#6666c4",
64
- "theme-indigo-600": "#8181d7",
65
- "theme-indigo-700": "#a2a2e6",
66
- "theme-indigo-800": "#c7c7f2",
67
- "theme-indigo-900": "#dbdbf8",
68
- "theme-indigo-950": "#f1f1ff",
69
- "theme-blue-50": "#04101c",
70
- "theme-blue-100": "#0b2640",
71
- "theme-blue-200": "#153c63",
72
- "theme-blue-300": "#235180",
73
- "theme-blue-400": "#346596",
74
- "theme-blue-500": "#4977a5",
75
- "theme-blue-600": "#628eb9",
76
- "theme-blue-700": "#81a5c9",
77
- "theme-blue-800": "#a6bdd5",
78
- "theme-blue-900": "#b9cadc",
79
- "theme-blue-950": "#cdd8e3",
80
- "theme-light-blue-50": "#0a3764",
81
- "theme-light-blue-100": "#0c4277",
82
- "theme-light-blue-200": "#0e4d8d",
83
- "theme-light-blue-300": "#145aa1",
84
- "theme-light-blue-400": "#2268ae",
85
- "theme-light-blue-500": "#3476b9",
86
- "theme-light-blue-600": "#4f8bc7",
87
- "theme-light-blue-700": "#74a3d3",
88
- "theme-light-blue-800": "#a0bedc",
89
- "theme-light-blue-900": "#c1d4e6",
90
- "theme-light-blue-950": "#dde6ee",
91
- "theme-green-50": "#052e19",
92
- "theme-green-100": "#0e4328",
93
- "theme-green-200": "#155635",
94
- "theme-green-300": "#1b653f",
95
- "theme-green-400": "#25744c",
96
- "theme-green-500": "#308258",
97
- "theme-green-600": "#499767",
98
- "theme-green-700": "#69af7d",
99
- "theme-green-800": "#8cc497",
100
- "theme-green-900": "#b1d6b5",
101
- "theme-green-950": "#dde9de",
102
- "theme-red-50": "#380700",
103
- "theme-red-100": "#580d02",
104
- "theme-red-200": "#761405",
105
- "theme-red-300": "#8f2110",
106
- "theme-red-400": "#a13322",
107
- "theme-red-500": "#ad4a3b",
108
- "theme-red-600": "#c66e60",
109
- "theme-red-700": "#d59086",
110
- "theme-red-800": "#e3bab5",
111
- "theme-red-900": "#ecd3d0",
112
- "theme-red-950": "#f4e9e7",
113
- "theme-light-red-50": "#5c1105",
114
- "theme-light-red-100": "#751709",
115
- "theme-light-red-200": "#8b2212",
116
- "theme-light-red-300": "#a02e1c",
117
- "theme-light-red-400": "#b53a26",
118
- "theme-light-red-500": "#c24b38",
119
- "theme-light-red-600": "#d36250",
120
- "theme-light-red-700": "#e07f6f",
121
- "theme-light-red-800": "#ebada2",
122
- "theme-light-red-900": "#f6d9d5",
123
- "theme-light-red-950": "#faf2f1",
58
+ "theme-indigo-10": "#14143d",
59
+ "theme-indigo-50": "#222261",
60
+ "theme-indigo-100": "#303083",
61
+ "theme-indigo-200": "#41419f",
62
+ "theme-indigo-300": "#5252b5",
63
+ "theme-indigo-400": "#6666c4",
64
+ "theme-indigo-500": "#8181d7",
65
+ "theme-indigo-600": "#a2a2e6",
66
+ "theme-indigo-700": "#c7c7f2",
67
+ "theme-indigo-800": "#dbdbf8",
68
+ "theme-indigo-900": "#f1f1ff",
69
+ "theme-indigo-950": "#f8f8ff",
70
+ "theme-blue-10": "#04101c",
71
+ "theme-blue-50": "#0b2640",
72
+ "theme-blue-100": "#153c63",
73
+ "theme-blue-200": "#235180",
74
+ "theme-blue-300": "#346596",
75
+ "theme-blue-400": "#4977a5",
76
+ "theme-blue-500": "#628eb9",
77
+ "theme-blue-600": "#81a5c9",
78
+ "theme-blue-700": "#a6bdd5",
79
+ "theme-blue-800": "#b9cadc",
80
+ "theme-blue-900": "#cdd8e3",
81
+ "theme-blue-950": "#e6ecf0",
82
+ "theme-light-blue-10": "#0a3764",
83
+ "theme-light-blue-50": "#0c4277",
84
+ "theme-light-blue-100": "#0e4d8d",
85
+ "theme-light-blue-200": "#145aa1",
86
+ "theme-light-blue-300": "#2268ae",
87
+ "theme-light-blue-400": "#3476b9",
88
+ "theme-light-blue-500": "#4f8bc7",
89
+ "theme-light-blue-600": "#74a3d3",
90
+ "theme-light-blue-700": "#a0bedc",
91
+ "theme-light-blue-800": "#c1d4e6",
92
+ "theme-light-blue-900": "#dde6ee",
93
+ "theme-light-blue-950": "#eef3f7",
94
+ "theme-green-10": "#052e19",
95
+ "theme-green-50": "#0e4328",
96
+ "theme-green-100": "#155635",
97
+ "theme-green-200": "#1b653f",
98
+ "theme-green-300": "#25744c",
99
+ "theme-green-400": "#308258",
100
+ "theme-green-500": "#499767",
101
+ "theme-green-600": "#69af7d",
102
+ "theme-green-700": "#8cc497",
103
+ "theme-green-800": "#b1d6b5",
104
+ "theme-green-900": "#dde9de",
105
+ "theme-green-950": "#eef4ef",
106
+ "theme-red-10": "#380700",
107
+ "theme-red-50": "#580d02",
108
+ "theme-red-100": "#761405",
109
+ "theme-red-200": "#8f2110",
110
+ "theme-red-300": "#a13322",
111
+ "theme-red-400": "#ad4a3b",
112
+ "theme-red-500": "#c66e60",
113
+ "theme-red-600": "#d59086",
114
+ "theme-red-700": "#e3bab5",
115
+ "theme-red-800": "#ecd3d0",
116
+ "theme-red-900": "#f4e9e7",
117
+ "theme-red-950": "#faf4f3",
118
+ "theme-light-red-10": "#5c1105",
119
+ "theme-light-red-50": "#751709",
120
+ "theme-light-red-100": "#8b2212",
121
+ "theme-light-red-200": "#a02e1c",
122
+ "theme-light-red-300": "#b53a26",
123
+ "theme-light-red-400": "#c24b38",
124
+ "theme-light-red-500": "#d36250",
125
+ "theme-light-red-600": "#e07f6f",
126
+ "theme-light-red-700": "#ebada2",
127
+ "theme-light-red-800": "#f6d9d5",
128
+ "theme-light-red-900": "#faf2f1",
129
+ "theme-light-red-950": "#fdf9f8",
124
130
  "black": "#fff",
125
131
  "white": "#333238",
126
132
  "blue-50": "#033464",