@gitlab/ui 107.2.1 → 107.3.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 (26) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +111 -56
  5. package/dist/tokens/build/js/tokens.js +111 -56
  6. package/dist/tokens/css/tokens.css +93 -38
  7. package/dist/tokens/css/tokens.dark.css +93 -38
  8. package/dist/tokens/js/tokens.dark.js +110 -55
  9. package/dist/tokens/js/tokens.js +110 -55
  10. package/dist/tokens/json/tokens.dark.json +2336 -1281
  11. package/dist/tokens/json/tokens.json +2336 -1281
  12. package/dist/tokens/scss/_tokens.dark.scss +93 -38
  13. package/dist/tokens/scss/_tokens.scss +93 -38
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +110 -55
  15. package/package.json +2 -2
  16. package/src/tokens/build/css/tokens.css +93 -38
  17. package/src/tokens/build/css/tokens.dark.css +93 -38
  18. package/src/tokens/build/js/tokens.dark.js +110 -55
  19. package/src/tokens/build/js/tokens.js +110 -55
  20. package/src/tokens/build/json/tokens.dark.json +2336 -1281
  21. package/src/tokens/build/json/tokens.json +2336 -1281
  22. package/src/tokens/build/scss/_tokens.dark.scss +93 -38
  23. package/src/tokens/build/scss/_tokens.scss +93 -38
  24. package/src/tokens/build/scss/_tokens_custom_properties.scss +110 -55
  25. package/src/tokens/color.constant.tokens.json +230 -0
  26. package/src/tokens/{color.data_viz.tokens.json → deprecated.color.data_viz.tokens.json} +110 -55
package/src/tokens/{color.data_viz.tokens.json → deprecated.color.data_viz.tokens.json} RENAMED
@@ -8,7 +8,8 @@
8
8
  },
9
9
  "$type": "color",
10
10
  "themeable": true,
11
- "prefix": false
11
+ "prefix": false,
12
+ "deprecated": true
12
13
  },
13
14
  "100": {
14
15
  "$value": {
@@ -17,7 +18,8 @@
17
18
  },
18
19
  "$type": "color",
19
20
  "themeable": true,
20
- "prefix": false
21
+ "prefix": false,
22
+ "deprecated": true
21
23
  },
22
24
  "200": {
23
25
  "$value": {
@@ -26,7 +28,8 @@
26
28
  },
27
29
  "$type": "color",
28
30
  "themeable": true,
29
- "prefix": false
31
+ "prefix": false,
32
+ "deprecated": true
30
33
  },
31
34
  "300": {
32
35
  "$value": {
@@ -35,7 +38,8 @@
35
38
  },
36
39
  "$type": "color",
37
40
  "themeable": true,
38
- "prefix": false
41
+ "prefix": false,
42
+ "deprecated": true
39
43
  },
40
44
  "400": {
41
45
  "$value": {
@@ -44,7 +48,8 @@
44
48
  },
45
49
  "$type": "color",
46
50
  "themeable": true,
47
- "prefix": false
51
+ "prefix": false,
52
+ "deprecated": true
48
53
  },
49
54
  "500": {
50
55
  "$value": {
@@ -53,7 +58,8 @@
53
58
  },
54
59
  "$type": "color",
55
60
  "themeable": true,
56
- "prefix": false
61
+ "prefix": false,
62
+ "deprecated": true
57
63
  },
58
64
  "600": {
59
65
  "$value": {
@@ -62,7 +68,8 @@
62
68
  },
63
69
  "$type": "color",
64
70
  "themeable": true,
65
- "prefix": false
71
+ "prefix": false,
72
+ "deprecated": true
66
73
  },
67
74
  "700": {
68
75
  "$value": {
@@ -71,7 +78,8 @@
71
78
  },
72
79
  "$type": "color",
73
80
  "themeable": true,
74
- "prefix": false
81
+ "prefix": false,
82
+ "deprecated": true
75
83
  },
76
84
  "800": {
77
85
  "$value": {
@@ -80,7 +88,8 @@
80
88
  },
81
89
  "$type": "color",
82
90
  "themeable": true,
83
- "prefix": false
91
+ "prefix": false,
92
+ "deprecated": true
84
93
  },
