@primer/primitives 7.15.9 → 7.15.10-rc.d7a91629

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 (134) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +44 -44
  2. package/dist/css/functional/themes/dark-dimmed.css +44 -44
  3. package/dist/css/functional/themes/dark-high-contrast.css +40 -40
  4. package/dist/css/functional/themes/dark-tritanopia.css +44 -44
  5. package/dist/css/functional/themes/dark.css +48 -48
  6. package/dist/css/functional/themes/light-colorblind.css +34 -34
  7. package/dist/css/functional/themes/light-high-contrast.css +50 -50
  8. package/dist/css/functional/themes/light-tritanopia.css +34 -34
  9. package/dist/css/functional/themes/light.css +34 -34
  10. package/dist/docs/functional/themes/dark-colorblind.json +31 -29
  11. package/dist/docs/functional/themes/dark-dimmed.json +31 -29
  12. package/dist/docs/functional/themes/dark-high-contrast.json +27 -25
  13. package/dist/docs/functional/themes/dark-tritanopia.json +31 -29
  14. package/dist/docs/functional/themes/dark.json +36 -34
  15. package/dist/docs/functional/themes/light-colorblind.json +27 -23
  16. package/dist/docs/functional/themes/light-high-contrast.json +36 -32
  17. package/dist/docs/functional/themes/light-tritanopia.json +27 -23
  18. package/dist/docs/functional/themes/light.json +27 -23
  19. package/dist/figma/shadows/light-colorblind.json +16 -16
  20. package/dist/figma/shadows/light-high-contrast.json +16 -16
  21. package/dist/figma/shadows/light-tritanopia.json +16 -16
  22. package/dist/figma/shadows/light.json +16 -16
  23. package/dist/figma/themes/dark-colorblind.json +1341 -1340
  24. package/dist/figma/themes/dark-dimmed.json +1417 -1416
  25. package/dist/figma/themes/dark-high-contrast.json +1263 -1262
  26. package/dist/figma/themes/dark-tritanopia.json +1343 -1342
  27. package/dist/figma/themes/dark.json +1423 -1422
  28. package/dist/figma/themes/light-colorblind.json +1371 -1369
  29. package/dist/figma/themes/light-high-contrast.json +1383 -1381
  30. package/dist/figma/themes/light-tritanopia.json +1371 -1369
  31. package/dist/figma/themes/light.json +1440 -1438
  32. package/dist/scss/functional/themes/dark-colorblind.scss +22 -22
  33. package/dist/scss/functional/themes/dark-dimmed.scss +22 -22
  34. package/dist/scss/functional/themes/dark-high-contrast.scss +20 -20
  35. package/dist/scss/functional/themes/dark-tritanopia.scss +22 -22
  36. package/dist/scss/functional/themes/dark.scss +24 -24
  37. package/dist/scss/functional/themes/light-colorblind.scss +17 -17
  38. package/dist/scss/functional/themes/light-high-contrast.scss +25 -25
  39. package/dist/scss/functional/themes/light-tritanopia.scss +17 -17
  40. package/dist/scss/functional/themes/light.scss +17 -17
  41. package/package.json +1 -1
  42. package/tokens-next-private/css/functional/themes/dark-colorblind.css +44 -44
  43. package/tokens-next-private/css/functional/themes/dark-dimmed.css +44 -44
  44. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +40 -40
  45. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +44 -44
  46. package/tokens-next-private/css/functional/themes/dark.css +48 -48
  47. package/tokens-next-private/css/functional/themes/light-colorblind.css +34 -34
  48. package/tokens-next-private/css/functional/themes/light-high-contrast.css +50 -50
  49. package/tokens-next-private/css/functional/themes/light-tritanopia.css +34 -34
  50. package/tokens-next-private/css/functional/themes/light.css +34 -34
  51. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +31 -29
  52. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +31 -29
  53. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +27 -25
  54. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +31 -29
  55. package/tokens-next-private/docs/functional/themes/dark.json +36 -34
  56. package/tokens-next-private/docs/functional/themes/light-colorblind.json +27 -23
  57. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +36 -32
  58. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +27 -23
  59. package/tokens-next-private/docs/functional/themes/light.json +27 -23
  60. package/tokens-next-private/figma/shadows/light-colorblind.json +16 -16
  61. package/tokens-next-private/figma/shadows/light-high-contrast.json +16 -16
  62. package/tokens-next-private/figma/shadows/light-tritanopia.json +16 -16
  63. package/tokens-next-private/figma/shadows/light.json +16 -16
  64. package/tokens-next-private/figma/themes/dark-colorblind.json +1341 -1340
  65. package/tokens-next-private/figma/themes/dark-dimmed.json +1417 -1416
  66. package/tokens-next-private/figma/themes/dark-high-contrast.json +1263 -1262
  67. package/tokens-next-private/figma/themes/dark-tritanopia.json +1343 -1342
  68. package/tokens-next-private/figma/themes/dark.json +1423 -1422
  69. package/tokens-next-private/figma/themes/light-colorblind.json +1371 -1369
  70. package/tokens-next-private/figma/themes/light-high-contrast.json +1383 -1381
  71. package/tokens-next-private/figma/themes/light-tritanopia.json +1371 -1369
  72. package/tokens-next-private/figma/themes/light.json +1440 -1438
  73. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +22 -22
  74. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +22 -22
  75. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +20 -20
  76. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +22 -22
  77. package/tokens-next-private/scss/functional/themes/dark.scss +24 -24
  78. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +17 -17
  79. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +25 -25
  80. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +17 -17
  81. package/tokens-next-private/scss/functional/themes/light.scss +17 -17
  82. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  83. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  84. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  85. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  90. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  91. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  92. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  99. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  100. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  101. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  102. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  108. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  109. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  110. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  117. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  119. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1834,14 +1834,15 @@
1834
1834
  {
1835
1835
  "name": "bgColor/disabled",
1836
1836
  "value": {
1837
- "r": 0.9647058823529412,
1838
- "g": 0.9725490196078431,
1839
- "b": 0.9803921568627451,
1840
- "a": 1
1837
+ "r": 0.9176470588235294,
1838
+ "g": 0.9333333333333333,
1839
+ "b": 0.9490196078431372,
1840
+ "a": 0.7
1841
1841
  },
1842
1842
  "type": "COLOR",
1843
+ "alpha": 0.7,
1843
1844
  "refId": "mode/bgColor/disabled",
1844
- "reference": "base/color/light/base/color/gray/0",
1845
+ "reference": "base/color/light/base/color/gray/1",
1845
1846
  "collection": "mode",
1846
1847
  "mode": "light colorblind",
1847
1848
  "group": "semantic",
@@ -2314,22 +2315,6 @@
2314
2315
  "group": "component (internal)",
2315
2316
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2316
2317
  },
