@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
@@ -0,0 +1,709 @@
1
+ {
2
+ "black": {
3
+ "$value": "#000",
4
+ "$type": "color",
5
+ "themeable": true
6
+ },
7
+ "white": {
8
+ "$value": "#fff",
9
+ "$type": "color",
10
+ "themeable": true
11
+ },
12
+ "blue": {
13
+ "50": {
14
+ "$value": "#e9f3fc",
15
+ "$type": "color",
16
+ "themeable": true
17
+ },
18
+ "100": {
19
+ "$value": "#cbe2f9",
20
+ "$type": "color",
21
+ "themeable": true
22
+ },
23
+ "200": {
24
+ "$value": "#9dc7f1",
25
+ "$type": "color",
26
+ "themeable": true
27
+ },
28
+ "300": {
29
+ "$value": "#63a6e9",
30
+ "$type": "color",
31
+ "themeable": true
32
+ },
33
+ "400": {
34
+ "$value": "#428fdc",
35
+ "$type": "color",
36
+ "themeable": true
37
+ },
38
+ "500": {
39
+ "$value": "#1f75cb",
40
+ "$type": "color",
41
+ "themeable": true
42
+ },
43
+ "600": {
44
+ "$value": "#1068bf",
45
+ "$type": "color",
46
+ "themeable": true
47
+ },
48
+ "700": {
49
+ "$value": "#0b5cad",
50
+ "$type": "color",
51
+ "themeable": true
52
+ },
53
+ "800": {
54
+ "$value": "#064787",
55
+ "$type": "color",
56
+ "themeable": true
57
+ },
58
+ "900": {
59
+ "$value": "#033464",
60
+ "$type": "color",
61
+ "themeable": true
62
+ },
63
+ "950": {
64
+ "$value": "#002850",
65
+ "$type": "color",
66
+ "themeable": true
67
+ }
68
+ },
69
+ "gray": {
70
+ "10": {
71
+ "$value": "#fbfafd",
72
+ "$type": "color",
73
+ "themeable": true
74
+ },
75
+ "50": {
76
+ "$value": "#ececef",
77
+ "$type": "color",
78
+ "themeable": true
79
+ },
80
+ "100": {
81
+ "$value": "#dcdcde",
82
+ "$type": "color",
83
+ "themeable": true
84
+ },
85
+ "200": {
86
+ "$value": "#bfbfc3",
87
+ "$type": "color",
88
+ "themeable": true
89
+ },
90
+ "300": {
91
+ "$value": "#a4a3a8",
92
+ "$type": "color",
93
+ "themeable": true
94
+ },
95
+ "400": {
96
+ "$value": "#89888d",
97
+ "$type": "color",
98
+ "themeable": true
99
+ },
100
+ "500": {
101
+ "$value": "#737278",
102
+ "$type": "color",
103
+ "themeable": true
104
+ },
105
+ "600": {
106
+ "$value": "#626168",
107
+ "$type": "color",
108
+ "themeable": true
109
+ },
110
+ "700": {
111
+ "$value": "#535158",
112
+ "$type": "color",
113
+ "themeable": true
114
+ },
115
+ "800": {
116
+ "$value": "#434248",
117
+ "$type": "color",
118
+ "themeable": true
119
+ },
120
+ "900": {
121
+ "$value": "#333238",
122
+ "$type": "color",
123
+ "themeable": true
124
+ },
125
+ "950": {
126
+ "$value": "#1f1e24",
127
+ "$type": "color",
128
+ "themeable": true
129
+ }
130
+ },
131
+ "green": {
132
+ "50": {
133
+ "$value": "#ecf4ee",
134
+ "$type": "color",
135
+ "themeable": true
136
+ },
137
+ "100": {
138
+ "$value": "#c3e6cd",
139
+ "$type": "color",
140
+ "themeable": true
141
+ },
142
+ "200": {
143
+ "$value": "#91d4a8",
144
+ "$type": "color",
145
+ "themeable": true
146
+ },
147
+ "300": {
148
+ "$value": "#52b87a",
149
+ "$type": "color",
150
+ "themeable": true
151
+ },
152
+ "400": {
153
+ "$value": "#2da160",
154
+ "$type": "color",
155
+ "themeable": true
156
+ },
157
+ "500": {
158
+ "$value": "#108548",
159
+ "$type": "color",
160
+ "themeable": true
161
+ },
162
+ "600": {
163
+ "$value": "#217645",
164
+ "$type": "color",
165
+ "themeable": true
166
+ },
167
+ "700": {
168
+ "$value": "#24663b",
169
+ "$type": "color",
170
+ "themeable": true
171
+ },
172
+ "800": {
173
+ "$value": "#0d532a",
174
+ "$type": "color",
175
+ "themeable": true
176
+ },
177
+ "900": {
178
+ "$value": "#0a4020",
179
+ "$type": "color",
180
+ "themeable": true
181
+ },
182
+ "950": {
183
+ "$value": "#072b15",
184
+ "$type": "color",
185
+ "themeable": true
186
+ }
187
+ },
188
+ "orange": {
189
+ "50": {
190
+ "$value": "#fdf1dd",
191
+ "$type": "color",
192
+ "themeable": true
193
+ },
194
+ "100": {
195
+ "$value": "#f5d9a8",
196
+ "$type": "color",
197
+ "themeable": true
198
+ },
199
+ "200": {
200
+ "$value": "#e9be74",
201
+ "$type": "color",
202
+ "themeable": true
203
+ },
204
+ "300": {
205
+ "$value": "#d99530",
206
+ "$type": "color",
207
+ "themeable": true
208
+ },
209
+ "400": {
210
+ "$value": "#c17d10",
211
+ "$type": "color",
212
+ "themeable": true
213
+ },
214
+ "500": {
215
+ "$value": "#ab6100",
216
+ "$type": "color",
217
+ "themeable": true
218
+ },
219
+ "600": {
220
+ "$value": "#9e5400",
221
+ "$type": "color",
222
+ "themeable": true
223
+ },
224
+ "700": {
225
+ "$value": "#8f4700",
226
+ "$type": "color",
227
+ "themeable": true
228
+ },
229
+ "800": {
230
+ "$value": "#703800",
231
+ "$type": "color",
232
+ "themeable": true
233
+ },
234
+ "900": {
235
+ "$value": "#5c2900",
236
+ "$type": "color",
237
+ "themeable": true
238
+ },
239
+ "950": {
240
+ "$value": "#421f00",
241
+ "$type": "color",
242
+ "themeable": true
243
+ }
244
+ },
245
+ "purple": {
246
+ "50": {
247
+ "$value": "#f4f0ff",
248
+ "$type": "color",
249
+ "themeable": true
250
+ },
251
+ "100": {
252
+ "$value": "#e1d8f9",
253
+ "$type": "color",
254
+ "themeable": true
255
+ },
256
+ "200": {
257
+ "$value": "#cbbbf2",
258
+ "$type": "color",
259
+ "themeable": true
260
+ },
261
+ "300": {
262
+ "$value": "#ac93e6",
263
+ "$type": "color",
264
+ "themeable": true
265
+ },
266
+ "400": {
267
+ "$value": "#9475db",
268
+ "$type": "color",
269
+ "themeable": true
270
+ },
271
+ "500": {
272
+ "$value": "#7b58cf",
273
+ "$type": "color",
274
+ "themeable": true
275
+ },
276
+ "600": {
277
+ "$value": "#694cc0",
278
+ "$type": "color",
279
+ "themeable": true
280
+ },
281
+ "700": {
282
+ "$value": "#5943b6",
283
+ "$type": "color",
284
+ "themeable": true
285
+ },
286
+ "800": {
287
+ "$value": "#453894",
288
+ "$type": "color",
289
+ "themeable": true
290
+ },
291
+ "900": {
292
+ "$value": "#2f2a6b",
293
+ "$type": "color",
294
+ "themeable": true
295
+ },
296
+ "950": {
297
+ "$value": "#232150",
298
+ "$type": "color",
299
+ "themeable": true
300
+ }
301
+ },
302
+ "red": {
303
+ "50": {
304
+ "$value": "#fcf1ef",
305
+ "$type": "color",
306
+ "themeable": true
307
+ },
308
+ "100": {
309
+ "$value": "#fdd4cd",
310
+ "$type": "color",
311
+ "themeable": true
312
+ },
313
+ "200": {
314
+ "$value": "#fcb5aa",
315
+ "$type": "color",
316
+ "themeable": true
317
+ },
318
+ "300": {
319
+ "$value": "#f57f6c",
320
+ "$type": "color",
321
+ "themeable": true
322
+ },
323
+ "400": {
324
+ "$value": "#ec5941",
325
+ "$type": "color",
326
+ "themeable": true
327
+ },
328
+ "500": {
329
+ "$value": "#dd2b0e",
330
+ "$type": "color",
331
+ "themeable": true
332
+ },
333
+ "600": {
334
+ "$value": "#c91c00",
335
+ "$type": "color",
336
+ "themeable": true
337
+ },
338
+ "700": {
339
+ "$value": "#ae1800",
340
+ "$type": "color",
341
+ "themeable": true
342
+ },
343
+ "800": {
344
+ "$value": "#8d1300",
345
+ "$type": "color",
346
+ "themeable": true
347
+ },
348
+ "900": {
349
+ "$value": "#660e00",
350
+ "$type": "color",
351
+ "themeable": true
352
+ },
353
+ "950": {
354
+ "$value": "#4d0a00",
355
+ "$type": "color",
356
+ "themeable": true
357
+ }
358
+ },
359
+ "data-viz": {
360
+ "green": {
361
+ "50": {
362
+ "$value": "#ddfab7",
363
+ "$type": "color",
364
+ "themeable": true
365
+ },
366
+ "100": {
367
+ "$value": "#c6ed94",
368
+ "$type": "color",
369
+ "themeable": true
370
+ },
371
+ "200": {
372
+ "$value": "#b0d97b",
373
+ "$type": "color",
374
+ "themeable": true
375
+ },
376
+ "300": {
377
+ "$value": "#94c25e",
378
+ "$type": "color",
379
+ "themeable": true
380
+ },
381
+ "400": {
382
+ "$value": "#81ac41",
383
+ "$type": "color",
384
+ "themeable": true
385
+ },
386
+ "500": {
387
+ "$value": "#619025",
388
+ "$type": "color",
389
+ "themeable": true
390
+ },
391
+ "600": {
392
+ "$value": "#4e7f0e",
393
+ "$type": "color",
394
+ "themeable": true
395
+ },
396
+ "700": {
397
+ "$value": "#366800",
398
+ "$type": "color",
399
+ "themeable": true
400
+ },
401
+ "800": {
402
+ "$value": "#275600",
403
+ "$type": "color",
404
+ "themeable": true
405
+ },
406
+ "900": {
407
+ "$value": "#1a4500",
408
+ "$type": "color",
409
+ "themeable": true
410
+ },
411
+ "950": {
412
+ "$value": "#133a03",
413
+ "$type": "color",
414
+ "themeable": true
415
+ }
416
+ },
417
+ "aqua": {
418
+ "50": {
419
+ "$value": "#b5fefd",
420
+ "$type": "color",
421
+ "themeable": true
422
+ },
423
+ "100": {
424
+ "$value": "#93f2ef",
425
+ "$type": "color",
426
+ "themeable": true
427
+ },
428
+ "200": {
429
+ "$value": "#5edee3",
430
+ "$type": "color",
431
+ "themeable": true
432
+ },
433
+ "300": {
434
+ "$value": "#32c5d2",
435
+ "$type": "color",
436
+ "themeable": true
437
+ },
438
+ "400": {
439
+ "$value": "#00acc4",
440
+ "$type": "color",
441
+ "themeable": true
442
+ },
443
+ "500": {
444
+ "$value": "#0090b1",
445
+ "$type": "color",
446
+ "themeable": true
447
+ },
448
+ "600": {
449
+ "$value": "#007b9b",
450
+ "$type": "color",
451
+ "themeable": true
452
+ },
453
+ "700": {
454
+ "$value": "#006381",
455
+ "$type": "color",
456
+ "themeable": true
457
+ },
458
+ "800": {
459
+ "$value": "#00516c",
460
+ "$type": "color",
461
+ "themeable": true
462
+ },
463
+ "900": {
464
+ "$value": "#004059",
465
+ "$type": "color",
466
+ "themeable": true
467
+ },
468
+ "950": {
469
+ "$value": "#00344b",
470
+ "$type": "color",
471
+ "themeable": true
472
+ }
473
+ },
474
+ "blue": {
475
+ "50": {
476
+ "$value": "#e9ebff",
477
+ "$type": "color",
478
+ "themeable": true
479
+ },
480
+ "100": {
481
+ "$value": "#d2dcff",
482
+ "$type": "color",
483
+ "themeable": true
484
+ },
485
+ "200": {
486
+ "$value": "#b7c6ff",
487
+ "$type": "color",
488
+ "themeable": true
489
+ },
490
+ "300": {
491
+ "$value": "#97acff",
492
+ "$type": "color",
493
+ "themeable": true
494
+ },
495
+ "400": {
496
+ "$value": "#7992f5",
497
+ "$type": "color",
498
+ "themeable": true
499
+ },
500
+ "500": {
501
+ "$value": "#617ae2",
502
+ "$type": "color",
503
+ "themeable": true
504
+ },
505
+ "600": {
506
+ "$value": "#4e65cd",
507
+ "$type": "color",
508
+ "themeable": true
509
+ },
510
+ "700": {
511
+ "$value": "#3f51ae",
512
+ "$type": "color",
513
+ "themeable": true
514
+ },
515
+ "800": {
516
+ "$value": "#374291",
517
+ "$type": "color",
518
+ "themeable": true
519
+ },
520
+ "900": {
521
+ "$value": "#303470",
522
+ "$type": "color",
523
+ "themeable": true
524
+ },
525
+ "950": {
526
+ "$value": "#2a2b59",
527
+ "$type": "color",
528
+ "themeable": true
529
+ }
530
+ },
531
+ "magenta": {
532
+ "50": {
533
+ "$value": "#ffe3eb",
534
+ "$type": "color",
535
+ "themeable": true
536
+ },
537
+ "100": {
538
+ "$value": "#ffccdb",
539
+ "$type": "color",
540
+ "themeable": true
541
+ },
542
+ "200": {
543
+ "$value": "#fcacc5",
544
+ "$type": "color",
545
+ "themeable": true
546
+ },
547
+ "300": {
548
+ "$value": "#f88aaf",
549
+ "$type": "color",
550
+ "themeable": true
551
+ },
552
+ "400": {
553
+ "$value": "#e86e9a",
554
+ "$type": "color",
555
+ "themeable": true
556
+ },
557
+ "500": {
558
+ "$value": "#cf4d81",
559
+ "$type": "color",
560
+ "themeable": true
561
+ },
562
+ "600": {
563
+ "$value": "#b93d71",
564
+ "$type": "color",
565
+ "themeable": true
566
+ },
567
+ "700": {
568
+ "$value": "#9a2e5d",
569
+ "$type": "color",
570
+ "themeable": true
571
+ },
572
+ "800": {
573
+ "$value": "#7c214f",
574
+ "$type": "color",
575
+ "themeable": true
576
+ },
577
+ "900": {
578
+ "$value": "#661e3a",
579
+ "$type": "color",
580
+ "themeable": true
581
+ },
582
+ "950": {
583
+ "$value": "#541d31",
584
+ "$type": "color",
585
+ "themeable": true
586
+ }
587
+ },
588
+ "orange": {
589
+ "50": {
590
+ "$value": "#fae8d1",
591
+ "$type": "color",
592
+ "themeable": true
593
+ },
594
+ "100": {
595
+ "$value": "#f5d6b3",
596
+ "$type": "color",
597
+ "themeable": true
598
+ },
599
+ "200": {
600
+ "$value": "#eebd8c",
601
+ "$type": "color",
602
+ "themeable": true
603
+ },
604
+ "300": {
605
+ "$value": "#e99b60",
606
+ "$type": "color",
607
+ "themeable": true
608
+ },
609
+ "400": {
610
+ "$value": "#e07e41",
611
+ "$type": "color",
612
+ "themeable": true
613
+ },
614
+ "500": {
615
+ "$value": "#c95d2e",
616
+ "$type": "color",
617
+ "themeable": true
618
+ },
619
+ "600": {
620
+ "$value": "#b14f18",
621
+ "$type": "color",
622
+ "themeable": true
623
+ },
624
+ "700": {
625
+ "$value": "#92430a",
626
+ "$type": "color",
627
+ "themeable": true
628
+ },
629
+ "800": {
630
+ "$value": "#6f3500",
631
+ "$type": "color",
632
+ "themeable": true
633
+ },
634
+ "900": {
635
+ "$value": "#5e2f05",
636
+ "$type": "color",
637
+ "themeable": true
638
+ },
639
+ "950": {
640
+ "$value": "#4b2707",
641
+ "$type": "color",
642
+ "themeable": true
643
+ }
644
+ }
645
+ },
646
+ "brand": {
647
+ "charcoal": {
648
+ "$value": "#171321",
649
+ "$type": "color",
650
+ "themeable": true
651
+ },
652
+ "orange": {
653
+ "01": {
654
+ "$value": "#fca326",
655
+ "$type": "color",
656
+ "themeable": true
657
+ },
658
+ "02": {
659
+ "$value": "#fc6d26",
660
+ "$type": "color",
661
+ "themeable": true
662
+ },
663
+ "03": {
664
+ "$value": "#e24329",
665
+ "$type": "color",
666
+ "themeable": true
667
+ }
668
+ },
669
+ "purple": {
670
+ "01": {
671
+ "$value": "#a989f5",
672
+ "$type": "color",
673
+ "themeable": true
674
+ },
675
+ "02": {
676
+ "$value": "#7759c2",
677
+ "$type": "color",
678
+ "themeable": true
679
+ }
680
+ },
681
+ "gray": {
682
+ "01": {
683
+ "$value": "#d1d0d3",
684
+ "$type": "color",
685
+ "themeable": true
686
+ },
687
+ "02": {
688
+ "$value": "#a2a1a6",
689
+ "$type": "color",
690
+ "themeable": true
691
+ },
692
+ "03": {
693
+ "$value": "#74717a",
694
+ "$type": "color",
695
+ "themeable": true
696
+ },
697
+ "04": {
698
+ "$value": "#45424d",
699
+ "$type": "color",
700
+ "themeable": true
701
+ },
702
+ "05": {
703
+ "$value": "#2b2838",
704
+ "$type": "color",
705
+ "themeable": true
706
+ }
707
+ }
708
+ }
709
+ }