85
94
  "900": {
86
95
  "$value": {
@@ -89,7 +98,8 @@
89
98
  },
90
99
  "$type": "color",
91
100
  "themeable": true,
92
- "prefix": false
101
+ "prefix": false,
102
+ "deprecated": true
93
103
  },
94
104
  "950": {
95
105
  "$value": {
@@ -98,7 +108,8 @@
98
108
  },
99
109
  "$type": "color",
100
110
  "themeable": true,
101
- "prefix": false
111
+ "prefix": false,
112
+ "deprecated": true
102
113
  }
103
114
  },
104
115
  "aqua": {
@@ -109,7 +120,8 @@
109
120
  },
110
121
  "$type": "color",
111
122
  "themeable": true,
112
- "prefix": false
123
+ "prefix": false,
124
+ "deprecated": true
113
125
  },
114
126
  "100": {
115
127
  "$value": {
@@ -118,7 +130,8 @@
118
130
  },
119
131
  "$type": "color",
120
132
  "themeable": true,
121
- "prefix": false
133
+ "prefix": false,
134
+ "deprecated": true
122
135
  },
123
136
  "200": {
124
137
  "$value": {
@@ -127,7 +140,8 @@
127
140
  },
128
141
  "$type": "color",
129
142
  "themeable": true,
130
- "prefix": false
143
+ "prefix": false,
144
+ "deprecated": true
131
145
  },
132
146
  "300": {
133
147
  "$value": {
@@ -136,7 +150,8 @@
136
150
  },
137
151
  "$type": "color",
138
152
  "themeable": true,
139
- "prefix": false
153
+ "prefix": false,
154
+ "deprecated": true
140
155
  },
141
156
  "400": {
142
157
  "$value": {
@@ -145,7 +160,8 @@
145
160
  },
146
161
  "$type": "color",
147
162
  "themeable": true,
148
- "prefix": false
163
+ "prefix": false,
164
+ "deprecated": true
149
165
  },
150
166
  "500": {
151
167
  "$value": {
@@ -154,7 +170,8 @@
154
170
  },
155
171
  "$type": "color",
156
172
  "themeable": true,
157
- "prefix": false
173
+ "prefix": false,
174
+ "deprecated": true
158
175
  },
159
176
  "600": {
160
177
  "$value": {
@@ -163,7 +180,8 @@
163
180
  },
164
181
  "$type": "color",
165
182
  "themeable": true,
166
- "prefix": false
183
+ "prefix": false,
184
+ "deprecated": true
167
185
  },
168
186
  "700": {
169
187
  "$value": {
@@ -172,7 +190,8 @@
172
190
  },
173
191
  "$type": "color",
174
192
  "themeable": true,
175
- "prefix": false
193
+ "prefix": false,
194
+ "deprecated": true
176
195
  },
177
196
  "800": {
178
197
  "$value": {
@@ -181,7 +200,8 @@
181
200
  },
182
201
  "$type": "color",
183
202
  "themeable": true,
184
- "prefix": false
203
+ "prefix": false,
204
+ "deprecated": true
185
205
  },
186
206
  "900": {
187
207
  "$value": {
@@ -190,7 +210,8 @@
190
210
  },
191
211
  "$type": "color",
192
212
  "themeable": true,
193
- "prefix": false
213
+ "prefix": false,
214
+ "deprecated": true
194
215
  },
195
216
  "950": {
196
217
  "$value": {
@@ -199,7 +220,8 @@
199
220
  },
200
221
  "$type": "color",
201
222
  "themeable": true,
202
- "prefix": false
223
+ "prefix": false,
224
+ "deprecated": true
203
225
  }
204
226
  },
205
227
  "blue": {
@@ -210,7 +232,8 @@
210
232
  },
211
233
  "$type": "color",
212
234
  "themeable": true,
213
- "prefix": false
235
+ "prefix": false,
236
+ "deprecated": true
214
237
  },
215
238
  "100": {
216
239
  "$value": {
@@ -219,7 +242,8 @@
219
242
  },
220
243
  "$type": "color",
221
244
  "themeable": true,
222
- "prefix": false
245
+ "prefix": false,
246
+ "deprecated": true
223
247
  },
224
248
  "200": {
225
249
  "$value": {
@@ -228,7 +252,8 @@
228
252
  },
229
253
  "$type": "color",
230
254
  "themeable": true,
231
- "prefix": false
255
+ "prefix": false,
256
+ "deprecated": true
232
257
  },
