@gitlab/ui 80.4.0 → 80.6.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/CHANGELOG.md +14 -0
  2. package/dist/tokens/build/js/tokens.dark.js +212 -0
  3. package/dist/tokens/build/js/tokens.js +248 -0
  4. package/dist/tokens/css/tokens.css +1 -1
  5. package/dist/tokens/css/tokens.dark.css +1 -1
  6. package/dist/tokens/js/tokens.dark.js +206 -206
  7. package/dist/tokens/js/tokens.js +242 -242
  8. package/dist/tokens/json/tokens.dark.json +1436 -1577
  9. package/dist/tokens/json/tokens.json +1302 -687
  10. package/dist/tokens/scss/_tokens.dark.scss +197 -197
  11. package/dist/tokens/scss/_tokens.scss +1 -1
  12. package/package.json +2 -2
  13. package/src/tokens/build/css/tokens.css +248 -0
  14. package/src/tokens/build/css/tokens.dark.css +212 -0
  15. package/src/tokens/build/js/tokens.dark.js +210 -0
  16. package/src/tokens/build/js/tokens.js +246 -0
  17. package/src/tokens/build/json/tokens.dark.json +4896 -0
  18. package/src/tokens/build/json/tokens.json +5652 -0
  19. package/src/tokens/build/scss/_tokens.dark.scss +209 -0
  20. package/src/tokens/build/scss/_tokens.scss +245 -0
  21. package/src/tokens/color.data_viz.tokens.json +220 -55
  22. package/src/tokens/color.theme.tokens.json +288 -72
  23. package/src/tokens/color.tokens.json +276 -69
  24. package/src/tokens/text.tokens.json +36 -9
  25. package/dist/tokens/json/tokens.dark.grouped.json +0 -247
  26. package/dist/tokens/json/tokens.grouped.json +0 -247
  27. package/src/tokens/color.dark.tokens.json +0 -428
  28. package/src/tokens/color.data_viz.dark.tokens.json +0 -344
  29. package/src/tokens/color.theme.dark.tokens.json +0 -448
  30. package/src/tokens/text.dark.tokens.json +0 -63
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
+ // Automatically generated
2
3
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 00:27:09 GMT
4
4
 
5
5
  $gl-text-color-disabled: #89888d !default; // Used for disabled text.
6
6
  $gl-text-color-link: #63a6e9 !default; // Used for default text links.
@@ -11,199 +11,199 @@ $gl-text-color-default: #ececef !default; // Used for the default text color.
11
11
  $gl-text-tertiary: #737278 !default; // Use text.color.disabled instead
12
12
  $gl-text-secondary: #89888d !default; // Use text.color.subtle instead
13
13
  $gl-text-primary: #ececef !default; // Use text.color.default instead
