@gitlab/ui 128.0.0 → 128.1.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 (40) hide show
  1. package/dist/components/base/form/form_checkbox/form_checkbox.js +0 -3
  2. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +132 -3
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tailwind.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 +1 -1
  12. package/src/tokens/build/css/tokens.css +24 -24
  13. package/src/tokens/build/css/tokens.dark.css +26 -26
  14. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +82 -82
  15. package/src/tokens/build/docs/tokens-tailwind-docs.json +81 -81
  16. package/src/tokens/build/figma/constants.tokens.json +2245 -226
  17. package/src/tokens/build/figma/contextual.tokens.json +753 -77
  18. package/src/tokens/build/figma/deprecated.tokens.json +4151 -420
  19. package/src/tokens/build/figma/semantic.tokens.json +171 -19
  20. package/src/tokens/build/js/tokens.dark.js +130 -127
  21. package/src/tokens/build/js/tokens.js +113 -110
  22. package/src/tokens/build/json/tokens.dark.json +161 -161
  23. package/src/tokens/build/json/tokens.json +142 -142
  24. package/src/tokens/build/scss/_tokens.dark.scss +26 -26
  25. package/src/tokens/build/scss/_tokens.scss +24 -24
  26. package/src/tokens/constant/color.alpha.tokens.json +135 -15
  27. package/src/tokens/constant/color.tokens.json +2110 -211
  28. package/src/tokens/contextual/avatar.tokens.json +54 -6
  29. package/src/tokens/contextual/button.tokens.json +90 -10
  30. package/src/tokens/contextual/chart.tokens.json +9 -1
  31. package/src/tokens/contextual/illustration.tokens.json +600 -60
  32. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +1100 -110
  33. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +1440 -144
  34. package/src/tokens/deprecated/deprecated.color.tokens.json +1490 -149
  35. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +147 -43
  36. package/src/tokens/semantic/action.tokens.json +162 -18
  37. package/src/tokens/semantic/background.tokens.json +9 -1
  38. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox-group.js +0 -37
  39. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/form-checkbox.js +0 -134
  40. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -2