233
258
  "300": {
234
259
  "$value": {
@@ -237,7 +262,8 @@
237
262
  },
238
263
  "$type": "color",
239
264
  "themeable": true,
240
- "prefix": false
265
+ "prefix": false,
266
+ "deprecated": true
241
267
  },
242
268
  "400": {
243
269
  "$value": {
@@ -246,7 +272,8 @@
246
272
  },
247
273
  "$type": "color",
248
274
  "themeable": true,
249
- "prefix": false
275
+ "prefix": false,
276
+ "deprecated": true
250
277
  },
251
278
  "500": {
252
279
  "$value": {
@@ -255,7 +282,8 @@
255
282
  },
256
283
  "$type": "color",
257
284
  "themeable": true,
258
- "prefix": false
285
+ "prefix": false,
286
+ "deprecated": true
259
287
  },
260
288
  "600": {
261
289
  "$value": {
@@ -264,7 +292,8 @@
264
292
  },
265
293
  "$type": "color",
266
294
  "themeable": true,
267
- "prefix": false
295
+ "prefix": false,
296
+ "deprecated": true
268
297
  },
269
298
  "700": {
270
299
  "$value": {
@@ -273,7 +302,8 @@
273
302
  },
274
303
  "$type": "color",
275
304
  "themeable": true,
276
- "prefix": false
305
+ "prefix": false,
306
+ "deprecated": true
277
307
  },
278
308
  "800": {
279
309
  "$value": {
@@ -282,7 +312,8 @@
282
312
  },
283
313
  "$type": "color",
284
314
  "themeable": true,
285
- "prefix": false
315
+ "prefix": false,
316
+ "deprecated": true
286
317
  },
287
318
  "900": {
288
319
  "$value": {
@@ -291,7 +322,8 @@
291
322
  },
292
323
  "$type": "color",
293
324
  "themeable": true,
294
- "prefix": false
325
+ "prefix": false,
326
+ "deprecated": true
295
327
  },
296
328
  "950": {
297
329
  "$value": {
@@ -300,7 +332,8 @@
300
332
  },
301
333
  "$type": "color",
302
334
  "themeable": true,
303
- "prefix": false
335
+ "prefix": false,
336
+ "deprecated": true
304
337
  }
305
338
  },
306
339
  "magenta": {
@@ -311,7 +344,8 @@
311
344
  },
312
345
  "$type": "color",
313
346
  "themeable": true,
314
- "prefix": false
347
+ "prefix": false,
348
+ "deprecated": true
315
349
  },
316
350
  "100": {
317
351
  "$value": {
@@ -320,7 +354,8 @@
320
354
  },
321
355
  "$type": "color",
322
356
  "themeable": true,
323
- "prefix": false
357
+ "prefix": false,
358
+ "deprecated": true
324
359
  },
325
360
  "200": {
326
361
  "$value": {
@@ -329,7 +364,8 @@
329
364
  },
330
365
  "$type": "color",
331
366
  "themeable": true,
332
- "prefix": false
367
+ "prefix": false,
368
+ "deprecated": true
333
369
  },
334
370
  "300": {
335
371
  "$value": {
@@ -338,7 +374,8 @@
338
374
  },
339
375
  "$type": "color",
340
376
  "themeable": true,
341
- "prefix": false
377
+ "prefix": false,
378
+ "deprecated": true
342
379
  },
343
380
  "400": {
344
381
  "$value": {
@@ -347,7 +384,8 @@
347
384
  },
348
385
  "$type": "color",
349
386
  "themeable": true,
350
- "prefix": false
387
+ "prefix": false,
388
+ "deprecated": true
351
389
  },
352
390
  "500": {
353
391
  "$value": {
@@ -356,7 +394,8 @@
356
394
  },
357
395
  "$type": "color",
358
396
  "themeable": true,
359
- "prefix": false
397
+ "prefix": false,
398
+ "deprecated": true
360
399
  },
361
400
  "600": {
362
401
  "$value": {
@@ -365,7 +404,8 @@
365
404
  },
366
405
  "$type": "color",
367
406
  "themeable": true,
368
- "prefix": false
407
+ "prefix": false,
408
+ "deprecated": true
369
409
  },
