@primer/primitives 7.15.10 → 7.15.11-rc.06eebf07

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 (136) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +10 -6
  2. package/dist/css/functional/themes/dark-dimmed.css +14 -10
  3. package/dist/css/functional/themes/dark-high-contrast.css +10 -6
  4. package/dist/css/functional/themes/dark-tritanopia.css +10 -6
  5. package/dist/css/functional/themes/dark.css +10 -6
  6. package/dist/css/functional/themes/light-colorblind.css +10 -6
  7. package/dist/css/functional/themes/light-high-contrast.css +12 -8
  8. package/dist/css/functional/themes/light-tritanopia.css +10 -6
  9. package/dist/css/functional/themes/light.css +10 -6
  10. package/dist/docs/functional/themes/dark-colorblind.json +85 -12
  11. package/dist/docs/functional/themes/dark-dimmed.json +87 -14
  12. package/dist/docs/functional/themes/dark-high-contrast.json +83 -10
  13. package/dist/docs/functional/themes/dark-tritanopia.json +85 -12
  14. package/dist/docs/functional/themes/dark.json +85 -12
  15. package/dist/docs/functional/themes/light-colorblind.json +71 -12
  16. package/dist/docs/functional/themes/light-high-contrast.json +74 -15
  17. package/dist/docs/functional/themes/light-tritanopia.json +71 -12
  18. package/dist/docs/functional/themes/light.json +71 -12
  19. package/dist/figma/shadows/dark-colorblind.json +100 -0
  20. package/dist/figma/shadows/dark-dimmed.json +100 -0
  21. package/dist/figma/shadows/dark-high-contrast.json +100 -0
  22. package/dist/figma/shadows/dark-tritanopia.json +100 -0
  23. package/dist/figma/shadows/dark.json +100 -0
  24. package/dist/figma/themes/dark-colorblind.json +138 -23
  25. package/dist/figma/themes/dark-dimmed.json +144 -29
  26. package/dist/figma/themes/dark-high-contrast.json +136 -21
  27. package/dist/figma/themes/dark-tritanopia.json +138 -23
  28. package/dist/figma/themes/dark.json +138 -23
  29. package/dist/figma/themes/light-colorblind.json +38 -23
  30. package/dist/figma/themes/light-high-contrast.json +43 -28
  31. package/dist/figma/themes/light-tritanopia.json +38 -23
  32. package/dist/figma/themes/light.json +38 -23
  33. package/dist/scss/functional/themes/dark-colorblind.scss +5 -3
  34. package/dist/scss/functional/themes/dark-dimmed.scss +7 -5
  35. package/dist/scss/functional/themes/dark-high-contrast.scss +5 -3
  36. package/dist/scss/functional/themes/dark-tritanopia.scss +5 -3
  37. package/dist/scss/functional/themes/dark.scss +5 -3
  38. package/dist/scss/functional/themes/light-colorblind.scss +5 -3
  39. package/dist/scss/functional/themes/light-high-contrast.scss +6 -4
  40. package/dist/scss/functional/themes/light-tritanopia.scss +5 -3
  41. package/dist/scss/functional/themes/light.scss +5 -3
  42. package/package.json +1 -1
  43. package/tokens-next-private/css/functional/themes/dark-colorblind.css +10 -6
  44. package/tokens-next-private/css/functional/themes/dark-dimmed.css +14 -10
  45. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +10 -6
  46. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +10 -6
  47. package/tokens-next-private/css/functional/themes/dark.css +10 -6
  48. package/tokens-next-private/css/functional/themes/light-colorblind.css +10 -6
  49. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -8
  50. package/tokens-next-private/css/functional/themes/light-tritanopia.css +10 -6
  51. package/tokens-next-private/css/functional/themes/light.css +10 -6
  52. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +85 -12
  53. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +87 -14
  54. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +83 -10
  55. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +85 -12
  56. package/tokens-next-private/docs/functional/themes/dark.json +85 -12
  57. package/tokens-next-private/docs/functional/themes/light-colorblind.json +71 -12
  58. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +74 -15
  59. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +71 -12
  60. package/tokens-next-private/docs/functional/themes/light.json +71 -12
  61. package/tokens-next-private/figma/shadows/dark-colorblind.json +100 -0
  62. package/tokens-next-private/figma/shadows/dark-dimmed.json +100 -0
  63. package/tokens-next-private/figma/shadows/dark-high-contrast.json +100 -0
  64. package/tokens-next-private/figma/shadows/dark-tritanopia.json +100 -0
  65. package/tokens-next-private/figma/shadows/dark.json +100 -0
  66. package/tokens-next-private/figma/themes/dark-colorblind.json +138 -23
  67. package/tokens-next-private/figma/themes/dark-dimmed.json +144 -29
  68. package/tokens-next-private/figma/themes/dark-high-contrast.json +136 -21
  69. package/tokens-next-private/figma/themes/dark-tritanopia.json +138 -23
  70. package/tokens-next-private/figma/themes/dark.json +138 -23
  71. package/tokens-next-private/figma/themes/light-colorblind.json +38 -23
  72. package/tokens-next-private/figma/themes/light-high-contrast.json +43 -28
  73. package/tokens-next-private/figma/themes/light-tritanopia.json +38 -23
  74. package/tokens-next-private/figma/themes/light.json +38 -23
  75. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +5 -3
  76. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +7 -5
  77. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +5 -3
  78. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +5 -3
  79. package/tokens-next-private/scss/functional/themes/dark.scss +5 -3
  80. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +5 -3
  81. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -4
  82. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +5 -3
  83. package/tokens-next-private/scss/functional/themes/light.scss +5 -3
  84. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  85. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  86. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  87. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  88. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  89. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  90. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  91. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  92. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  93. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  94. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  95. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  96. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  97. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  98. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  99. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  100. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  101. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  102. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  103. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  104. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  105. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  107. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  108. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  110. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  111. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  112. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  113. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  114. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  115. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  116. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  117. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  118. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  119. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  127. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  129. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -29,6 +29,121 @@