@@ -438,7 +438,15 @@
438
438
  "background": {
439
439
  "color": {
440
440
  "red": {
441
- "$value": "#fcb5aa3d",
441
+ "$value": {
442
+ "colorSpace": "srgb",
443
+ "components": [
444
+ 0.9882352941176471,
445
+ 0.7098039215686275,
446
+ 0.6666666666666666
447
+ ],
448
+ "alpha": 0.23921568627450981
449
+ },
442
450
  "$type": "color",
443
451
  "$description": "Red background for avatar fallback with no particular meaning.",
444
452
  "$extensions": {
@@ -449,7 +457,15 @@
449
457
  }
450
458
  },
451
459
  "purple": {
452
- "$value": "#cbbbf23d",
460
+ "$value": {
461
+ "colorSpace": "srgb",
462
+ "components": [
463
+ 0.796078431372549,
464
+ 0.7333333333333333,
465
+ 0.9490196078431372
466
+ ],
467
+ "alpha": 0.23921568627450981
468
+ },
453
469
  "$type": "color",
454
470
  "$description": "Purple background for avatar fallback with no particular meaning.",
455
471
  "$extensions": {
@@ -460,7 +476,15 @@
460
476
  }
461
477
  },
462
478
  "blue": {
463
- "$value": "#9dc7f13d",
479
+ "$value": {
480
+ "colorSpace": "srgb",
481
+ "components": [
482
+ 0.615686274509804,
483
+ 0.7803921568627451,
484
+ 0.9450980392156862
485
+ ],
486
+ "alpha": 0.23921568627450981
487
+ },
464
488
  "$type": "color",
465
489
  "$description": "Blue background for avatar fallback with no particular meaning.",
466
490
  "$extensions": {
@@ -471,7 +495,15 @@
471
495
  }
472
496
  },
473
497
  "green": {
474
- "$value": "#91d4a83d",
498
+ "$value": {
499
+ "colorSpace": "srgb",
500
+ "components": [
501
+ 0.5686274509803921,
502
+ 0.8313725490196079,
503
+ 0.6588235294117647
504
+ ],
505
+ "alpha": 0.23921568627450981
506
+ },
475
507
  "$type": "color",
476
508
  "$description": "Green background for avatar fallback with no particular meaning.",
477
509
  "$extensions": {
@@ -482,7 +514,15 @@
482
514
  }
483
515
  },
484
516
  "orange": {
485
- "$value": "#e9be743d",
517
+ "$value": {
518
+ "colorSpace": "srgb",
519
+ "components": [
520
+ 0.9137254901960784,
521
+ 0.7450980392156863,
522
+ 0.4549019607843137
523
+ ],
524
+ "alpha": 0.23921568627450981
525
+ },
486
526
  "$type": "color",
487
527
  "$description": "Orange background for avatar fallback with no particular meaning.",
488
528
  "$extensions": {
@@ -493,7 +533,15 @@
493
533
  }
494
534
  },
495
535
  "neutral": {
496
- "$value": "#bfbfc33d",
536
+ "$value": {
537
+ "colorSpace": "srgb",
538
+ "components": [
539
+ 0.7490196078431373,
540
+ 0.7490196078431373,
541
+ 0.7647058823529411
542
+ ],
543
+ "alpha": 0.23921568627450981
544
+ },
497
545
  "$type": "color",
498
546
  "$description": "Neutral background for avatar fallback with no particular meaning.",
499
547
  "$extensions": {
@@ -2607,7 +2655,15 @@
2607
2655
  "default": {
2608
2656
  "$value": {
2609
2657
  "default": "{color.neutral.0}",
2610
- "dark": "rgba(137, 136, 141, 0.4)"
2658
+ "dark": {
2659
+ "colorSpace": "srgb",
2660
+ "components": [
2661
+ 0.5372549019607843,
2662
+ 0.5333333333333333,
2663
+ 0.5529411764705883
2664
+ ],
2665
+ "alpha": 0.4
2666
+ }
2611
2667
  },
2612
2668
  "$type": "color",
2613
2669
  "$description": "Used for the background of an default primary button in the default state.",
@@ -2621,7 +2677,15 @@
2621
2677
  "hover": {
2622
2678
  "$value": {
2623
2679
  "default": "{color.neutral.50}",
2624
- "dark": "rgba(137, 136, 141, 0.64)"
2680
+ "dark": {
2681
+ "colorSpace": "srgb",
2682
+ "components": [
2683
+ 0.5372549019607843,
2684
+ 0.5333333333333333,
2685
+ 0.5529411764705883
2686
+ ],
2687
+ "alpha": 0.64
2688
+ }
2625
2689
  },
2626
2690
  "$type": "color",
2627
2691
  "$description": "Used for the background of an default primary button in the hover state.",
@@ -2646,7 +2710,15 @@
2646
2710
  "active": {
2647
2711
  "$value": {
2648
2712
  "default": "{color.neutral.100}",
2649
- "dark": "rgba(137, 136, 141, 0.32)"
2713
+ "dark": {
2714
+ "colorSpace": "srgb",
2715
+ "components": [
2716
+ 0.5372549019607843,
2717
+ 0.5333333333333333,
2718
+ 0.5529411764705883
2719
+ ],
2720
+ "alpha": 0.32
2721
+ }
2650
2722
  },
2651
2723
  "$type": "color",
2652
2724
  "$description": "Used for the background of an default primary button in the active state.",
@@ -3074,7 +3146,15 @@
3074
3146
  "default": {
3075
3147
  "$value": {
3076
3148
  "default": "{color.neutral.0}",
3077
- "dark": "rgba(66, 143, 220, 0.4)"
3149
+ "dark": {
3150
+ "colorSpace": "srgb",
3151
+ "components": [
3152
+ 0.25882352941176473,
3153
+ 0.5607843137254902,
3154
+ 0.8627450980392157
3155
+ ],
3156
+ "alpha": 0.4
3157
+ }
3078
3158
  },
3079
3159
  "$type": "color",
3080
3160
  "$description": "Used for the background of an outlined confirm (positive) button in the default state.",
@@ -3088,7 +3168,15 @@
3088
3168
  "hover": {
3089
3169
  "$value": {
3090
3170
  "default": "{color.blue.50}",
3091
- "dark": "rgba(66, 143, 220, 0.64)"
3171
+ "dark": {
3172
+ "colorSpace": "srgb",
3173
+ "components": [
3174
+ 0.25882352941176473,
3175
+ 0.5607843137254902,
3176
+ 0.8627450980392157
3177
+ ],
3178
+ "alpha": 0.64
3179
+ }
3092
3180
  },
3093
3181
  "$type": "color",
3094
3182
  "$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
@@ -3113,7 +3201,15 @@
3113
3201
  "active": {
3114
3202
  "$value": {
3115
3203
  "default": "{color.blue.100}",
3116
- "dark": "rgba(66, 143, 220, 0.32)"
3204
+ "dark": {
3205
+ "colorSpace": "srgb",
3206
+ "components": [
3207
+ 0.25882352941176473,
3208
+ 0.5607843137254902,
3209
+ 0.8627450980392157
3210
+ ],
3211
+ "alpha": 0.32
3212
+ }
3117
3213
  },
3118
3214
  "$type": "color",
3119
3215
  "$description": "Used for the background of an outlined confirm (positive) button in the active state.",
@@ -3550,7 +3646,15 @@
3550
3646
  "default": {
3551
3647
  "$value": {
3552
3648
  "default": "{color.neutral.0}",
3553
- "dark": "rgba(236, 89, 65, 0.40)"
3649
+ "dark": {
3650
+ "colorSpace": "srgb",
3651
+ "components": [
3652
+ 0.9254901960784314,
3653
+ 0.34901960784313724,
3654
+ 0.2549019607843137
3655
+ ],
3656
+ "alpha": 0.4
3657
+ }
3554
3658
  },
3555
3659
  "$type": "color",
3556
3660
  "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
@@ -3564,7 +3668,15 @@
3564
3668
  "hover": {
3565
3669
  "$value": {
3566
3670
  "default": "{color.red.50}",
3567
- "dark": "rgba(236, 89, 65, 0.64)"
3671
+ "dark": {
3672
+ "colorSpace": "srgb",
3673
+ "components": [
3674
+ 0.9254901960784314,
3675
+ 0.34901960784313724,
3676
+ 0.2549019607843137
3677
+ ],
3678
+ "alpha": 0.64
3679
+ }
3568
3680
  },
3569
3681
  "$type": "color",
3570
3682
  "$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
@@ -3589,7 +3701,15 @@
3589
3701
  "active": {
3590
3702
  "$value": {
3591
3703
  "default": "{color.red.100}",
3592
- "dark": "rgba(236, 89, 65, 0.32)"
3704
+ "dark": {
3705
+ "colorSpace": "srgb",
3706
+ "components": [
3707
+ 0.9254901960784314,
3708
+ 0.34901960784313724,
3709
+ 0.2549019607843137
3710
+ ],
3711
+ "alpha": 0.32
3712
+ }
3593
3713
  },
3594
3714
  "$type": "color",
3595
3715
  "$description": "Used for the background of an outlined danger (destructive) button in the active state.",
@@ -4113,7 +4233,15 @@
4113
4233
  "color": {
4114
4234
  "$value": {
4115
4235
  "default": "{color.neutral.10}",
4116
- "dark": "rgba(137, 136, 141, 0.16)"
4236
+ "dark": {
4237
+ "colorSpace": "srgb",
4238
+ "components": [
4239
+ 0.5372549019607843,
4240
+ 0.5333333333333333,
4241
+ 0.5529411764705883
4242
+ ],
4243
+ "alpha": 0.16
4244
+ }
4117
4245
  },
4118
4246
  "$type": "color",
4119
4247
  "$description": "Used for the background of a disabled button.",
@@ -4225,7 +4353,15 @@
4225
4353
  "threshold": {
4226
4354
  "area": {
4227
4355
  "color": {
4228
- "$value": "rgba(221,43,14,0.1)",
4356
+ "$value": {
4357
+ "colorSpace": "srgb",
4358
+ "components": [
4359
+ 0.8666666666666667,
4360
+ 0.16862745098039217,
4361
+ 0.054901960784313725
4362
+ ],
4363
+ "alpha": 0.1
4364
+ },
4229
4365
  "$type": "color",
4230
4366
  "$description": "Used in charts to delineate a threshold area in a chart.",
4231
4367
  "$extensions": {
@@ -4742,8 +4878,26 @@
4742
4878
  "color": {
4743
4879
  "default": {
4744
4880
  "$value": {
4745
- "default": "#171321",
4746
- "dark": "#e3e3e8"
4881
+ "default": {
4882
+ "colorSpace": "srgb",
4883
+ "components": [
4884
+ 0.09019607843137255,
4885
+ 0.07450980392156863,
4886
+ 0.12941176470588237
4887
+ ],
4888
+ "alpha": 1,
4889
+ "hex": "#171321"
4890
+ },
4891
+ "dark": {
4892
+ "colorSpace": "srgb",
4893
+ "components": [
4894
+ 0.8901960784313725,
4895
+ 0.8901960784313725,
4896
+ 0.9098039215686274
4897
+ ],
4898
+ "alpha": 1,
4899
+ "hex": "#e3e3e8"
4900
+ }
4747
4901
  },
4748
4902
  "$type": "color",
4749
4903
  "$description": "Default stroke color to define shape and provide essential detail.",
@@ -4774,8 +4928,26 @@
4774
4928
  "color": {
4775
4929
  "default": {
4776
4930
  "$value": {
4777
- "default": "#fff",
4778
- "dark": "#423f4f"
4931
+ "default": {
4932
+ "colorSpace": "srgb",
4933
+ "components": [
4934
+ 1,
4935
+ 1,
4936
+ 1
4937
+ ],
4938
+ "alpha": 1,
4939
+ "hex": "#fff"
4940
+ },
4941
+ "dark": {
4942
+ "colorSpace": "srgb",
4943
+ "components": [
4944
+ 0.25882352941176473,
4945
+ 0.24705882352941178,
4946
+ 0.30980392156862746
4947
+ ],
4948
+ "alpha": 1,
4949
+ "hex": "#423f4f"
4950
+ }
4779
4951
  },
4780
4952
  "$type": "color",
4781
4953
  "$description": "Default fill color for an element where specific meaning or emphasis is not required.",
@@ -4792,8 +4964,26 @@
4792
4964
  "color": {
4793
4965
  "neutral": {
4794
4966
  "$value": {
4795
- "default": "#aea5d6",
4796
- "dark": "#6f6796"
4967
+ "default": {
4968
+ "colorSpace": "srgb",
4969
+ "components": [
4970
+ 0.6823529411764706,
4971
+ 0.6470588235294118,
4972
+ 0.8392156862745098
4973
+ ],
4974
+ "alpha": 1,
4975
+ "hex": "#aea5d6"
4976
+ },
4977
+ "dark": {
4978
+ "colorSpace": "srgb",
4979
+ "components": [
4980
+ 0.43529411764705883,
4981
+ 0.403921568627451,
4982
+ 0.5882352941176471
4983
+ ],
4984
+ "alpha": 1,
4985
+ "hex": "#6f6796"
4986
+ }
4797
4987
  },
4798
4988
  "$type": "color",
4799
4989
  "$description": "Used as a fill to convey a concept which is neither positive or negative.",
@@ -4805,8 +4995,26 @@
4805
4995
  },
4806
4996
  "success": {
4807
4997
  "$value": {
4808
- "default": "#6fdac9",
4809
- "dark": "#3b8581"
4998
+ "default": {
4999
+ "colorSpace": "srgb",
5000
+ "components": [
5001
+ 0.43529411764705883,
5002
+ 0.8549019607843137,
5003
+ 0.788235294117647
5004
+ ],
5005
+ "alpha": 1,
5006
+ "hex": "#6fdac9"
5007
+ },
5008
+ "dark": {
5009
+ "colorSpace": "srgb",
5010
+ "components": [
5011
+ 0.23137254901960785,
5012
+ 0.5215686274509804,
5013
+ 0.5058823529411764
5014
+ ],
5015
+ "alpha": 1,
5016
+ "hex": "#3b8581"
5017
+ }
4810
5018
  },
4811
5019
  "$type": "color",
4812
5020
  "$description": "Used as a fill to convey a success or active concept, has a positive connotation.",
@@ -4818,8 +5026,26 @@
4818
5026
  },
4819
5027
  "warning": {
4820
5028
  "$value": {
4821
- "default": "#fca326",
4822
- "dark": "#ab752f"
5029
+ "default": {
5030
+ "colorSpace": "srgb",
5031
+ "components": [
5032
+ 0.9882352941176471,
5033
+ 0.6392156862745098,
5034
+ 0.14901960784313725
5035
+ ],
5036
+ "alpha": 1,
5037
+ "hex": "#fca326"
5038
+ },
5039
+ "dark": {
5040
+ "colorSpace": "srgb",
5041
+ "components": [
5042
+ 0.6705882352941176,
5043
+ 0.4588235294117647,
5044
+ 0.1843137254901961
5045
+ ],
5046
+ "alpha": 1,
5047
+ "hex": "#ab752f"
5048
+ }
4823
5049
  },
4824
5050
  "$type": "color",
4825
5051
  "$description": "Used as a fill to convey a caution or warning concept, has a slightly negative connotation.",
@@ -4831,8 +5057,26 @@
4831
5057
  },
4832
5058
  "danger": {
4833
5059
  "$value": {
4834
- "default": "#ff9d73",
4835
- "dark": "#aa563a"
5060
+ "default": {
5061
+ "colorSpace": "srgb",
5062
+ "components": [
5063
+ 1,
5064
+ 0.615686274509804,
5065
+ 0.45098039215686275
5066
+ ],
5067
+ "alpha": 1,
5068
+ "hex": "#ff9d73"
5069
+ },
5070
+ "dark": {
5071
+ "colorSpace": "srgb",
5072
+ "components": [
5073
+ 0.6666666666666666,
5074
+ 0.33725490196078434,
5075
+ 0.22745098039215686
5076
+ ],
5077
+ "alpha": 1,
5078
+ "hex": "#aa563a"
5079
+ }
4836
5080
  },
4837
5081
  "$type": "color",
4838
5082
  "$description": "Used as a fill to convey a critical or danger concept, has a negative connotation.",
@@ -4850,8 +5094,26 @@
4850
5094
  "color": {
4851
5095
  "orange": {
4852
5096
  "$value": {
4853
- "default": "#ff9d73",
4854
- "dark": "#e3865f"
5097
+ "default": {
5098
+ "colorSpace": "srgb",
5099
+ "components": [
5100
+ 1,
5101
+ 0.615686274509804,
5102
+ 0.45098039215686275
5103
+ ],
5104
+ "alpha": 1,
5105
+ "hex": "#ff9d73"
5106
+ },
5107
+ "dark": {
5108
+ "colorSpace": "srgb",
5109
+ "components": [
5110
+ 0.8901960784313725,
5111
+ 0.5254901960784314,
5112
+ 0.37254901960784315
5113
+ ],
5114
+ "alpha": 1,
5115
+ "hex": "#e3865f"
5116
+ }
4855
5117
  },
4856
5118
  "$type": "color",
4857
5119
  "$description": "Used for orange accent stroke detail on an object or attention-drawing element.",
@@ -4863,8 +5125,26 @@
4863
5125
  },
4864
5126
  "teal": {
4865
5127
  "$value": {
4866
- "default": "#6fdac9",
4867
- "dark": "#6baea3"
5128
+ "default": {
5129
+ "colorSpace": "srgb",
5130
+ "components": [
5131
+ 0.43529411764705883,
5132
+ 0.8549019607843137,
5133
+ 0.788235294117647
5134
+ ],
5135
+ "alpha": 1,
5136
+ "hex": "#6fdac9"
5137
+ },
5138
+ "dark": {
5139
+ "colorSpace": "srgb",
5140
+ "components": [
5141
+ 0.4196078431372549,
5142
+ 0.6823529411764706,
5143
+ 0.6392156862745098
5144
+ ],
5145
+ "alpha": 1,
5146
+ "hex": "#6baea3"
5147
+ }
4868
5148
  },
4869
5149
  "$type": "color",
4870
5150
  "$description": "Used for teal accent stroke detail on an object or attention-drawing element.",
@@ -4876,8 +5156,26 @@
4876
5156
  },
4877
5157
  "strong": {
4878
5158
  "$value": {
4879
- "default": "#aea5d6",
4880
- "dark": "#aea5d6"
5159
+ "default": {
5160
+ "colorSpace": "srgb",
5161
+ "components": [
5162
+ 0.6823529411764706,
5163
+ 0.6470588235294118,
5164
+ 0.8392156862745098
5165
+ ],
5166
+ "alpha": 1,
5167
+ "hex": "#aea5d6"
5168
+ },
5169
+ "dark": {
5170
+ "colorSpace": "srgb",
5171
+ "components": [
5172
+ 0.6823529411764706,
5173
+ 0.6470588235294118,
5174
+ 0.8392156862745098
5175
+ ],
5176
+ "alpha": 1,
5177
+ "hex": "#aea5d6"
5178
+ }
4881
5179
  },
4882
5180
  "$type": "color",
4883
5181
  "$description": "Used for dark accent stroke detail on an object or attention-drawing element.",
@@ -4893,8 +5191,26 @@
4893
5191
  "color": {
4894
5192
  "subtle": {
4895
5193
  "$value": {
4896
- "default": "#d0c5e2",
4897
- "dark": "#5c5371"
5194
+ "default": {
5195
+ "colorSpace": "srgb",
5196
+ "components": [
5197
+ 0.8156862745098039,
5198
+ 0.7725490196078432,
5199
+ 0.8862745098039215
5200
+ ],
5201
+ "alpha": 1,
5202
+ "hex": "#d0c5e2"
5203
+ },
5204
+ "dark": {
5205
+ "colorSpace": "srgb",
5206
+ "components": [
5207
+ 0.3607843137254902,
5208
+ 0.3254901960784314,
5209
+ 0.44313725490196076
5210
+ ],
5211
+ "alpha": 1,
5212
+ "hex": "#5c5371"
5213
+ }
4898
5214
  },
4899
5215
  "$type": "color",
4900
5216
  "$description": "Used to add depth to a secondary element and supporting surface.",
@@ -4906,8 +5222,26 @@
4906
5222
  },
4907
5223
  "strong": {
4908
5224
  "$value": {
4909
- "default": "#aea5d6",
4910
- "dark": "#6f6796"
5225
+ "default": {
5226
+ "colorSpace": "srgb",
5227
+ "components": [
5228
+ 0.6823529411764706,
5229
+ 0.6470588235294118,
5230
+ 0.8392156862745098
5231
+ ],
5232
+ "alpha": 1,
5233
+ "hex": "#aea5d6"
5234
+ },
5235
+ "dark": {
5236
+ "colorSpace": "srgb",
5237
+ "components": [
5238
+ 0.43529411764705883,
5239
+ 0.403921568627451,
5240
+ 0.5882352941176471
5241
+ ],
5242
+ "alpha": 1,
5243
+ "hex": "#6f6796"
5244
+ }
4911
5245
  },
4912
5246
  "$type": "color",
4913
5247
  "$description": "Used for an element requiring visual emphasis without competing with primary content or status indicators.",
@@ -4919,8 +5253,26 @@
4919
5253
  },
4920
5254
  "orange": {
4921
5255
  "$value": {
4922
- "default": "#ff9d73",
4923
- "dark": "#aa563a"
5256
+ "default": {
5257
+ "colorSpace": "srgb",
5258
+ "components": [
5259
+ 1,
5260
+ 0.615686274509804,
5261
+ 0.45098039215686275
5262
+ ],
5263
+ "alpha": 1,
5264
+ "hex": "#ff9d73"
5265
+ },
5266
+ "dark": {
5267
+ "colorSpace": "srgb",
5268
+ "components": [
5269
+ 0.6666666666666666,
5270
+ 0.33725490196078434,
5271
+ 0.22745098039215686
5272
+ ],
5273
+ "alpha": 1,
5274
+ "hex": "#aa563a"
5275
+ }
4924
5276
  },
4925
5277
  "$type": "color",
4926
5278
  "$description": "Used to add orange to a secondary element and supporting surface.",
@@ -4932,8 +5284,26 @@
4932
5284
  },
4933
5285
  "teal": {
4934
5286
  "$value": {
4935
- "default": "#6fdac9",
4936
- "dark": "#3b8581"
5287
+ "default": {
5288
+ "colorSpace": "srgb",
5289
+ "components": [
5290
+ 0.43529411764705883,
5291
+ 0.8549019607843137,
5292
+ 0.788235294117647
5293
+ ],
5294
+ "alpha": 1,
5295
+ "hex": "#6fdac9"
5296
+ },
5297
+ "dark": {
5298
+ "colorSpace": "srgb",
5299
+ "components": [
5300
+ 0.23137254901960785,
5301
+ 0.5215686274509804,
5302
+ 0.5058823529411764
5303
+ ],
5304
+ "alpha": 1,
5305
+ "hex": "#3b8581"
5306
+ }
4937
5307
  },
4938
5308
  "$type": "color",
4939
5309
  "$description": "Used to add teal to a secondary element and supporting surface.",
@@ -4950,8 +5320,26 @@
4950
5320
  "fill": {
4951
5321
  "color": {
4952
5322
  "$value": {
4953
- "default": "#e7e4f2",
4954
- "dark": "#32303c"
5323
+ "default": {
5324
+ "colorSpace": "srgb",
5325
+ "components": [
5326
+ 0.9058823529411765,
5327
+ 0.8941176470588236,
5328
+ 0.9490196078431372
5329
+ ],
5330
+ "alpha": 1,
5331
+ "hex": "#e7e4f2"
5332
+ },
5333
+ "dark": {
5334
+ "colorSpace": "srgb",
5335
+ "components": [
5336
+ 0.19607843137254902,
5337
+ 0.18823529411764706,
5338
+ 0.23529411764705882
5339
+ ],
5340
+ "alpha": 1,
5341
+ "hex": "#32303c"
5342
+ }
4955
5343
  },
4956
5344
  "$type": "color",
4957
5345
  "$description": "Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.",
@@ -4968,8 +5356,26 @@
4968
5356
  "color": {
4969
5357
  "default": {
4970
5358
  "$value": {
4971
- "default": "#171321",
4972
- "dark": "#e3e3e8"
5359
+ "default": {
5360
+ "colorSpace": "srgb",
5361
+ "components": [
5362
+ 0.09019607843137255,
5363
+ 0.07450980392156863,
5364
+ 0.12941176470588237
5365
+ ],
5366
+ "alpha": 1,
5367
+ "hex": "#171321"
5368
+ },
5369
+ "dark": {
5370
+ "colorSpace": "srgb",
5371
+ "components": [
5372
+ 0.8901960784313725,
5373
+ 0.8901960784313725,
5374
+ 0.9098039215686274
5375
+ ],
5376
+ "alpha": 1,
5377
+ "hex": "#e3e3e8"
5378
+ }
4973
5379
  },
4974
5380
  "$type": "color",
4975
5381
  "$description": "Default stroke color to define shape and provide essential detail in isometric illustration.",
@@ -5001,8 +5407,26 @@
5001
5407
  "fill": {
5002
5408
  "color": {
5003
5409
  "$value": {
5004
- "default": "#c5f4ec",
5005
- "dark": "#5a566c"
5410
+ "default": {
5411
+ "colorSpace": "srgb",
5412
+ "components": [
5413
+ 0.7725490196078432,
5414
+ 0.9568627450980393,
5415
+ 0.9254901960784314
5416
+ ],
5417
+ "alpha": 1,
5418
+ "hex": "#c5f4ec"
5419
+ },
5420
+ "dark": {
5421
+ "colorSpace": "srgb",
5422
+ "components": [
5423
+ 0.35294117647058826,
5424
+ 0.33725490196078434,
5425
+ 0.4235294117647059
5426
+ ],
5427
+ "alpha": 1,
5428
+ "hex": "#5a566c"
5429
+ }
5006
5430
  },
5007
5431
  "$type": "color",
5008
5432
  "$description": "Used for the top face of isometric text and number elements.",
@@ -5018,8 +5442,26 @@
5018
5442
  "fill": {
5019
5443
  "color": {
5020
5444
  "$value": {
5021
- "default": "#fff",
5022
- "dark": "#423f4f"
5445
+ "default": {
5446
+ "colorSpace": "srgb",
5447
+ "components": [
5448
+ 1,
5449
+ 1,
5450
+ 1
5451
+ ],
5452
+ "alpha": 1,
5453
+ "hex": "#fff"
5454
+ },
5455
+ "dark": {
5456
+ "colorSpace": "srgb",
5457
+ "components": [
5458
+ 0.25882352941176473,
5459
+ 0.24705882352941178,
5460
+ 0.30980392156862746
5461
+ ],
5462
+ "alpha": 1,
5463
+ "hex": "#423f4f"
5464
+ }
5023
5465
  },
5024
5466
  "$type": "color",
5025
5467
  "$description": "Used for the front face of isometric text and number elements.",
@@ -5035,8 +5477,26 @@
5035
5477
  "fill": {
5036
5478
  "color": {
5037
5479
  "$value": {
5038
- "default": "#6fdac9",
5039
- "dark": "#373441"
5480
+ "default": {
5481
+ "colorSpace": "srgb",
5482
+ "components": [
5483
+ 0.43529411764705883,
5484
+ 0.8549019607843137,
5485
+ 0.788235294117647
5486
+ ],
5487
+ "alpha": 1,
5488
+ "hex": "#6fdac9"
5489
+ },
5490
+ "dark": {
5491
+ "colorSpace": "srgb",
5492
+ "components": [
5493
+ 0.21568627450980393,
5494
+ 0.20392156862745098,
5495
+ 0.2549019607843137
5496
+ ],
5497
+ "alpha": 1,
5498
+ "hex": "#373441"
5499
+ }
5040
5500
  },
5041
5501
  "$type": "color",
5042
5502
  "$description": "Used for the side face of isometric text and number elements.",
@@ -5052,8 +5512,26 @@
5052
5512
  "fill": {
5053
5513
  "color": {
5054
5514
  "$value": {
5055
- "default": "#10b1b1",
5056
- "dark": "#292730"
5515
+ "default": {
5516
+ "colorSpace": "srgb",
5517
+ "components": [
5518
+ 0.06274509803921569,
5519
+ 0.6941176470588235,
5520
+ 0.6941176470588235
5521
+ ],
5522
+ "alpha": 1,
5523
+ "hex": "#10b1b1"
5524
+ },
5525
+ "dark": {
5526
+ "colorSpace": "srgb",
5527
+ "components": [
5528
+ 0.1607843137254902,
5529
+ 0.15294117647058825,
5530
+ 0.18823529411764706
5531
+ ],
5532
+ "alpha": 1,
5533
+ "hex": "#292730"
5534
+ }
5057
5535
  },
5058
5536
  "$type": "color",
5059
5537
  "$description": "Used for the shadow of isometric text and number elements.",
@@ -5072,8 +5550,26 @@
5072
5550
  "fill": {
5073
5551
  "color": {
5074
5552
  "$value": {
5075
- "default": "#ff9d73",
5076
- "dark": "#aa563a"
5553
+ "default": {
5554
+ "colorSpace": "srgb",
5555
+ "components": [
5556
+ 1,
5557
+ 0.615686274509804,
5558
+ 0.45098039215686275
5559
+ ],
5560
+ "alpha": 1,
5561
+ "hex": "#ff9d73"
5562
+ },
5563
+ "dark": {
5564
+ "colorSpace": "srgb",
5565
+ "components": [
5566
+ 0.6666666666666666,
5567
+ 0.33725490196078434,
5568
+ 0.22745098039215686
5569
+ ],
5570
+ "alpha": 1,
5571
+ "hex": "#aa563a"
5572
+ }
5077
5573
  },
5078
5574
  "$type": "color",
5079
5575
  "$description": "Used for the top face of an isometric object or symbol.",
@@ -5089,8 +5585,26 @@
5089
5585
  "fill": {
5090
5586
  "color": {
5091
5587
  "$value": {
5092
- "default": "#ffc2a8",
5093
- "dark": "#a54623"
5588
+ "default": {
5589
+ "colorSpace": "srgb",
5590
+ "components": [
5591
+ 1,
5592
+ 0.7607843137254902,
5593
+ 0.6588235294117647
5594
+ ],
5595
+ "alpha": 1,
5596
+ "hex": "#ffc2a8"
5597
+ },
5598
+ "dark": {
5599
+ "colorSpace": "srgb",
5600
+ "components": [
5601
+ 0.6470588235294118,
5602
+ 0.27450980392156865,
5603
+ 0.13725490196078433
5604
+ ],
5605
+ "alpha": 1,
5606
+ "hex": "#a54623"
5607
+ }
5094
5608
  },
5095
5609
  "$type": "color",
5096
5610
  "$description": "Used for the front face of an isometric object or symbol.",
@@ -5106,8 +5620,26 @@
5106
5620
  "fill": {
5107
5621
  "color": {
5108
5622
  "$value": {
5109
- "default": "#ff7b42",
5110
- "dark": "#8f4424"
5623
+ "default": {
5624
+ "colorSpace": "srgb",
5625
+ "components": [
5626
+ 1,
5627
+ 0.4823529411764706,
5628
+ 0.25882352941176473
5629
+ ],
5630
+ "alpha": 1,
5631
+ "hex": "#ff7b42"
5632
+ },
5633
+ "dark": {
5634
+ "colorSpace": "srgb",
5635
+ "components": [
5636
+ 0.5607843137254902,
5637
+ 0.26666666666666666,
5638
+ 0.1411764705882353
5639
+ ],
5640
+ "alpha": 1,
5641
+ "hex": "#8f4424"
5642
+ }
5111
5643
  },
5112
5644
  "$type": "color",
5113
5645
  "$description": "Used for the side face of an isometric object or symbol.",
@@ -5123,8 +5655,26 @@
5123
5655
  "fill": {
5124
5656
  "color": {
5125
5657
  "$value": {
5126
- "default": "#fff",
5127
- "dark": "#423f4f"
5658
+ "default": {
5659
+ "colorSpace": "srgb",
5660
+ "components": [
5661
+ 1,
5662
+ 1,
5663
+ 1
5664
+ ],
5665
+ "alpha": 1,
5666
+ "hex": "#fff"
5667
+ },
5668
+ "dark": {
5669
+ "colorSpace": "srgb",
5670
+ "components": [
5671
+ 0.25882352941176473,
5672
+ 0.24705882352941178,
5673
+ 0.30980392156862746
5674
+ ],
5675
+ "alpha": 1,
5676
+ "hex": "#423f4f"
5677
+ }
5128
5678
  },
5129
5679
  "$type": "color",
5130
5680
  "$description": "Used for the face of an isometric object or symbol that requires maximum distinction from other elements.",
@@ -5140,8 +5690,26 @@
5140
5690
  "fill": {
5141
5691
  "color": {
5142
5692
  "$value": {
5143
- "default": "#e24329",
5144
- "dark": "#3d2b2a"
5693
+ "default": {
5694
+ "colorSpace": "srgb",
5695
+ "components": [
5696
+ 0.8862745098039215,
5697
+ 0.2627450980392157,
5698
+ 0.1607843137254902
5699
+ ],
5700
+ "alpha": 1,
5701
+ "hex": "#e24329"
5702
+ },
5703
+ "dark": {
5704
+ "colorSpace": "srgb",
5705
+ "components": [
5706
+ 0.23921568627450981,
5707
+ 0.16862745098039217,
5708
+ 0.16470588235294117
5709
+ ],
5710
+ "alpha": 1,
5711
+ "hex": "#3d2b2a"
5712
+ }
5145
5713
  },
5146
5714
  "$type": "color",
5147
5715
  "$description": "Used for the shadow of an isometric object or symbol.",
@@ -5160,8 +5728,26 @@
5160
5728
  "fill": {
5161
5729
  "color": {
5162
5730
  "$value": {
5163
- "default": "#45424d",
5164
- "dark": "#6d6972"
5731
+ "default": {
5732
+ "colorSpace": "srgb",
5733
+ "components": [
5734
+ 0.27058823529411763,
5735
+ 0.25882352941176473,
5736
+ 0.30196078431372547
5737
+ ],
5738
+ "alpha": 1,
5739
+ "hex": "#45424d"
5740
+ },
5741
+ "dark": {
5742
+ "colorSpace": "srgb",
5743
+ "components": [
5744
+ 0.42745098039215684,
5745
+ 0.4117647058823529,
5746
+ 0.4470588235294118
5747
+ ],
5748
+ "alpha": 1,
5749
+ "hex": "#6d6972"
5750
+ }
5165
5751
  },
5166
5752
  "$type": "color",
5167
5753
  "$description": "Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -5177,8 +5763,26 @@
5177
5763
  "fill": {
5178
5764
  "color": {
5179
5765
  "$value": {
5180
- "default": "#74717a",
5181
- "dark": "#49474d"
5766
+ "default": {
5767
+ "colorSpace": "srgb",
5768
+ "components": [
5769
+ 0.4549019607843137,
5770
+ 0.44313725490196076,
5771
+ 0.47843137254901963
5772
+ ],
5773
+ "alpha": 1,
5774
+ "hex": "#74717a"
5775
+ },
5776
+ "dark": {
5777
+ "colorSpace": "srgb",
5778
+ "components": [
5779
+ 0.28627450980392155,
5780
+ 0.2784313725490196,
5781
+ 0.30196078431372547
5782
+ ],
5783
+ "alpha": 1,
5784
+ "hex": "#49474d"
5785
+ }
5182
5786
  },
5183
5787
  "$type": "color",
5184
5788
  "$description": "Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -5194,8 +5798,26 @@
5194
5798
  "fill": {
5195
5799
  "color": {
5196
5800
  "$value": {
5197
- "default": "#2b2838",
5198
- "dark": "#212023"
5801
+ "default": {
5802
+ "colorSpace": "srgb",
5803
+ "components": [
5804
+ 0.16862745098039217,
5805
+ 0.1568627450980392,
5806
+ 0.2196078431372549
5807
+ ],
5808
+ "alpha": 1,
5809
+ "hex": "#2b2838"
5810
+ },
5811
+ "dark": {
5812
+ "colorSpace": "srgb",
5813
+ "components": [
5814
+ 0.12941176470588237,
5815
+ 0.12549019607843137,
5816
+ 0.13725490196078433
5817
+ ],
5818
+ "alpha": 1,
5819
+ "hex": "#212023"
5820
+ }
5199
5821
  },
5200
5822
  "$type": "color",
5201
5823
  "$description": "Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
@@ -5213,8 +5835,26 @@
5213
5835
  "fill": {
5214
5836
  "color": {
5215
5837
  "$value": {
5216
- "default": "#e7e4f2",
5217
- "dark": "#32303c"
5838
+ "default": {
5839
+ "colorSpace": "srgb",
5840
+ "components": [
5841
+ 0.9058823529411765,
5842
+ 0.8941176470588236,
5843
+ 0.9490196078431372
5844
+ ],
5845
+ "alpha": 1,
5846
+ "hex": "#e7e4f2"
5847
+ },
5848
+ "dark": {
5849
+ "colorSpace": "srgb",
5850
+ "components": [
5851
+ 0.19607843137254902,
5852
+ 0.18823529411764706,
5853
+ 0.23529411764705882
5854
+ ],
5855
+ "alpha": 1,
5856
+ "hex": "#32303c"
5857
+ }
5218
5858
  },
5219
5859
  "$type": "color",
5220
5860
  "$description": "Used for the top surface of an isometric base platform.",
@@ -5230,8 +5870,26 @@
5230
5870
  "fill": {
5231
5871
  "color": {
5232
5872
  "$value": {
5233
- "default": "#d5d0e8",
5234
- "dark": "#2b2932"
5873
+ "default": {
5874
+ "colorSpace": "srgb",
5875
+ "components": [
5876
+ 0.8352941176470589,
5877
+ 0.8156862745098039,
5878
+ 0.9098039215686274
5879
+ ],
5880
+ "alpha": 1,
5881
+ "hex": "#d5d0e8"
5882
+ },
5883
+ "dark": {
5884
+ "colorSpace": "srgb",
5885
+ "components": [
5886
+ 0.16862745098039217,
5887
+ 0.1607843137254902,
5888
+ 0.19607843137254902
5889
+ ],
5890
+ "alpha": 1,
5891
+ "hex": "#2b2932"
5892
+ }
5235
5893
  },
5236
5894
  "$type": "color",
5237
5895
  "$description": "Used for the front face of an isometric base platform.",
@@ -5247,8 +5905,26 @@
5247
5905
  "fill": {
5248
5906
  "color": {
5249
5907
  "$value": {
5250
- "default": "#aea5d6",
5251
- "dark": "#23222b"
5908
+ "default": {
5909
+ "colorSpace": "srgb",
5910
+ "components": [
5911
+ 0.6823529411764706,
5912
+ 0.6470588235294118,
5913
+ 0.8392156862745098
5914
+ ],
5915
+ "alpha": 1,
5916
+ "hex": "#aea5d6"
5917
+ },
5918
+ "dark": {
5919
+ "colorSpace": "srgb",
5920
+ "components": [
5921
+ 0.13725490196078433,
5922
+ 0.13333333333333333,
5923
+ 0.16862745098039217
5924
+ ],
5925
+ "alpha": 1,
5926
+ "hex": "#23222b"
5927
+ }
5252
5928
  },
5253
5929
  "$type": "color",
5254
5930
  "$description": "Used for the side face of an isometric base platform.",