14
- $red-950: #fff4f3;
15
- $red-900: #fcf1ef;
16
- $red-800: #fdd4cd;
17
- $red-700: #fcb5aa;
18
- $red-600: #f57f6c;
19
- $red-500: #ec5941;
20
- $red-400: #dd2b0e;
21
- $red-300: #c91c00;
22
- $red-200: #ae1800;
23
- $red-100: #8d1300;
24
- $red-50: #660e00;
25
- $purple-950: #f4f0ff;
26
- $purple-900: #e1d8f9;
27
- $purple-800: #cbbbf2;
28
- $purple-700: #ac93e6;
29
- $purple-600: #9475db;
30
- $purple-500: #7b58cf;
31
- $purple-400: #694cc0;
32
- $purple-300: #5943b6;
33
- $purple-200: #453894;
34
- $purple-100: #2f2a6b;
35
- $purple-50: #232150;
36
- $orange-950: #fff4e1;
37
- $orange-900: #fdf1dd;
38
- $orange-800: #f5d9a8;
39
- $orange-700: #e9be74;
40
- $orange-600: #d99530;
41
- $orange-500: #c17d10;
42
- $orange-400: #ab6100;
43
- $orange-300: #9e5400;
44
- $orange-200: #8f4700;
45
- $orange-100: #703800;
46
- $orange-50: #5c2900;
47
- $green-950: #f1fdf6;
48
- $green-900: #ecf4ee;
49
- $green-800: #c3e6cd;
50
- $green-700: #91d4a8;
51
- $green-600: #52b87a;
52
- $green-500: #2da160;
53
- $green-400: #108548;
54
- $green-300: #217645;
55
- $green-200: #24663b;
56
- $green-100: #0d532a;
57
- $green-50: #0a4020;
58
- $gray-950: #fbfafd;
59
- $gray-900: #ececef;
60
- $gray-800: #dcdcde;
61
- $gray-700: #bfbfc3;
62
- $gray-600: #a4a3a8;
63
- $gray-500: #89888d;
64
- $gray-400: #737278;
65
- $gray-300: #626168;
66
- $gray-200: #535158;
67
- $gray-100: #434248;
68
- $gray-50: #333238;
69
- $gray-10: #1f1e24;
70
- $blue-950: #f2f9ff;
71
- $blue-900: #e9f3fc;
72
- $blue-800: #cbe2f9;
73
- $blue-700: #9dc7f1;
74
- $blue-600: #63a6e9;
75
- $blue-500: #428fdc;
76
- $blue-400: #1f75cb;
77
- $blue-300: #1068bf;
78
- $blue-200: #0b5cad;
79
- $blue-100: #064787;
80
- $blue-50: #033464;
81
- $white: #333238;
82
- $black: #fff;
83
- $theme-light-red-950: #fdf9f8;
84
- $theme-light-red-900: #faf2f1;
85
- $theme-light-red-800: #f6d9d5;
86
- $theme-light-red-700: #ebada2;
87
- $theme-light-red-600: #e07f6f;
88
- $theme-light-red-500: #d36250;
89
- $theme-light-red-400: #c24b38;
90
- $theme-light-red-300: #b53a26;
91
- $theme-light-red-200: #a02e1c;
92
- $theme-light-red-100: #8b2212;
93
- $theme-light-red-50: #751709;
94
- $theme-light-red-10: #5c1105;
95
- $theme-red-950: #faf4f3;
96
- $theme-red-900: #f4e9e7;
97
- $theme-red-800: #ecd3d0;
98
- $theme-red-700: #e3bab5;
99
- $theme-red-600: #d59086;
100
- $theme-red-500: #c66e60;
101
- $theme-red-400: #ad4a3b;
102
- $theme-red-300: #a13322;
103
- $theme-red-200: #8f2110;
104
- $theme-red-100: #761405;
105
- $theme-red-50: #580d02;
106
- $theme-red-10: #380700;
107
- $theme-green-950: #eef4ef;
108
- $theme-green-900: #dde9de;
109
- $theme-green-800: #b1d6b5;
110
- $theme-green-700: #8cc497;
111
- $theme-green-600: #69af7d;
112
- $theme-green-500: #499767;
113
- $theme-green-400: #308258;
114
- $theme-green-300: #25744c;
115
- $theme-green-200: #1b653f;
116
- $theme-green-100: #155635;
117
- $theme-green-50: #0e4328;
118
- $theme-green-10: #052e19;
119
- $theme-light-blue-950: #eef3f7;
120
- $theme-light-blue-900: #dde6ee;
121
- $theme-light-blue-800: #c1d4e6;
122
- $theme-light-blue-700: #a0bedc;
123
- $theme-light-blue-600: #74a3d3;
124
- $theme-light-blue-500: #4f8bc7;
125
- $theme-light-blue-400: #3476b9;
126
- $theme-light-blue-300: #2268ae;
127
- $theme-light-blue-200: #145aa1;
128
- $theme-light-blue-100: #0e4d8d;
129
- $theme-light-blue-50: #0c4277;
130
- $theme-light-blue-10: #0a3764;
131
- $theme-blue-950: #e6ecf0;
132
- $theme-blue-900: #cdd8e3;
133
- $theme-blue-800: #b9cadc;
134
- $theme-blue-700: #a6bdd5;
135
- $theme-blue-600: #81a5c9;
136
- $theme-blue-500: #628eb9;
137
- $theme-blue-400: #4977a5;
138
- $theme-blue-300: #346596;
139
- $theme-blue-200: #235180;
140
- $theme-blue-100: #153c63;
141
- $theme-blue-50: #0b2640;
142
- $theme-blue-10: #04101c;
143
- $theme-indigo-950: #f8f8ff;
144
- $theme-indigo-900: #f1f1ff;
145
- $theme-indigo-800: #dbdbf8;
146
- $theme-indigo-700: #c7c7f2;
147
- $theme-indigo-600: #a2a2e6;
148
- $theme-indigo-500: #8181d7;
149
- $theme-indigo-400: #6666c4;
150
- $theme-indigo-300: #5252b5;
151
- $theme-indigo-200: #41419f;
152
- $theme-indigo-100: #303083;
153
- $theme-indigo-50: #222261;
154
- $theme-indigo-10: #14143d;
155
- $data-viz-orange-950: #fae8d1;
156
- $data-viz-orange-900: #f5d6b3;
157
- $data-viz-orange-800: #eebd8c;
158
- $data-viz-orange-700: #e99b60;
159
- $data-viz-orange-600: #e07e41;
160
- $data-viz-orange-500: #c95d2e;
161
- $data-viz-orange-400: #b14f18;
162
- $data-viz-orange-300: #92430a;
163
- $data-viz-orange-200: #6f3500;
164
- $data-viz-orange-100: #5e2f05;
165
- $data-viz-orange-50: #4b2707;
166
- $data-viz-magenta-950: #ffe3eb;
167
- $data-viz-magenta-900: #ffccdb;
168
- $data-viz-magenta-800: #fcacc5;
169
- $data-viz-magenta-700: #f88aaf;
170
- $data-viz-magenta-600: #e86e9a;
171
- $data-viz-magenta-500: #cf4d81;
172
- $data-viz-magenta-400: #b93d71;
173
- $data-viz-magenta-300: #9a2e5d;
174
- $data-viz-magenta-200: #7c214f;
175
- $data-viz-magenta-100: #661e3a;
176
- $data-viz-magenta-50: #541d31;
177
- $data-viz-blue-950: #e9ebff;
178
- $data-viz-blue-900: #d2dcff;
179
- $data-viz-blue-800: #b7c6ff;
180
- $data-viz-blue-700: #97acff;
181
- $data-viz-blue-600: #7992f5;
182
- $data-viz-blue-500: #617ae2;
183
- $data-viz-blue-400: #4e65cd;
184
- $data-viz-blue-300: #3f51ae;
185
- $data-viz-blue-200: #374291;
186
- $data-viz-blue-100: #303470;
187
- $data-viz-blue-50: #2a2b59;
188
- $data-viz-aqua-950: #b5fefd;
189
- $data-viz-aqua-900: #93f2ef;
190
- $data-viz-aqua-800: #5edee3;
191
- $data-viz-aqua-700: #32c5d2;
192
- $data-viz-aqua-600: #00acc4;
193
- $data-viz-aqua-500: #0090b1;
194
- $data-viz-aqua-400: #007b9b;
195
- $data-viz-aqua-300: #006381;
196
- $data-viz-aqua-200: #00516c;
197
- $data-viz-aqua-100: #004059;
198
- $data-viz-aqua-50: #00344b;
199
- $data-viz-green-950: #ddfab7;
200
- $data-viz-green-900: #c6ed94;
201
- $data-viz-green-800: #b0d97b;
202
- $data-viz-green-700: #94c25e;
203
- $data-viz-green-600: #81ac41;
204
- $data-viz-green-500: #619025;
205
- $data-viz-green-400: #4e7f0e;
206
- $data-viz-green-300: #366800;
207
- $data-viz-green-200: #275600;
208
- $data-viz-green-100: #1a4500;
209
- $data-viz-green-50: #133a03;
14
+ $red-950: #fff4f3 !default;
15
+ $red-900: #fcf1ef !default;
16
+ $red-800: #fdd4cd !default;
17
+ $red-700: #fcb5aa !default;
18
+ $red-600: #f57f6c !default;
19
+ $red-500: #ec5941 !default;
20
+ $red-400: #dd2b0e !default;
21
+ $red-300: #c91c00 !default;
22
+ $red-200: #ae1800 !default;
23
+ $red-100: #8d1300 !default;
24
+ $red-50: #660e00 !default;
25
+ $purple-950: #f4f0ff !default;
26
+ $purple-900: #e1d8f9 !default;
27
+ $purple-800: #cbbbf2 !default;
28
+ $purple-700: #ac93e6 !default;
29
+ $purple-600: #9475db !default;
30
+ $purple-500: #7b58cf !default;
31
+ $purple-400: #694cc0 !default;
32
+ $purple-300: #5943b6 !default;
33
+ $purple-200: #453894 !default;
34
+ $purple-100: #2f2a6b !default;
35
+ $purple-50: #232150 !default;
36
+ $orange-950: #fff4e1 !default;
37
+ $orange-900: #fdf1dd !default;
38
+ $orange-800: #f5d9a8 !default;
39
+ $orange-700: #e9be74 !default;
40
+ $orange-600: #d99530 !default;
41
+ $orange-500: #c17d10 !default;
42
+ $orange-400: #ab6100 !default;
43
+ $orange-300: #9e5400 !default;
44
+ $orange-200: #8f4700 !default;
45
+ $orange-100: #703800 !default;
46
+ $orange-50: #5c2900 !default;
47
+ $green-950: #f1fdf6 !default;
48
+ $green-900: #ecf4ee !default;
49
+ $green-800: #c3e6cd !default;
50
+ $green-700: #91d4a8 !default;
51
+ $green-600: #52b87a !default;
52
+ $green-500: #2da160 !default;
53
+ $green-400: #108548 !default;
54
+ $green-300: #217645 !default;
55
+ $green-200: #24663b !default;
56
+ $green-100: #0d532a !default;
57
+ $green-50: #0a4020 !default;
58
+ $gray-950: #fbfafd !default;
59
+ $gray-900: #ececef !default;
60
+ $gray-800: #dcdcde !default;
61
+ $gray-700: #bfbfc3 !default;
62
+ $gray-600: #a4a3a8 !default;
63
+ $gray-500: #89888d !default;
64
+ $gray-400: #737278 !default;
65
+ $gray-300: #626168 !default;
66
+ $gray-200: #535158 !default;
67
+ $gray-100: #434248 !default;
68
+ $gray-50: #333238 !default;
69
+ $gray-10: #1f1e24 !default;
70
+ $blue-950: #f2f9ff !default;
71
+ $blue-900: #e9f3fc !default;
72
+ $blue-800: #cbe2f9 !default;
73
+ $blue-700: #9dc7f1 !default;
74
+ $blue-600: #63a6e9 !default;
75
+ $blue-500: #428fdc !default;
76
+ $blue-400: #1f75cb !default;
77
+ $blue-300: #1068bf !default;
78
+ $blue-200: #0b5cad !default;
79
+ $blue-100: #064787 !default;
80
+ $blue-50: #033464 !default;
81
+ $white: #333238 !default;
82
+ $black: #fff !default;
83
+ $theme-light-red-950: #fdf9f8 !default;
84
+ $theme-light-red-900: #faf2f1 !default;
85
+ $theme-light-red-800: #f6d9d5 !default;
86
+ $theme-light-red-700: #ebada2 !default;
87
+ $theme-light-red-600: #e07f6f !default;
88
+ $theme-light-red-500: #d36250 !default;
89
+ $theme-light-red-400: #c24b38 !default;
90
+ $theme-light-red-300: #b53a26 !default;
91
+ $theme-light-red-200: #a02e1c !default;
92
+ $theme-light-red-100: #8b2212 !default;
93
+ $theme-light-red-50: #751709 !default;
94
+ $theme-light-red-10: #5c1105 !default;
95
+ $theme-red-950: #faf4f3 !default;
96
+ $theme-red-900: #f4e9e7 !default;
97
+ $theme-red-800: #ecd3d0 !default;
98
+ $theme-red-700: #e3bab5 !default;
99
+ $theme-red-600: #d59086 !default;
100
+ $theme-red-500: #c66e60 !default;
101
+ $theme-red-400: #ad4a3b !default;
102
+ $theme-red-300: #a13322 !default;
103
+ $theme-red-200: #8f2110 !default;
104
+ $theme-red-100: #761405 !default;
105
+ $theme-red-50: #580d02 !default;
106
+ $theme-red-10: #380700 !default;
107
+ $theme-green-950: #eef4ef !default;
108
+ $theme-green-900: #dde9de !default;
109
+ $theme-green-800: #b1d6b5 !default;
110
+ $theme-green-700: #8cc497 !default;
111
+ $theme-green-600: #69af7d !default;
112
+ $theme-green-500: #499767 !default;
113
+ $theme-green-400: #308258 !default;
114
+ $theme-green-300: #25744c !default;
115
+ $theme-green-200: #1b653f !default;
116
+ $theme-green-100: #155635 !default;
117
+ $theme-green-50: #0e4328 !default;
118
+ $theme-green-10: #052e19 !default;
119
+ $theme-light-blue-950: #eef3f7 !default;
120
+ $theme-light-blue-900: #dde6ee !default;
121
+ $theme-light-blue-800: #c1d4e6 !default;
122
+ $theme-light-blue-700: #a0bedc !default;
123
+ $theme-light-blue-600: #74a3d3 !default;
124
+ $theme-light-blue-500: #4f8bc7 !default;
125
+ $theme-light-blue-400: #3476b9 !default;
126
+ $theme-light-blue-300: #2268ae !default;
127
+ $theme-light-blue-200: #145aa1 !default;
128
+ $theme-light-blue-100: #0e4d8d !default;
129
+ $theme-light-blue-50: #0c4277 !default;
130
+ $theme-light-blue-10: #0a3764 !default;
131
+ $theme-blue-950: #e6ecf0 !default;
132
+ $theme-blue-900: #cdd8e3 !default;
133
+ $theme-blue-800: #b9cadc !default;
134
+ $theme-blue-700: #a6bdd5 !default;
135
+ $theme-blue-600: #81a5c9 !default;
136
+ $theme-blue-500: #628eb9 !default;
137
+ $theme-blue-400: #4977a5 !default;
138
+ $theme-blue-300: #346596 !default;
139
+ $theme-blue-200: #235180 !default;
140
+ $theme-blue-100: #153c63 !default;
141
+ $theme-blue-50: #0b2640 !default;
142
+ $theme-blue-10: #04101c !default;
143
+ $theme-indigo-950: #f8f8ff !default;
144
+ $theme-indigo-900: #f1f1ff !default;
145
+ $theme-indigo-800: #dbdbf8 !default;
146
+ $theme-indigo-700: #c7c7f2 !default;
147
+ $theme-indigo-600: #a2a2e6 !default;
148
+ $theme-indigo-500: #8181d7 !default;
149
+ $theme-indigo-400: #6666c4 !default;
150
+ $theme-indigo-300: #5252b5 !default;
151
+ $theme-indigo-200: #41419f !default;
152
+ $theme-indigo-100: #303083 !default;
153
+ $theme-indigo-50: #222261 !default;
154
+ $theme-indigo-10: #14143d !default;
155
+ $data-viz-orange-950: #fae8d1 !default;
156
+ $data-viz-orange-900: #f5d6b3 !default;
157
+ $data-viz-orange-800: #eebd8c !default;
158
+ $data-viz-orange-700: #e99b60 !default;
159
+ $data-viz-orange-600: #e07e41 !default;
160
+ $data-viz-orange-500: #c95d2e !default;
161
+ $data-viz-orange-400: #b14f18 !default;
162
+ $data-viz-orange-300: #92430a !default;
163
+ $data-viz-orange-200: #6f3500 !default;
164
+ $data-viz-orange-100: #5e2f05 !default;
165
+ $data-viz-orange-50: #4b2707 !default;
166
+ $data-viz-magenta-950: #ffe3eb !default;
167
+ $data-viz-magenta-900: #ffccdb !default;
168
+ $data-viz-magenta-800: #fcacc5 !default;
169
+ $data-viz-magenta-700: #f88aaf !default;
170
+ $data-viz-magenta-600: #e86e9a !default;
171
+ $data-viz-magenta-500: #cf4d81 !default;
172
+ $data-viz-magenta-400: #b93d71 !default;
173
+ $data-viz-magenta-300: #9a2e5d !default;
174
+ $data-viz-magenta-200: #7c214f !default;
175
+ $data-viz-magenta-100: #661e3a !default;
176
+ $data-viz-magenta-50: #541d31 !default;
177
+ $data-viz-blue-950: #e9ebff !default;
178
+ $data-viz-blue-900: #d2dcff !default;
179
+ $data-viz-blue-800: #b7c6ff !default;
180
+ $data-viz-blue-700: #97acff !default;
181
+ $data-viz-blue-600: #7992f5 !default;
182
+ $data-viz-blue-500: #617ae2 !default;
183
+ $data-viz-blue-400: #4e65cd !default;
184
+ $data-viz-blue-300: #3f51ae !default;
185
+ $data-viz-blue-200: #374291 !default;
186
+ $data-viz-blue-100: #303470 !default;
187
+ $data-viz-blue-50: #2a2b59 !default;
188
+ $data-viz-aqua-950: #b5fefd !default;
189
+ $data-viz-aqua-900: #93f2ef !default;
190
+ $data-viz-aqua-800: #5edee3 !default;
191
+ $data-viz-aqua-700: #32c5d2 !default;
192
+ $data-viz-aqua-600: #00acc4 !default;
193
+ $data-viz-aqua-500: #0090b1 !default;
194
+ $data-viz-aqua-400: #007b9b !default;
195
+ $data-viz-aqua-300: #006381 !default;
196
+ $data-viz-aqua-200: #00516c !default;
197
+ $data-viz-aqua-100: #004059 !default;
198
+ $data-viz-aqua-50: #00344b !default;
199
+ $data-viz-green-950: #ddfab7 !default;
200
+ $data-viz-green-900: #c6ed94 !default;
201
+ $data-viz-green-800: #b0d97b !default;
202
+ $data-viz-green-700: #94c25e !default;
203
+ $data-viz-green-600: #81ac41 !default;
204
+ $data-viz-green-500: #619025 !default;
205
+ $data-viz-green-400: #4e7f0e !default;
206
+ $data-viz-green-300: #366800 !default;
207
+ $data-viz-green-200: #275600 !default;
208
+ $data-viz-green-100: #1a4500 !default;
209
+ $data-viz-green-50: #133a03 !default;
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
+ // Automatically generated
2
3
  // Do not edit directly