29
29
  "group": "syntax",
30
30
  "scopes": ["ALL_SCOPES"]
31
31
  },
32
+ {
33
+ "name": "fgColor/white",
34
+ "value": {
35
+ "r": 1,
36
+ "g": 1,
37
+ "b": 1,
38
+ "a": 1
39
+ },
40
+ "type": "COLOR",
41
+ "refId": "mode/fgColor/white",
42
+ "collection": "mode",
43
+ "mode": "dark colorblind",
44
+ "group": "semantic",
45
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
+ },
47
+ {
48
+ "name": "shadow/floating/legacy/1/offsetX",
49
+ "value": 0,
50
+ "type": "FLOAT",
51
+ "scopes": ["EFFECT_FLOAT"],
52
+ "mode": "dark colorblind",
53
+ "collection": "mode",
54
+ "group": "shadow"
55
+ },
56
+ {
57
+ "name": "shadow/floating/legacy/1/offsetY",
58
+ "value": 6,
59
+ "type": "FLOAT",
60
+ "scopes": ["EFFECT_FLOAT"],
61
+ "mode": "dark colorblind",
62
+ "collection": "mode",
63
+ "group": "shadow"
64
+ },
65
+ {
66
+ "name": "shadow/floating/legacy/1/blur",
67
+ "value": 12,
68
+ "type": "FLOAT",
69
+ "scopes": ["EFFECT_FLOAT"],
70
+ "mode": "dark colorblind",
71
+ "collection": "mode",
72
+ "group": "shadow"
73
+ },
74
+ {
75
+ "name": "shadow/floating/legacy/1/spread",
76
+ "value": -3,
77
+ "type": "FLOAT",
78
+ "scopes": ["EFFECT_FLOAT"],
79
+ "mode": "dark colorblind",
80
+ "collection": "mode",
81
+ "group": "shadow"
82
+ },
83
+ {
84
+ "name": "shadow/floating/legacy/1/color",
85
+ "value": {
86
+ "r": 0.00392156862745098,
87
+ "g": 0.01568627450980392,
88
+ "b": 0.03529411764705882,
89
+ "a": 0.4
90
+ },
91
+ "type": "COLOR",
92
+ "scopes": ["EFFECT_COLOR"],
93
+ "mode": "dark colorblind",
94
+ "collection": "mode",
95
+ "group": "shadow"
96
+ },
97
+ {
98
+ "name": "shadow/floating/legacy/2/offsetX",
99
+ "value": 0,
100
+ "type": "FLOAT",
101
+ "scopes": ["EFFECT_FLOAT"],
102
+ "mode": "dark colorblind",
103
+ "collection": "mode",
104
+ "group": "shadow"
105
+ },
106
+ {
107
+ "name": "shadow/floating/legacy/2/offsetY",
108
+ "value": 6,
109
+ "type": "FLOAT",
110
+ "scopes": ["EFFECT_FLOAT"],
111
+ "mode": "dark colorblind",
112
+ "collection": "mode",
113
+ "group": "shadow"
114
+ },
115
+ {
116
+ "name": "shadow/floating/legacy/2/blur",
117
+ "value": 18,
118
+ "type": "FLOAT",
119
+ "scopes": ["EFFECT_FLOAT"],
120
+ "mode": "dark colorblind",
121
+ "collection": "mode",
122
+ "group": "shadow"
123
+ },
124
+ {
125
+ "name": "shadow/floating/legacy/2/spread",
126
+ "value": 0,
127
+ "type": "FLOAT",
128
+ "scopes": ["EFFECT_FLOAT"],
129
+ "mode": "dark colorblind",
130
+ "collection": "mode",
131
+ "group": "shadow"
132
+ },
133
+ {
134
+ "name": "shadow/floating/legacy/2/color",
135
+ "value": {
136
+ "r": 0.00392156862745098,
137
+ "g": 0.01568627450980392,
138
+ "b": 0.03529411764705882,
139
+ "a": 0.4
140
+ },
141
+ "type": "COLOR",
142
+ "scopes": ["EFFECT_COLOR"],
143
+ "mode": "dark colorblind",
144
+ "collection": "mode",
145
+ "group": "shadow"
146
+ },
32
147
  {
33
148
  "name": "shadow/resting/medium/offsetX",
34
149
  "value": 0,
@@ -2505,7 +2620,7 @@
2505
2620
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2506
2621
  },
