@primer/primitives 7.15.9 → 7.15.10-rc.030246ed

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