3
- // Generated on Tue, 07 May 2024 00:27:09 GMT
4
4
 
5
5
  $gl-text-color-disabled: #89888d !default; // Used for disabled text.
6
6
  $gl-text-color-success: #217645 !default; // Used for text indicating success or validity.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "80.4.0",
3
+ "version": "80.6.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -138,7 +138,7 @@
138
138
  "emoji-regex": "^10.0.0",
139
139
  "eslint": "8.57.0",
140
140
  "eslint-import-resolver-jest": "3.0.2",
141
- "eslint-plugin-cypress": "3.1.0",
141
+ "eslint-plugin-cypress": "3.1.1",
142
142
  "eslint-plugin-storybook": "0.8.0",
143
143
  "glob": "10.3.3",
144
144
  "identity-obj-proxy": "^3.0.0",
package/src/tokens/build/css/tokens.css ADDED
@@ -0,0 +1,248 @@
1
+ /**
2
+ * Automatically generated
3
+ * Do not edit directly
4
+ */
5
+
6
+ :root {
7
+ --gl-text-color-disabled: #89888d; /* Used for disabled text. */
8
+ --gl-text-color-success: #217645; /* Used for text indicating success or validity. */
9
+ --gl-text-color-danger: #c91c00; /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
10
+ --gl-text-color-link: #0b5cad; /* Used for default text links. */
11
+ --gl-text-color-heading: #1f1e24; /* Used for headings level 1-6. */
12
+ --gl-text-color-strong: #1f1e24; /* Used for text with the highest contrast. */
13
+ --gl-text-color-subtle: #626168; /* Used for supplemental text that doesn't need to be as prominent as other text. */
14
+ --gl-text-color-default: #434248; /* Used for the default text color. */
15
+ --gl-text-tertiary: #89888d; /* Use text.color.disabled instead */
16
+ --gl-text-secondary: #737278; /* Use text.color.subtle instead */
17
+ --gl-text-primary: #333238; /* Use text.color.default instead */
18
+ --gl-line-height-52: 3.25rem;
19
+ --gl-line-height-44: 2.75rem;
20
+ --gl-line-height-42: 2.625rem;
21
+ --gl-line-height-36: 2.25rem;
22
+ --gl-line-height-32: 2rem;
23
+ --gl-line-height-28: 1.75rem;
24
+ --gl-line-height-24: 1.5rem;
25
+ --gl-line-height-20: 1.25rem;
26
+ --gl-line-height-16: 1rem;
27
+ --gl-line-height-12: 0.75rem;
28
+ --t-white-a-08: rgba(255, 255, 255, 0.08);
29
+ --t-white-a-06: rgba(255, 255, 255, 0.06);
30
+ --t-white-a-04: rgba(255, 255, 255, 0.04);
31
+ --t-white-a-02: rgba(255, 255, 255, 0.02);
32
+ --t-white-a-36: rgba(255, 255, 255, 0.36);
33
+ --t-white-a-24: rgba(255, 255, 255, 0.24);
34
+ --t-white-a-16: rgba(255, 255, 255, 0.16);
35
+ --t-gray-a-08: rgba(31, 30, 36, 0.08);
36
+ --t-gray-a-06: rgba(31, 30, 36, 0.06);
37
+ --t-gray-a-04: rgba(31, 30, 36, 0.04);
38
+ --t-gray-a-02: rgba(31, 30, 36, 0.02);
39
+ --t-gray-a-24: rgba(31, 30, 36, 0.24);
40
+ --t-gray-a-16: rgba(31, 30, 36, 0.16);
41
+ --brand-gray-05: #2b2838;
42
+ --brand-gray-04: #45424d;
43
+ --brand-gray-03: #74717a;
44
+ --brand-gray-02: #a2a1a6;
45
+ --brand-gray-01: #d1d0d3;
46
+ --brand-purple-02: #7759c2;
47
+ --brand-purple-01: #a989f5;
48
+ --brand-orange-03: #e24329;
49
+ --brand-orange-02: #fc6d26;
50
+ --brand-orange-01: #fca326;
51
+ --brand-charcoal: #171321;
52
+ --red-950: #4d0a00;
53
+ --red-900: #660e00;
54
+ --red-800: #8d1300;
55
+ --red-700: #ae1800;
56
+ --red-600: #c91c00;
57
+ --red-500: #dd2b0e;
58
+ --red-400: #ec5941;
59
+ --red-300: #f57f6c;
60
+ --red-200: #fcb5aa;
61
+ --red-100: #fdd4cd;
62
+ --red-50: #fcf1ef;
63
+ --purple-950: #232150;
64
+ --purple-900: #2f2a6b;
65
+ --purple-800: #453894;
66
+ --purple-700: #5943b6;
67
+ --purple-600: #694cc0;
68
+ --purple-500: #7b58cf;
69
+ --purple-400: #9475db;
70
+ --purple-300: #ac93e6;
71
+ --purple-200: #cbbbf2;
72
+ --purple-100: #e1d8f9;
73
+ --purple-50: #f4f0ff;
74
+ --orange-950: #421f00;
75
+ --orange-900: #5c2900;
76
+ --orange-800: #703800;
77
+ --orange-700: #8f4700;
78
+ --orange-600: #9e5400;
79
+ --orange-500: #ab6100;
80
+ --orange-400: #c17d10;
81
+ --orange-300: #d99530;
82
+ --orange-200: #e9be74;
83
+ --orange-100: #f5d9a8;
84
+ --orange-50: #fdf1dd;
85
+ --green-950: #072b15;
86
+ --green-900: #0a4020;
87
+ --green-800: #0d532a;
88
+ --green-700: #24663b;
89
+ --green-600: #217645;
90
+ --green-500: #108548;
91
+ --green-400: #2da160;
92
+ --green-300: #52b87a;
93
+ --green-200: #91d4a8;
94
+ --green-100: #c3e6cd;
95
+ --green-50: #ecf4ee;
96
+ --gray-950: #1f1e24;
97
+ --gray-900: #333238;
98
+ --gray-800: #434248;
99
+ --gray-700: #535158;
100
+ --gray-600: #626168;
101
+ --gray-500: #737278;
102
+ --gray-400: #89888d;
103
+ --gray-300: #a4a3a8;
104
+ --gray-200: #bfbfc3;
105
+ --gray-100: #dcdcde;
106
+ --gray-50: #ececef;
107
+ --gray-10: #fbfafd;
108
+ --blue-950: #002850;
109
+ --blue-900: #033464;
110
+ --blue-800: #064787;
111
+ --blue-700: #0b5cad;
112
+ --blue-600: #1068bf;
113
+ --blue-500: #1f75cb;
114
+ --blue-400: #428fdc;
115
+ --blue-300: #63a6e9;
116
+ --blue-200: #9dc7f1;
117
+ --blue-100: #cbe2f9;
118
+ --blue-50: #e9f3fc;
119
+ --white: #fff;
120
+ --black: #000;
121
+ --theme-light-red-950: #5c1105;
122
+ --theme-light-red-900: #751709;
123
+ --theme-light-red-800: #8b2212;
124
+ --theme-light-red-700: #a02e1c;
125
+ --theme-light-red-600: #b53a26;
126
+ --theme-light-red-500: #c24b38;
127
+ --theme-light-red-400: #d36250;
128
+ --theme-light-red-300: #e07f6f;
129
+ --theme-light-red-200: #ebada2;
130
+ --theme-light-red-100: #f6d9d5;
131
+ --theme-light-red-50: #faf2f1;
132
+ --theme-light-red-10: #fdf9f8;
133
+ --theme-red-950: #380700;
134
+ --theme-red-900: #580d02;
135
+ --theme-red-800: #761405;
136
+ --theme-red-700: #8f2110;
137
+ --theme-red-600: #a13322;
138
+ --theme-red-500: #ad4a3b;
139
+ --theme-red-400: #c66e60;
140
+ --theme-red-300: #d59086;
141
+ --theme-red-200: #e3bab5;
142
+ --theme-red-100: #ecd3d0;
143
+ --theme-red-50: #f4e9e7;
144
+ --theme-red-10: #faf4f3;
145
+ --theme-green-950: #052e19;
146
+ --theme-green-900: #0e4328;
147
+ --theme-green-800: #155635;
148
+ --theme-green-700: #1b653f;
149
+ --theme-green-600: #25744c;
150
+ --theme-green-500: #308258;
151
+ --theme-green-400: #499767;
152
+ --theme-green-300: #69af7d;
153
+ --theme-green-200: #8cc497;
154
+ --theme-green-100: #b1d6b5;
155
+ --theme-green-50: #dde9de;
156
+ --theme-green-10: #eef4ef;
157
+ --theme-light-blue-950: #0a3764;
158
+ --theme-light-blue-900: #0c4277;
159
+ --theme-light-blue-800: #0e4d8d;
160
+ --theme-light-blue-700: #145aa1;
161
+ --theme-light-blue-600: #2268ae;
162
+ --theme-light-blue-500: #3476b9;
163
+ --theme-light-blue-400: #4f8bc7;
164
+ --theme-light-blue-300: #74a3d3;
165
+ --theme-light-blue-200: #a0bedc;
166
+ --theme-light-blue-100: #c1d4e6;
167
+ --theme-light-blue-50: #dde6ee;
168
+ --theme-light-blue-10: #eef3f7;
169
+ --theme-blue-950: #04101c;
170
+ --theme-blue-900: #0b2640;
171
+ --theme-blue-800: #153c63;
172
+ --theme-blue-700: #235180;
173
+ --theme-blue-600: #346596;
174
+ --theme-blue-500: #4977a5;
175
+ --theme-blue-400: #628eb9;
176
+ --theme-blue-300: #81a5c9;
177
+ --theme-blue-200: #a6bdd5;
178
+ --theme-blue-100: #b9cadc;
179
+ --theme-blue-50: #cdd8e3;
180
+ --theme-blue-10: #e6ecf0;
181
+ --theme-indigo-950: #14143d;
182
+ --theme-indigo-900: #222261;
183
+ --theme-indigo-800: #303083;
184
+ --theme-indigo-700: #41419f;
185
+ --theme-indigo-600: #5252b5;
186
+ --theme-indigo-500: #6666c4;
187
+ --theme-indigo-400: #8181d7;
188
+ --theme-indigo-300: #a2a2e6;
189
+ --theme-indigo-200: #c7c7f2;
190
+ --theme-indigo-100: #dbdbf8;
191
+ --theme-indigo-50: #f1f1ff;
192
+ --theme-indigo-10: #f8f8ff;
193
+ --data-viz-orange-950: #4b2707;
194
+ --data-viz-orange-900: #5e2f05;
195
+ --data-viz-orange-800: #6f3500;
196
+ --data-viz-orange-700: #92430a;
197
+ --data-viz-orange-600: #b14f18;
198
+ --data-viz-orange-500: #c95d2e;
199
+ --data-viz-orange-400: #e07e41;
200
+ --data-viz-orange-300: #e99b60;
201
+ --data-viz-orange-200: #eebd8c;
202
+ --data-viz-orange-100: #f5d6b3;
203
+ --data-viz-orange-50: #fae8d1;
204
+ --data-viz-magenta-950: #541d31;
205
+ --data-viz-magenta-900: #661e3a;
206
+ --data-viz-magenta-800: #7c214f;
207
+ --data-viz-magenta-700: #9a2e5d;
208
+ --data-viz-magenta-600: #b93d71;
209
+ --data-viz-magenta-500: #cf4d81;
210
+ --data-viz-magenta-400: #e86e9a;
211
+ --data-viz-magenta-300: #f88aaf;
212
+ --data-viz-magenta-200: #fcacc5;
213
+ --data-viz-magenta-100: #ffccdb;
214
+ --data-viz-magenta-50: #ffe3eb;
215
+ --data-viz-blue-950: #2a2b59;
216
+ --data-viz-blue-900: #303470;
217
+ --data-viz-blue-800: #374291;
218
+ --data-viz-blue-700: #3f51ae;
219
+ --data-viz-blue-600: #4e65cd;
220
+ --data-viz-blue-500: #617ae2;
221
+ --data-viz-blue-400: #7992f5;
222
+ --data-viz-blue-300: #97acff;
223
+ --data-viz-blue-200: #b7c6ff;
224
+ --data-viz-blue-100: #d2dcff;
225
+ --data-viz-blue-50: #e9ebff;
226
+ --data-viz-aqua-950: #00344b;
227
+ --data-viz-aqua-900: #004059;
228
+ --data-viz-aqua-800: #00516c;
229
+ --data-viz-aqua-700: #006381;
230
+ --data-viz-aqua-600: #007b9b;
231
+ --data-viz-aqua-500: #0090b1;
232
+ --data-viz-aqua-400: #00acc4;
233
+ --data-viz-aqua-300: #32c5d2;
234
+ --data-viz-aqua-200: #5edee3;
235
+ --data-viz-aqua-100: #93f2ef;
236
+ --data-viz-aqua-50: #b5fefd;
237
+ --data-viz-green-950: #133a03;
238
+ --data-viz-green-900: #1a4500;
239
+ --data-viz-green-800: #275600;
240
+ --data-viz-green-700: #366800;
241
+ --data-viz-green-600: #4e7f0e;
242
+ --data-viz-green-500: #619025;
243
+ --data-viz-green-400: #81ac41;
244
+ --data-viz-green-300: #94c25e;
245
+ --data-viz-green-200: #b0d97b;
246
+ --data-viz-green-100: #c6ed94;
247
+ --data-viz-green-50: #ddfab7;
248
+ }