@gitlab/ui 128.0.0 → 128.2.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 (43) hide show
  1. package/dist/components/base/color_mode_toggle/color_mode_toggle.js +92 -0
  2. package/dist/components/base/form/form_checkbox/form_checkbox.js +0 -3
  3. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +132 -3
  4. package/dist/components/index.js +1 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index.css.map +1 -1
  7. package/dist/tokens/build/js/tokens.dark.js +127 -127
  8. package/dist/tokens/build/js/tokens.js +110 -110
  9. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
  10. package/dist/vendor/bootstrap-vue/src/mixins/form-radio-check-group.js +1 -2
  11. package/package.json +4 -4
  12. package/src/components/base/color_mode_toggle/color_mode_toggle.vue +65 -0
  13. package/src/components/index.js +1 -0
  14. package/src/tokens/build/css/tokens.css +24 -24
  15. package/src/tokens/build/css/tokens.dark.css +26 -26
  16. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
  17. package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
  18. package/src/tokens/build/figma/constants.tokens.json +2245 -226
  19. package/src/tokens/build/figma/contextual.tokens.json +753 -77
  20. package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
  21. package/src/tokens/build/figma/semantic.tokens.json +171 -19
  22. package/src/tokens/build/js/tokens.dark.js +130 -127
  23. package/src/tokens/build/js/tokens.js +113 -110
  24. package/src/tokens/build/json/tokens.dark.json +161 -161
  25. package/src/tokens/build/json/tokens.json +142 -142
  26. package/src/tokens/build/scss/_tokens.dark.scss +26 -26
  27. package/src/tokens/build/scss/_tokens.scss +24 -24
  28. package/src/tokens/constant/color.alpha.tokens.json +135 -15
  29. package/src/tokens/constant/color.tokens.json +2110 -211
  30. package/src/tokens/contextual/avatar.tokens.json +54 -6
  31. package/src/tokens/contextual/button.tokens.json +90 -10
  32. package/src/tokens/contextual/chart.tokens.json +9 -1
  33. package/src/tokens/contextual/illustration.tokens.json +600 -60
  34. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
  35. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
  36. package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
  37. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
  38. package/src/tokens/semantic/action.tokens.json +162 -18
  39. package/src/tokens/semantic/background.tokens.json +9 -1
  40. package/translations.js +2 -0
  41. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
  42. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
  43. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2