2507
2622
  {
2508
- "name": "button/inactive/bgColor/rest",
2623
+ "name": "button/inactive/bgColor",
2509
2624
  "value": {
2510
2625
  "r": 0.12941176470588237,
2511
2626
  "g": 0.14901960784313725,
@@ -2513,7 +2628,7 @@
2513
2628
  "a": 1
2514
2629
  },
2515
2630
  "type": "COLOR",
2516
- "refId": "mode/button/inactive/bgColor/rest",
2631
+ "refId": "mode/button/inactive/bgColor",
2517
2632
  "reference": "base/color/dark/base/color/gray/7",
2518
2633
  "collection": "mode",
2519
2634
  "mode": "dark colorblind",
@@ -2521,7 +2636,7 @@
2521
2636
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2522
2637
  },
2523
2638
  {
2524
- "name": "button/inactive/fgColor/rest",
2639
+ "name": "button/inactive/fgColor",
2525
2640
  "value": {
2526
2641
  "r": 0.5450980392156862,
2527
2642
  "g": 0.5803921568627451,
@@ -2529,7 +2644,7 @@
2529
2644
  "a": 1
2530
2645
  },
2531
2646
  "type": "COLOR",
2532
- "refId": "mode/button/inactive/fgColor/rest",
2647
+ "refId": "mode/button/inactive/fgColor",
2533
2648
  "reference": "base/color/dark/base/color/gray/3",
2534
2649
  "collection": "mode",
2535
2650
  "mode": "dark colorblind",
@@ -2972,7 +3087,7 @@
2972
3087
  },
