@gitlab/ui 64.16.0 → 64.18.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 (34) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/charts/discrete_scatter/discrete_scatter.js +2 -3
  3. package/dist/components/charts/heatmap/heatmap.js +4 -6
  4. package/dist/components/charts/legend/legend.js +2 -3
  5. package/dist/components/charts/line/line.js +2 -3
  6. package/dist/tokens/css/tokens.css +142 -0
  7. package/dist/tokens/css/tokens.dark.css +76 -0
  8. package/dist/tokens/js/tokens.dark.js +74 -0
  9. package/dist/tokens/js/tokens.js +140 -0
  10. package/dist/tokens/json/tokens.dark.grouped.json +139 -0
  11. package/dist/tokens/json/tokens.dark.json +2527 -0
  12. package/dist/tokens/json/tokens.grouped.json +139 -0
  13. package/dist/tokens/json/tokens.json +2527 -0
  14. package/dist/tokens/scss/_tokens.dark.scss +73 -0
  15. package/dist/tokens/scss/_tokens.scss +139 -0
  16. package/dist/utility_classes.css +1 -1
  17. package/dist/utility_classes.css.map +1 -1
  18. package/dist/utils/charts/config.js +3 -4
  19. package/dist/utils/charts/mock_data.js +3 -4
  20. package/dist/utils/charts/theme.js +25 -89
  21. package/package.json +8 -6
  22. package/src/components/charts/area/area.stories.js +3 -3
  23. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  24. package/src/components/charts/heatmap/heatmap.vue +4 -4
  25. package/src/components/charts/legend/legend.stories.js +2 -2
  26. package/src/components/charts/legend/legend.vue +2 -2
  27. package/src/components/charts/line/line.vue +2 -2
  28. package/src/scss/utilities.scss +8 -0
  29. package/src/scss/utility-mixins/border.scss +4 -0
  30. package/src/tokens/color.dark.tokens.json +359 -0
  31. package/src/tokens/color.tokens.json +709 -0
  32. package/src/utils/charts/config.js +3 -3
  33. package/src/utils/charts/mock_data.js +3 -3
  34. package/src/utils/charts/theme.js +152 -153
