@gitlab/ui 80.5.0 → 80.6.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 (18) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/tokens/json/tokens.dark.json +1417 -1558
  3. package/dist/tokens/json/tokens.json +1061 -446
  4. package/dist/tokens/scss/_tokens.dark.scss +196 -196
  5. package/package.json +2 -2
  6. package/src/components/base/new_dropdowns/listbox/listbox.spec.js +13 -13
  7. package/src/components/base/new_dropdowns/listbox/listbox.stories.js +1 -13
  8. package/src/tokens/build/json/tokens.dark.json +1417 -1558
  9. package/src/tokens/build/json/tokens.json +1061 -446
  10. package/src/tokens/build/scss/_tokens.dark.scss +196 -196
  11. package/src/tokens/color.data_viz.tokens.json +220 -55
  12. package/src/tokens/color.theme.tokens.json +288 -72
  13. package/src/tokens/color.tokens.json +276 -69
  14. package/src/tokens/text.tokens.json +36 -9
  15. package/src/tokens/color.dark.tokens.json +0 -428
  16. package/src/tokens/color.data_viz.dark.tokens.json +0 -344
  17. package/src/tokens/color.theme.dark.tokens.json +0 -448
  18. package/src/tokens/text.dark.tokens.json +0 -63
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -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;