@@ -4,8 +4,26 @@
4
4
  "color": {
5
5
  "default": {
6
6
  "$value": {
7
- "default": "#171321",
8
- "dark": "#e3e3e8"
7
+ "default": {
8
+ "colorSpace": "srgb",
9
+ "components": [
10
+ 0.09019607843137255,
11
+ 0.07450980392156863,
12
+ 0.12941176470588237
13
+ ],
14
+ "alpha": 1,
15
+ "hex": "#171321"
16
+ },
17
+ "dark": {
18
+ "colorSpace": "srgb",
19
+ "components": [
20
+ 0.8901960784313725,
21
+ 0.8901960784313725,
22
+ 0.9098039215686274
23
+ ],
24
+ "alpha": 1,
25
+ "hex": "#e3e3e8"
26
+ }
9
27
  },
10
28
  "$type": "color",
11
29
  "$description": "Default stroke color to define shape and provide essential detail.",
@@ -36,8 +54,26 @@
36
54
  "color": {
37
55
  "default": {
38
56
  "$value": {
39
- "default": "#fff",
40
- "dark": "#423f4f"
57
+ "default": {
58
+ "colorSpace": "srgb",
59
+ "components": [
60
+ 1,
61
+ 1,
62
+ 1
63
+ ],
64
+ "alpha": 1,
65
+ "hex": "#fff"
66
+ },
67
+ "dark": {
68
+ "colorSpace": "srgb",
69
+ "components": [
70
+ 0.25882352941176473,
71
+ 0.24705882352941178,
72
+ 0.30980392156862746
73
+ ],
74
+ "alpha": 1,
75
+ "hex": "#423f4f"
76
+ }
41
77
  },
42
78
  "$type": "color",
43
79
  "$description": "Default fill color for an element where specific meaning or emphasis is not required.",
@@ -54,8 +90,26 @@
54
90
  "color": {
55
91
  "neutral": {
56
92
  "$value": {
57
- "default": "#aea5d6",
58
- "dark": "#6f6796"
93
+ "default": {
94
+ "colorSpace": "srgb",
95
+ "components": [
96
+ 0.6823529411764706,
97
+ 0.6470588235294118,
98
+ 0.8392156862745098
99
+ ],
100
+ "alpha": 1,
101
+ "hex": "#aea5d6"
102
+ },
103
+ "dark": {
104
+ "colorSpace": "srgb",
105
+ "components": [
106
+ 0.43529411764705883,
107
+ 0.403921568627451,
108
+ 0.5882352941176471
109
+ ],
110
+ "alpha": 1,
111
+ "hex": "#6f6796"
112
+ }
59
113
  },
60
114
  "$type": "color",
61
115
  "$description": "Used as a fill to convey a concept which is neither positive or negative.",
@@ -67,8 +121,26 @@
67
121
  },
68
122
  "success": {
69
123
  "$value": {
70
- "default": "#6fdac9",
71
- "dark": "#3b8581"
124
+ "default": {
125
+ "colorSpace": "srgb",
126
+ "components": [
127
+ 0.43529411764705883,
128
+ 0.8549019607843137,
129
+ 0.788235294117647
130
+ ],
131
+ "alpha": 1,
132
+ "hex": "#6fdac9"
133
+ },
134
+ "dark": {
135
+ "colorSpace": "srgb",
136
+ "components": [
137
+ 0.23137254901960785,
138
+ 0.5215686274509804,
139
+ 0.5058823529411764
140
+ ],
141
+ "alpha": 1,
142
+ "hex": "#3b8581"
143
+ }
72
144
  },
73
145
  "$type": "color",
74
146
  "$description": "Used as a fill to convey a success or active concept, has a positive connotation.",
@@ -80,8 +152,26 @@
80
152
  },
81
153
  "warning": {
82
154
  "$value": {
83
- "default": "#fca326",
84
- "dark": "#ab752f"
155
+ "default": {
156
+ "colorSpace": "srgb",
157
+ "components": [
158
+ 0.9882352941176471,
159
+ 0.6392156862745098,
160
+ 0.14901960784313725
161
+ ],
162
+ "alpha": 1,
163
+ "hex": "#fca326"
164
+ },
165
+ "dark": {
166
+ "colorSpace": "srgb",
167
+ "components": [
168
+ 0.6705882352941176,
169
+ 0.4588235294117647,
170
+ 0.1843137254901961
171
+ ],
172
+ "alpha": 1,
173
+ "hex": "#ab752f"
174
+ }
85
175
  },
86
176
  "$type": "color",
87
177
  "$description": "Used as a fill to convey a caution or warning concept, has a slightly negative connotation.",
@@ -93,8 +183,26 @@
93
183
  },
94
184
  "danger": {
95
185
  "$value": {
96
- "default": "#ff9d73",
97
- "dark": "#aa563a"
186
+ "default": {
187
+ "colorSpace": "srgb",
188
+ "components": [
189
+ 1,
190
+ 0.615686274509804,
191
+ 0.45098039215686275
192
+ ],
193
+ "alpha": 1,
194
+ "hex": "#ff9d73"
195
+ },
196
+ "dark": {
197
+ "colorSpace": "srgb",
198
+ "components": [
199
+ 0.6666666666666666,
200
+ 0.33725490196078434,
201
+ 0.22745098039215686
202
+ ],
203
+ "alpha": 1,
204
+ "hex": "#aa563a"
205
+ }
98
206
  },
99
207
  "$type": "color",
100
208
  "$description": "Used as a fill to convey a critical or danger concept, has a negative connotation.",
@@ -112,8 +220,26 @@
112
220
  "color": {
113
221
  "orange": {
114
222
  "$value": {
115
- "default": "#ff9d73",
116
- "dark": "#e3865f"
223
+ "default": {
224
+ "colorSpace": "srgb",
225
+ "components": [
226
+ 1,
227
+ 0.615686274509804,
228
+ 0.45098039215686275
229
+ ],
230
+ "alpha": 1,
231
+ "hex": "#ff9d73"
232
+ },
233
+ "dark": {
234
+ "colorSpace": "srgb",
235
+ "components": [
236
+ 0.8901960784313725,
237
+ 0.5254901960784314,
238
+ 0.37254901960784315
239
+ ],
240
+ "alpha": 1,
241
+ "hex": "#e3865f"
242
+ }
117
243
  },
118
244
  "$type": "color",
119
245
  "$description": "Used for orange accent stroke detail on an object or attention-drawing element.",
@@ -125,8 +251,26 @@
125
251
  },
126
252
  "teal": {
127
253
  "$value": {
128
- "default": "#6fdac9",
129
- "dark": "#6baea3"
254
+ "default": {
255
+ "colorSpace": "srgb",
256
+ "components": [
257
+ 0.43529411764705883,
258
+ 0.8549019607843137,
259
+ 0.788235294117647
260
+ ],
261
+ "alpha": 1,
262
+ "hex": "#6fdac9"
263
+ },
264
+ "dark": {
265
+ "colorSpace": "srgb",
266
+ "components": [
267
+ 0.4196078431372549,
268
+ 0.6823529411764706,
269
+ 0.6392156862745098
270
+ ],
271
+ "alpha": 1,
272
+ "hex": "#6baea3"
273
+ }
130
274
  },
131
275
  "$type": "color",
132
276
  "$description": "Used for teal accent stroke detail on an object or attention-drawing element.",
@@ -138,8 +282,26 @@
138
282
  },
139
283
  "strong": {
140
284
  "$value": {
141
- "default": "#aea5d6",
142
- "dark": "#aea5d6"
285
+ "default": {
286
+ "colorSpace": "srgb",
287
+ "components": [
288
+ 0.6823529411764706,
289
+ 0.6470588235294118,
290
+ 0.8392156862745098
291
+ ],
292
+ "alpha": 1,
293
+ "hex": "#aea5d6"
294
+ },
295
+ "dark": {
296
+ "colorSpace": "srgb",
297
+ "components": [
298
+ 0.6823529411764706,
299
+ 0.6470588235294118,
300
+ 0.8392156862745098
301
+ ],
302
+ "alpha": 1,
303
+ "hex": "#aea5d6"
304
+ }
143
305
  },
144
306
  "$type": "color",
145
307
  "$description": "Used for dark accent stroke detail on an object or attention-drawing element.",
@@ -155,8 +317,26 @@
155
317
  "color": {
156
318
  "subtle": {
157
319
  "$value": {
158
- "default": "#d0c5e2",
159
- "dark": "#5c5371"
320
+ "default": {
321
+ "colorSpace": "srgb",
322
+ "components": [
323
+ 0.8156862745098039,
324
+ 0.7725490196078432,
325
+ 0.8862745098039215
326
+ ],
327
+ "alpha": 1,
328
+ "hex": "#d0c5e2"
329
+ },
330
+ "dark": {
331
+ "colorSpace": "srgb",
332
+ "components": [
333
+ 0.3607843137254902,
334
+ 0.3254901960784314,
335
+ 0.44313725490196076
336
+ ],
337
+ "alpha": 1,
338
+ "hex": "#5c5371"
339
+ }
160
340
  },
161
341
  "$type": "color",
162
342
  "$description": "Used to add depth to a secondary element and supporting surface.",
@@ -168,8 +348,26 @@
168
348
  },
169
349
  "strong": {
170
350
  "$value": {
171
- "default": "#aea5d6",
172
- "dark": "#6f6796"
351
+ "default": {
352
+ "colorSpace": "srgb",
353
+ "components": [
354
+ 0.6823529411764706,
355
+ 0.6470588235294118,
356
+ 0.8392156862745098
357
+ ],
358
+ "alpha": 1,
359
+ "hex": "#aea5d6"
360
+ },
361
+ "dark": {
362
+ "colorSpace": "srgb",
363
+ "components": [
364
+ 0.43529411764705883,
365
+ 0.403921568627451,
366
+ 0.5882352941176471
367
+ ],
368
+ "alpha": 1,
369
+ "hex": "#6f6796"
370
+ }
173
371
  },
174
372
  "$type": "color",
175
373
  "$description": "Used for an element requiring visual emphasis without competing with primary content or status indicators.",
@@ -181,8 +379,26 @@
181
379
  },
182
380
  "orange": {
183
381
  "$value": {
184
- "default": "#ff9d73",
185
- "dark": "#aa563a"
382
+ "default": {
383
+ "colorSpace": "srgb",
384
+ "components": [
385
+ 1,
386
+ 0.615686274509804,
387
+ 0.45098039215686275
388
+ ],
389
+ "alpha": 1,
390
+ "hex": "#ff9d73"
391
+ },
392
+ "dark": {
393
+ "colorSpace": "srgb",
394
+ "components": [
395
+ 0.6666666666666666,
396
+ 0.33725490196078434,
397
+ 0.22745098039215686
398
+ ],
399
+ "alpha": 1,
400
+ "hex": "#aa563a"
401
+ }
186
402
  },
187
403
  "$type": "color",
188
404
  "$description": "Used to add orange to a secondary element and supporting surface.",
@@ -194,8 +410,26 @@
194
410
  },
195
411
  "teal": {
196
412
  "$value": {
197
- "default": "#6fdac9",
198
- "dark": "#3b8581"
413
+ "default": {
414
+ "colorSpace": "srgb",
415
+ "components": [
416
+ 0.43529411764705883,
417
+ 0.8549019607843137,
418
+ 0.788235294117647
419
+ ],
420
+ "alpha": 1,
421
+ "hex": "#6fdac9"
422
+ },
423
+ "dark": {
424
+ "colorSpace": "srgb",
425
+ "components": [
426
+ 0.23137254901960785,
427
+ 0.5215686274509804,
428
+ 0.5058823529411764
429
+ ],
430
+ "alpha": 1,
431
+ "hex": "#3b8581"
432
+ }
199
433
  },
200
434
  "$type": "color",
201
435
  "$description": "Used to add teal to a secondary element and supporting surface.",
@@ -212,8 +446,26 @@
212
446
  "fill": {
213
447
  "color": {
214
448
  "$value": {
215
- "default": "#e7e4f2",
216
- "dark": "#32303c"
449
+ "default": {
450
+ "colorSpace": "srgb",
451
+ "components": [
452
+ 0.9058823529411765,
453
+ 0.8941176470588236,
454
+ 0.9490196078431372
455
+ ],
456
+ "alpha": 1,
457
+ "hex": "#e7e4f2"
458
+ },
459
+ "dark": {
460
+ "colorSpace": "srgb",
461
+ "components": [
462
+ 0.19607843137254902,
463
+ 0.18823529411764706,
464
+ 0.23529411764705882
465
+ ],
466
+ "alpha": 1,
467
+ "hex": "#32303c"
468
+ }
217
469
  },
218
470
  "$type": "color",
219
471
  "$description": "Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.",
@@ -230,8 +482,26 @@
230
482
  "color": {
231
483
  "default": {
232
484
  "$value": {
233
- "default": "#171321",
234
- "dark": "#e3e3e8"
485
+ "default": {
486
+ "colorSpace": "srgb",
487
+ "components": [
488
+ 0.09019607843137255,
489
+ 0.07450980392156863,
490
+ 0.12941176470588237
491
+ ],
492
+ "alpha": 1,
493
+ "hex": "#171321"
494
+ },
495
+ "dark": {
496
+ "colorSpace": "srgb",
497
+ "components": [
498
+ 0.8901960784313725,
499
+ 0.8901960784313725,
500
+ 0.9098039215686274
501
+ ],
502
+ "alpha": 1,
503
+ "hex": "#e3e3e8"
504
+ }
235
505
  },
236
506
  "$type": "color",
237
507
  "$description": "Default stroke color to define shape and provide essential detail in isometric illustration.",
@@ -263,8 +533,26 @@
263
533
  "fill": {
264
534
  "color": {
265
535
  "$value": {
266
- "default": "#c5f4ec",
267
- "dark": "#5a566c"
536
+ "default": {
537
+ "colorSpace": "srgb",
538
+ "components": [
539
+ 0.7725490196078432,
540
+ 0.9568627450980393,
541
+ 0.9254901960784314
542
+ ],
543
+ "alpha": 1,
544
+ "hex": "#c5f4ec"
545
+ },
546
+ "dark": {
547
+ "colorSpace": "srgb",
548
+ "components": [
549
+ 0.35294117647058826,
550
+ 0.33725490196078434,
551
+ 0.4235294117647059
552
+ ],
553
+ "alpha": 1,
554
+ "hex": "#5a566c"
555
+ }
268
556
  },
269
557
  "$type": "color",
270
558
  "$description": "Used for the top face of isometric text and number elements.",
@@ -280,8 +568,26 @@
280
568
  "fill": {
281
569
  "color": {
282
570
  "$value": {
283
- "default": "#fff",
284
- "dark": "#423f4f"
571
+ "default": {
572
+ "colorSpace": "srgb",
573
+ "components": [
574
+ 1,
575
+ 1,
576
+ 1
577
+ ],
578
+ "alpha": 1,
579
+ "hex": "#fff"
580
+ },
581
+ "dark": {
582
+ "colorSpace": "srgb",
583
+ "components": [
584
+ 0.25882352941176473,
585
+ 0.24705882352941178,
586
+ 0.30980392156862746
587
+ ],
588
+ "alpha": 1,
589
+ "hex": "#423f4f"
590
+ }
285
591
  },
286
592
  "$type": "color",
287
593
  "$description": "Used for the front face of isometric text and number elements.",
@@ -297,8 +603,26 @@
297
603
  "fill": {
298
604
  "color": {
299
605
  "$value": {
300
- "default": "#6fdac9",
301
- "dark": "#373441"
606
+ "default": {
607
+ "colorSpace": "srgb",
608
+ "components": [
609
+ 0.43529411764705883,
610
+ 0.8549019607843137,
611
+ 0.788235294117647
612
+ ],
613
+ "alpha": 1,
614
+ "hex": "#6fdac9"
615
+ },
616
+ "dark": {
617
+ "colorSpace": "srgb",
618
+ "components": [
619
+ 0.21568627450980393,
620
+ 0.20392156862745098,
621
+ 0.2549019607843137
622
+ ],
623
+ "alpha": 1,
624
+ "hex": "#373441"
625
+ }
302
626
  },
303
627
  "$type": "color",
304
628
  "$description": "Used for the side face of isometric text and number elements.",
@@ -314,8 +638,26 @@
314
638
  "fill": {
315
639
  "color": {
316
640
  "$value": {
317
- "default": "#10b1b1",
318
- "dark": "#292730"
641
+ "default": {
642
+ "colorSpace": "srgb",
643
+ "components": [
644
+ 0.06274509803921569,
645
+ 0.6941176470588235,
646
+ 0.6941176470588235
647
+ ],
648
+ "alpha": 1,
649
+ "hex": "#10b1b1"
650
+ },
651
+ "dark": {
652
+ "colorSpace": "srgb",
653
+ "components": [
654
+ 0.1607843137254902,
655
+ 0.15294117647058825,
656
+ 0.18823529411764706
657
+ ],
658
+ "alpha": 1,
659
+ "hex": "#292730"
660
+ }
319
661
  },
320
662
  "$type": "color",
321
663
  "$description": "Used for the shadow of isometric text and number elements.",
@@ -334,8 +676,26 @@
334
676
  "fill": {
335
677
  "color": {
336
678
  "$value": {
337
- "default": "#ff9d73",
338
- "dark": "#aa563a"
679
+ "default": {
680
+ "colorSpace": "srgb",
681
+ "components": [
682
+ 1,
683
+ 0.615686274509804,
684
+ 0.45098039215686275
685
+ ],
686
+ "alpha": 1,
687
+ "hex": "#ff9d73"
688
+ },
689
+ "dark": {
690
+ "colorSpace": "srgb",
691
+ "components": [
692
+ 0.6666666666666666,
693
+ 0.33725490196078434,
694
+ 0.22745098039215686
695
+ ],
696
+ "alpha": 1,
697
+ "hex": "#aa563a"
698
+ }
339
699
  },
340
700
  "$type": "color",
341
701
  "$description": "Used for the top face of an isometric object or symbol.",
@@ -351,8 +711,26 @@
351
711
  "fill": {
352
712
  "color": {
353
713
  "$value": {
354
- "default": "#ffc2a8",
355
- "dark": "#a54623"
714
+ "default": {
715
+ "colorSpace": "srgb",
716
+ "components": [
717
+ 1,
718
+ 0.7607843137254902,
719
+ 0.6588235294117647
720
+ ],
721
+ "alpha": 1,
722
+ "hex": "#ffc2a8"
723
+ },
724
+ "dark": {
725
+ "colorSpace": "srgb",
726
+ "components": [
727
+ 0.6470588235294118,
728
+ 0.27450980392156865,
729
+ 0.13725490196078433
730
+ ],
731
+ "alpha": 1,
732
+ "hex": "#a54623"
733
+ }
356
734
  },
357
735
  "$type": "color",
358
736
  "$description": "Used for the front face of an isometric object or symbol.",
@@ -368,8 +746,26 @@
368
746
  "fill": {
369
747
  "color": {
370
748
  "$value": {
371
- "default": "#ff7b42",
372
- "dark": "#8f4424"
749
+ "default": {
750
+ "colorSpace": "srgb",
751
+ "components": [
752
+ 1,
753
+ 0.4823529411764706,
754
+ 0.25882352941176473
755
+ ],
756
+ "alpha": 1,
757
+ "hex": "#ff7b42"
758
+ },
759
+ "dark": {
760
+ "colorSpace": "srgb",
761
+ "components": [
762
+ 0.5607843137254902,
763
+ 0.26666666666666666,
764
+ 0.1411764705882353
765
+ ],
766
+ "alpha": 1,
767
+ "hex": "#8f4424"
768
+ }
373
769
  },
374
770
  "$type": "color",
375
771
  "$description": "Used for the side face of an isometric object or symbol.",
@@ -385,8 +781,26 @@
385
781
  "fill": {
386
782
  "color": {
387
783
  "$value": {
388
- "default": "#fff",
389
- "dark": "#423f4f"
784
+ "default": {
785
+ "colorSpace": "srgb",
786
+ "components": [
787
+ 1,
788
+ 1,
789
+ 1
790
+ ],
791
+ "alpha": 1,
792
+ "hex": "#fff"
793
+ },
794
+ "dark": {
795
+ "colorSpace": "srgb",
796
+ "components": [
797
+ 0.25882352941176473,
798
+ 0.24705882352941178,
799
+ 0.30980392156862746
800
+ ],
801
+ "alpha": 1,
802
+ "hex": "#423f4f"
803
+ }
390
804
  },
391
805
  "$type": "color",
392
806
  "$description": "Used for the face of an isometric object or symbol that requires maximum distinction from other elements.",
@@ -402,8 +816,26 @@
402
816
  "fill": {
403
817
  "color": {
404
818
  "$value": {
405
- "default": "#e24329",
406
- "dark": "#3d2b2a"
819
+ "default": {
820
+ "colorSpace": "srgb",
821
+ "components": [
822
+ 0.8862745098039215,
823
+ 0.2627450980392157,
824
+ 0.1607843137254902
825
+ ],
826
+ "alpha": 1,
827
+ "hex": "#e24329"
828
+ },
829
+ "dark": {
830
+ "colorSpace": "srgb",
831
+ "components": [
832
+ 0.23921568627450981,
833
+ 0.16862745098039217,
834
+ 0.16470588235294117
835
+ ],
836
+ "alpha": 1,
837
+ "hex": "#3d2b2a"
838
+ }
407
839
  },
408
840
  "$type": "color",
409
841
  "$description": "Used for the shadow of an isometric object or symbol.",
@@ -422,8 +854,26 @@
422
854
  "fill": {
423
855
  "color": {
424
856
  "$value": {
425
- "default": "#45424d",
426
- "dark": "#6d6972"
857
+ "default": {
858
+ "colorSpace": "srgb",
859
+ "components": [
860
+ 0.27058823529411763,
861
+ 0.25882352941176473,
862
+ 0.30196078431372547
863
+ ],
864
+ "alpha": 1,
865
+ "hex": "#45424d"
866
+ },
867
+ "dark": {
868
+ "colorSpace": "srgb",
869
+ "components": [
870
+ 0.42745098039215684,
871
+ 0.4117647058823529,
872
+ 0.4470588235294118
873
+ ],
874
+ "alpha": 1,
875
+ "hex": "#6d6972"
876
+ }
427
877
  },
428
878
  "$type": "color",
429
879
  "$description": "Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -439,8 +889,26 @@
439
889
  "fill": {
440
890
  "color": {
441
891
  "$value": {
442
- "default": "#74717a",
443
- "dark": "#49474d"
892
+ "default": {
893
+ "colorSpace": "srgb",
894
+ "components": [
895
+ 0.4549019607843137,
896
+ 0.44313725490196076,
897
+ 0.47843137254901963
898
+ ],
899
+ "alpha": 1,
900
+ "hex": "#74717a"
901
+ },
902
+ "dark": {
903
+ "colorSpace": "srgb",
904
+ "components": [
905
+ 0.28627450980392155,
906
+ 0.2784313725490196,
907
+ 0.30196078431372547
908
+ ],
909
+ "alpha": 1,
910
+ "hex": "#49474d"
911
+ }
444
912
  },
445
913
  "$type": "color",
446
914
  "$description": "Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -456,8 +924,26 @@
456
924
  "fill": {
457
925
  "color": {
458
926
  "$value": {
459
- "default": "#2b2838",
460
- "dark": "#212023"
927
+ "default": {
928
+ "colorSpace": "srgb",
929
+ "components": [
930
+ 0.16862745098039217,
931
+ 0.1568627450980392,
932
+ 0.2196078431372549
933
+ ],
934
+ "alpha": 1,
935
+ "hex": "#2b2838"
936
+ },
937
+ "dark": {
938
+ "colorSpace": "srgb",
939
+ "components": [
940
+ 0.12941176470588237,
941
+ 0.12549019607843137,
942
+ 0.13725490196078433
943
+ ],
944
+ "alpha": 1,
945
+ "hex": "#212023"
946
+ }
461
947
  },
462
948
  "$type": "color",
463
949
  "$description": "Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -475,8 +961,26 @@
475
961
  "fill": {
476
962
  "color": {
477
963
  "$value": {
478
- "default": "#e7e4f2",
479
- "dark": "#32303c"
964
+ "default": {
965
+ "colorSpace": "srgb",
966
+ "components": [
967
+ 0.9058823529411765,
968
+ 0.8941176470588236,
969
+ 0.9490196078431372
970
+ ],
971
+ "alpha": 1,
972
+ "hex": "#e7e4f2"
973
+ },
974
+ "dark": {
975
+ "colorSpace": "srgb",
976
+ "components": [
977
+ 0.19607843137254902,
978
+ 0.18823529411764706,
979
+ 0.23529411764705882
980
+ ],
981
+ "alpha": 1,
982
+ "hex": "#32303c"
983
+ }
480
984
  },
481
985
  "$type": "color",
482
986
  "$description": "Used for the top surface of an isometric base platform.",
@@ -492,8 +996,26 @@
492
996
  "fill": {
493
997
  "color": {
494
998
  "$value": {
495
- "default": "#d5d0e8",
496
- "dark": "#2b2932"
999
+ "default": {
1000
+ "colorSpace": "srgb",
1001
+ "components": [
1002
+ 0.8352941176470589,
1003
+ 0.8156862745098039,
1004
+ 0.9098039215686274
1005
+ ],
1006
+ "alpha": 1,
1007
+ "hex": "#d5d0e8"
1008
+ },
1009
+ "dark": {
1010
+ "colorSpace": "srgb",
1011
+ "components": [
1012
+ 0.16862745098039217,
1013
+ 0.1607843137254902,
1014
+ 0.19607843137254902
1015
+ ],
1016
+ "alpha": 1,
1017
+ "hex": "#2b2932"
1018
+ }
497
1019
  },
498
1020
  "$type": "color",
499
1021
  "$description": "Used for the front face of an isometric base platform.",
@@ -509,8 +1031,26 @@
509
1031
  "fill": {
510
1032
  "color": {
511
1033
  "$value": {
512
- "default": "#aea5d6",
513
- "dark": "#23222b"
1034
+ "default": {
1035
+ "colorSpace": "srgb",
1036
+ "components": [
1037
+ 0.6823529411764706,
1038
+ 0.6470588235294118,
1039
+ 0.8392156862745098
1040
+ ],
1041
+ "alpha": 1,
1042
+ "hex": "#aea5d6"
1043
+ },
1044
+ "dark": {
1045
+ "colorSpace": "srgb",
1046
+ "components": [
1047
+ 0.13725490196078433,
1048
+ 0.13333333333333333,
1049
+ 0.16862745098039217
1050
+ ],
1051
+ "alpha": 1,
1052
+ "hex": "#23222b"
1053
+ }
514
1054
  },
515
1055
  "$type": "color",
516
1056
  "$description": "Used for the side face of an isometric base platform.",