370
410
  "700": {
371
411
  "$value": {
@@ -374,7 +414,8 @@
374
414
  },
375
415
  "$type": "color",
376
416
  "themeable": true,
377
- "prefix": false
417
+ "prefix": false,
418
+ "deprecated": true
378
419
  },
379
420
  "800": {
380
421
  "$value": {
@@ -383,7 +424,8 @@
383
424
  },
384
425
  "$type": "color",
385
426
  "themeable": true,
386
- "prefix": false
427
+ "prefix": false,
428
+ "deprecated": true
387
429
  },
388
430
  "900": {
389
431
  "$value": {
@@ -392,7 +434,8 @@
392
434
  },
393
435
  "$type": "color",
394
436
  "themeable": true,
395
- "prefix": false
437
+ "prefix": false,
438
+ "deprecated": true
396
439
  },
397
440
  "950": {
398
441
  "$value": {
@@ -401,7 +444,8 @@
401
444
  },
402
445
  "$type": "color",
403
446
  "themeable": true,
404
- "prefix": false
447
+ "prefix": false,
448
+ "deprecated": true
405
449
  }
406
450
  },
407
451
  "orange": {
@@ -412,7 +456,8 @@
412
456
  },
413
457
  "$type": "color",
414
458
  "themeable": true,
415
- "prefix": false
459
+ "prefix": false,
460
+ "deprecated": true
416
461
  },
417
462
  "100": {
418
463
  "$value": {
@@ -421,7 +466,8 @@
421
466
  },
422
467
  "$type": "color",
423
468
  "themeable": true,
424
- "prefix": false
469
+ "prefix": false,
470
+ "deprecated": true
425
471
  },
426
472
  "200": {
427
473
  "$value": {
@@ -430,7 +476,8 @@
430
476
  },
431
477
  "$type": "color",
432
478
  "themeable": true,
433
- "prefix": false
479
+ "prefix": false,
480
+ "deprecated": true
434
481
  },
435
482
  "300": {
436
483
  "$value": {
@@ -439,7 +486,8 @@
439
486
  },
440
487
  "$type": "color",
441
488
  "themeable": true,
442
- "prefix": false
489
+ "prefix": false,
490
+ "deprecated": true
443
491
  },
444
492
  "400": {
445
493
  "$value": {
@@ -448,7 +496,8 @@
448
496
  },
449
497
  "$type": "color",
450
498
  "themeable": true,
451
- "prefix": false
499
+ "prefix": false,
500
+ "deprecated": true
452
501
  },
453
502
  "500": {
454
503
  "$value": {
@@ -457,7 +506,8 @@
457
506
  },
458
507
  "$type": "color",
459
508
  "themeable": true,
460
- "prefix": false
509
+ "prefix": false,
510
+ "deprecated": true
461
511
  },
462
512
  "600": {
463
513
  "$value": {
@@ -466,7 +516,8 @@
466
516
  },
467
517
  "$type": "color",
468
518
  "themeable": true,
469
- "prefix": false
519
+ "prefix": false,
520
+ "deprecated": true
470
521
  },
471
522
  "700": {
472
523
  "$value": {
@@ -475,7 +526,8 @@
475
526
  },
476
527
  "$type": "color",
477
528
  "themeable": true,
478
- "prefix": false
529
+ "prefix": false,
530
+ "deprecated": true
479
531
  },
480
532
  "800": {
481
533
  "$value": {
@@ -484,7 +536,8 @@
484
536
  },
485
537
  "$type": "color",
486
538
  "themeable": true,
487
- "prefix": false
539
+ "prefix": false,
540
+ "deprecated": true
488
541
  },
489
542
  "900": {
490
543
  "$value": {
@@ -493,7 +546,8 @@
493
546
  },
494
547
  "$type": "color",
495
548
  "themeable": true,
496
- "prefix": false
549
+ "prefix": false,
550
+ "deprecated": true
497
551
  },
498
552
  "950": {
499
553
  "$value": {
@@ -502,7 +556,8 @@
502
556
  },
503
557
  "$type": "color",
504
558
  "themeable": true,
505
- "prefix": false
559
+ "prefix": false,
560
+ "deprecated": true
506
561
  }
507
562
  }
508
563
  }