2973
3088
  "type": "COLOR",
2974
3089
  "refId": "mode/button/primary/iconColor/rest",
2975
- "reference": "base/color/dark/base/color/white",
3090
+ "reference": "mode/fgColor/white",
2976
3091
  "collection": "mode",
2977
3092
  "mode": "dark colorblind",
2978
3093
  "group": "component (internal)",
@@ -3005,7 +3120,7 @@
3005
3120
  },
3006
3121
  "type": "COLOR",
3007
3122
  "refId": "mode/button/primary/fgColor/rest",
3008
- "reference": "base/color/dark/base/color/white",
3123
+ "reference": "mode/fgColor/white",
3009
3124
  "collection": "mode",
3010
3125
  "mode": "dark colorblind",
3011
3126
  "group": "component (internal)",
@@ -4128,6 +4243,23 @@
4128
4243
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4129
4244
  }
4130
4245
  },
4246
+ {
4247
+ "name": "selection/bgColor",
4248
+ "value": {
4249
+ "r": 0.12156862745098039,
4250
+ "g": 0.43529411764705883,
4251
+ "b": 0.9215686274509803,
4252
+ "a": 0.7
4253
+ },
4254
+ "type": "COLOR",
4255
+ "alpha": 0.7,
4256
+ "refId": "mode/selection/bgColor",
4257
+ "reference": "mode/bgColor/accent-emphasis",
4258
+ "collection": "mode",
4259
+ "mode": "dark colorblind",
4260
+ "group": "component",
4261
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4262
+ },
4131
4263
  {
4132
4264
  "name": "underlineNav/iconColor/rest",
4133
4265
  "value": {
@@ -5421,23 +5553,6 @@
5421
5553
  "group": "component",
5422
5554
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5423
5555
  },
5424
- {
5425
- "name": "selection/bgColor",
5426
- "value": {
5427
- "r": 0.26666666666666666,
5428
- "g": 0.5764705882352941,
5429
- "b": 0.9725490196078431,
5430
- "a": 0.2
5431
- },
5432
- "type": "COLOR",
5433
- "alpha": 0.2,
5434
- "refId": "mode/selection/bgColor",
5435
- "reference": "mode/fgColor/link",
5436
- "collection": "mode",
5437
- "mode": "dark colorblind",
5438
- "group": "component",
5439
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5440
- },
5441
5556
  {
5442
5557
  "name": "overlay/borderColor",
5443
5558
  "value": {
@@ -29,6 +29,121 @@
29
29
  "group": "syntax",
30
30
  "scopes": ["ALL_SCOPES"]
31
31
  },
32
+ {
33
+ "name": "fgColor/white",
34
+ "value": {
35
+ "r": 1,
36
+ "g": 1,
37
+ "b": 1,
38
+ "a": 1
39
+ },
40
+ "type": "COLOR",
41
+ "refId": "mode/fgColor/white",
42
+ "collection": "mode",
43
+ "mode": "dark dimmed",
44
+ "group": "semantic",
45
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
+ },
47
+ {
48
+ "name": "shadow/floating/legacy/1/offsetX",
49
+ "value": 0,
50
+ "type": "FLOAT",
51
+ "scopes": ["EFFECT_FLOAT"],
52
+ "mode": "dark dimmed",
53
+ "collection": "mode",
54
+ "group": "shadow"
55
+ },
56
+ {
57
+ "name": "shadow/floating/legacy/1/offsetY",
58
+ "value": 6,
59
+ "type": "FLOAT",
60
+ "scopes": ["EFFECT_FLOAT"],
61
+ "mode": "dark dimmed",
62
+ "collection": "mode",
63
+ "group": "shadow"
64
+ },
65
+ {
66
+ "name": "shadow/floating/legacy/1/blur",
67
+ "value": 12,
68
+ "type": "FLOAT",
69
+ "scopes": ["EFFECT_FLOAT"],
70
+ "mode": "dark dimmed",
71
+ "collection": "mode",
72
+ "group": "shadow"
73
+ },
74
+ {
75
+ "name": "shadow/floating/legacy/1/spread",
76
+ "value": -3,
77
+ "type": "FLOAT",
78
+ "scopes": ["EFFECT_FLOAT"],
79
+ "mode": "dark dimmed",
80
+ "collection": "mode",
81
+ "group": "shadow"
82
+ },
83
+ {
84
+ "name": "shadow/floating/legacy/1/color",
85
+ "value": {
86
+ "r": 0.10980392156862745,
87
+ "g": 0.12941176470588237,
88
+ "b": 0.1568627450980392,
89
+ "a": 0.4
90
+ },
91
+ "type": "COLOR",
92
+ "scopes": ["EFFECT_COLOR"],
93
+ "mode": "dark dimmed",
94
+ "collection": "mode",
95
+ "group": "shadow"
96
+ },
97
+ {
98
+ "name": "shadow/floating/legacy/2/offsetX",
99
+ "value": 0,
100
+ "type": "FLOAT",
101
+ "scopes": ["EFFECT_FLOAT"],
102
+ "mode": "dark dimmed",
103
+ "collection": "mode",
104
+ "group": "shadow"
105
+ },
106
+ {
107
+ "name": "shadow/floating/legacy/2/offsetY",
108
+ "value": 6,
109
+ "type": "FLOAT",
110
+ "scopes": ["EFFECT_FLOAT"],
111
+ "mode": "dark dimmed",
112
+ "collection": "mode",
113
+ "group": "shadow"
114
+ },
115
+ {
116
+ "name": "shadow/floating/legacy/2/blur",
117
+ "value": 18,
118
+ "type": "FLOAT",
119
+ "scopes": ["EFFECT_FLOAT"],
120
+ "mode": "dark dimmed",
121
+ "collection": "mode",
122
+ "group": "shadow"
123
+ },
124
+ {
125
+ "name": "shadow/floating/legacy/2/spread",
126
+ "value": 0,
127
+ "type": "FLOAT",
128
+ "scopes": ["EFFECT_FLOAT"],
129
+ "mode": "dark dimmed",
130
+ "collection": "mode",
131
+ "group": "shadow"
132
+ },
133
+ {
134
+ "name": "shadow/floating/legacy/2/color",
135
+ "value": {
136
+ "r": 0.10980392156862745,
137
+ "g": 0.12941176470588237,
138
+ "b": 0.1568627450980392,
139
+ "a": 0.4
140
+ },
141
+ "type": "COLOR",
142
+ "scopes": ["EFFECT_COLOR"],
143
+ "mode": "dark dimmed",
144
+ "collection": "mode",
145
+ "group": "shadow"
146
+ },
32
147
  {
33
148
  "name": "shadow/resting/medium/offsetX",
34
149
  "value": 0,
@@ -2408,7 +2523,7 @@
2408
2523
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2409
2524
  },
2410
2525
  {
2411
- "name": "button/inactive/bgColor/rest",
2526
+ "name": "button/inactive/bgColor",
2412
2527
  "value": {
2413
2528
  "r": 0.21568627450980393,
2414
2529
  "g": 0.24313725490196078,
@@ -2416,7 +2531,7 @@
2416
2531
  "a": 1
2417
2532
  },
2418
2533
  "type": "COLOR",
2419
- "refId": "mode/button/inactive/bgColor/rest",
2534
+ "refId": "mode/button/inactive/bgColor",
2420
2535
  "reference": "base/color/dark-dimmed/base/color/gray/7",
2421
2536
  "collection": "mode",
2422
2537
  "mode": "dark dimmed",
@@ -2424,7 +2539,7 @@
2424
2539
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2425
2540
  },
2426
2541
  {
2427
- "name": "button/inactive/fgColor/rest",
2542
+ "name": "button/inactive/fgColor",
2428
2543
  "value": {
2429
2544
  "r": 0.4627450980392157,
2430
2545
  "g": 0.5137254901960784,
@@ -2432,7 +2547,7 @@
2432
2547
  "a": 1
2433
2548
  },
2434
2549
  "type": "COLOR",
2435
- "refId": "mode/button/inactive/fgColor/rest",
2550
+ "refId": "mode/button/inactive/fgColor",
2436
2551
  "reference": "base/color/dark-dimmed/base/color/gray/3",
2437
2552
  "collection": "mode",
2438
2553
  "mode": "dark dimmed",
@@ -2869,14 +2984,14 @@
2869
2984
  {
2870
2985
  "name": "button/primary/iconColor/rest",
2871
2986
  "value": {
2872
- "r": 0.803921568627451,
2873
- "g": 0.8509803921568627,
2874
- "b": 0.8980392156862745,
2987
+ "r": 1,
2988
+ "g": 1,
2989
+ "b": 1,
2875
2990
  "a": 1
2876
2991
  },
2877
2992
  "type": "COLOR",
2878
2993
  "refId": "mode/button/primary/iconColor/rest",
2879
- "reference": "base/color/dark-dimmed/base/color/white",
2994
+ "reference": "mode/fgColor/white",
2880
2995
  "collection": "mode",
2881
2996
  "mode": "dark dimmed",
2882
2997
  "group": "component (internal)",
@@ -2902,14 +3017,14 @@
2902
3017
  {
2903
3018
  "name": "button/primary/fgColor/rest",
2904
3019
  "value": {
2905
- "r": 0.803921568627451,
2906
- "g": 0.8509803921568627,
2907
- "b": 0.8980392156862745,
3020
+ "r": 1,
3021
+ "g": 1,
3022
+ "b": 1,
2908
3023
  "a": 1
2909
3024
  },
2910
3025
  "type": "COLOR",
2911
3026
  "refId": "mode/button/primary/fgColor/rest",
2912
- "reference": "base/color/dark-dimmed/base/color/white",
3027
+ "reference": "mode/fgColor/white",
2913
3028
  "collection": "mode",
2914
3029
  "mode": "dark dimmed",
2915
3030
  "group": "component (internal)",
@@ -4128,6 +4243,23 @@
4128
4243
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4129
4244
  }
4130
4245
  },
4246
+ {
4247
+ "name": "selection/bgColor",
4248
+ "value": {
4249
+ "r": 0.19215686274509805,
4250
+ "g": 0.42745098039215684,
4251
+ "b": 0.792156862745098,
4252
+ "a": 0.7
4253
+ },
4254
+ "type": "COLOR",
4255
+ "alpha": 0.7,
4256
+ "refId": "mode/selection/bgColor",
4257
+ "reference": "mode/bgColor/accent-emphasis",
4258
+ "collection": "mode",
4259
+ "mode": "dark dimmed",
4260
+ "group": "component",
4261
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4262
+ },
4131
4263
  {
4132
4264
  "name": "underlineNav/iconColor/rest",
4133
4265
  "value": {
@@ -5421,23 +5553,6 @@
5421
5553
  "group": "component",
5422
5554
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5423
5555
  },
5424
- {
5425
- "name": "selection/bgColor",
5426
- "value": {
5427
- "r": 0.2784313725490196,
5428
- "g": 0.5450980392156862,
5429
- "b": 0.9019607843137255,
5430
- "a": 0.2
5431
- },
5432
- "type": "COLOR",
5433
- "alpha": 0.2,
5434
- "refId": "mode/selection/bgColor",
5435
- "reference": "mode/fgColor/link",
5436
- "collection": "mode",
5437
- "mode": "dark dimmed",
5438
- "group": "component",
5439
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5440
- },
5441
5556
  {
5442
5557
  "name": "overlay/borderColor",
5443
5558
  "value": {
@@ -29,6 +29,121 @@
29
29
  "group": "syntax",
30
30
  "scopes": ["ALL_SCOPES"]
31
31
  },
32
+ {
33
+ "name": "fgColor/white",
34
+ "value": {
35
+ "r": 1,
36
+ "g": 1,
37
+ "b": 1,
38
+ "a": 1
39
+ },
40
+ "type": "COLOR",
41
+ "refId": "mode/fgColor/white",
42
+ "collection": "mode",
43
+ "mode": "dark high contrast",
44
+ "group": "semantic",
45
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
46
+ },
47
+ {
48
+ "name": "shadow/floating/legacy/1/offsetX",
49
+ "value": 0,
50
+ "type": "FLOAT",
51
+ "scopes": ["EFFECT_FLOAT"],
52
+ "mode": "dark high contrast",
53
+ "collection": "mode",
54
+ "group": "shadow"
55
+ },
56
+ {
57
+ "name": "shadow/floating/legacy/1/offsetY",
58
+ "value": 6,
59
+ "type": "FLOAT",
60
+ "scopes": ["EFFECT_FLOAT"],
61
+ "mode": "dark high contrast",
62
+ "collection": "mode",
63
+ "group": "shadow"
64
+ },
65
+ {
66
+ "name": "shadow/floating/legacy/1/blur",
67
+ "value": 12,
68
+ "type": "FLOAT",
69
+ "scopes": ["EFFECT_FLOAT"],
70
+ "mode": "dark high contrast",
71
+ "collection": "mode",
72
+ "group": "shadow"
73
+ },
74
+ {
75
+ "name": "shadow/floating/legacy/1/spread",
76
+ "value": -3,
77
+ "type": "FLOAT",
78
+ "scopes": ["EFFECT_FLOAT"],
79
+ "mode": "dark high contrast",
80
+ "collection": "mode",
81
+ "group": "shadow"
82
+ },
83
+ {
84
+ "name": "shadow/floating/legacy/1/color",
85
+ "value": {
86
+ "r": 0.00392156862745098,
87
+ "g": 0.01568627450980392,
88
+ "b": 0.03529411764705882,
89
+ "a": 0.4
90
+ },
91
+ "type": "COLOR",
92
+ "scopes": ["EFFECT_COLOR"],
93
+ "mode": "dark high contrast",
94
+ "collection": "mode",
95
+ "group": "shadow"
96
+ },
97
+ {
98
+ "name": "shadow/floating/legacy/2/offsetX",
99
+ "value": 0,
100
+ "type": "FLOAT",
101
+ "scopes": ["EFFECT_FLOAT"],
102
+ "mode": "dark high contrast",
103
+ "collection": "mode",
104
+ "group": "shadow"
105
+ },
106
+ {
107
+ "name": "shadow/floating/legacy/2/offsetY",
108
+ "value": 6,
109
+ "type": "FLOAT",
110
+ "scopes": ["EFFECT_FLOAT"],
111
+ "mode": "dark high contrast",
112
+ "collection": "mode",
113
+ "group": "shadow"
114
+ },
115
+ {
116
+ "name": "shadow/floating/legacy/2/blur",
117
+ "value": 18,
118
+ "type": "FLOAT",
119
+ "scopes": ["EFFECT_FLOAT"],
120
+ "mode": "dark high contrast",
121
+ "collection": "mode",
122
+ "group": "shadow"
123
+ },
124
+ {
125
+ "name": "shadow/floating/legacy/2/spread",
126
+ "value": 0,
127
+ "type": "FLOAT",
128
+ "scopes": ["EFFECT_FLOAT"],
129
+ "mode": "dark high contrast",
130
+ "collection": "mode",
131
+ "group": "shadow"
132
+ },
133
+ {
134
+ "name": "shadow/floating/legacy/2/color",
135
+ "value": {
136
+ "r": 0.00392156862745098,
137
+ "g": 0.01568627450980392,
138
+ "b": 0.03529411764705882,
139
+ "a": 0.4
140
+ },
141
+ "type": "COLOR",
142
+ "scopes": ["EFFECT_COLOR"],
143
+ "mode": "dark high contrast",
144
+ "collection": "mode",
145
+ "group": "shadow"
146
+ },
32
147
  {
33
148
  "name": "shadow/resting/medium/offsetX",
34
149
  "value": 0,
@@ -2460,7 +2575,7 @@
2460
2575
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2461
2576
  },
2462
2577
  {
2463
- "name": "button/inactive/bgColor/rest",
2578
+ "name": "button/inactive/bgColor",
2464
2579
  "value": {
2465
2580
  "r": 0.23921568627450981,
2466
2581
  "g": 0.25882352941176473,
@@ -2468,7 +2583,7 @@
2468
2583
  "a": 1
2469
2584
  },
2470
2585
  "type": "COLOR",
2471
- "refId": "mode/button/inactive/bgColor/rest",
2586
+ "refId": "mode/button/inactive/bgColor",
2472
2587
  "reference": "base/color/dark-high-contrast/base/color/gray/7",
2473
2588
  "collection": "mode",
2474
2589
  "mode": "dark high contrast",
@@ -2476,7 +2591,7 @@
2476
2591
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2477
2592
  },
2478
2593
  {
2479
- "name": "button/inactive/fgColor/rest",
2594
+ "name": "button/inactive/fgColor",
2480
2595
  "value": {
2481
2596
  "r": 0.7411764705882353,
2482
2597
  "g": 0.7686274509803922,
@@ -2484,7 +2599,7 @@
2484
2599
  "a": 1
2485
2600
  },
2486
2601
  "type": "COLOR",
2487
- "refId": "mode/button/inactive/fgColor/rest",
2602
+ "refId": "mode/button/inactive/fgColor",
2488
2603
  "reference": "base/color/dark-high-contrast/base/color/gray/3",
2489
2604
  "collection": "mode",
2490
2605
  "mode": "dark high contrast",
@@ -4198,6 +4313,23 @@
4198
4313
  "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
4199
4314
  }
4200
4315
  },
4316
+ {
4317
+ "name": "selection/bgColor",
4318
+ "value": {
4319
+ "r": 0.25098039215686274,
4320
+ "g": 0.6196078431372549,
4321
+ "b": 1,
4322
+ "a": 0.7
4323
+ },
4324
+ "type": "COLOR",
4325
+ "alpha": 0.7,
4326
+ "refId": "mode/selection/bgColor",
4327
+ "reference": "mode/bgColor/accent-emphasis",
4328
+ "collection": "mode",
4329
+ "mode": "dark high contrast",
4330
+ "group": "component",
4331
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4332
+ },
4201
4333
  {
4202
4334
  "name": "treeViewItem/leadingVisual/iconColor/rest",
4203
4335
  "value": {
@@ -6029,23 +6161,6 @@
6029
6161
  "collection": "mode",
6030
6162
  "group": "shadow"
6031
6163
  },
6032
- {
6033
- "name": "selection/bgColor",
6034
- "value": {
6035
- "r": 0.3764705882352941,
6036
- "g": 0.6823529411764706,
6037
- "b": 1,
6038
- "a": 0.2
6039
- },
6040
- "type": "COLOR",
6041
- "alpha": 0.2,
6042
- "refId": "mode/selection/bgColor",
6043
- "reference": "mode/fgColor/link",
6044
- "collection": "mode",
6045
- "mode": "dark high contrast",
6046
- "group": "component",
6047
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
6048
- },
6049
6164
  {
6050
6165
  "name": "button/danger/bgColor/disabled",
6051
6166
  "value": {