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