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