2317
- {
2318
- "name": "overlay/borderColor",
2319
- "value": {
2320
- "r": 1,
2321
- "g": 1,
2322
- "b": 1,
2323
- "a": 0
2324
- },
2325
- "type": "COLOR",
2326
- "refId": "mode/overlay/borderColor",
2327
- "reference": "base/color/light/base/color/transparent",
2328
- "collection": "mode",
2329
- "mode": "light colorblind",
2330
- "group": "component (internal)",
2331
- "scopes": ["ALL_SCOPES"]
2332
- },
2333
2318
  {
2334
2319
  "name": "overlay/bgColor",
2335
2320
  "value": {
@@ -3136,22 +3121,6 @@
3136
3121
  "group": "component",
3137
3122
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3138
3123
  },
3139
- {
3140
- "name": "control/transparent/bgColor/disabled",
3141
- "value": {
3142
- "r": 1,
3143
- "g": 1,
3144
- "b": 1,
3145
- "a": 0
3146
- },
3147
- "type": "COLOR",
3148
- "refId": "mode/control/transparent/bgColor/disabled",
3149
- "reference": "base/color/light/base/color/transparent",
3150
- "collection": "mode",
3151
- "mode": "light colorblind",
3152
- "group": "component",
3153
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3154
- },
3155
3124
  {
3156
3125
  "name": "control/transparent/bgColor/active",
3157
3126
  "value": {
@@ -3808,493 +3777,439 @@
3808
3777
  "scopes": ["STROKE_COLOR"]
3809
3778
  },
3810
3779
  {
3811
- "name": "shadow/floating/xlarge/1/offsetX",
3812
- "value": 0,
3813
- "type": "FLOAT",
3814
- "scopes": ["EFFECT_FLOAT"],
3815
- "mode": "light colorblind",
3780
+ "name": "borderColor/disabled",
3781
+ "value": {
3782
+ "r": 0.9176470588235294,
3783
+ "g": 0.9333333333333333,
3784
+ "b": 0.9490196078431372,
3785
+ "a": 0.7
3786
+ },
3787
+ "type": "COLOR",
3788
+ "refId": "mode/borderColor/disabled",
3789
+ "reference": "mode/bgColor/disabled",
3816
3790
  "collection": "mode",
3817
- "group": "shadow"
3818
- },
3819
- {
3820
- "name": "shadow/floating/xlarge/1/offsetY",
3821
- "value": 0,
3822
- "type": "FLOAT",
3823
- "scopes": ["EFFECT_FLOAT"],
3824
3791
  "mode": "light colorblind",
3825
- "collection": "mode",
3826
- "group": "shadow"
3792
+ "group": "semantic",
3793
+ "scopes": ["STROKE_COLOR"]
3827
3794
  },
3828
3795
  {
3829
- "name": "shadow/floating/xlarge/1/blur",
3830
- "value": 0,
3831
- "type": "FLOAT",
3832
- "scopes": ["EFFECT_FLOAT"],
3833
- "mode": "light colorblind",
3796
+ "name": "borderColor/muted",
3797
+ "value": {
3798
+ "r": 0.8156862745098039,
3799
+ "g": 0.8431372549019608,
3800
+ "b": 0.8705882352941177,
3801
+ "a": 0.7
3802
+ },
3803
+ "type": "COLOR",
3804
+ "alpha": 0.7,
3805
+ "refId": "mode/borderColor/muted",
3806
+ "reference": "mode/borderColor/default",
3834
3807
  "collection": "mode",
3835
- "group": "shadow"
3836
- },
3837
- {
3838
- "name": "shadow/floating/xlarge/1/spread",
3839
- "value": 1,
3840
- "type": "FLOAT",
3841
- "scopes": ["EFFECT_FLOAT"],
3842
3808
  "mode": "light colorblind",
3843
- "collection": "mode",
3844
- "group": "shadow"
3809
+ "group": "semantic",
3810
+ "scopes": ["STROKE_COLOR"],
3811
+ "codeSyntax": {
3812
+ "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
3813
+ }
3845
3814
  },
3846
3815
  {
3847
- "name": "shadow/floating/xlarge/1/color",
3816
+ "name": "fgColor/link",
3848
3817
  "value": {
3849
- "r": 1,
3850
- "g": 1,
3851
- "b": 1,
3852
- "a": 0
3818
+ "r": 0.03529411764705882,
3819
+ "g": 0.4117647058823529,
3820
+ "b": 0.8549019607843137,
3821
+ "a": 1
3853
3822
  },
3854
3823
  "type": "COLOR",
3855
- "scopes": ["EFFECT_COLOR"],
3856
- "mode": "light colorblind",
3857
- "collection": "mode",
3858
- "group": "shadow"
3859
- },
3860
- {
3861
- "name": "shadow/floating/xlarge/2/offsetX",
3862
- "value": 0,
3863
- "type": "FLOAT",
3864
- "scopes": ["EFFECT_FLOAT"],
3865
- "mode": "light colorblind",
3824
+ "refId": "mode/fgColor/link",
3825
+ "reference": "mode/fgColor/accent",
3866
3826
  "collection": "mode",
3867
- "group": "shadow"
3868
- },
3869
- {
3870
- "name": "shadow/floating/xlarge/2/offsetY",
3871
- "value": 56,
3872
- "type": "FLOAT",
3873
- "scopes": ["EFFECT_FLOAT"],
3874
3827
  "mode": "light colorblind",
3875
- "collection": "mode",
3876
- "group": "shadow"
3828
+ "group": "semantic",
3829
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
3830
+ "codeSyntax": {
3831
+ "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
3832
+ }
3877
3833
  },
3878
3834
  {
3879
- "name": "shadow/floating/xlarge/2/blur",
3880
- "value": 112,
3881
- "type": "FLOAT",
3882
- "scopes": ["EFFECT_FLOAT"],
3883
- "mode": "light colorblind",
3835
+ "name": "underlineNav/iconColor/rest",
3836
+ "value": {
3837
+ "r": 0.38823529411764707,
3838
+ "g": 0.4235294117647059,
3839
+ "b": 0.4627450980392157,
3840
+ "a": 1
3841
+ },
3842
+ "type": "COLOR",
3843
+ "refId": "mode/underlineNav/iconColor/rest",
3844
+ "reference": "mode/fgColor/muted",
3884
3845
  "collection": "mode",
3885
- "group": "shadow"
3886
- },
3887
- {
3888
- "name": "shadow/floating/xlarge/2/spread",
3889
- "value": 0,
3890
- "type": "FLOAT",
3891
- "scopes": ["EFFECT_FLOAT"],
3892
3846
  "mode": "light colorblind",
3893
- "collection": "mode",
3894
- "group": "shadow"
3847
+ "group": "component (internal)",
3848
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3895
3849
  },
3896
3850
  {
3897
- "name": "shadow/floating/xlarge/2/color",
3851
+ "name": "underlineNav/borderColor/hover",
3898
3852
  "value": {
3899
- "r": 0.25882352941176473,
3900
- "g": 0.2901960784313726,
3901
- "b": 0.3254901960784314,
3902
- "a": 0.32
3853
+ "r": 0.6862745098039216,
3854
+ "g": 0.7215686274509804,
3855
+ "b": 0.7568627450980392,
3856
+ "a": 0.2
3903
3857
  },
3904
3858
  "type": "COLOR",
3905
- "scopes": ["EFFECT_COLOR"],
3906
- "mode": "light colorblind",
3859
+ "refId": "mode/underlineNav/borderColor/hover",
3860
+ "reference": "mode/borderColor/neutral-muted",
3907
3861
  "collection": "mode",
3908
- "group": "shadow"
3909
- },
3910
- {
3911
- "name": "shadow/floating/large/1/offsetX",
3912
- "value": 0,
3913
- "type": "FLOAT",
3914
- "scopes": ["EFFECT_FLOAT"],
3915
3862
  "mode": "light colorblind",
3916
- "collection": "mode",
3917
- "group": "shadow"
3863
+ "group": "component (internal)",
3864
+ "scopes": ["STROKE_COLOR"]
3918
3865
  },
3919
3866
  {
3920
- "name": "shadow/floating/large/1/offsetY",
3921
- "value": 0,
3922
- "type": "FLOAT",
3923
- "scopes": ["EFFECT_FLOAT"],
3924
- "mode": "light colorblind",
3867
+ "name": "focus/outlineColor",
3868
+ "value": {
3869
+ "r": 0.03529411764705882,
3870
+ "g": 0.4117647058823529,
3871
+ "b": 0.8549019607843137,
3872
+ "a": 1
3873
+ },
3874
+ "type": "COLOR",
3875
+ "refId": "mode/focus/outlineColor",
3876
+ "reference": "mode/borderColor/accent-emphasis",
3925
3877
  "collection": "mode",
3926
- "group": "shadow"
3927
- },
3928
- {
3929
- "name": "shadow/floating/large/1/blur",
3930
- "value": 0,
3931
- "type": "FLOAT",
3932
- "scopes": ["EFFECT_FLOAT"],
3933
3878
  "mode": "light colorblind",
3934
- "collection": "mode",
3935
- "group": "shadow"
3879
+ "group": "component (internal)",
3880
+ "scopes": ["STROKE_COLOR"]
3936
3881
  },
3937
3882
  {
3938
- "name": "shadow/floating/large/1/spread",
3939
- "value": 1,
3940
- "type": "FLOAT",
3941
- "scopes": ["EFFECT_FLOAT"],
3942
- "mode": "light colorblind",
3883
+ "name": "buttonCounter/danger/fgColor/disabled",
3884
+ "value": {
3885
+ "r": 0.7450980392156863,
3886
+ "g": 0.3058823529411765,
3887
+ "b": 0.00784313725490196,
3888
+ "a": 0.5
3889
+ },
3890
+ "type": "COLOR",
3891
+ "alpha": 0.5,
3892
+ "refId": "mode/buttonCounter/danger/fgColor/disabled",
3893
+ "reference": "mode/fgColor/danger",
3943
3894
  "collection": "mode",
3944
- "group": "shadow"
3895
+ "mode": "light colorblind",
3896
+ "group": "component (internal)",
3897
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3945
3898
  },
3946
3899
  {
3947
- "name": "shadow/floating/large/1/color",
3900
+ "name": "buttonCounter/danger/bgColor/rest",
3948
3901
  "value": {
3949
- "r": 1,
3950
- "g": 1,
3951
- "b": 1,
3952
- "a": 0
3902
+ "r": 0.7372549019607844,
3903
+ "g": 0.2980392156862745,
3904
+ "b": 0,
3905
+ "a": 0.1
3953
3906
  },
3954
3907
  "type": "COLOR",
3955
- "scopes": ["EFFECT_COLOR"],
3956
- "mode": "light colorblind",
3908
+ "alpha": 0.1,
3909
+ "refId": "mode/buttonCounter/danger/bgColor/rest",
3910
+ "reference": "mode/bgColor/danger-emphasis",
3957
3911
  "collection": "mode",
3958
- "group": "shadow"
3912
+ "mode": "light colorblind",
3913
+ "group": "component (internal)",
3914
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3959
3915
  },
3960
3916
  {
3961
- "name": "shadow/floating/large/2/offsetX",
3962
- "value": 0,
3963
- "type": "FLOAT",
3964
- "scopes": ["EFFECT_FLOAT"],
3965
- "mode": "light colorblind",
3917
+ "name": "buttonCounter/danger/bgColor/disabled",
3918
+ "value": {
3919
+ "r": 0.7372549019607844,
3920
+ "g": 0.2980392156862745,
3921
+ "b": 0,
3922
+ "a": 0.05
3923
+ },
3924
+ "type": "COLOR",
3925
+ "alpha": 0.05,
3926
+ "refId": "mode/buttonCounter/danger/bgColor/disabled",
3927
+ "reference": "mode/bgColor/danger-emphasis",
3966
3928
  "collection": "mode",
3967
- "group": "shadow"
3968
- },
3969
- {
3970
- "name": "shadow/floating/large/2/offsetY",
3971
- "value": 40,
3972
- "type": "FLOAT",
3973
- "scopes": ["EFFECT_FLOAT"],
3974
3929
  "mode": "light colorblind",
3975
- "collection": "mode",
3976
- "group": "shadow"
3930
+ "group": "component (internal)",
3931
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
3977
3932
  },
3978
3933
  {
3979
- "name": "shadow/floating/large/2/blur",
3980
- "value": 80,
3981
- "type": "FLOAT",
3982
- "scopes": ["EFFECT_FLOAT"],
3983
- "mode": "light colorblind",
3934
+ "name": "buttonCounter/outline/fgColor/disabled",
3935
+ "value": {
3936
+ "r": 0.03529411764705882,
3937
+ "g": 0.4117647058823529,
3938
+ "b": 0.8549019607843137,
3939
+ "a": 0.5
3940
+ },
3941
+ "type": "COLOR",
3942
+ "alpha": 0.5,
3943
+ "refId": "mode/buttonCounter/outline/fgColor/disabled",
3944
+ "reference": "mode/fgColor/accent",
3984
3945
  "collection": "mode",
3985
- "group": "shadow"
3986
- },
3987
- {
3988
- "name": "shadow/floating/large/2/spread",
3989
- "value": 0,
3990
- "type": "FLOAT",
3991
- "scopes": ["EFFECT_FLOAT"],
3992
3946
  "mode": "light colorblind",
3993
- "collection": "mode",
3994
- "group": "shadow"
3947
+ "group": "component (internal)",
3948
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3995
3949
  },
3996
3950
  {
3997
- "name": "shadow/floating/large/2/color",
3951
+ "name": "buttonCounter/outline/bgColor/disabled",
3998
3952
  "value": {
3999
- "r": 0.25882352941176473,
4000
- "g": 0.2901960784313726,
4001
- "b": 0.3254901960784314,
4002
- "a": 0.24
3953
+ "r": 0.03529411764705882,
3954
+ "g": 0.4117647058823529,
3955
+ "b": 0.8549019607843137,
3956
+ "a": 0.05
4003
3957
  },
4004
3958
  "type": "COLOR",
4005
- "scopes": ["EFFECT_COLOR"],
4006
- "mode": "light colorblind",
4007
- "collection": "mode",
4008
- "group": "shadow"
4009
- },
4010
- {
4011
- "name": "shadow/floating/medium/1/offsetX",
4012
- "value": 0,
4013
- "type": "FLOAT",
4014
- "scopes": ["EFFECT_FLOAT"],
4015
- "mode": "light colorblind",
3959
+ "alpha": 0.05,
3960
+ "refId": "mode/buttonCounter/outline/bgColor/disabled",
3961
+ "reference": "mode/bgColor/accent-emphasis",
4016
3962
  "collection": "mode",
4017
- "group": "shadow"
4018
- },
4019
- {
4020
- "name": "shadow/floating/medium/1/offsetY",
4021
- "value": 0,
4022
- "type": "FLOAT",
4023
- "scopes": ["EFFECT_FLOAT"],
4024
3963
  "mode": "light colorblind",
4025
- "collection": "mode",
4026
- "group": "shadow"
3964
+ "group": "component (internal)",
3965
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4027
3966
  },
4028
3967
  {
4029
- "name": "shadow/floating/medium/1/blur",
4030
- "value": 0,
4031
- "type": "FLOAT",
4032
- "scopes": ["EFFECT_FLOAT"],
4033
- "mode": "light colorblind",
3968
+ "name": "buttonCounter/outline/bgColor/rest",
3969
+ "value": {
3970
+ "r": 0.03529411764705882,
3971
+ "g": 0.4117647058823529,
3972
+ "b": 0.8549019607843137,
3973
+ "a": 0.1
3974
+ },
3975
+ "type": "COLOR",
3976
+ "alpha": 0.1,
3977
+ "refId": "mode/buttonCounter/outline/bgColor/rest",
3978
+ "reference": "mode/bgColor/accent-emphasis",
4034
3979
  "collection": "mode",
4035
- "group": "shadow"
4036
- },
4037
- {
4038
- "name": "shadow/floating/medium/1/spread",
4039
- "value": 1,
4040
- "type": "FLOAT",
4041
- "scopes": ["EFFECT_FLOAT"],
4042
3980
  "mode": "light colorblind",
4043
- "collection": "mode",
4044
- "group": "shadow"
3981
+ "group": "component (internal)",
3982
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4045
3983
  },
4046
3984
  {
4047
- "name": "shadow/floating/medium/1/color",
3985
+ "name": "buttonCounter/invisible/bgColor/rest",
4048
3986
  "value": {
4049
- "r": 1,
4050
- "g": 1,
4051
- "b": 1,
4052
- "a": 0
3987
+ "r": 0.6862745098039216,
3988
+ "g": 0.7215686274509804,
3989
+ "b": 0.7568627450980392,
3990
+ "a": 0.2
4053
3991
  },
4054
3992
  "type": "COLOR",
4055
- "scopes": ["EFFECT_COLOR"],
4056
- "mode": "light colorblind",
3993
+ "refId": "mode/buttonCounter/invisible/bgColor/rest",
3994
+ "reference": "mode/bgColor/neutral-muted",
4057
3995
  "collection": "mode",
4058
- "group": "shadow"
4059
- },
4060
- {
4061
- "name": "shadow/floating/medium/2/offsetX",
4062
- "value": 0,
4063
- "type": "FLOAT",
4064
- "scopes": ["EFFECT_FLOAT"],
4065
3996
  "mode": "light colorblind",
4066
- "collection": "mode",
4067
- "group": "shadow"
3997
+ "group": "component (internal)",
3998
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4068
3999
  },
4069
4000
  {
4070
- "name": "shadow/floating/medium/2/offsetY",
4071
- "value": 8,
4072
- "type": "FLOAT",
4073
- "scopes": ["EFFECT_FLOAT"],
4074
- "mode": "light colorblind",
4001
+ "name": "buttonCounter/default/bgColor/rest",
4002
+ "value": {
4003
+ "r": 0.6862745098039216,
4004
+ "g": 0.7215686274509804,
4005
+ "b": 0.7568627450980392,
4006
+ "a": 0.2
4007
+ },
4008
+ "type": "COLOR",
4009
+ "refId": "mode/buttonCounter/default/bgColor/rest",
4010
+ "reference": "mode/bgColor/neutral-muted",
4075
4011
  "collection": "mode",
4076
- "group": "shadow"
4077
- },
4078
- {
4079
- "name": "shadow/floating/medium/2/blur",
4080
- "value": 16,
4081
- "type": "FLOAT",
4082
- "scopes": ["EFFECT_FLOAT"],
4083
4012
  "mode": "light colorblind",
4084
- "collection": "mode",
4085
- "group": "shadow"
4086
- },
4087
- {
4088
- "name": "shadow/floating/medium/2/spread",
4089
- "value": -4,
4090
- "type": "FLOAT",
4091
- "scopes": ["EFFECT_FLOAT"],
4092
- "mode": "light colorblind",
4093
- "collection": "mode",
4094
- "group": "shadow"
4013
+ "group": "component (internal)",
4014
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4095
4015
  },
4096
4016
  {
4097
- "name": "shadow/floating/medium/2/color",
4017
+ "name": "button/danger/borderColor/active",
4098
4018
  "value": {
4099
- "r": 0.25882352941176473,
4100
- "g": 0.2901960784313726,
4101
- "b": 0.3254901960784314,
4102
- "a": 0.08
4019
+ "r": 0.12156862745098039,
4020
+ "g": 0.13725490196078433,
4021
+ "b": 0.1568627450980392,
4022
+ "a": 0.15
4103
4023
  },
4104
4024
  "type": "COLOR",
4105
- "scopes": ["EFFECT_COLOR"],
4106
- "mode": "light colorblind",
4025
+ "refId": "mode/button/danger/borderColor/active",
4026
+ "reference": "mode/button/danger/borderColor/hover",
4107
4027
  "collection": "mode",
4108
- "group": "shadow"
4109
- },
4110
- {
4111
- "name": "shadow/floating/medium/3/offsetX",
4112
- "value": 0,
4113
- "type": "FLOAT",
4114
- "scopes": ["EFFECT_FLOAT"],
4115
4028
  "mode": "light colorblind",
4116
- "collection": "mode",
4117
- "group": "shadow"
4029
+ "group": "component (internal)",
4030
+ "scopes": ["STROKE_COLOR"]
4118
4031
  },
4119
4032
  {
4120
- "name": "shadow/floating/medium/3/offsetY",
4121
- "value": 4,
4122
- "type": "FLOAT",
4123
- "scopes": ["EFFECT_FLOAT"],
4124
- "mode": "light colorblind",
4033
+ "name": "button/danger/borderColor/rest",
4034
+ "value": {
4035
+ "r": 0.8156862745098039,
4036
+ "g": 0.8431372549019608,
4037
+ "b": 0.8705882352941177,
4038
+ "a": 1
4039
+ },
4040
+ "type": "COLOR",
4041
+ "refId": "mode/button/danger/borderColor/rest",
4042
+ "reference": "mode/borderColor/default",
4125
4043
  "collection": "mode",
4126
- "group": "shadow"
4127
- },
4128
- {
4129
- "name": "shadow/floating/medium/3/blur",
4130
- "value": 32,
4131
- "type": "FLOAT",
4132
- "scopes": ["EFFECT_FLOAT"],
4133
4044
  "mode": "light colorblind",
4134
- "collection": "mode",
4135
- "group": "shadow"
4045
+ "group": "component (internal)",
4046
+ "scopes": ["STROKE_COLOR"]
4136
4047
  },
4137
4048
  {
4138
- "name": "shadow/floating/medium/3/spread",
4139
- "value": -4,
4140
- "type": "FLOAT",
4141
- "scopes": ["EFFECT_FLOAT"],
4142
- "mode": "light colorblind",
4049
+ "name": "button/danger/bgColor/rest",
4050
+ "value": {
4051
+ "r": 0.9647058823529412,
4052
+ "g": 0.9725490196078431,
4053
+ "b": 0.9803921568627451,
4054
+ "a": 1
4055
+ },
4056
+ "type": "COLOR",
4057
+ "refId": "mode/button/danger/bgColor/rest",
4058
+ "reference": "mode/control/bgColor/rest",
4143
4059
  "collection": "mode",
4144
- "group": "shadow"
4060
+ "mode": "light colorblind",
4061
+ "group": "component (internal)",
4062
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4145
4063
  },
4146
4064
  {
4147
- "name": "shadow/floating/medium/3/color",
4065
+ "name": "button/danger/iconColor/rest",
4148
4066
  "value": {
4149
- "r": 0.25882352941176473,
4150
- "g": 0.2901960784313726,
4151
- "b": 0.3254901960784314,
4152
- "a": 0.08
4067
+ "r": 0.7450980392156863,
4068
+ "g": 0.3058823529411765,
4069
+ "b": 0.00784313725490196,
4070
+ "a": 1
4153
4071
  },
4154
4072
  "type": "COLOR",
4155
- "scopes": ["EFFECT_COLOR"],
4156
- "mode": "light colorblind",
4073
+ "refId": "mode/button/danger/iconColor/rest",
4074
+ "reference": "mode/fgColor/danger",
4157
4075
  "collection": "mode",
4158
- "group": "shadow"
4159
- },
4160
- {
4161
- "name": "shadow/floating/medium/4/offsetX",
4162
- "value": 0,
4163
- "type": "FLOAT",
4164
- "scopes": ["EFFECT_FLOAT"],
4165
4076
  "mode": "light colorblind",
4166
- "collection": "mode",
4167
- "group": "shadow"
4077
+ "group": "component (internal)",
4078
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4168
4079
  },
4169
4080
  {
4170
- "name": "shadow/floating/medium/4/offsetY",
4171
- "value": 24,
4172
- "type": "FLOAT",
4173
- "scopes": ["EFFECT_FLOAT"],
4174
- "mode": "light colorblind",
4081
+ "name": "button/danger/fgColor/disabled",
4082
+ "value": {
4083
+ "r": 0.7450980392156863,
4084
+ "g": 0.3058823529411765,
4085
+ "b": 0.00784313725490196,
4086
+ "a": 0.5
4087
+ },
4088
+ "type": "COLOR",
4089
+ "alpha": 0.5,
4090
+ "refId": "mode/button/danger/fgColor/disabled",
4091
+ "reference": "mode/fgColor/danger",
4175
4092
  "collection": "mode",
4176
- "group": "shadow"
4177
- },
4178
- {
4179
- "name": "shadow/floating/medium/4/blur",
4180
- "value": 48,
4181
- "type": "FLOAT",
4182
- "scopes": ["EFFECT_FLOAT"],
4183
4093
  "mode": "light colorblind",
4184
- "collection": "mode",
4185
- "group": "shadow"
4094
+ "group": "component (internal)",
4095
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4186
4096
  },
4187
4097
  {
4188
- "name": "shadow/floating/medium/4/spread",
4189
- "value": -12,
4190
- "type": "FLOAT",
4191
- "scopes": ["EFFECT_FLOAT"],
4192
- "mode": "light colorblind",
4098
+ "name": "button/danger/fgColor/rest",
4099
+ "value": {
4100
+ "r": 0.7450980392156863,
4101
+ "g": 0.3058823529411765,
4102
+ "b": 0.00784313725490196,
4103
+ "a": 1
4104
+ },
4105
+ "type": "COLOR",
4106
+ "refId": "mode/button/danger/fgColor/rest",
4107
+ "reference": "mode/fgColor/danger",
4193
4108
  "collection": "mode",
4194
- "group": "shadow"
4109
+ "mode": "light colorblind",
4110
+ "group": "component (internal)",
4111
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4195
4112
  },
4196
4113
  {
4197
- "name": "shadow/floating/medium/4/color",
4114
+ "name": "button/outline/borderColor/active",
4198
4115
  "value": {
4199
- "r": 0.25882352941176473,
4200
- "g": 0.2901960784313726,
4201
- "b": 0.3254901960784314,
4202
- "a": 0.08
4116
+ "r": 0.12156862745098039,
4117
+ "g": 0.13725490196078433,
4118
+ "b": 0.1568627450980392,
4119
+ "a": 0.15
4203
4120
  },
4204
4121
  "type": "COLOR",
4205
- "scopes": ["EFFECT_COLOR"],
4206
- "mode": "light colorblind",
4122
+ "refId": "mode/button/outline/borderColor/active",
4123
+ "reference": "mode/button/outline/borderColor/hover",
4207
4124
  "collection": "mode",
4208
- "group": "shadow"
4209
- },
4210
- {
4211
- "name": "shadow/floating/medium/5/offsetX",
4212
- "value": 0,
4213
- "type": "FLOAT",
4214
- "scopes": ["EFFECT_FLOAT"],
4215
4125
  "mode": "light colorblind",
4216
- "collection": "mode",
4217
- "group": "shadow"
4126
+ "group": "component (internal)",
4127
+ "scopes": ["STROKE_COLOR"]
4218
4128
  },
4219
4129
  {
4220
- "name": "shadow/floating/medium/5/offsetY",
4221
- "value": 48,
4222
- "type": "FLOAT",
4223
- "scopes": ["EFFECT_FLOAT"],
4224
- "mode": "light colorblind",
4130
+ "name": "button/outline/bgColor/active",
4131
+ "value": {
4132
+ "r": 0.027450980392156862,
4133
+ "g": 0.3411764705882353,
4134
+ "b": 0.7294117647058823,
4135
+ "a": 1
4136
+ },
4137
+ "type": "COLOR",
4138
+ "isMix": true,
4139
+ "refId": "mode/button/outline/bgColor/active",
4140
+ "reference": "mode/bgColor/accent-emphasis",
4225
4141
  "collection": "mode",
4226
- "group": "shadow"
4227
- },
4228
- {
4229
- "name": "shadow/floating/medium/5/blur",
4230
- "value": 96,
4231
- "type": "FLOAT",
4232
- "scopes": ["EFFECT_FLOAT"],
4233
4142
  "mode": "light colorblind",
4234
- "collection": "mode",
4235
- "group": "shadow"
4143
+ "group": "component (internal)",
4144
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4236
4145
  },
4237
4146
  {
4238
- "name": "shadow/floating/medium/5/spread",
4239
- "value": -24,
4240
- "type": "FLOAT",
4241
- "scopes": ["EFFECT_FLOAT"],
4242
- "mode": "light colorblind",
4147
+ "name": "button/outline/bgColor/hover",
4148
+ "value": {
4149
+ "r": 0.03529411764705882,
4150
+ "g": 0.4117647058823529,
4151
+ "b": 0.8549019607843137,
4152
+ "a": 1
4153
+ },
4154
+ "type": "COLOR",
4155
+ "refId": "mode/button/outline/bgColor/hover",
4156
+ "reference": "mode/bgColor/accent-emphasis",
4243
4157
  "collection": "mode",
4244
- "group": "shadow"
4158
+ "mode": "light colorblind",
4159
+ "group": "component (internal)",
4160
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4245
4161
  },
4246
4162
  {
4247
- "name": "shadow/floating/medium/5/color",
4163
+ "name": "button/outline/bgColor/rest",
4248
4164
  "value": {
4249
- "r": 0.25882352941176473,
4250
- "g": 0.2901960784313726,
4251
- "b": 0.3254901960784314,
4252
- "a": 0.08
4165
+ "r": 0.9647058823529412,
4166
+ "g": 0.9725490196078431,
4167
+ "b": 0.9803921568627451,
4168
+ "a": 1
4253
4169
  },
4254
4170
  "type": "COLOR",
4255
- "scopes": ["EFFECT_COLOR"],
4256
- "mode": "light colorblind",
4171
+ "refId": "mode/button/outline/bgColor/rest",
4172
+ "reference": "mode/control/bgColor/rest",
4257
4173
  "collection": "mode",
4258
- "group": "shadow"
4259
- },
4260
- {
4261
- "name": "shadow/floating/small/1/offsetX",
4262
- "value": 0,
4263
- "type": "FLOAT",
4264
- "scopes": ["EFFECT_FLOAT"],
4265
4174
  "mode": "light colorblind",
4266
- "collection": "mode",
4267
- "group": "shadow"
4175
+ "group": "component (internal)",
4176
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4268
4177
  },
4269
4178
  {
4270
- "name": "shadow/floating/small/1/offsetY",
4271
- "value": 0,
4272
- "type": "FLOAT",
4273
- "scopes": ["EFFECT_FLOAT"],
4274
- "mode": "light colorblind",
4179
+ "name": "button/outline/fgColor/disabled",
4180
+ "value": {
4181
+ "r": 0.03529411764705882,
4182
+ "g": 0.4117647058823529,
4183
+ "b": 0.8549019607843137,
4184
+ "a": 0.5
4185
+ },
4186
+ "type": "COLOR",
4187
+ "alpha": 0.5,
4188
+ "refId": "mode/button/outline/fgColor/disabled",
4189
+ "reference": "mode/fgColor/accent",
4275
4190
  "collection": "mode",
4276
- "group": "shadow"
4277
- },
4278
- {
4279
- "name": "shadow/floating/small/1/blur",
4280
- "value": 0,
4281
- "type": "FLOAT",
4282
- "scopes": ["EFFECT_FLOAT"],
4283
4191
  "mode": "light colorblind",
4284
- "collection": "mode",
4285
- "group": "shadow"
4192
+ "group": "component (internal)",
4193
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4286
4194
  },
4287
4195
  {
4288
- "name": "shadow/floating/small/1/spread",
4289
- "value": 1,
4290
- "type": "FLOAT",
4291
- "scopes": ["EFFECT_FLOAT"],
4292
- "mode": "light colorblind",
4196
+ "name": "button/outline/fgColor/rest",
4197
+ "value": {
4198
+ "r": 0.03529411764705882,
4199
+ "g": 0.4117647058823529,
4200
+ "b": 0.8549019607843137,
4201
+ "a": 1
4202
+ },
4203
+ "type": "COLOR",
4204
+ "refId": "mode/button/outline/fgColor/rest",
4205
+ "reference": "mode/fgColor/accent",
4293
4206
  "collection": "mode",
4294
- "group": "shadow"
4207
+ "mode": "light colorblind",
4208
+ "group": "component (internal)",
4209
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4295
4210
  },
4296
4211
  {
4297
- "name": "shadow/floating/small/1/color",
4212
+ "name": "button/invisible/borderColor/hover",
4298
4213
  "value": {
4299
4214
  "r": 1,
4300
4215
  "g": 1,
@@ -4302,149 +4217,111 @@
4302
4217
  "a": 0
4303
4218
  },
4304
4219
  "type": "COLOR",
4305
- "scopes": ["EFFECT_COLOR"],
4306
- "mode": "light colorblind",
4307
- "collection": "mode",
4308
- "group": "shadow"
4309
- },
4310
- {
4311
- "name": "shadow/floating/small/2/offsetX",
4312
- "value": 0,
4313
- "type": "FLOAT",
4314
- "scopes": ["EFFECT_FLOAT"],
4315
- "mode": "light colorblind",
4220
+ "refId": "mode/button/invisible/borderColor/hover",
4221
+ "reference": "mode/control/transparent/borderColor/hover",
4316
4222
  "collection": "mode",
4317
- "group": "shadow"
4318
- },
4319
- {
4320
- "name": "shadow/floating/small/2/offsetY",
4321
- "value": 6,
4322
- "type": "FLOAT",
4323
- "scopes": ["EFFECT_FLOAT"],
4324
4223
  "mode": "light colorblind",
4325
- "collection": "mode",
4326
- "group": "shadow"
4224
+ "group": "component (internal)",
4225
+ "scopes": ["STROKE_COLOR"]
4327
4226
  },
4328
4227
  {
4329
- "name": "shadow/floating/small/2/blur",
4330
- "value": 12,
4331
- "type": "FLOAT",
4332
- "scopes": ["EFFECT_FLOAT"],
4333
- "mode": "light colorblind",
4228
+ "name": "button/invisible/borderColor/rest",
4229
+ "value": {
4230
+ "r": 1,
4231
+ "g": 1,
4232
+ "b": 1,
4233
+ "a": 0
4234
+ },
4235
+ "type": "COLOR",
4236
+ "refId": "mode/button/invisible/borderColor/rest",
4237
+ "reference": "mode/control/transparent/borderColor/rest",
4334
4238
  "collection": "mode",
4335
- "group": "shadow"
4336
- },
4337
- {
4338
- "name": "shadow/floating/small/2/spread",
4339
- "value": -3,
4340
- "type": "FLOAT",
4341
- "scopes": ["EFFECT_FLOAT"],
4342
4239
  "mode": "light colorblind",
4343
- "collection": "mode",
4344
- "group": "shadow"
4240
+ "group": "component (internal)",
4241
+ "scopes": ["STROKE_COLOR"]
4345
4242
  },
4346
4243
  {
4347
- "name": "shadow/floating/small/2/color",
4244
+ "name": "button/invisible/bgColor/active",
4348
4245
  "value": {
4349
- "r": 0.25882352941176473,
4350
- "g": 0.2901960784313726,
4351
- "b": 0.3254901960784314,
4352
- "a": 0.04
4246
+ "r": 0.8156862745098039,
4247
+ "g": 0.8431372549019608,
4248
+ "b": 0.8705882352941177,
4249
+ "a": 0.4
4353
4250
  },
4354
4251
  "type": "COLOR",
4355
- "scopes": ["EFFECT_COLOR"],
4356
- "mode": "light colorblind",
4357
- "collection": "mode",
4358
- "group": "shadow"
4359
- },
4360
- {
4361
- "name": "shadow/floating/small/3/offsetX",
4362
- "value": 0,
4363
- "type": "FLOAT",
4364
- "scopes": ["EFFECT_FLOAT"],
4365
- "mode": "light colorblind",
4252
+ "refId": "mode/button/invisible/bgColor/active",
4253
+ "reference": "mode/control/transparent/bgColor/active",
4366
4254
  "collection": "mode",
4367
- "group": "shadow"
4368
- },
4369
- {
4370
- "name": "shadow/floating/small/3/offsetY",
4371
- "value": 6,
4372
- "type": "FLOAT",
4373
- "scopes": ["EFFECT_FLOAT"],
4374
4255
  "mode": "light colorblind",
4375
- "collection": "mode",
4376
- "group": "shadow"
4256
+ "group": "component (internal)",
4257
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4377
4258
  },
4378
4259
  {
4379
- "name": "shadow/floating/small/3/blur",
4380
- "value": 18,
4381
- "type": "FLOAT",
4382
- "scopes": ["EFFECT_FLOAT"],
4383
- "mode": "light colorblind",
4260
+ "name": "button/invisible/bgColor/hover",
4261
+ "value": {
4262
+ "r": 0.8156862745098039,
4263
+ "g": 0.8431372549019608,
4264
+ "b": 0.8705882352941177,
4265
+ "a": 0.2
4266
+ },
4267
+ "type": "COLOR",
4268
+ "refId": "mode/button/invisible/bgColor/hover",
4269
+ "reference": "mode/control/transparent/bgColor/hover",
4384
4270
  "collection": "mode",
4385
- "group": "shadow"
4386
- },
4387
- {
4388
- "name": "shadow/floating/small/3/spread",
4389
- "value": 0,
4390
- "type": "FLOAT",
4391
- "scopes": ["EFFECT_FLOAT"],
4392
4271
  "mode": "light colorblind",
4393
- "collection": "mode",
4394
- "group": "shadow"
4272
+ "group": "component (internal)",
4273
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4395
4274
  },
4396
4275
  {
4397
- "name": "shadow/floating/small/3/color",
4276
+ "name": "button/invisible/bgColor/rest",
4398
4277
  "value": {
4399
- "r": 0.25882352941176473,
4400
- "g": 0.2901960784313726,
4401
- "b": 0.3254901960784314,
4402
- "a": 0.12
4278
+ "r": 1,
4279
+ "g": 1,
4280
+ "b": 1,
4281
+ "a": 0
4403
4282
  },
4404
4283
  "type": "COLOR",
4405
- "scopes": ["EFFECT_COLOR"],
4406
- "mode": "light colorblind",
4284
+ "refId": "mode/button/invisible/bgColor/rest",
4285
+ "reference": "mode/control/transparent/bgColor/rest",
4407
4286
  "collection": "mode",
4408
- "group": "shadow"
4287
+ "mode": "light colorblind",
4288
+ "group": "component (internal)",
4289
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4409
4290
  },
4410
4291
  {
4411
- "name": "borderColor/disabled",
4292
+ "name": "button/invisible/iconColor/hover",
4412
4293
  "value": {
4413
- "r": 0.9647058823529412,
4414
- "g": 0.9725490196078431,
4415
- "b": 0.9803921568627451,
4294
+ "r": 0.38823529411764707,
4295
+ "g": 0.4235294117647059,
4296
+ "b": 0.4627450980392157,
4416
4297
  "a": 1
4417
4298
  },
4418
4299
  "type": "COLOR",
4419
- "refId": "mode/borderColor/disabled",
4420
- "reference": "mode/bgColor/disabled",
4300
+ "refId": "mode/button/invisible/iconColor/hover",
4301
+ "reference": "mode/fgColor/muted",
4421
4302
  "collection": "mode",
4422
4303
  "mode": "light colorblind",
4423
- "group": "semantic",
4424
- "scopes": ["STROKE_COLOR"]
4304
+ "group": "component (internal)",
4305
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4425
4306
  },
4426
4307
  {
4427
- "name": "borderColor/muted",
4308
+ "name": "button/invisible/iconColor/rest",
4428
4309
  "value": {
4429
- "r": 0.8156862745098039,
4430
- "g": 0.8431372549019608,
4431
- "b": 0.8705882352941177,
4432
- "a": 0.7
4310
+ "r": 0.38823529411764707,
4311
+ "g": 0.4235294117647059,
4312
+ "b": 0.4627450980392157,
4313
+ "a": 1
4433
4314
  },
4434
4315
  "type": "COLOR",
4435
- "alpha": 0.7,
4436
- "refId": "mode/borderColor/muted",
4437
- "reference": "mode/borderColor/default",
4316
+ "refId": "mode/button/invisible/iconColor/rest",
4317
+ "reference": "mode/fgColor/muted",
4438
4318
  "collection": "mode",
4439
4319
  "mode": "light colorblind",
4440
- "group": "semantic",
4441
- "scopes": ["STROKE_COLOR"],
4442
- "codeSyntax": {
4443
- "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
4444
- }
4320
+ "group": "component (internal)",
4321
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4445
4322
  },
4446
4323
  {
4447
- "name": "fgColor/link",
4324
+ "name": "button/invisible/fgColor/hover",
4448
4325
  "value": {
4449
4326
  "r": 0.03529411764705882,
4450
4327
  "g": 0.4117647058823529,
@@ -4452,232 +4329,225 @@
4452
4329
  "a": 1
4453
4330
  },
4454
4331
  "type": "COLOR",
4455
- "refId": "mode/fgColor/link",
4332
+ "refId": "mode/button/invisible/fgColor/hover",
4456
4333
  "reference": "mode/fgColor/accent",
4457
4334
  "collection": "mode",
4458
4335
  "mode": "light colorblind",
4459
- "group": "semantic",
4460
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
4461
- "codeSyntax": {
4462
- "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4463
- }
4336
+ "group": "component (internal)",
4337
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4464
4338
  },
4465
4339
  {
4466
- "name": "underlineNav/iconColor/rest",
4340
+ "name": "button/invisible/fgColor/rest",
4467
4341
  "value": {
4468
- "r": 0.38823529411764707,
4469
- "g": 0.4235294117647059,
4470
- "b": 0.4627450980392157,
4342
+ "r": 0.03529411764705882,
4343
+ "g": 0.4117647058823529,
4344
+ "b": 0.8549019607843137,
4471
4345
  "a": 1
4472
4346
  },
4473
4347
  "type": "COLOR",
4474
- "refId": "mode/underlineNav/iconColor/rest",
4475
- "reference": "mode/fgColor/muted",
4348
+ "refId": "mode/button/invisible/fgColor/rest",
4349
+ "reference": "mode/fgColor/accent",
4476
4350
  "collection": "mode",
4477
4351
  "mode": "light colorblind",
4478
4352
  "group": "component (internal)",
4479
4353
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4480
4354
  },
4481
4355
  {
4482
- "name": "underlineNav/borderColor/hover",
4356
+ "name": "button/primary/borderColor/disabled",
4483
4357
  "value": {
4484
- "r": 0.6862745098039216,
4485
- "g": 0.7215686274509804,
4486
- "b": 0.7568627450980392,
4487
- "a": 0.2
4358
+ "r": 0.5725490196078431,
4359
+ "g": 0.792156862745098,
4360
+ "b": 1,
4361
+ "a": 1
4488
4362
  },
4489
4363
  "type": "COLOR",
4490
- "refId": "mode/underlineNav/borderColor/hover",
4491
- "reference": "mode/borderColor/neutral-muted",
4364
+ "refId": "mode/button/primary/borderColor/disabled",
4365
+ "reference": "mode/button/primary/bgColor/disabled",
4492
4366
  "collection": "mode",
4493
4367
  "mode": "light colorblind",
4494
4368
  "group": "component (internal)",
4495
4369
  "scopes": ["STROKE_COLOR"]
4496
4370
  },
4497
4371
  {
4498
- "name": "focus/outlineColor",
4372
+ "name": "button/primary/borderColor/active",
4499
4373
  "value": {
4500
- "r": 0.03529411764705882,
4501
- "g": 0.4117647058823529,
4502
- "b": 0.8549019607843137,
4503
- "a": 1
4374
+ "r": 0.12156862745098039,
4375
+ "g": 0.13725490196078433,
4376
+ "b": 0.1568627450980392,
4377
+ "a": 0.15
4504
4378
  },
4505
4379
  "type": "COLOR",
4506
- "refId": "mode/focus/outlineColor",
4507
- "reference": "mode/borderColor/accent-emphasis",
4380
+ "refId": "mode/button/primary/borderColor/active",
4381
+ "reference": "mode/button/primary/borderColor/rest",
4508
4382
  "collection": "mode",
4509
4383
  "mode": "light colorblind",
4510
4384
  "group": "component (internal)",
4511
4385
  "scopes": ["STROKE_COLOR"]
4512
4386
  },
4513
4387
  {
4514
- "name": "buttonCounter/danger/fgColor/disabled",
4388
+ "name": "button/primary/borderColor/hover",
4515
4389
  "value": {
4516
- "r": 0.7450980392156863,
4517
- "g": 0.3058823529411765,
4518
- "b": 0.00784313725490196,
4519
- "a": 0.5
4390
+ "r": 0.12156862745098039,
4391
+ "g": 0.13725490196078433,
4392
+ "b": 0.1568627450980392,
4393
+ "a": 0.15
4520
4394
  },
4521
4395
  "type": "COLOR",
4522
- "alpha": 0.5,
4523
- "refId": "mode/buttonCounter/danger/fgColor/disabled",
4524
- "reference": "mode/fgColor/danger",
4396
+ "refId": "mode/button/primary/borderColor/hover",
4397
+ "reference": "mode/button/primary/borderColor/rest",
4525
4398
  "collection": "mode",
4526
4399
  "mode": "light colorblind",
4527
4400
  "group": "component (internal)",
4528
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4401
+ "scopes": ["STROKE_COLOR"]
4529
4402
  },
4530
4403
  {
4531
- "name": "buttonCounter/danger/bgColor/rest",
4404
+ "name": "button/primary/bgColor/active",
4532
4405
  "value": {
4533
- "r": 0.7372549019607844,
4534
- "g": 0.2980392156862745,
4535
- "b": 0,
4536
- "a": 0.1
4406
+ "r": 0.043137254901960784,
4407
+ "g": 0.39215686274509803,
4408
+ "b": 0.807843137254902,
4409
+ "a": 1
4537
4410
  },
4538
4411
  "type": "COLOR",
4539
- "alpha": 0.1,
4540
- "refId": "mode/buttonCounter/danger/bgColor/rest",
4541
- "reference": "mode/bgColor/danger-emphasis",
4412
+ "isMix": true,
4413
+ "refId": "mode/button/primary/bgColor/active",
4414
+ "reference": "mode/bgColor/success-emphasis",
4542
4415
  "collection": "mode",
4543
4416
  "mode": "light colorblind",
4544
4417
  "group": "component (internal)",
4545
4418
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4546
4419
  },
4547
4420
  {
4548
- "name": "buttonCounter/danger/bgColor/disabled",
4421
+ "name": "button/primary/bgColor/hover",
4549
4422
  "value": {
4550
- "r": 0.7372549019607844,
4551
- "g": 0.2980392156862745,
4552
- "b": 0,
4553
- "a": 0.05
4423
+ "r": 0.050980392156862744,
4424
+ "g": 0.4196078431372549,
4425
+ "b": 0.8470588235294118,
4426
+ "a": 1
4554
4427
  },
4555
4428
  "type": "COLOR",
4556
- "alpha": 0.05,
4557
- "refId": "mode/buttonCounter/danger/bgColor/disabled",
4558
- "reference": "mode/bgColor/danger-emphasis",
4429
+ "isMix": true,
4430
+ "refId": "mode/button/primary/bgColor/hover",
4431
+ "reference": "mode/bgColor/success-emphasis",
4559
4432
  "collection": "mode",
4560
4433
  "mode": "light colorblind",
4561
4434
  "group": "component (internal)",
4562
4435
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4563
4436
  },
4564
4437
  {
4565
- "name": "buttonCounter/outline/fgColor/disabled",
4438
+ "name": "button/primary/bgColor/rest",
4566
4439
  "value": {
4567
- "r": 0.03529411764705882,
4568
- "g": 0.4117647058823529,
4569
- "b": 0.8549019607843137,
4570
- "a": 0.5
4440
+ "r": 0.058823529411764705,
4441
+ "g": 0.4470588235294118,
4442
+ "b": 0.8901960784313725,
4443
+ "a": 1
4571
4444
  },
4572
4445
  "type": "COLOR",
4573
- "alpha": 0.5,
4574
- "refId": "mode/buttonCounter/outline/fgColor/disabled",
4575
- "reference": "mode/fgColor/accent",
4446
+ "refId": "mode/button/primary/bgColor/rest",
4447
+ "reference": "mode/bgColor/success-emphasis",
4576
4448
  "collection": "mode",
4577
4449
  "mode": "light colorblind",
4578
4450
  "group": "component (internal)",
4579
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4451
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4580
4452
  },
4581
4453
  {
4582
- "name": "buttonCounter/outline/bgColor/disabled",
4454
+ "name": "button/default/borderColor/active",
4583
4455
  "value": {
4584
- "r": 0.03529411764705882,
4585
- "g": 0.4117647058823529,
4586
- "b": 0.8549019607843137,
4587
- "a": 0.05
4456
+ "r": 0.8156862745098039,
4457
+ "g": 0.8431372549019608,
4458
+ "b": 0.8705882352941177,
4459
+ "a": 1
4588
4460
  },
4589
4461
  "type": "COLOR",
4590
- "alpha": 0.05,
4591
- "refId": "mode/buttonCounter/outline/bgColor/disabled",
4592
- "reference": "mode/bgColor/accent-emphasis",
4462
+ "refId": "mode/button/default/borderColor/active",
4463
+ "reference": "mode/borderColor/default",
4593
4464
  "collection": "mode",
4594
4465
  "mode": "light colorblind",
4595
4466
  "group": "component (internal)",
4596
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4467
+ "scopes": ["STROKE_COLOR"]
4597
4468
  },
4598
4469
  {
4599
- "name": "buttonCounter/outline/bgColor/rest",
4470
+ "name": "button/default/borderColor/hover",
4600
4471
  "value": {
4601
- "r": 0.03529411764705882,
4602
- "g": 0.4117647058823529,
4603
- "b": 0.8549019607843137,
4604
- "a": 0.1
4472
+ "r": 0.8156862745098039,
4473
+ "g": 0.8431372549019608,
4474
+ "b": 0.8705882352941177,
4475
+ "a": 1
4605
4476
  },
4606
4477
  "type": "COLOR",
4607
- "alpha": 0.1,
4608
- "refId": "mode/buttonCounter/outline/bgColor/rest",
4609
- "reference": "mode/bgColor/accent-emphasis",
4478
+ "refId": "mode/button/default/borderColor/hover",
4479
+ "reference": "mode/borderColor/default",
4610
4480
  "collection": "mode",
4611
4481
  "mode": "light colorblind",
4612
4482
  "group": "component (internal)",
4613
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4483
+ "scopes": ["STROKE_COLOR"]
4614
4484
  },
4615
4485
  {
4616
- "name": "buttonCounter/invisible/bgColor/rest",
4486
+ "name": "button/default/borderColor/rest",
4617
4487
  "value": {
4618
- "r": 0.6862745098039216,
4619
- "g": 0.7215686274509804,
4620
- "b": 0.7568627450980392,
4621
- "a": 0.2
4488
+ "r": 0.8156862745098039,
4489
+ "g": 0.8431372549019608,
4490
+ "b": 0.8705882352941177,
4491
+ "a": 1
4622
4492
  },
4623
4493
  "type": "COLOR",
4624
- "refId": "mode/buttonCounter/invisible/bgColor/rest",
4625
- "reference": "mode/bgColor/neutral-muted",
4494
+ "refId": "mode/button/default/borderColor/rest",
4495
+ "reference": "mode/borderColor/default",
4626
4496
  "collection": "mode",
4627
4497
  "mode": "light colorblind",
4628
4498
  "group": "component (internal)",
4629
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4499
+ "scopes": ["STROKE_COLOR"]
4630
4500
  },
4631
4501
  {
4632
- "name": "buttonCounter/default/bgColor/rest",
4502
+ "name": "button/default/bgColor/selected",
4633
4503
  "value": {
4634
- "r": 0.6862745098039216,
4635
- "g": 0.7215686274509804,
4636
- "b": 0.7568627450980392,
4637
- "a": 0.2
4504
+ "r": 0.9058823529411765,
4505
+ "g": 0.9215686274509803,
4506
+ "b": 0.9372549019607843,
4507
+ "a": 1
4638
4508
  },
4639
4509
  "type": "COLOR",
4640
- "refId": "mode/buttonCounter/default/bgColor/rest",
4641
- "reference": "mode/bgColor/neutral-muted",
4510
+ "refId": "mode/button/default/bgColor/selected",
4511
+ "reference": "mode/control/bgColor/active",
4642
4512
  "collection": "mode",
4643
4513
  "mode": "light colorblind",
4644
4514
  "group": "component (internal)",
4645
4515
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4646
4516
  },
4647
4517
  {
4648
- "name": "button/danger/borderColor/active",
4518
+ "name": "button/default/bgColor/active",
4649
4519
  "value": {
4650
- "r": 0.12156862745098039,
4651
- "g": 0.13725490196078433,
4652
- "b": 0.1568627450980392,
4653
- "a": 0.15
4520
+ "r": 0.9058823529411765,
4521
+ "g": 0.9215686274509803,
4522
+ "b": 0.9372549019607843,
4523
+ "a": 1
4654
4524
  },
4655
4525
  "type": "COLOR",
4656
- "refId": "mode/button/danger/borderColor/active",
4657
- "reference": "mode/button/danger/borderColor/hover",
4526
+ "refId": "mode/button/default/bgColor/active",
4527
+ "reference": "mode/control/bgColor/active",
4658
4528
  "collection": "mode",
4659
4529
  "mode": "light colorblind",
4660
4530
  "group": "component (internal)",
4661
- "scopes": ["STROKE_COLOR"]
4531
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4662
4532
  },
4663
4533
  {
4664
- "name": "button/danger/borderColor/rest",
4534
+ "name": "button/default/bgColor/hover",
4665
4535
  "value": {
4666
- "r": 0.8156862745098039,
4667
- "g": 0.8431372549019608,
4668
- "b": 0.8705882352941177,
4536
+ "r": 0.9333333333333333,
4537
+ "g": 0.9450980392156862,
4538
+ "b": 0.9568627450980393,
4669
4539
  "a": 1
4670
4540
  },
4671
4541
  "type": "COLOR",
4672
- "refId": "mode/button/danger/borderColor/rest",
4673
- "reference": "mode/borderColor/default",
4542
+ "refId": "mode/button/default/bgColor/hover",
4543
+ "reference": "mode/control/bgColor/hover",
4674
4544
  "collection": "mode",
4675
4545
  "mode": "light colorblind",
4676
4546
  "group": "component (internal)",
4677
- "scopes": ["STROKE_COLOR"]
4547
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4678
4548
  },
4679
4549
  {
4680
- "name": "button/danger/bgColor/rest",
4550
+ "name": "button/default/bgColor/rest",
4681
4551
  "value": {
4682
4552
  "r": 0.9647058823529412,
4683
4553
  "g": 0.9725490196078431,
@@ -4685,7 +4555,7 @@
4685
4555
  "a": 1
4686
4556
  },
4687
4557
  "type": "COLOR",
4688
- "refId": "mode/button/danger/bgColor/rest",
4558
+ "refId": "mode/button/default/bgColor/rest",
4689
4559
  "reference": "mode/control/bgColor/rest",
4690
4560
  "collection": "mode",
4691
4561
  "mode": "light colorblind",
@@ -4693,412 +4563,412 @@
4693
4563
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4694
4564
  },
4695
4565
  {
4696
- "name": "button/danger/iconColor/rest",
4566
+ "name": "button/default/fgColor/rest",
4697
4567
  "value": {
4698
- "r": 0.7450980392156863,
4699
- "g": 0.3058823529411765,
4700
- "b": 0.00784313725490196,
4568
+ "r": 0.1411764705882353,
4569
+ "g": 0.1607843137254902,
4570
+ "b": 0.1843137254901961,
4701
4571
  "a": 1
4702
4572
  },
4703
4573
  "type": "COLOR",
4704
- "refId": "mode/button/danger/iconColor/rest",
4705
- "reference": "mode/fgColor/danger",
4574
+ "refId": "mode/button/default/fgColor/rest",
4575
+ "reference": "mode/control/fgColor/rest",
4706
4576
  "collection": "mode",
4707
4577
  "mode": "light colorblind",
4708
4578
  "group": "component (internal)",
4709
4579
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4710
4580
  },
4711
4581
  {
4712
- "name": "button/danger/fgColor/disabled",
4582
+ "name": "controlKnob/borderColor/rest",
4713
4583
  "value": {
4714
- "r": 0.7450980392156863,
4715
- "g": 0.3058823529411765,
4716
- "b": 0.00784313725490196,
4717
- "a": 0.5
4584
+ "r": 0.5254901960784314,
4585
+ "g": 0.5607843137254902,
4586
+ "b": 0.6,
4587
+ "a": 1
4718
4588
  },
4719
4589
  "type": "COLOR",
4720
- "alpha": 0.5,
4721
- "refId": "mode/button/danger/fgColor/disabled",
4722
- "reference": "mode/fgColor/danger",
4590
+ "refId": "mode/controlKnob/borderColor/rest",
4591
+ "reference": "mode/control/borderColor/emphasis",
4723
4592
  "collection": "mode",
4724
4593
  "mode": "light colorblind",
4725
4594
  "group": "component (internal)",
4726
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4595
+ "scopes": ["STROKE_COLOR"]
4727
4596
  },
4728
4597
  {
4729
- "name": "button/danger/fgColor/rest",
4598
+ "name": "controlTrack/borderColor/disabled",
4730
4599
  "value": {
4731
- "r": 0.7450980392156863,
4732
- "g": 0.3058823529411765,
4733
- "b": 0.00784313725490196,
4600
+ "r": 0.5490196078431373,
4601
+ "g": 0.5843137254901961,
4602
+ "b": 0.6235294117647059,
4734
4603
  "a": 1
4735
4604
  },
4736
4605
  "type": "COLOR",
4737
- "refId": "mode/button/danger/fgColor/rest",
4738
- "reference": "mode/fgColor/danger",
4606
+ "refId": "mode/controlTrack/borderColor/disabled",
4607
+ "reference": "mode/fgColor/disabled",
4739
4608
  "collection": "mode",
4740
4609
  "mode": "light colorblind",
4741
4610
  "group": "component (internal)",
4742
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4611
+ "scopes": ["STROKE_COLOR"]
4743
4612
  },
4744
4613
  {
4745
- "name": "button/outline/borderColor/active",
4614
+ "name": "controlTrack/fgColor/disabled",
4746
4615
  "value": {
4747
- "r": 0.12156862745098039,
4748
- "g": 0.13725490196078433,
4749
- "b": 0.1568627450980392,
4750
- "a": 0.15
4616
+ "r": 1,
4617
+ "g": 1,
4618
+ "b": 1,
4619
+ "a": 1
4751
4620
  },
4752
4621
  "type": "COLOR",
4753
- "refId": "mode/button/outline/borderColor/active",
4754
- "reference": "mode/button/outline/borderColor/hover",
4622
+ "refId": "mode/controlTrack/fgColor/disabled",
4623
+ "reference": "mode/fgColor/onEmphasis",
4755
4624
  "collection": "mode",
4756
4625
  "mode": "light colorblind",
4757
4626
  "group": "component (internal)",
4758
- "scopes": ["STROKE_COLOR"]
4627
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4759
4628
  },
4760
4629
  {
4761
- "name": "button/outline/bgColor/active",
4630
+ "name": "controlTrack/fgColor/rest",
4762
4631
  "value": {
4763
- "r": 0.027450980392156862,
4764
- "g": 0.3411764705882353,
4765
- "b": 0.7294117647058823,
4632
+ "r": 0.38823529411764707,
4633
+ "g": 0.4235294117647059,
4634
+ "b": 0.4627450980392157,
4766
4635
  "a": 1
4767
4636
  },
4768
4637
  "type": "COLOR",
4769
- "isMix": true,
4770
- "refId": "mode/button/outline/bgColor/active",
4771
- "reference": "mode/bgColor/accent-emphasis",
4638
+ "refId": "mode/controlTrack/fgColor/rest",
4639
+ "reference": "mode/fgColor/muted",
4772
4640
  "collection": "mode",
4773
4641
  "mode": "light colorblind",
4774
4642
  "group": "component (internal)",
4775
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4643
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4776
4644
  },
4777
4645
  {
4778
- "name": "button/outline/bgColor/hover",
4646
+ "name": "controlTrack/bgColor/disabled",
4779
4647
  "value": {
4780
- "r": 0.03529411764705882,
4781
- "g": 0.4117647058823529,
4782
- "b": 0.8549019607843137,
4648
+ "r": 0.5490196078431373,
4649
+ "g": 0.5843137254901961,
4650
+ "b": 0.6235294117647059,
4783
4651
  "a": 1
4784
4652
  },
4785
4653
  "type": "COLOR",
4786
- "refId": "mode/button/outline/bgColor/hover",
4787
- "reference": "mode/bgColor/accent-emphasis",
4654
+ "refId": "mode/controlTrack/bgColor/disabled",
4655
+ "reference": "mode/fgColor/disabled",
4788
4656
  "collection": "mode",
4789
4657
  "mode": "light colorblind",
4790
4658
  "group": "component (internal)",
4791
4659
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4792
4660
  },
4793
4661
  {
4794
- "name": "button/outline/bgColor/rest",
4662
+ "name": "control/checked/borderColor/disabled",
4795
4663
  "value": {
4796
- "r": 0.9647058823529412,
4797
- "g": 0.9725490196078431,
4798
- "b": 0.9803921568627451,
4664
+ "r": 0.5490196078431373,
4665
+ "g": 0.5843137254901961,
4666
+ "b": 0.6235294117647059,
4799
4667
  "a": 1
4800
4668
  },
4801
4669
  "type": "COLOR",
4802
- "refId": "mode/button/outline/bgColor/rest",
4803
- "reference": "mode/control/bgColor/rest",
4670
+ "refId": "mode/control/checked/borderColor/disabled",
4671
+ "reference": "mode/fgColor/disabled",
4804
4672
  "collection": "mode",
4805
4673
  "mode": "light colorblind",
4806
- "group": "component (internal)",
4807
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4674
+ "group": "component",
4675
+ "scopes": ["STROKE_COLOR"]
4808
4676
  },
4809
4677
  {
4810
- "name": "button/outline/fgColor/disabled",
4678
+ "name": "control/checked/borderColor/active",
4811
4679
  "value": {
4812
- "r": 0.03529411764705882,
4813
- "g": 0.4117647058823529,
4814
- "b": 0.8549019607843137,
4815
- "a": 0.5
4680
+ "r": 0.027450980392156862,
4681
+ "g": 0.3411764705882353,
4682
+ "b": 0.7294117647058823,
4683
+ "a": 1
4816
4684
  },
4817
4685
  "type": "COLOR",
4818
- "alpha": 0.5,
4819
- "refId": "mode/button/outline/fgColor/disabled",
4820
- "reference": "mode/fgColor/accent",
4686
+ "isMix": true,
4687
+ "refId": "mode/control/checked/borderColor/active",
4688
+ "reference": "mode/bgColor/accent-emphasis",
4821
4689
  "collection": "mode",
4822
4690
  "mode": "light colorblind",
4823
- "group": "component (internal)",
4824
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4691
+ "group": "component",
4692
+ "scopes": ["STROKE_COLOR"]
4825
4693
  },
4826
4694
  {
4827
- "name": "button/outline/fgColor/rest",
4695
+ "name": "control/checked/borderColor/hover",
4828
4696
  "value": {
4829
- "r": 0.03529411764705882,
4830
- "g": 0.4117647058823529,
4831
- "b": 0.8549019607843137,
4697
+ "r": 0.03137254901960784,
4698
+ "g": 0.3764705882352941,
4699
+ "b": 0.792156862745098,
4832
4700
  "a": 1
4833
4701
  },
4834
4702
  "type": "COLOR",
4835
- "refId": "mode/button/outline/fgColor/rest",
4836
- "reference": "mode/fgColor/accent",
4703
+ "isMix": true,
4704
+ "refId": "mode/control/checked/borderColor/hover",
4705
+ "reference": "mode/bgColor/accent-emphasis",
4837
4706
  "collection": "mode",
4838
4707
  "mode": "light colorblind",
4839
- "group": "component (internal)",
4840
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4708
+ "group": "component",
4709
+ "scopes": ["STROKE_COLOR"]
4841
4710
  },
4842
4711
  {
4843
- "name": "button/invisible/borderColor/hover",
4712
+ "name": "control/checked/borderColor/rest",
4844
4713
  "value": {
4845
- "r": 1,
4846
- "g": 1,
4847
- "b": 1,
4848
- "a": 0
4714
+ "r": 0.03529411764705882,
4715
+ "g": 0.4117647058823529,
4716
+ "b": 0.8549019607843137,
4717
+ "a": 1
4849
4718
  },
4850
4719
  "type": "COLOR",
4851
- "refId": "mode/button/invisible/borderColor/hover",
4852
- "reference": "mode/control/transparent/borderColor/hover",
4720
+ "refId": "mode/control/checked/borderColor/rest",
4721
+ "reference": "mode/bgColor/accent-emphasis",
4853
4722
  "collection": "mode",
4854
4723
  "mode": "light colorblind",
4855
- "group": "component (internal)",
4724
+ "group": "component",
4856
4725
  "scopes": ["STROKE_COLOR"]
4857
4726
  },
4858
4727
  {
4859
- "name": "button/invisible/borderColor/rest",
4728
+ "name": "control/checked/fgColor/disabled",
4860
4729
  "value": {
4861
4730
  "r": 1,
4862
4731
  "g": 1,
4863
4732
  "b": 1,
4864
- "a": 0
4733
+ "a": 1
4865
4734
  },
4866
4735
  "type": "COLOR",
4867
- "refId": "mode/button/invisible/borderColor/rest",
4868
- "reference": "mode/control/transparent/borderColor/rest",
4736
+ "refId": "mode/control/checked/fgColor/disabled",
4737
+ "reference": "mode/fgColor/onEmphasis",
4869
4738
  "collection": "mode",
4870
4739
  "mode": "light colorblind",
4871
- "group": "component (internal)",
4872
- "scopes": ["STROKE_COLOR"]
4740
+ "group": "component",
4741
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4873
4742
  },
4874
4743
  {
4875
- "name": "button/invisible/bgColor/disabled",
4744
+ "name": "control/checked/fgColor/rest",
4876
4745
  "value": {
4877
4746
  "r": 1,
4878
4747
  "g": 1,
4879
4748
  "b": 1,
4880
- "a": 0
4749
+ "a": 1
4881
4750
  },
4882
4751
  "type": "COLOR",
4883
- "refId": "mode/button/invisible/bgColor/disabled",
4884
- "reference": "mode/control/transparent/bgColor/disabled",
4752
+ "refId": "mode/control/checked/fgColor/rest",
4753
+ "reference": "mode/fgColor/onEmphasis",
4885
4754
  "collection": "mode",
4886
4755
  "mode": "light colorblind",
4887
- "group": "component (internal)",
4888
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4756
+ "group": "component",
4757
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4889
4758
  },
4890
4759
  {
4891
- "name": "button/invisible/bgColor/active",
4760
+ "name": "control/checked/bgColor/disabled",
4892
4761
  "value": {
4893
- "r": 0.8156862745098039,
4894
- "g": 0.8431372549019608,
4895
- "b": 0.8705882352941177,
4896
- "a": 0.4
4762
+ "r": 0.5490196078431373,
4763
+ "g": 0.5843137254901961,
4764
+ "b": 0.6235294117647059,
4765
+ "a": 1
4897
4766
  },
4898
4767
  "type": "COLOR",
4899
- "refId": "mode/button/invisible/bgColor/active",
4900
- "reference": "mode/control/transparent/bgColor/active",
4768
+ "refId": "mode/control/checked/bgColor/disabled",
4769
+ "reference": "mode/fgColor/disabled",
4901
4770
  "collection": "mode",
4902
4771
  "mode": "light colorblind",
4903
- "group": "component (internal)",
4772
+ "group": "component",
4904
4773
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4905
4774
  },
4906
4775
  {
4907
- "name": "button/invisible/bgColor/hover",
4776
+ "name": "control/checked/bgColor/active",
4908
4777
  "value": {
4909
- "r": 0.8156862745098039,
4910
- "g": 0.8431372549019608,
4911
- "b": 0.8705882352941177,
4912
- "a": 0.2
4778
+ "r": 0.027450980392156862,
4779
+ "g": 0.3411764705882353,
4780
+ "b": 0.7294117647058823,
4781
+ "a": 1
4913
4782
  },
4914
4783
  "type": "COLOR",
4915
- "refId": "mode/button/invisible/bgColor/hover",
4916
- "reference": "mode/control/transparent/bgColor/hover",
4784
+ "isMix": true,
4785
+ "refId": "mode/control/checked/bgColor/active",
4786
+ "reference": "mode/bgColor/accent-emphasis",
4917
4787
  "collection": "mode",
4918
4788
  "mode": "light colorblind",
4919
- "group": "component (internal)",
4789
+ "group": "component",
4920
4790
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4921
4791
  },
4922
4792
  {
4923
- "name": "button/invisible/bgColor/rest",
4793
+ "name": "control/checked/bgColor/hover",
4924
4794
  "value": {
4925
- "r": 1,
4926
- "g": 1,
4927
- "b": 1,
4928
- "a": 0
4795
+ "r": 0.03137254901960784,
4796
+ "g": 0.3764705882352941,
4797
+ "b": 0.792156862745098,
4798
+ "a": 1
4929
4799
  },
4930
4800
  "type": "COLOR",
4931
- "refId": "mode/button/invisible/bgColor/rest",
4932
- "reference": "mode/control/transparent/bgColor/rest",
4801
+ "isMix": true,
4802
+ "refId": "mode/control/checked/bgColor/hover",
4803
+ "reference": "mode/bgColor/accent-emphasis",
4933
4804
  "collection": "mode",
4934
4805
  "mode": "light colorblind",
4935
- "group": "component (internal)",
4806
+ "group": "component",
4936
4807
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4937
4808
  },
4938
4809
  {
4939
- "name": "button/invisible/iconColor/hover",
4810
+ "name": "control/checked/bgColor/rest",
4940
4811
  "value": {
4941
- "r": 0.38823529411764707,
4942
- "g": 0.4235294117647059,
4943
- "b": 0.4627450980392157,
4812
+ "r": 0.03529411764705882,
4813
+ "g": 0.4117647058823529,
4814
+ "b": 0.8549019607843137,
4944
4815
  "a": 1
4945
4816
  },
4946
4817
  "type": "COLOR",
4947
- "refId": "mode/button/invisible/iconColor/hover",
4948
- "reference": "mode/fgColor/muted",
4818
+ "refId": "mode/control/checked/bgColor/rest",
4819
+ "reference": "mode/bgColor/accent-emphasis",
4949
4820
  "collection": "mode",
4950
4821
  "mode": "light colorblind",
4951
- "group": "component (internal)",
4952
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4822
+ "group": "component",
4823
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4953
4824
  },
4954
4825
  {
4955
- "name": "button/invisible/iconColor/rest",
4826
+ "name": "control/danger/bgColor/active",
4956
4827
  "value": {
4957
- "r": 0.38823529411764707,
4958
- "g": 0.4235294117647059,
4959
- "b": 0.4627450980392157,
4960
- "a": 1
4828
+ "r": 1,
4829
+ "g": 0.9450980392156862,
4830
+ "b": 0.8980392156862745,
4831
+ "a": 0.4
4961
4832
  },
4962
4833
  "type": "COLOR",
4963
- "refId": "mode/button/invisible/iconColor/rest",
4964
- "reference": "mode/fgColor/muted",
4834
+ "alpha": 0.4,
4835
+ "refId": "mode/control/danger/bgColor/active",
4836
+ "reference": "mode/bgColor/danger-muted",
4965
4837
  "collection": "mode",
4966
4838
  "mode": "light colorblind",
4967
- "group": "component (internal)",
4968
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4839
+ "group": "component",
4840
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4969
4841
  },
4970
4842
  {
4971
- "name": "button/invisible/fgColor/hover",
4843
+ "name": "control/danger/bgColor/hover",
4972
4844
  "value": {
4973
- "r": 0.03529411764705882,
4974
- "g": 0.4117647058823529,
4975
- "b": 0.8549019607843137,
4845
+ "r": 1,
4846
+ "g": 0.9450980392156862,
4847
+ "b": 0.8980392156862745,
4976
4848
  "a": 1
4977
4849
  },
4978
4850
  "type": "COLOR",
4979
- "refId": "mode/button/invisible/fgColor/hover",
4980
- "reference": "mode/fgColor/accent",
4851
+ "refId": "mode/control/danger/bgColor/hover",
4852
+ "reference": "mode/bgColor/danger-muted",
4981
4853
  "collection": "mode",
4982
4854
  "mode": "light colorblind",
4983
- "group": "component (internal)",
4984
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
4855
+ "group": "component",
4856
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4985
4857
  },
4986
4858
  {
4987
- "name": "button/invisible/fgColor/rest",
4859
+ "name": "control/danger/fgColor/hover",
4988
4860
  "value": {
4989
- "r": 0.03529411764705882,
4990
- "g": 0.4117647058823529,
4991
- "b": 0.8549019607843137,
4861
+ "r": 0.7450980392156863,
4862
+ "g": 0.3058823529411765,
4863
+ "b": 0.00784313725490196,
4992
4864
  "a": 1
4993
4865
  },
4994
4866
  "type": "COLOR",
4995
- "refId": "mode/button/invisible/fgColor/rest",
4996
- "reference": "mode/fgColor/accent",
4867
+ "refId": "mode/control/danger/fgColor/hover",
4868
+ "reference": "mode/fgColor/danger",
4997
4869
  "collection": "mode",
4998
4870
  "mode": "light colorblind",
4999
- "group": "component (internal)",
4871
+ "group": "component",
5000
4872
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5001
4873
  },
5002
4874
  {
5003
- "name": "button/primary/borderColor/disabled",
4875
+ "name": "control/danger/fgColor/rest",
5004
4876
  "value": {
5005
- "r": 0.5725490196078431,
5006
- "g": 0.792156862745098,
5007
- "b": 1,
4877
+ "r": 0.7450980392156863,
4878
+ "g": 0.3058823529411765,
4879
+ "b": 0.00784313725490196,
5008
4880
  "a": 1
5009
4881
  },
5010
4882
  "type": "COLOR",
5011
- "refId": "mode/button/primary/borderColor/disabled",
5012
- "reference": "mode/button/primary/bgColor/disabled",
4883
+ "refId": "mode/control/danger/fgColor/rest",
4884
+ "reference": "mode/fgColor/danger",
5013
4885
  "collection": "mode",
5014
4886
  "mode": "light colorblind",
5015
- "group": "component (internal)",
5016
- "scopes": ["STROKE_COLOR"]
4887
+ "group": "component",
4888
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5017
4889
  },
5018
4890
  {
5019
- "name": "button/primary/borderColor/active",
4891
+ "name": "control/transparent/bgColor/disabled",
5020
4892
  "value": {
5021
- "r": 0.12156862745098039,
5022
- "g": 0.13725490196078433,
5023
- "b": 0.1568627450980392,
5024
- "a": 0.15
4893
+ "r": 0.9176470588235294,
4894
+ "g": 0.9333333333333333,
4895
+ "b": 0.9490196078431372,
4896
+ "a": 0.7
5025
4897
  },
5026
4898
  "type": "COLOR",
5027
- "refId": "mode/button/primary/borderColor/active",
5028
- "reference": "mode/button/primary/borderColor/rest",
4899
+ "refId": "mode/control/transparent/bgColor/disabled",
4900
+ "reference": "mode/bgColor/disabled",
5029
4901
  "collection": "mode",
5030
4902
  "mode": "light colorblind",
5031
- "group": "component (internal)",
5032
- "scopes": ["STROKE_COLOR"]
4903
+ "group": "component",
4904
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5033
4905
  },
5034
4906
  {
5035
- "name": "button/primary/borderColor/hover",
4907
+ "name": "control/iconColor/rest",
5036
4908
  "value": {
5037
- "r": 0.12156862745098039,
5038
- "g": 0.13725490196078433,
5039
- "b": 0.1568627450980392,
5040
- "a": 0.15
4909
+ "r": 0.38823529411764707,
4910
+ "g": 0.4235294117647059,
4911
+ "b": 0.4627450980392157,
4912
+ "a": 1
5041
4913
  },
5042
4914
  "type": "COLOR",
5043
- "refId": "mode/button/primary/borderColor/hover",
5044
- "reference": "mode/button/primary/borderColor/rest",
4915
+ "refId": "mode/control/iconColor/rest",
4916
+ "reference": "mode/fgColor/muted",
5045
4917
  "collection": "mode",
5046
4918
  "mode": "light colorblind",
5047
- "group": "component (internal)",
5048
- "scopes": ["STROKE_COLOR"]
4919
+ "group": "component",
4920
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5049
4921
  },
5050
4922
  {
5051
- "name": "button/primary/bgColor/active",
4923
+ "name": "control/borderColor/warning",
5052
4924
  "value": {
5053
- "r": 0.043137254901960784,
5054
- "g": 0.39215686274509803,
5055
- "b": 0.807843137254902,
4925
+ "r": 0.7490196078431373,
4926
+ "g": 0.5294117647058824,
4927
+ "b": 0,
5056
4928
  "a": 1
5057
4929
  },
5058
4930
  "type": "COLOR",
5059
- "isMix": true,
5060
- "refId": "mode/button/primary/bgColor/active",
5061
- "reference": "mode/bgColor/success-emphasis",
4931
+ "refId": "mode/control/borderColor/warning",
4932
+ "reference": "mode/borderColor/attention-emphasis",
5062
4933
  "collection": "mode",
5063
4934
  "mode": "light colorblind",
5064
- "group": "component (internal)",
5065
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4935
+ "group": "component",
4936
+ "scopes": ["STROKE_COLOR"]
5066
4937
  },
5067
4938
  {
5068
- "name": "button/primary/bgColor/hover",
4939
+ "name": "control/borderColor/danger",
5069
4940
  "value": {
5070
- "r": 0.050980392156862744,
5071
- "g": 0.4196078431372549,
5072
- "b": 0.8470588235294118,
4941
+ "r": 0.7372549019607844,
4942
+ "g": 0.2980392156862745,
4943
+ "b": 0,
5073
4944
  "a": 1
5074
4945
  },
5075
4946
  "type": "COLOR",
5076
- "isMix": true,
5077
- "refId": "mode/button/primary/bgColor/hover",
5078
- "reference": "mode/bgColor/success-emphasis",
4947
+ "refId": "mode/control/borderColor/danger",
4948
+ "reference": "mode/borderColor/danger-emphasis",
5079
4949
  "collection": "mode",
5080
4950
  "mode": "light colorblind",
5081
- "group": "component (internal)",
5082
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4951
+ "group": "component",
4952
+ "scopes": ["STROKE_COLOR"]
5083
4953
  },
5084
4954
  {
5085
- "name": "button/primary/bgColor/rest",
4955
+ "name": "control/borderColor/success",
5086
4956
  "value": {
5087
- "r": 0.058823529411764705,
5088
- "g": 0.4470588235294118,
5089
- "b": 0.8901960784313725,
4957
+ "r": 0.12941176470588237,
4958
+ "g": 0.5450980392156862,
4959
+ "b": 1,
5090
4960
  "a": 1
5091
4961
  },
5092
4962
  "type": "COLOR",
5093
- "refId": "mode/button/primary/bgColor/rest",
5094
- "reference": "mode/bgColor/success-emphasis",
4963
+ "refId": "mode/control/borderColor/success",
4964
+ "reference": "mode/borderColor/success-emphasis",
5095
4965
  "collection": "mode",
5096
4966
  "mode": "light colorblind",
5097
- "group": "component (internal)",
5098
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4967
+ "group": "component",
4968
+ "scopes": ["STROKE_COLOR"]
5099
4969
  },
5100
4970
  {
5101
- "name": "button/default/borderColor/active",
4971
+ "name": "control/borderColor/rest",
5102
4972
  "value": {
5103
4973
  "r": 0.8156862745098039,
5104
4974
  "g": 0.8431372549019608,
@@ -5106,31 +4976,47 @@
5106
4976
  "a": 1
5107
4977
  },
5108
4978
  "type": "COLOR",
5109
- "refId": "mode/button/default/borderColor/active",
4979
+ "refId": "mode/control/borderColor/rest",
5110
4980
  "reference": "mode/borderColor/default",
5111
4981
  "collection": "mode",
5112
4982
  "mode": "light colorblind",
5113
- "group": "component (internal)",
4983
+ "group": "component",
5114
4984
  "scopes": ["STROKE_COLOR"]
5115
4985
  },
5116
4986
  {
5117
- "name": "button/default/borderColor/hover",
4987
+ "name": "control/fgColor/disabled",
5118
4988
  "value": {
5119
- "r": 0.8156862745098039,
5120
- "g": 0.8431372549019608,
5121
- "b": 0.8705882352941177,
4989
+ "r": 0.5490196078431373,
4990
+ "g": 0.5843137254901961,
4991
+ "b": 0.6235294117647059,
5122
4992
  "a": 1
5123
4993
  },
5124
4994
  "type": "COLOR",
5125
- "refId": "mode/button/default/borderColor/hover",
5126
- "reference": "mode/borderColor/default",
4995
+ "refId": "mode/control/fgColor/disabled",
4996
+ "reference": "mode/fgColor/disabled",
5127
4997
  "collection": "mode",
5128
4998
  "mode": "light colorblind",
5129
- "group": "component (internal)",
5130
- "scopes": ["STROKE_COLOR"]
4999
+ "group": "component",
5000
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5131
5001
  },
5132
5002
  {
5133
- "name": "button/default/borderColor/rest",
5003
+ "name": "control/bgColor/disabled",
5004
+ "value": {
5005
+ "r": 0.9176470588235294,
5006
+ "g": 0.9333333333333333,
5007
+ "b": 0.9490196078431372,
5008
+ "a": 0.7
5009
+ },
5010
+ "type": "COLOR",
5011
+ "refId": "mode/control/bgColor/disabled",
5012
+ "reference": "mode/bgColor/disabled",
5013
+ "collection": "mode",
5014
+ "mode": "light colorblind",
5015
+ "group": "component",
5016
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5017
+ },
5018
+ {
5019
+ "name": "avatar/borderColor",
5134
5020
  "value": {
5135
5021
  "r": 0.8156862745098039,
5136
5022
  "g": 0.8431372549019608,
@@ -5138,7 +5024,7 @@
5138
5024
  "a": 1
5139
5025
  },
5140
5026
  "type": "COLOR",
5141
- "refId": "mode/button/default/borderColor/rest",
5027
+ "refId": "mode/avatar/borderColor",
5142
5028
  "reference": "mode/borderColor/default",
5143
5029
  "collection": "mode",
5144
5030
  "mode": "light colorblind",
@@ -5146,119 +5032,119 @@
5146
5032
  "scopes": ["STROKE_COLOR"]
5147
5033
  },
5148
5034
  {
5149
- "name": "button/default/bgColor/selected",
5035
+ "name": "codeMirror/lines/bgColor",
5150
5036
  "value": {
5151
- "r": 0.9058823529411765,
5152
- "g": 0.9215686274509803,
5153
- "b": 0.9372549019607843,
5037
+ "r": 1,
5038
+ "g": 1,
5039
+ "b": 1,
5154
5040
  "a": 1
5155
5041
  },
5156
5042
  "type": "COLOR",
5157
- "refId": "mode/button/default/bgColor/selected",
5158
- "reference": "mode/control/bgColor/active",
5043
+ "refId": "mode/codeMirror/lines/bgColor",
5044
+ "reference": "mode/bgColor/default",
5159
5045
  "collection": "mode",
5160
5046
  "mode": "light colorblind",
5161
- "group": "component (internal)",
5047
+ "group": "component",
5162
5048
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5163
5049
  },
5164
5050
  {
5165
- "name": "button/default/bgColor/active",
5051
+ "name": "codeMirror/matchingBracket/fgColor",
5166
5052
  "value": {
5167
- "r": 0.9058823529411765,
5168
- "g": 0.9215686274509803,
5169
- "b": 0.9372549019607843,
5053
+ "r": 0.12156862745098039,
5054
+ "g": 0.13725490196078433,
5055
+ "b": 0.1568627450980392,
5170
5056
  "a": 1
5171
5057
  },
5172
5058
  "type": "COLOR",
5173
- "refId": "mode/button/default/bgColor/active",
5174
- "reference": "mode/control/bgColor/active",
5059
+ "refId": "mode/codeMirror/matchingBracket/fgColor",
5060
+ "reference": "mode/fgColor/default",
5175
5061
  "collection": "mode",
5176
5062
  "mode": "light colorblind",
5177
- "group": "component (internal)",
5178
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5063
+ "group": "component",
5064
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5179
5065
  },
5180
5066
  {
5181
- "name": "button/default/bgColor/hover",
5067
+ "name": "codeMirror/activeline/bgColor",
5182
5068
  "value": {
5183
- "r": 0.9333333333333333,
5184
- "g": 0.9450980392156862,
5185
- "b": 0.9568627450980393,
5186
- "a": 1
5069
+ "r": 0.6862745098039216,
5070
+ "g": 0.7215686274509804,
5071
+ "b": 0.7568627450980392,
5072
+ "a": 0.2
5187
5073
  },
5188
5074
  "type": "COLOR",
5189
- "refId": "mode/button/default/bgColor/hover",
5190
- "reference": "mode/control/bgColor/hover",
5075
+ "refId": "mode/codeMirror/activeline/bgColor",
5076
+ "reference": "mode/bgColor/neutral-muted",
5191
5077
  "collection": "mode",
5192
5078
  "mode": "light colorblind",
5193
- "group": "component (internal)",
5079
+ "group": "component",
5194
5080
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5195
5081
  },
5196
5082
  {
5197
- "name": "button/default/bgColor/rest",
5083
+ "name": "codeMirror/selection/bgColor",
5198
5084
  "value": {
5199
- "r": 0.9647058823529412,
5200
- "g": 0.9725490196078431,
5201
- "b": 0.9803921568627451,
5202
- "a": 1
5085
+ "r": 0.32941176470588235,
5086
+ "g": 0.6823529411764706,
5087
+ "b": 1,
5088
+ "a": 0.4
5203
5089
  },
5204
5090
  "type": "COLOR",
5205
- "refId": "mode/button/default/bgColor/rest",
5206
- "reference": "mode/control/bgColor/rest",
5091
+ "refId": "mode/codeMirror/selection/bgColor",
5092
+ "reference": "mode/borderColor/accent-muted",
5207
5093
  "collection": "mode",
5208
5094
  "mode": "light colorblind",
5209
- "group": "component (internal)",
5095
+ "group": "component",
5210
5096
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5211
5097
  },
5212
5098
  {
5213
- "name": "button/default/fgColor/rest",
5099
+ "name": "codeMirror/cursor/fgColor",
5214
5100
  "value": {
5215
- "r": 0.1411764705882353,
5216
- "g": 0.1607843137254902,
5217
- "b": 0.1843137254901961,
5101
+ "r": 0.12156862745098039,
5102
+ "g": 0.13725490196078433,
5103
+ "b": 0.1568627450980392,
5218
5104
  "a": 1
5219
5105
  },
5220
5106
  "type": "COLOR",
5221
- "refId": "mode/button/default/fgColor/rest",
5222
- "reference": "mode/control/fgColor/rest",
5107
+ "refId": "mode/codeMirror/cursor/fgColor",
5108
+ "reference": "mode/fgColor/default",
5223
5109
  "collection": "mode",
5224
5110
  "mode": "light colorblind",
5225
- "group": "component (internal)",
5111
+ "group": "component",
5226
5112
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5227
5113
  },
5228
5114
  {
5229
- "name": "controlKnob/borderColor/rest",
5115
+ "name": "codeMirror/lineNumber/fgColor",
5230
5116
  "value": {
5231
- "r": 0.5254901960784314,
5232
- "g": 0.5607843137254902,
5233
- "b": 0.6,
5117
+ "r": 0.38823529411764707,
5118
+ "g": 0.4235294117647059,
5119
+ "b": 0.4627450980392157,
5234
5120
  "a": 1
5235
5121
  },
5236
5122
  "type": "COLOR",
5237
- "refId": "mode/controlKnob/borderColor/rest",
5238
- "reference": "mode/control/borderColor/emphasis",
5123
+ "refId": "mode/codeMirror/lineNumber/fgColor",
5124
+ "reference": "mode/fgColor/muted",
5239
5125
  "collection": "mode",
5240
5126
  "mode": "light colorblind",
5241
- "group": "component (internal)",
5242
- "scopes": ["STROKE_COLOR"]
5127
+ "group": "component",
5128
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5243
5129
  },
5244
5130
  {
5245
- "name": "controlTrack/borderColor/disabled",
5131
+ "name": "codeMirror/gutterMarker/fgColor/muted",
5246
5132
  "value": {
5247
- "r": 0.5490196078431373,
5248
- "g": 0.5843137254901961,
5249
- "b": 0.6235294117647059,
5133
+ "r": 0.38823529411764707,
5134
+ "g": 0.4235294117647059,
5135
+ "b": 0.4627450980392157,
5250
5136
  "a": 1
5251
5137
  },
5252
5138
  "type": "COLOR",
5253
- "refId": "mode/controlTrack/borderColor/disabled",
5254
- "reference": "mode/fgColor/disabled",
5139
+ "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
5140
+ "reference": "mode/fgColor/muted",
5255
5141
  "collection": "mode",
5256
5142
  "mode": "light colorblind",
5257
- "group": "component (internal)",
5258
- "scopes": ["STROKE_COLOR"]
5143
+ "group": "component",
5144
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5259
5145
  },
5260
5146
  {
5261
- "name": "controlTrack/fgColor/disabled",
5147
+ "name": "codeMirror/gutterMarker/fgColor/default",
5262
5148
  "value": {
5263
5149
  "r": 1,
5264
5150
  "g": 1,
@@ -5266,810 +5152,926 @@
5266
5152
  "a": 1
5267
5153
  },
5268
5154
  "type": "COLOR",
5269
- "refId": "mode/controlTrack/fgColor/disabled",
5270
- "reference": "mode/fgColor/onEmphasis",
5271
- "collection": "mode",
5272
- "mode": "light colorblind",
5273
- "group": "component (internal)",
5274
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5275
- },
5276
- {
5277
- "name": "controlTrack/fgColor/rest",
5278
- "value": {
5279
- "r": 0.38823529411764707,
5280
- "g": 0.4235294117647059,
5281
- "b": 0.4627450980392157,
5282
- "a": 1
5283
- },
5284
- "type": "COLOR",
5285
- "refId": "mode/controlTrack/fgColor/rest",
5286
- "reference": "mode/fgColor/muted",
5155
+ "refId": "mode/codeMirror/gutterMarker/fgColor/default",
5156
+ "reference": "mode/bgColor/default",
5287
5157
  "collection": "mode",
5288
5158
  "mode": "light colorblind",
5289
- "group": "component (internal)",
5159
+ "group": "component",
5290
5160
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5291
5161
  },
5292
5162
  {
5293
- "name": "controlTrack/bgColor/disabled",
5163
+ "name": "codeMirror/gutters/bgColor",
5294
5164
  "value": {
5295
- "r": 0.5490196078431373,
5296
- "g": 0.5843137254901961,
5297
- "b": 0.6235294117647059,
5165
+ "r": 1,
5166
+ "g": 1,
5167
+ "b": 1,
5298
5168
  "a": 1
5299
5169
  },
5300
5170
  "type": "COLOR",
5301
- "refId": "mode/controlTrack/bgColor/disabled",
5302
- "reference": "mode/fgColor/disabled",
5171
+ "refId": "mode/codeMirror/gutters/bgColor",
5172
+ "reference": "mode/bgColor/default",
5303
5173
  "collection": "mode",
5304
5174
  "mode": "light colorblind",
5305
- "group": "component (internal)",
5175
+ "group": "component",
5306
5176
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5307
5177
  },
5308
5178
  {
5309
- "name": "control/checked/borderColor/disabled",
5179
+ "name": "codeMirror/bgColor",
5310
5180
  "value": {
5311
- "r": 0.5490196078431373,
5312
- "g": 0.5843137254901961,
5313
- "b": 0.6235294117647059,
5181
+ "r": 1,
5182
+ "g": 1,
5183
+ "b": 1,
5314
5184
  "a": 1
5315
5185
  },
5316
5186
  "type": "COLOR",
5317
- "refId": "mode/control/checked/borderColor/disabled",
5318
- "reference": "mode/fgColor/disabled",
5187
+ "refId": "mode/codeMirror/bgColor",
5188
+ "reference": "mode/bgColor/default",
5319
5189
  "collection": "mode",
5320
5190
  "mode": "light colorblind",
5321
5191
  "group": "component",
5322
- "scopes": ["STROKE_COLOR"]
5192
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5323
5193
  },
5324
5194
  {
5325
- "name": "control/checked/borderColor/active",
5195
+ "name": "codeMirror/fgColor",
5326
5196
  "value": {
5327
- "r": 0.027450980392156862,
5328
- "g": 0.3411764705882353,
5329
- "b": 0.7294117647058823,
5197
+ "r": 0.12156862745098039,
5198
+ "g": 0.13725490196078433,
5199
+ "b": 0.1568627450980392,
5330
5200
  "a": 1
5331
5201
  },
5332
5202
  "type": "COLOR",
5333
- "isMix": true,
5334
- "refId": "mode/control/checked/borderColor/active",
5335
- "reference": "mode/bgColor/accent-emphasis",
5203
+ "refId": "mode/codeMirror/fgColor",
5204
+ "reference": "mode/fgColor/default",
5336
5205
  "collection": "mode",
5337
5206
  "mode": "light colorblind",
5338
5207
  "group": "component",
5339
- "scopes": ["STROKE_COLOR"]
5208
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5340
5209
  },
5341
5210
  {
5342
- "name": "control/checked/borderColor/hover",
5211
+ "name": "diffBlob/expander/iconColor",
5343
5212
  "value": {
5344
- "r": 0.03137254901960784,
5345
- "g": 0.3764705882352941,
5346
- "b": 0.792156862745098,
5213
+ "r": 0.38823529411764707,
5214
+ "g": 0.4235294117647059,
5215
+ "b": 0.4627450980392157,
5347
5216
  "a": 1
5348
5217
  },
5349
5218
  "type": "COLOR",
5350
- "isMix": true,
5351
- "refId": "mode/control/checked/borderColor/hover",
5352
- "reference": "mode/bgColor/accent-emphasis",
5219
+ "refId": "mode/diffBlob/expander/iconColor",
5220
+ "reference": "mode/fgColor/muted",
5353
5221
  "collection": "mode",
5354
5222
  "mode": "light colorblind",
5355
5223
  "group": "component",
5356
- "scopes": ["STROKE_COLOR"]
5224
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5357
5225
  },
5358
5226
  {
5359
- "name": "control/checked/borderColor/rest",
5227
+ "name": "diffBlob/deletion/fgColor/num",
5360
5228
  "value": {
5361
- "r": 0.03529411764705882,
5362
- "g": 0.4117647058823529,
5363
- "b": 0.8549019607843137,
5229
+ "r": 0.12156862745098039,
5230
+ "g": 0.13725490196078433,
5231
+ "b": 0.1568627450980392,
5364
5232
  "a": 1
5365
5233
  },
5366
5234
  "type": "COLOR",
5367
- "refId": "mode/control/checked/borderColor/rest",
5368
- "reference": "mode/bgColor/accent-emphasis",
5235
+ "refId": "mode/diffBlob/deletion/fgColor/num",
5236
+ "reference": "mode/fgColor/default",
5369
5237
  "collection": "mode",
5370
5238
  "mode": "light colorblind",
5371
5239
  "group": "component",
5372
- "scopes": ["STROKE_COLOR"]
5240
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5373
5241
  },
5374
5242
  {
5375
- "name": "control/checked/fgColor/disabled",
5243
+ "name": "diffBlob/deletion/fgColor/text",
5376
5244
  "value": {
5377
- "r": 1,
5378
- "g": 1,
5379
- "b": 1,
5245
+ "r": 0.12156862745098039,
5246
+ "g": 0.13725490196078433,
5247
+ "b": 0.1568627450980392,
5380
5248
  "a": 1
5381
5249
  },
5382
5250
  "type": "COLOR",
5383
- "refId": "mode/control/checked/fgColor/disabled",
5384
- "reference": "mode/fgColor/onEmphasis",
5251
+ "refId": "mode/diffBlob/deletion/fgColor/text",
5252
+ "reference": "mode/fgColor/default",
5385
5253
  "collection": "mode",
5386
5254
  "mode": "light colorblind",
5387
5255
  "group": "component",
5388
5256
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5389
5257
  },
5390
5258
  {
5391
- "name": "control/checked/fgColor/rest",
5259
+ "name": "diffBlob/addition/fgColor/num",
5392
5260
  "value": {
5393
- "r": 1,
5394
- "g": 1,
5395
- "b": 1,
5261
+ "r": 0.12156862745098039,
5262
+ "g": 0.13725490196078433,
5263
+ "b": 0.1568627450980392,
5396
5264
  "a": 1
5397
5265
  },
5398
5266
  "type": "COLOR",
5399
- "refId": "mode/control/checked/fgColor/rest",
5400
- "reference": "mode/fgColor/onEmphasis",
5267
+ "refId": "mode/diffBlob/addition/fgColor/num",
5268
+ "reference": "mode/fgColor/default",
5401
5269
  "collection": "mode",
5402
5270
  "mode": "light colorblind",
5403
5271
  "group": "component",
5404
5272
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5405
5273
  },
5406
5274
  {
5407
- "name": "control/checked/bgColor/disabled",
5275
+ "name": "diffBlob/addition/fgColor/text",
5408
5276
  "value": {
5409
- "r": 0.5490196078431373,
5410
- "g": 0.5843137254901961,
5411
- "b": 0.6235294117647059,
5277
+ "r": 0.12156862745098039,
5278
+ "g": 0.13725490196078433,
5279
+ "b": 0.1568627450980392,
5412
5280
  "a": 1
5413
5281
  },
5414
5282
  "type": "COLOR",
5415
- "refId": "mode/control/checked/bgColor/disabled",
5416
- "reference": "mode/fgColor/disabled",
5283
+ "refId": "mode/diffBlob/addition/fgColor/text",
5284
+ "reference": "mode/fgColor/default",
5417
5285
  "collection": "mode",
5418
5286
  "mode": "light colorblind",
5419
5287
  "group": "component",
5420
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5288
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5421
5289
  },
5422
5290
  {
5423
- "name": "control/checked/bgColor/active",
5291
+ "name": "page/header/bgColor",
5424
5292
  "value": {
5425
- "r": 0.027450980392156862,
5426
- "g": 0.3411764705882353,
5427
- "b": 0.7294117647058823,
5293
+ "r": 0.9647058823529412,
5294
+ "g": 0.9725490196078431,
5295
+ "b": 0.9803921568627451,
5428
5296
  "a": 1
5429
5297
  },
5430
5298
  "type": "COLOR",
5431
- "isMix": true,
5432
- "refId": "mode/control/checked/bgColor/active",
5433
- "reference": "mode/bgColor/accent-emphasis",
5299
+ "refId": "mode/page/header/bgColor",
5300
+ "reference": "mode/bgColor/muted",
5434
5301
  "collection": "mode",
5435
5302
  "mode": "light colorblind",
5436
5303
  "group": "component",
5437
5304
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5438
5305
  },
5439
5306
  {
5440
- "name": "control/checked/bgColor/hover",
5307
+ "name": "selection/bgColor",
5441
5308
  "value": {
5442
- "r": 0.03137254901960784,
5443
- "g": 0.3764705882352941,
5444
- "b": 0.792156862745098,
5445
- "a": 1
5309
+ "r": 0.03529411764705882,
5310
+ "g": 0.4117647058823529,
5311
+ "b": 0.8549019607843137,
5312
+ "a": 0.1
5446
5313
  },
5447
5314
  "type": "COLOR",
5448
- "isMix": true,
5449
- "refId": "mode/control/checked/bgColor/hover",
5450
- "reference": "mode/bgColor/accent-emphasis",
5315
+ "alpha": 0.1,
5316
+ "refId": "mode/selection/bgColor",
5317
+ "reference": "mode/fgColor/link",
5451
5318
  "collection": "mode",
5452
5319
  "mode": "light colorblind",
5453
5320
  "group": "component",
5454
5321
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5455
5322
  },
5456
5323
  {
5457
- "name": "control/checked/bgColor/rest",
5324
+ "name": "overlay/borderColor",
5458
5325
  "value": {
5459
- "r": 0.03529411764705882,
5460
- "g": 0.4117647058823529,
5461
- "b": 0.8549019607843137,
5462
- "a": 1
5326
+ "r": 0.8156862745098039,
5327
+ "g": 0.8431372549019608,
5328
+ "b": 0.8705882352941177,
5329
+ "a": 0.5
5463
5330
  },
5464
5331
  "type": "COLOR",
5465
- "refId": "mode/control/checked/bgColor/rest",
5466
- "reference": "mode/bgColor/accent-emphasis",
5332
+ "alpha": 0.5,
5333
+ "refId": "mode/overlay/borderColor",
5334
+ "reference": "mode/borderColor/muted",
5467
5335
  "collection": "mode",
5468
5336
  "mode": "light colorblind",
5469
- "group": "component",
5470
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5337
+ "group": "component (internal)",
5338
+ "scopes": ["ALL_SCOPES"]
5471
5339
  },
5472
5340
  {
5473
- "name": "control/danger/bgColor/active",
5341
+ "name": "button/danger/bgColor/disabled",
5474
5342
  "value": {
5475
- "r": 1,
5476
- "g": 0.9450980392156862,
5477
- "b": 0.8980392156862745,
5478
- "a": 0.4
5343
+ "r": 0.9176470588235294,
5344
+ "g": 0.9333333333333333,
5345
+ "b": 0.9490196078431372,
5346
+ "a": 0.7
5479
5347
  },
5480
5348
  "type": "COLOR",
5481
- "alpha": 0.4,
5482
- "refId": "mode/control/danger/bgColor/active",
5483
- "reference": "mode/bgColor/danger-muted",
5349
+ "refId": "mode/button/danger/bgColor/disabled",
5350
+ "reference": "mode/control/bgColor/disabled",
5484
5351
  "collection": "mode",
5485
5352
  "mode": "light colorblind",
5486
- "group": "component",
5353
+ "group": "component (internal)",
5487
5354
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5488
5355
  },
5489
5356
  {
5490
- "name": "control/danger/bgColor/hover",
5357
+ "name": "button/invisible/bgColor/disabled",
5491
5358
  "value": {
5492
- "r": 1,
5493
- "g": 0.9450980392156862,
5494
- "b": 0.8980392156862745,
5495
- "a": 1
5359
+ "r": 0.9176470588235294,
5360
+ "g": 0.9333333333333333,
5361
+ "b": 0.9490196078431372,
5362
+ "a": 0.7
5496
5363
  },
5497
5364
  "type": "COLOR",
5498
- "refId": "mode/control/danger/bgColor/hover",
5499
- "reference": "mode/bgColor/danger-muted",
5365
+ "refId": "mode/button/invisible/bgColor/disabled",
5366
+ "reference": "mode/control/transparent/bgColor/disabled",
5500
5367
  "collection": "mode",
5501
5368
  "mode": "light colorblind",
5502
- "group": "component",
5369
+ "group": "component (internal)",
5503
5370
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5504
5371
  },
5505
5372
  {
5506
- "name": "control/danger/fgColor/hover",
5373
+ "name": "button/invisible/iconColor/disabled",
5507
5374
  "value": {
5508
- "r": 0.7450980392156863,
5509
- "g": 0.3058823529411765,
5510
- "b": 0.00784313725490196,
5375
+ "r": 0.5490196078431373,
5376
+ "g": 0.5843137254901961,
5377
+ "b": 0.6235294117647059,
5511
5378
  "a": 1
5512
5379
  },
5513
5380
  "type": "COLOR",
5514
- "refId": "mode/control/danger/fgColor/hover",
5515
- "reference": "mode/fgColor/danger",
5381
+ "refId": "mode/button/invisible/iconColor/disabled",
5382
+ "reference": "mode/control/fgColor/disabled",
5516
5383
  "collection": "mode",
5517
5384
  "mode": "light colorblind",
5518
- "group": "component",
5385
+ "group": "component (internal)",
5519
5386
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5520
5387
  },
5521
5388
  {
5522
- "name": "control/danger/fgColor/rest",
5389
+ "name": "button/invisible/fgColor/disabled",
5523
5390
  "value": {
5524
- "r": 0.7450980392156863,
5525
- "g": 0.3058823529411765,
5526
- "b": 0.00784313725490196,
5391
+ "r": 0.5490196078431373,
5392
+ "g": 0.5843137254901961,
5393
+ "b": 0.6235294117647059,
5527
5394
  "a": 1
5528
5395
  },
5529
5396
  "type": "COLOR",
5530
- "refId": "mode/control/danger/fgColor/rest",
5531
- "reference": "mode/fgColor/danger",
5397
+ "refId": "mode/button/invisible/fgColor/disabled",
5398
+ "reference": "mode/control/fgColor/disabled",
5532
5399
  "collection": "mode",
5533
5400
  "mode": "light colorblind",
5534
- "group": "component",
5401
+ "group": "component (internal)",
5535
5402
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5536
5403
  },
5537
5404
  {
5538
- "name": "control/iconColor/rest",
5405
+ "name": "controlKnob/borderColor/checked",
5539
5406
  "value": {
5540
- "r": 0.38823529411764707,
5541
- "g": 0.4235294117647059,
5542
- "b": 0.4627450980392157,
5407
+ "r": 0.03529411764705882,
5408
+ "g": 0.4117647058823529,
5409
+ "b": 0.8549019607843137,
5543
5410
  "a": 1
5544
5411
  },
5545
5412
  "type": "COLOR",
5546
- "refId": "mode/control/iconColor/rest",
5547
- "reference": "mode/fgColor/muted",
5413
+ "refId": "mode/controlKnob/borderColor/checked",
5414
+ "reference": "mode/control/checked/bgColor/rest",
5548
5415
  "collection": "mode",
5549
5416
  "mode": "light colorblind",
5550
- "group": "component",
5551
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5417
+ "group": "component (internal)",
5418
+ "scopes": ["STROKE_COLOR"]
5552
5419
  },
5553
5420
  {
5554
- "name": "control/borderColor/warning",
5421
+ "name": "controlKnob/borderColor/disabled",
5555
5422
  "value": {
5556
- "r": 0.7490196078431373,
5557
- "g": 0.5294117647058824,
5558
- "b": 0,
5559
- "a": 1
5423
+ "r": 0.9176470588235294,
5424
+ "g": 0.9333333333333333,
5425
+ "b": 0.9490196078431372,
5426
+ "a": 0.7
5560
5427
  },
5561
5428
  "type": "COLOR",
5562
- "refId": "mode/control/borderColor/warning",
5563
- "reference": "mode/borderColor/attention-emphasis",
5429
+ "refId": "mode/controlKnob/borderColor/disabled",
5430
+ "reference": "mode/control/bgColor/disabled",
5564
5431
  "collection": "mode",
5565
5432
  "mode": "light colorblind",
5566
- "group": "component",
5433
+ "group": "component (internal)",
5567
5434
  "scopes": ["STROKE_COLOR"]
5568
5435
  },
5569
5436
  {
5570
- "name": "control/borderColor/danger",
5437
+ "name": "controlKnob/bgColor/disabled",
5571
5438
  "value": {
5572
- "r": 0.7372549019607844,
5573
- "g": 0.2980392156862745,
5574
- "b": 0,
5575
- "a": 1
5439
+ "r": 0.9176470588235294,
5440
+ "g": 0.9333333333333333,
5441
+ "b": 0.9490196078431372,
5442
+ "a": 0.7
5576
5443
  },
5577
5444
  "type": "COLOR",
5578
- "refId": "mode/control/borderColor/danger",
5579
- "reference": "mode/borderColor/danger-emphasis",
5445
+ "refId": "mode/controlKnob/bgColor/disabled",
5446
+ "reference": "mode/control/bgColor/disabled",
5447
+ "collection": "mode",
5448
+ "mode": "light colorblind",
5449
+ "group": "component (internal)",
5450
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5451
+ },
5452
+ {
5453
+ "name": "control/borderColor/disabled",
5454
+ "value": {
5455
+ "r": 0.9176470588235294,
5456
+ "g": 0.9333333333333333,
5457
+ "b": 0.9490196078431372,
5458
+ "a": 0.7
5459
+ },
5460
+ "type": "COLOR",
5461
+ "refId": "mode/control/borderColor/disabled",
5462
+ "reference": "mode/borderColor/disabled",
5463
+ "collection": "mode",
5464
+ "mode": "light colorblind",
5465
+ "group": "component",
5466
+ "scopes": ["STROKE_COLOR"]
5467
+ },
5468
+ {
5469
+ "name": "shadow/floating/xlarge/1/offsetX",
5470
+ "value": 0,
5471
+ "type": "FLOAT",
5472
+ "scopes": ["EFFECT_FLOAT"],
5473
+ "mode": "light colorblind",
5580
5474
  "collection": "mode",
5475
+ "group": "shadow"
5476
+ },
5477
+ {
5478
+ "name": "shadow/floating/xlarge/1/offsetY",
5479
+ "value": 0,
5480
+ "type": "FLOAT",
5481
+ "scopes": ["EFFECT_FLOAT"],
5482
+ "mode": "light colorblind",
5483
+ "collection": "mode",
5484
+ "group": "shadow"
5485
+ },
5486
+ {
5487
+ "name": "shadow/floating/xlarge/1/blur",
5488
+ "value": 0,
5489
+ "type": "FLOAT",
5490
+ "scopes": ["EFFECT_FLOAT"],
5581
5491
  "mode": "light colorblind",
5582
- "group": "component",
5583
- "scopes": ["STROKE_COLOR"]
5492
+ "collection": "mode",
5493
+ "group": "shadow"
5584
5494
  },
5585
5495
  {
5586
- "name": "control/borderColor/success",
5587
- "value": {
5588
- "r": 0.12941176470588237,
5589
- "g": 0.5450980392156862,
5590
- "b": 1,
5591
- "a": 1
5592
- },
5593
- "type": "COLOR",
5594
- "refId": "mode/control/borderColor/success",
5595
- "reference": "mode/borderColor/success-emphasis",
5596
- "collection": "mode",
5496
+ "name": "shadow/floating/xlarge/1/spread",
5497
+ "value": 1,
5498
+ "type": "FLOAT",
5499
+ "scopes": ["EFFECT_FLOAT"],
5597
5500
  "mode": "light colorblind",
5598
- "group": "component",
5599
- "scopes": ["STROKE_COLOR"]
5501
+ "collection": "mode",
5502
+ "group": "shadow"
5600
5503
  },
5601
5504
  {
5602
- "name": "control/borderColor/rest",
5505
+ "name": "shadow/floating/xlarge/1/color",
5603
5506
  "value": {
5604
5507
  "r": 0.8156862745098039,
5605
5508
  "g": 0.8431372549019608,
5606
5509
  "b": 0.8705882352941177,
5607
- "a": 1
5510
+ "a": 0.5
5608
5511
  },
5609
5512
  "type": "COLOR",
5610
- "refId": "mode/control/borderColor/rest",
5611
- "reference": "mode/borderColor/default",
5513
+ "scopes": ["EFFECT_COLOR"],
5514
+ "mode": "light colorblind",
5515
+ "collection": "mode",
5516
+ "group": "shadow"
5517
+ },
5518
+ {
5519
+ "name": "shadow/floating/xlarge/2/offsetX",
5520
+ "value": 0,
5521
+ "type": "FLOAT",
5522
+ "scopes": ["EFFECT_FLOAT"],
5523
+ "mode": "light colorblind",
5612
5524
  "collection": "mode",
5525
+ "group": "shadow"
5526
+ },
5527
+ {
5528
+ "name": "shadow/floating/xlarge/2/offsetY",
5529
+ "value": 56,
5530
+ "type": "FLOAT",
5531
+ "scopes": ["EFFECT_FLOAT"],
5613
5532
  "mode": "light colorblind",
5614
- "group": "component",
5615
- "scopes": ["STROKE_COLOR"]
5533
+ "collection": "mode",
5534
+ "group": "shadow"
5616
5535
  },
5617
5536
  {
5618
- "name": "control/fgColor/disabled",
5619
- "value": {
5620
- "r": 0.5490196078431373,
5621
- "g": 0.5843137254901961,
5622
- "b": 0.6235294117647059,
5623
- "a": 1
5624
- },
5625
- "type": "COLOR",
5626
- "refId": "mode/control/fgColor/disabled",
5627
- "reference": "mode/fgColor/disabled",
5537
+ "name": "shadow/floating/xlarge/2/blur",
5538
+ "value": 112,
5539
+ "type": "FLOAT",
5540
+ "scopes": ["EFFECT_FLOAT"],
5541
+ "mode": "light colorblind",
5628
5542
  "collection": "mode",
5543
+ "group": "shadow"
5544
+ },
5545
+ {
5546
+ "name": "shadow/floating/xlarge/2/spread",
5547
+ "value": 0,
5548
+ "type": "FLOAT",
5549
+ "scopes": ["EFFECT_FLOAT"],
5629
5550
  "mode": "light colorblind",
5630
- "group": "component",
5631
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5551
+ "collection": "mode",
5552
+ "group": "shadow"
5632
5553
  },
5633
5554
  {
5634
- "name": "control/bgColor/disabled",
5555
+ "name": "shadow/floating/xlarge/2/color",
5635
5556
  "value": {
5636
- "r": 0.9647058823529412,
5637
- "g": 0.9725490196078431,
5638
- "b": 0.9803921568627451,
5639
- "a": 1
5557
+ "r": 0.25882352941176473,
5558
+ "g": 0.2901960784313726,
5559
+ "b": 0.3254901960784314,
5560
+ "a": 0.32
5640
5561
  },
5641
5562
  "type": "COLOR",
5642
- "refId": "mode/control/bgColor/disabled",
5643
- "reference": "mode/bgColor/disabled",
5563
+ "scopes": ["EFFECT_COLOR"],
5564
+ "mode": "light colorblind",
5565
+ "collection": "mode",
5566
+ "group": "shadow"
5567
+ },
5568
+ {
5569
+ "name": "shadow/floating/large/1/offsetX",
5570
+ "value": 0,
5571
+ "type": "FLOAT",
5572
+ "scopes": ["EFFECT_FLOAT"],
5573
+ "mode": "light colorblind",
5644
5574
  "collection": "mode",
5575
+ "group": "shadow"
5576
+ },
5577
+ {
5578
+ "name": "shadow/floating/large/1/offsetY",
5579
+ "value": 0,
5580
+ "type": "FLOAT",
5581
+ "scopes": ["EFFECT_FLOAT"],
5645
5582
  "mode": "light colorblind",
5646
- "group": "component",
5647
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5583
+ "collection": "mode",
5584
+ "group": "shadow"
5648
5585
  },
5649
5586
  {
5650
- "name": "avatar/borderColor",
5587
+ "name": "shadow/floating/large/1/blur",
5588
+ "value": 0,
5589
+ "type": "FLOAT",
5590
+ "scopes": ["EFFECT_FLOAT"],
5591
+ "mode": "light colorblind",
5592
+ "collection": "mode",
5593
+ "group": "shadow"
5594
+ },
5595
+ {
5596
+ "name": "shadow/floating/large/1/spread",
5597
+ "value": 1,
5598
+ "type": "FLOAT",
5599
+ "scopes": ["EFFECT_FLOAT"],
5600
+ "mode": "light colorblind",
5601
+ "collection": "mode",
5602
+ "group": "shadow"
5603
+ },
5604
+ {
5605
+ "name": "shadow/floating/large/1/color",
5651
5606
  "value": {
5652
5607
  "r": 0.8156862745098039,
5653
5608
  "g": 0.8431372549019608,
5654
5609
  "b": 0.8705882352941177,
5655
- "a": 1
5610
+ "a": 0.5
5656
5611
  },
5657
5612
  "type": "COLOR",
5658
- "refId": "mode/avatar/borderColor",
5659
- "reference": "mode/borderColor/default",
5660
- "collection": "mode",
5613
+ "scopes": ["EFFECT_COLOR"],
5661
5614
  "mode": "light colorblind",
5662
- "group": "component (internal)",
5663
- "scopes": ["STROKE_COLOR"]
5615
+ "collection": "mode",
5616
+ "group": "shadow"
5664
5617
  },
5665
5618
  {
5666
- "name": "codeMirror/lines/bgColor",
5667
- "value": {
5668
- "r": 1,
5669
- "g": 1,
5670
- "b": 1,
5671
- "a": 1
5672
- },
5673
- "type": "COLOR",
5674
- "refId": "mode/codeMirror/lines/bgColor",
5675
- "reference": "mode/bgColor/default",
5619
+ "name": "shadow/floating/large/2/offsetX",
5620
+ "value": 0,
5621
+ "type": "FLOAT",
5622
+ "scopes": ["EFFECT_FLOAT"],
5623
+ "mode": "light colorblind",
5676
5624
  "collection": "mode",
5625
+ "group": "shadow"
5626
+ },
5627
+ {
5628
+ "name": "shadow/floating/large/2/offsetY",
5629
+ "value": 40,
5630
+ "type": "FLOAT",
5631
+ "scopes": ["EFFECT_FLOAT"],
5677
5632
  "mode": "light colorblind",
5678
- "group": "component",
5679
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5633
+ "collection": "mode",
5634
+ "group": "shadow"
5680
5635
  },
5681
5636
  {
5682
- "name": "codeMirror/matchingBracket/fgColor",
5683
- "value": {
5684
- "r": 0.12156862745098039,
5685
- "g": 0.13725490196078433,
5686
- "b": 0.1568627450980392,
5687
- "a": 1
5688
- },
5689
- "type": "COLOR",
5690
- "refId": "mode/codeMirror/matchingBracket/fgColor",
5691
- "reference": "mode/fgColor/default",
5637
+ "name": "shadow/floating/large/2/blur",
5638
+ "value": 80,
5639
+ "type": "FLOAT",
5640
+ "scopes": ["EFFECT_FLOAT"],
5641
+ "mode": "light colorblind",
5692
5642
  "collection": "mode",
5643
+ "group": "shadow"
5644
+ },
5645
+ {
5646
+ "name": "shadow/floating/large/2/spread",
5647
+ "value": 0,
5648
+ "type": "FLOAT",
5649
+ "scopes": ["EFFECT_FLOAT"],
5693
5650
  "mode": "light colorblind",
5694
- "group": "component",
5695
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5651
+ "collection": "mode",
5652
+ "group": "shadow"
5696
5653
  },
5697
5654
  {
5698
- "name": "codeMirror/activeline/bgColor",
5655
+ "name": "shadow/floating/large/2/color",
5699
5656
  "value": {
5700
- "r": 0.6862745098039216,
5701
- "g": 0.7215686274509804,
5702
- "b": 0.7568627450980392,
5703
- "a": 0.2
5657
+ "r": 0.25882352941176473,
5658
+ "g": 0.2901960784313726,
5659
+ "b": 0.3254901960784314,
5660
+ "a": 0.24
5704
5661
  },
5705
5662
  "type": "COLOR",
5706
- "refId": "mode/codeMirror/activeline/bgColor",
5707
- "reference": "mode/bgColor/neutral-muted",
5708
- "collection": "mode",
5663
+ "scopes": ["EFFECT_COLOR"],
5709
5664
  "mode": "light colorblind",
5710
- "group": "component",
5711
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5665
+ "collection": "mode",
5666
+ "group": "shadow"
5712
5667
  },
5713
5668
  {
5714
- "name": "codeMirror/selection/bgColor",
5715
- "value": {
5716
- "r": 0.32941176470588235,
5717
- "g": 0.6823529411764706,
5718
- "b": 1,
5719
- "a": 0.4
5720
- },
5721
- "type": "COLOR",
5722
- "refId": "mode/codeMirror/selection/bgColor",
5723
- "reference": "mode/borderColor/accent-muted",
5669
+ "name": "shadow/floating/medium/1/offsetX",
5670
+ "value": 0,
5671
+ "type": "FLOAT",
5672
+ "scopes": ["EFFECT_FLOAT"],
5673
+ "mode": "light colorblind",
5724
5674
  "collection": "mode",
5675
+ "group": "shadow"
5676
+ },
5677
+ {
5678
+ "name": "shadow/floating/medium/1/offsetY",
5679
+ "value": 0,
5680
+ "type": "FLOAT",
5681
+ "scopes": ["EFFECT_FLOAT"],
5725
5682
  "mode": "light colorblind",
5726
- "group": "component",
5727
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5683
+ "collection": "mode",
5684
+ "group": "shadow"
5728
5685
  },
5729
5686
  {
5730
- "name": "codeMirror/cursor/fgColor",
5731
- "value": {
5732
- "r": 0.12156862745098039,
5733
- "g": 0.13725490196078433,
5734
- "b": 0.1568627450980392,
5735
- "a": 1
5736
- },
5737
- "type": "COLOR",
5738
- "refId": "mode/codeMirror/cursor/fgColor",
5739
- "reference": "mode/fgColor/default",
5687
+ "name": "shadow/floating/medium/1/blur",
5688
+ "value": 0,
5689
+ "type": "FLOAT",
5690
+ "scopes": ["EFFECT_FLOAT"],
5691
+ "mode": "light colorblind",
5740
5692
  "collection": "mode",
5693
+ "group": "shadow"
5694
+ },
5695
+ {
5696
+ "name": "shadow/floating/medium/1/spread",
5697
+ "value": 1,
5698
+ "type": "FLOAT",
5699
+ "scopes": ["EFFECT_FLOAT"],
5741
5700
  "mode": "light colorblind",
5742
- "group": "component",
5743
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5701
+ "collection": "mode",
5702
+ "group": "shadow"
5744
5703
  },
5745
5704
  {
5746
- "name": "codeMirror/lineNumber/fgColor",
5705
+ "name": "shadow/floating/medium/1/color",
5747
5706
  "value": {
5748
- "r": 0.38823529411764707,
5749
- "g": 0.4235294117647059,
5750
- "b": 0.4627450980392157,
5751
- "a": 1
5707
+ "r": 0.8156862745098039,
5708
+ "g": 0.8431372549019608,
5709
+ "b": 0.8705882352941177,
5710
+ "a": 0.5
5752
5711
  },
5753
5712
  "type": "COLOR",
5754
- "refId": "mode/codeMirror/lineNumber/fgColor",
5755
- "reference": "mode/fgColor/muted",
5756
- "collection": "mode",
5713
+ "scopes": ["EFFECT_COLOR"],
5757
5714
  "mode": "light colorblind",
5758
- "group": "component",
5759
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5715
+ "collection": "mode",
5716
+ "group": "shadow"
5760
5717
  },
5761
5718
  {
5762
- "name": "codeMirror/gutterMarker/fgColor/muted",
5763
- "value": {
5764
- "r": 0.38823529411764707,
5765
- "g": 0.4235294117647059,
5766
- "b": 0.4627450980392157,
5767
- "a": 1
5768
- },
5769
- "type": "COLOR",
5770
- "refId": "mode/codeMirror/gutterMarker/fgColor/muted",
5771
- "reference": "mode/fgColor/muted",
5719
+ "name": "shadow/floating/medium/2/offsetX",
5720
+ "value": 0,
5721
+ "type": "FLOAT",
5722
+ "scopes": ["EFFECT_FLOAT"],
5723
+ "mode": "light colorblind",
5772
5724
  "collection": "mode",
5725
+ "group": "shadow"
5726
+ },
5727
+ {
5728
+ "name": "shadow/floating/medium/2/offsetY",
5729
+ "value": 8,
5730
+ "type": "FLOAT",
5731
+ "scopes": ["EFFECT_FLOAT"],
5773
5732
  "mode": "light colorblind",
5774
- "group": "component",
5775
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5733
+ "collection": "mode",
5734
+ "group": "shadow"
5776
5735
  },
5777
5736
  {
5778
- "name": "codeMirror/gutterMarker/fgColor/default",
5779
- "value": {
5780
- "r": 1,
5781
- "g": 1,
5782
- "b": 1,
5783
- "a": 1
5784
- },
5785
- "type": "COLOR",
5786
- "refId": "mode/codeMirror/gutterMarker/fgColor/default",
5787
- "reference": "mode/bgColor/default",
5737
+ "name": "shadow/floating/medium/2/blur",
5738
+ "value": 16,
5739
+ "type": "FLOAT",
5740
+ "scopes": ["EFFECT_FLOAT"],
5741
+ "mode": "light colorblind",
5788
5742
  "collection": "mode",
5743
+ "group": "shadow"
5744
+ },
5745
+ {
5746
+ "name": "shadow/floating/medium/2/spread",
5747
+ "value": -4,
5748
+ "type": "FLOAT",
5749
+ "scopes": ["EFFECT_FLOAT"],
5789
5750
  "mode": "light colorblind",
5790
- "group": "component",
5791
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5751
+ "collection": "mode",
5752
+ "group": "shadow"
5792
5753
  },
5793
5754
  {
5794
- "name": "codeMirror/gutters/bgColor",
5755
+ "name": "shadow/floating/medium/2/color",
5795
5756
  "value": {
5796
- "r": 1,
5797
- "g": 1,
5798
- "b": 1,
5799
- "a": 1
5757
+ "r": 0.25882352941176473,
5758
+ "g": 0.2901960784313726,
5759
+ "b": 0.3254901960784314,
5760
+ "a": 0.08
5800
5761
  },
5801
5762
  "type": "COLOR",
5802
- "refId": "mode/codeMirror/gutters/bgColor",
5803
- "reference": "mode/bgColor/default",
5804
- "collection": "mode",
5763
+ "scopes": ["EFFECT_COLOR"],
5805
5764
  "mode": "light colorblind",
5806
- "group": "component",
5807
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5765
+ "collection": "mode",
5766
+ "group": "shadow"
5808
5767
  },
5809
5768
  {
5810
- "name": "codeMirror/bgColor",
5811
- "value": {
5812
- "r": 1,
5813
- "g": 1,
5814
- "b": 1,
5815
- "a": 1
5816
- },
5817
- "type": "COLOR",
5818
- "refId": "mode/codeMirror/bgColor",
5819
- "reference": "mode/bgColor/default",
5769
+ "name": "shadow/floating/medium/3/offsetX",
5770
+ "value": 0,
5771
+ "type": "FLOAT",
5772
+ "scopes": ["EFFECT_FLOAT"],
5773
+ "mode": "light colorblind",
5820
5774
  "collection": "mode",
5775
+ "group": "shadow"
5776
+ },
5777
+ {
5778
+ "name": "shadow/floating/medium/3/offsetY",
5779
+ "value": 4,
5780
+ "type": "FLOAT",
5781
+ "scopes": ["EFFECT_FLOAT"],
5821
5782
  "mode": "light colorblind",
5822
- "group": "component",
5823
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5783
+ "collection": "mode",
5784
+ "group": "shadow"
5824
5785
  },
5825
5786
  {
5826
- "name": "codeMirror/fgColor",
5827
- "value": {
5828
- "r": 0.12156862745098039,
5829
- "g": 0.13725490196078433,
5830
- "b": 0.1568627450980392,
5831
- "a": 1
5832
- },
5833
- "type": "COLOR",
5834
- "refId": "mode/codeMirror/fgColor",
5835
- "reference": "mode/fgColor/default",
5787
+ "name": "shadow/floating/medium/3/blur",
5788
+ "value": 32,
5789
+ "type": "FLOAT",
5790
+ "scopes": ["EFFECT_FLOAT"],
5791
+ "mode": "light colorblind",
5836
5792
  "collection": "mode",
5793
+ "group": "shadow"
5794
+ },
5795
+ {
5796
+ "name": "shadow/floating/medium/3/spread",
5797
+ "value": -4,
5798
+ "type": "FLOAT",
5799
+ "scopes": ["EFFECT_FLOAT"],
5837
5800
  "mode": "light colorblind",
5838
- "group": "component",
5839
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5801
+ "collection": "mode",
5802
+ "group": "shadow"
5840
5803
  },
5841
5804
  {
5842
- "name": "diffBlob/expander/iconColor",
5805
+ "name": "shadow/floating/medium/3/color",
5843
5806
  "value": {
5844
- "r": 0.38823529411764707,
5845
- "g": 0.4235294117647059,
5846
- "b": 0.4627450980392157,
5847
- "a": 1
5807
+ "r": 0.25882352941176473,
5808
+ "g": 0.2901960784313726,
5809
+ "b": 0.3254901960784314,
5810
+ "a": 0.08
5848
5811
  },
5849
5812
  "type": "COLOR",
5850
- "refId": "mode/diffBlob/expander/iconColor",
5851
- "reference": "mode/fgColor/muted",
5813
+ "scopes": ["EFFECT_COLOR"],
5814
+ "mode": "light colorblind",
5852
5815
  "collection": "mode",
5816
+ "group": "shadow"
5817
+ },
5818
+ {
5819
+ "name": "shadow/floating/medium/4/offsetX",
5820
+ "value": 0,
5821
+ "type": "FLOAT",
5822
+ "scopes": ["EFFECT_FLOAT"],
5853
5823
  "mode": "light colorblind",
5854
- "group": "component",
5855
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5824
+ "collection": "mode",
5825
+ "group": "shadow"
5856
5826
  },
5857
5827
  {
5858
- "name": "diffBlob/deletion/fgColor/num",
5859
- "value": {
5860
- "r": 0.12156862745098039,
5861
- "g": 0.13725490196078433,
5862
- "b": 0.1568627450980392,
5863
- "a": 1
5864
- },
5865
- "type": "COLOR",
5866
- "refId": "mode/diffBlob/deletion/fgColor/num",
5867
- "reference": "mode/fgColor/default",
5828
+ "name": "shadow/floating/medium/4/offsetY",
5829
+ "value": 24,
5830
+ "type": "FLOAT",
5831
+ "scopes": ["EFFECT_FLOAT"],
5832
+ "mode": "light colorblind",
5833
+ "collection": "mode",
5834
+ "group": "shadow"
5835
+ },
5836
+ {
5837
+ "name": "shadow/floating/medium/4/blur",
5838
+ "value": 48,
5839
+ "type": "FLOAT",
5840
+ "scopes": ["EFFECT_FLOAT"],
5841
+ "mode": "light colorblind",
5868
5842
  "collection": "mode",
5843
+ "group": "shadow"
5844
+ },
5845
+ {
5846
+ "name": "shadow/floating/medium/4/spread",
5847
+ "value": -12,
5848
+ "type": "FLOAT",
5849
+ "scopes": ["EFFECT_FLOAT"],
5869
5850
  "mode": "light colorblind",
5870
- "group": "component",
5871
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5851
+ "collection": "mode",
5852
+ "group": "shadow"
5872
5853
  },
5873
5854
  {
5874
- "name": "diffBlob/deletion/fgColor/text",
5855
+ "name": "shadow/floating/medium/4/color",
5875
5856
  "value": {
5876
- "r": 0.12156862745098039,
5877
- "g": 0.13725490196078433,
5878
- "b": 0.1568627450980392,
5879
- "a": 1
5857
+ "r": 0.25882352941176473,
5858
+ "g": 0.2901960784313726,
5859
+ "b": 0.3254901960784314,
5860
+ "a": 0.08
5880
5861
  },
5881
5862
  "type": "COLOR",
5882
- "refId": "mode/diffBlob/deletion/fgColor/text",
5883
- "reference": "mode/fgColor/default",
5863
+ "scopes": ["EFFECT_COLOR"],
5864
+ "mode": "light colorblind",
5865
+ "collection": "mode",
5866
+ "group": "shadow"
5867
+ },
5868
+ {
5869
+ "name": "shadow/floating/medium/5/offsetX",
5870
+ "value": 0,
5871
+ "type": "FLOAT",
5872
+ "scopes": ["EFFECT_FLOAT"],
5873
+ "mode": "light colorblind",
5884
5874
  "collection": "mode",
5875
+ "group": "shadow"
5876
+ },
5877
+ {
5878
+ "name": "shadow/floating/medium/5/offsetY",
5879
+ "value": 48,
5880
+ "type": "FLOAT",
5881
+ "scopes": ["EFFECT_FLOAT"],
5885
5882
  "mode": "light colorblind",
5886
- "group": "component",
5887
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5883
+ "collection": "mode",
5884
+ "group": "shadow"
5888
5885
  },
5889
5886
  {
5890
- "name": "diffBlob/addition/fgColor/num",
5891
- "value": {
5892
- "r": 0.12156862745098039,
5893
- "g": 0.13725490196078433,
5894
- "b": 0.1568627450980392,
5895
- "a": 1
5896
- },
5897
- "type": "COLOR",
5898
- "refId": "mode/diffBlob/addition/fgColor/num",
5899
- "reference": "mode/fgColor/default",
5887
+ "name": "shadow/floating/medium/5/blur",
5888
+ "value": 96,
5889
+ "type": "FLOAT",
5890
+ "scopes": ["EFFECT_FLOAT"],
5891
+ "mode": "light colorblind",
5900
5892
  "collection": "mode",
5893
+ "group": "shadow"
5894
+ },
5895
+ {
5896
+ "name": "shadow/floating/medium/5/spread",
5897
+ "value": -24,
5898
+ "type": "FLOAT",
5899
+ "scopes": ["EFFECT_FLOAT"],
5901
5900
  "mode": "light colorblind",
5902
- "group": "component",
5903
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5901
+ "collection": "mode",
5902
+ "group": "shadow"
5904
5903
  },
5905
5904
  {
5906
- "name": "diffBlob/addition/fgColor/text",
5905
+ "name": "shadow/floating/medium/5/color",
5907
5906
  "value": {
5908
- "r": 0.12156862745098039,
5909
- "g": 0.13725490196078433,
5910
- "b": 0.1568627450980392,
5911
- "a": 1
5907
+ "r": 0.25882352941176473,
5908
+ "g": 0.2901960784313726,
5909
+ "b": 0.3254901960784314,
5910
+ "a": 0.08
5912
5911
  },
5913
5912
  "type": "COLOR",
5914
- "refId": "mode/diffBlob/addition/fgColor/text",
5915
- "reference": "mode/fgColor/default",
5916
- "collection": "mode",
5913
+ "scopes": ["EFFECT_COLOR"],
5917
5914
  "mode": "light colorblind",
5918
- "group": "component",
5919
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5915
+ "collection": "mode",
5916
+ "group": "shadow"
5920
5917
  },
5921
5918
  {
5922
- "name": "page/header/bgColor",
5923
- "value": {
5924
- "r": 0.9647058823529412,
5925
- "g": 0.9725490196078431,
5926
- "b": 0.9803921568627451,
5927
- "a": 1
5928
- },
5929
- "type": "COLOR",
5930
- "refId": "mode/page/header/bgColor",
5931
- "reference": "mode/bgColor/muted",
5919
+ "name": "shadow/floating/small/1/offsetX",
5920
+ "value": 0,
5921
+ "type": "FLOAT",
5922
+ "scopes": ["EFFECT_FLOAT"],
5923
+ "mode": "light colorblind",
5932
5924
  "collection": "mode",
5925
+ "group": "shadow"
5926
+ },
5927
+ {
5928
+ "name": "shadow/floating/small/1/offsetY",
5929
+ "value": 0,
5930
+ "type": "FLOAT",
5931
+ "scopes": ["EFFECT_FLOAT"],
5933
5932
  "mode": "light colorblind",
5934
- "group": "component",
5935
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5933
+ "collection": "mode",
5934
+ "group": "shadow"
5936
5935
  },
5937
5936
  {
5938
- "name": "selection/bgColor",
5939
- "value": {
5940
- "r": 0.03529411764705882,
5941
- "g": 0.4117647058823529,
5942
- "b": 0.8549019607843137,
5943
- "a": 0.1
5944
- },
5945
- "type": "COLOR",
5946
- "alpha": 0.1,
5947
- "refId": "mode/selection/bgColor",
5948
- "reference": "mode/fgColor/link",
5937
+ "name": "shadow/floating/small/1/blur",
5938
+ "value": 0,
5939
+ "type": "FLOAT",
5940
+ "scopes": ["EFFECT_FLOAT"],
5941
+ "mode": "light colorblind",
5949
5942
  "collection": "mode",
5943
+ "group": "shadow"
5944
+ },
5945
+ {
5946
+ "name": "shadow/floating/small/1/spread",
5947
+ "value": 1,
5948
+ "type": "FLOAT",
5949
+ "scopes": ["EFFECT_FLOAT"],
5950
5950
  "mode": "light colorblind",
5951
- "group": "component",
5952
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5951
+ "collection": "mode",
5952
+ "group": "shadow"
5953
5953
  },
5954
5954
  {
5955
- "name": "button/danger/bgColor/disabled",
5955
+ "name": "shadow/floating/small/1/color",
5956
5956
  "value": {
5957
- "r": 0.9647058823529412,
5958
- "g": 0.9725490196078431,
5959
- "b": 0.9803921568627451,
5960
- "a": 1
5957
+ "r": 0.8156862745098039,
5958
+ "g": 0.8431372549019608,
5959
+ "b": 0.8705882352941177,
5960
+ "a": 0.5
5961
5961
  },
5962
5962
  "type": "COLOR",
5963
- "refId": "mode/button/danger/bgColor/disabled",
5964
- "reference": "mode/control/bgColor/disabled",
5965
- "collection": "mode",
5963
+ "scopes": ["EFFECT_COLOR"],
5966
5964
  "mode": "light colorblind",
5967
- "group": "component (internal)",
5968
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5965
+ "collection": "mode",
5966
+ "group": "shadow"
5969
5967
  },
5970
5968
  {
5971
- "name": "button/invisible/iconColor/disabled",
5972
- "value": {
5973
- "r": 0.5490196078431373,
5974
- "g": 0.5843137254901961,
5975
- "b": 0.6235294117647059,
5976
- "a": 1
5977
- },
5978
- "type": "COLOR",
5979
- "refId": "mode/button/invisible/iconColor/disabled",
5980
- "reference": "mode/control/fgColor/disabled",
5969
+ "name": "shadow/floating/small/2/offsetX",
5970
+ "value": 0,
5971
+ "type": "FLOAT",
5972
+ "scopes": ["EFFECT_FLOAT"],
5973
+ "mode": "light colorblind",
5981
5974
  "collection": "mode",
5975
+ "group": "shadow"
5976
+ },
5977
+ {
5978
+ "name": "shadow/floating/small/2/offsetY",
5979
+ "value": 6,
5980
+ "type": "FLOAT",
5981
+ "scopes": ["EFFECT_FLOAT"],
5982
5982
  "mode": "light colorblind",
5983
- "group": "component (internal)",
5984
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
5983
+ "collection": "mode",
5984
+ "group": "shadow"
5985
5985
  },
5986
5986
  {
5987
- "name": "button/invisible/fgColor/disabled",
5988
- "value": {
5989
- "r": 0.5490196078431373,
5990
- "g": 0.5843137254901961,
5991
- "b": 0.6235294117647059,
5992
- "a": 1
5993
- },
5994
- "type": "COLOR",
5995
- "refId": "mode/button/invisible/fgColor/disabled",
5996
- "reference": "mode/control/fgColor/disabled",
5987
+ "name": "shadow/floating/small/2/blur",
5988
+ "value": 12,
5989
+ "type": "FLOAT",
5990
+ "scopes": ["EFFECT_FLOAT"],
5991
+ "mode": "light colorblind",
5997
5992
  "collection": "mode",
5993
+ "group": "shadow"
5994
+ },
5995
+ {
5996
+ "name": "shadow/floating/small/2/spread",
5997
+ "value": -3,
5998
+ "type": "FLOAT",
5999
+ "scopes": ["EFFECT_FLOAT"],
5998
6000
  "mode": "light colorblind",
5999
- "group": "component (internal)",
6000
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
6001
+ "collection": "mode",
6002
+ "group": "shadow"
6001
6003
  },
6002
6004
  {
6003
- "name": "controlKnob/borderColor/checked",
6005
+ "name": "shadow/floating/small/2/color",
6004
6006
  "value": {
6005
- "r": 0.03529411764705882,
6006
- "g": 0.4117647058823529,
6007
- "b": 0.8549019607843137,
6008
- "a": 1
6007
+ "r": 0.25882352941176473,
6008
+ "g": 0.2901960784313726,
6009
+ "b": 0.3254901960784314,
6010
+ "a": 0.04
6009
6011
  },
6010
6012
  "type": "COLOR",
6011
- "refId": "mode/controlKnob/borderColor/checked",
6012
- "reference": "mode/control/checked/bgColor/rest",
6013
- "collection": "mode",
6013
+ "scopes": ["EFFECT_COLOR"],
6014
6014
  "mode": "light colorblind",
6015
- "group": "component (internal)",
6016
- "scopes": ["STROKE_COLOR"]
6015
+ "collection": "mode",
6016
+ "group": "shadow"
6017
6017
  },
6018
6018
  {
6019
- "name": "controlKnob/borderColor/disabled",
6020
- "value": {
6021
- "r": 0.9647058823529412,
6022
- "g": 0.9725490196078431,
6023
- "b": 0.9803921568627451,
6024
- "a": 1
6025
- },
6026
- "type": "COLOR",
6027
- "refId": "mode/controlKnob/borderColor/disabled",
6028
- "reference": "mode/control/bgColor/disabled",
6019
+ "name": "shadow/floating/small/3/offsetX",
6020
+ "value": 0,
6021
+ "type": "FLOAT",
6022
+ "scopes": ["EFFECT_FLOAT"],
6023
+ "mode": "light colorblind",
6029
6024
  "collection": "mode",
6025
+ "group": "shadow"
6026
+ },
6027
+ {
6028
+ "name": "shadow/floating/small/3/offsetY",
6029
+ "value": 6,
6030
+ "type": "FLOAT",
6031
+ "scopes": ["EFFECT_FLOAT"],
6030
6032
  "mode": "light colorblind",
6031
- "group": "component (internal)",
6032
- "scopes": ["STROKE_COLOR"]
6033
+ "collection": "mode",
6034
+ "group": "shadow"
6033
6035
  },
6034
6036
  {
6035
- "name": "controlKnob/bgColor/disabled",
6036
- "value": {
6037
- "r": 0.9647058823529412,
6038
- "g": 0.9725490196078431,
6039
- "b": 0.9803921568627451,
6040
- "a": 1
6041
- },
6042
- "type": "COLOR",
6043
- "refId": "mode/controlKnob/bgColor/disabled",
6044
- "reference": "mode/control/bgColor/disabled",
6037
+ "name": "shadow/floating/small/3/blur",
6038
+ "value": 18,
6039
+ "type": "FLOAT",
6040
+ "scopes": ["EFFECT_FLOAT"],
6041
+ "mode": "light colorblind",
6045
6042
  "collection": "mode",
6043
+ "group": "shadow"
6044
+ },
6045
+ {
6046
+ "name": "shadow/floating/small/3/spread",
6047
+ "value": 0,
6048
+ "type": "FLOAT",
6049
+ "scopes": ["EFFECT_FLOAT"],
6046
6050
  "mode": "light colorblind",
6047
- "group": "component (internal)",
6048
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6051
+ "collection": "mode",
6052
+ "group": "shadow"
6049
6053
  },
6050
6054
  {
6051
- "name": "control/borderColor/disabled",
6055
+ "name": "shadow/floating/small/3/color",
6052
6056
  "value": {
6053
- "r": 0.9647058823529412,
6054
- "g": 0.9725490196078431,
6055
- "b": 0.9803921568627451,
6056
- "a": 1
6057
+ "r": 0.25882352941176473,
6058
+ "g": 0.2901960784313726,
6059
+ "b": 0.3254901960784314,
6060
+ "a": 0.12
6057
6061
  },
6058
6062
  "type": "COLOR",
6059
- "refId": "mode/control/borderColor/disabled",
6060
- "reference": "mode/borderColor/disabled",
6061
- "collection": "mode",
6063
+ "scopes": ["EFFECT_COLOR"],
6062
6064
  "mode": "light colorblind",
6063
- "group": "component",
6064
- "scopes": ["STROKE_COLOR"]
6065
+ "collection": "mode",
6066
+ "group": "shadow"
6065
6067
  },
6066
6068
  {
6067
6069
  "name": "button/invisible/borderColor/disabled",
6068
6070
  "value": {
6069
- "r": 0.9647058823529412,
6070
- "g": 0.9725490196078431,
6071
- "b": 0.9803921568627451,
6072
- "a": 1
6071
+ "r": 0.9176470588235294,
6072
+ "g": 0.9333333333333333,
6073
+ "b": 0.9490196078431372,
6074
+ "a": 0.7
6073
6075
  },
6074
6076
  "type": "COLOR",
6075
6077
  "refId": "mode/button/invisible/borderColor/disabled",
@@ -6082,10 +6084,10 @@
6082
6084
  {
6083
6085
  "name": "button/default/borderColor/disabled",
6084
6086
  "value": {
6085
- "r": 0.9647058823529412,
6086
- "g": 0.9725490196078431,
6087
- "b": 0.9803921568627451,
6088
- "a": 1
6087
+ "r": 0.9176470588235294,
6088
+ "g": 0.9333333333333333,
6089
+ "b": 0.9490196078431372,
6090
+ "a": 0.7
6089
6091
  },
6090
6092
  "type": "COLOR",
6091
6093
  "refId": "mode/button/default/borderColor/disabled",