package/src/tokens/color.dark.tokens.json ADDED
@@ -0,0 +1,359 @@
1
+ {
2
+ "black": {
3
+ "$value": "#fff",
4
+ "$type": "color",
5
+ "themeable": false
6
+ },
7
+ "white": {
8
+ "$value": "{gray.50}",
9
+ "$type": "color",
10
+ "themeable": false
11
+ },
12
+ "blue": {
13
+ "50": {
14
+ "$value": "#033464",
15
+ "$type": "color",
16
+ "themeable": false
17
+ },
18
+ "100": {
19
+ "$value": "#064787",
20
+ "$type": "color",
21
+ "themeable": false
22
+ },
23
+ "200": {
24
+ "$value": "#0b5cad",
25
+ "$type": "color",
26
+ "themeable": false
27
+ },
28
+ "300": {
29
+ "$value": "#1068bf",
30
+ "$type": "color",
31
+ "themeable": false
32
+ },
33
+ "400": {
34
+ "$value": "#1f75cb",
35
+ "$type": "color",
36
+ "themeable": false
37
+ },
38
+ "500": {
39
+ "$value": "#428fdc",
40
+ "$type": "color",
41
+ "themeable": false
42
+ },
43
+ "600": {
44
+ "$value": "#63a6e9",
45
+ "$type": "color",
46
+ "themeable": false
47
+ },
48
+ "700": {
49
+ "$value": "#9dc7f1",
50
+ "$type": "color",
51
+ "themeable": false
52
+ },
53
+ "800": {
54
+ "$value": "#cbe2f9",
55
+ "$type": "color",
56
+ "themeable": false
57
+ },
58
+ "900": {
59
+ "$value": "#e9f3fc",
60
+ "$type": "color",
61
+ "themeable": false
62
+ },
63
+ "950": {
64
+ "$value": "#f2f9ff",
65
+ "$type": "color",
66
+ "themeable": false
67
+ }
68
+ },
69
+ "gray": {
70
+ "10": {
71
+ "$value": "#1f1e24",
72
+ "$type": "color",
73
+ "themeable": false
74
+ },
75
+ "50": {
76
+ "$value": "#333238",
77
+ "$type": "color",
78
+ "themeable": false
79
+ },
80
+ "100": {
81
+ "$value": "#434248",
82
+ "$type": "color",
83
+ "themeable": false
84
+ },
85
+ "200": {
86
+ "$value": "#535158",
87
+ "$type": "color",
88
+ "themeable": false
89
+ },
90
+ "300": {
91
+ "$value": "#626168",
92
+ "$type": "color",
93
+ "themeable": false
94
+ },
95
+ "400": {
96
+ "$value": "#737278",
97
+ "$type": "color",
98
+ "themeable": false
99
+ },
100
+ "500": {
101
+ "$value": "#89888d",
102
+ "$type": "color",
103
+ "themeable": false
104
+ },
105
+ "600": {
106
+ "$value": "#a4a3a8",
107
+ "$type": "color",
108
+ "themeable": false
109
+ },
110
+ "700": {
111
+ "$value": "#bfbfc3",
112
+ "$type": "color",
113
+ "themeable": false
114
+ },
115
+ "800": {
116
+ "$value": "#dcdcde",
117
+ "$type": "color",
118
+ "themeable": false
119
+ },
120
+ "900": {
121
+ "$value": "#ececef",
122
+ "$type": "color",
123
+ "themeable": false
124
+ },
125
+ "950": {
126
+ "$value": "#fbfafd",
127
+ "$type": "color",
128
+ "themeable": false
129
+ }
130
+ },
131
+ "green": {
132
+ "50": {
133
+ "$value": "#0a4020",
134
+ "$type": "color",
135
+ "themeable": false
136
+ },
137
+ "100": {
138
+ "$value": "#0d532a",
139
+ "$type": "color",
140
+ "themeable": false
141
+ },
142
+ "200": {
143
+ "$value": "#24663b",
144
+ "$type": "color",
145
+ "themeable": false
146
+ },
147
+ "300": {
148
+ "$value": "#217645",
149
+ "$type": "color",
150
+ "themeable": false
151
+ },
152
+ "400": {
153
+ "$value": "#108548",
154
+ "$type": "color",
155
+ "themeable": false
156
+ },
157
+ "500": {
158
+ "$value": "#2da160",
159
+ "$type": "color",
160
+ "themeable": false
161
+ },
162
+ "600": {
163
+ "$value": "#52b87a",
164
+ "$type": "color",
165
+ "themeable": false
166
+ },
167
+ "700": {
168
+ "$value": "#91d4a8",
169
+ "$type": "color",
170
+ "themeable": false
171
+ },
172
+ "800": {
173
+ "$value": "#c3e6cd",
174
+ "$type": "color",
175
+ "themeable": false
176
+ },
177
+ "900": {
178
+ "$value": "#ecf4ee",
179
+ "$type": "color",
180
+ "themeable": false
181
+ },
182
+ "950": {
183
+ "$value": "#f1fdf6",
184
+ "$type": "color",
185
+ "themeable": false
186
+ }
187
+ },
188
+ "orange": {
189
+ "50": {
190
+ "$value": "#5c2900",
191
+ "$type": "color",
192
+ "themeable": false
193
+ },
194
+ "100": {
195
+ "$value": "#703800",
196
+ "$type": "color",
197
+ "themeable": false
198
+ },
199
+ "200": {
200
+ "$value": "#8f4700",
201
+ "$type": "color",
202
+ "themeable": false
203
+ },
204
+ "300": {
205
+ "$value": "#9e5400",
206
+ "$type": "color",
207
+ "themeable": false
208
+ },
209
+ "400": {
210
+ "$value": "#ab6100",
211
+ "$type": "color",
212
+ "themeable": false
213
+ },
214
+ "500": {
215
+ "$value": "#c17d10",
216
+ "$type": "color",
217
+ "themeable": false
218
+ },
219
+ "600": {
220
+ "$value": "#d99530",
221
+ "$type": "color",
222
+ "themeable": false
223
+ },
224
+ "700": {
225
+ "$value": "#e9be74",
226
+ "$type": "color",
227
+ "themeable": false
228
+ },
229
+ "800": {
230
+ "$value": "#f5d9a8",
231
+ "$type": "color",
232
+ "themeable": false
233
+ },
234
+ "900": {
235
+ "$value": "#fdf1dd",
236
+ "$type": "color",
237
+ "themeable": false
238
+ },
239
+ "950": {
240
+ "$value": "#fff4e1",
241
+ "$type": "color",
242
+ "themeable": false
243
+ }
244
+ },
245
+ "purple": {
246
+ "50": {
247
+ "$value": "#232150",
248
+ "$type": "color",
249
+ "themeable": false
250
+ },
251
+ "100": {
252
+ "$value": "#2f2a6b",
253
+ "$type": "color",
254
+ "themeable": false
255
+ },
256
+ "200": {
257
+ "$value": "#453894",
258
+ "$type": "color",
259
+ "themeable": false
260
+ },
261
+ "300": {
262
+ "$value": "#5943b6",
263
+ "$type": "color",
264
+ "themeable": false
265
+ },
266
+ "400": {
267
+ "$value": "#694cc0",
268
+ "$type": "color",
269
+ "themeable": false
270
+ },
271
+ "500": {
272
+ "$value": "#7b58cf",
273
+ "$type": "color",
274
+ "themeable": false
275
+ },
276
+ "600": {
277
+ "$value": "#9475db",
278
+ "$type": "color",
279
+ "themeable": false
280
+ },
281
+ "700": {
282
+ "$value": "#ac93e6",
283
+ "$type": "color",
284
+ "themeable": false
285
+ },
286
+ "800": {
287
+ "$value": "#cbbbf2",
288
+ "$type": "color",
289
+ "themeable": false
290
+ },
291
+ "900": {
292
+ "$value": "#e1d8f9",
293
+ "$type": "color",
294
+ "themeable": false
295
+ },
296
+ "950": {
297
+ "$value": "#f4f0ff",
298
+ "$type": "color",
299
+ "themeable": false
300
+ }
301
+ },
302
+ "red": {
303
+ "50": {
304
+ "$value": "#660e00",
305
+ "$type": "color",
306
+ "themeable": false
307
+ },
308
+ "100": {
309
+ "$value": "#8d1300",
310
+ "$type": "color",
311
+ "themeable": false
312
+ },
313
+ "200": {
314
+ "$value": "#ae1800",
315
+ "$type": "color",
316
+ "themeable": false
317
+ },
318
+ "300": {
319
+ "$value": "#c91c00",
320
+ "$type": "color",
321
+ "themeable": false
322
+ },
323
+ "400": {
324
+ "$value": "#dd2b0e",
325
+ "$type": "color",
326
+ "themeable": false
327
+ },
328
+ "500": {
329
+ "$value": "#ec5941",
330
+ "$type": "color",
331
+ "themeable": false
332
+ },
333
+ "600": {
334
+ "$value": "#f57f6c",
335
+ "$type": "color",
336
+ "themeable": false
337
+ },
338
+ "700": {
339
+ "$value": "#fcb5aa",
340
+ "$type": "color",
341
+ "themeable": false
342
+ },
343
+ "800": {
344
+ "$value": "#fdd4cd",
345
+ "$type": "color",
346
+ "themeable": false
347
+ },
348
+ "900": {
349
+ "$value": "#fcf1ef",
350
+ "$type": "color",
351
+ "themeable": false
352
+ },
353
+ "950": {
354
+ "$value": "#fff4f3",
355
+ "$type": "color",
356
+ "themeable": false
357
+ }
358
+ }
359
+ }