@primer/primitives 10.2.0 → 10.3.0-rc.37645a3a

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 (95) hide show
  1. package/dist/build/formats/cssCustomMedia.js +2 -2
  2. package/dist/build/formats/jsonOneDimensional.js +2 -1
  3. package/dist/build/platforms/css.js +5 -2
  4. package/dist/build/platforms/figma.js +2 -2
  5. package/dist/build/preprocessors/themeOverrides.js +7 -4
  6. package/dist/build/schemas/collections.d.ts +1 -1
  7. package/dist/build/schemas/colorToken.d.ts +471 -65
  8. package/dist/build/schemas/colorToken.js +18 -15
  9. package/dist/build/schemas/shadowToken.js +2 -2
  10. package/dist/build/transformers/colorAlphaToCss.d.ts +1 -1
  11. package/dist/build/transformers/figmaAttributes.js +2 -1
  12. package/dist/build/types/styleDictionaryConfigGenerator.d.ts +1 -1
  13. package/dist/build/utilities/asArray.d.ts +1 -0
  14. package/dist/build/utilities/asArray.js +1 -0
  15. package/dist/css/functional/size/border.css +5 -5
  16. package/dist/css/functional/size/size.css +15 -15
  17. package/dist/css/functional/size/viewport.css +2 -2
  18. package/dist/css/functional/themes/dark-colorblind.css +408 -408
  19. package/dist/css/functional/themes/dark-dimmed.css +390 -390
  20. package/dist/css/functional/themes/dark-high-contrast.css +412 -412
  21. package/dist/css/functional/themes/dark-tritanopia.css +406 -406
  22. package/dist/css/functional/themes/dark.css +416 -416
  23. package/dist/css/functional/themes/light-colorblind.css +444 -444
  24. package/dist/css/functional/themes/light-high-contrast.css +438 -438
  25. package/dist/css/functional/themes/light-tritanopia.css +432 -432
  26. package/dist/css/functional/themes/light.css +444 -444
  27. package/dist/css/primitives.css +20 -20
  28. package/dist/docs/base/motion/motion.json +88 -73
  29. package/dist/docs/base/size/size.json +94 -75
  30. package/dist/docs/base/typography/typography.json +14 -10
  31. package/dist/docs/functional/motion/motion.json +19 -15
  32. package/dist/docs/functional/size/border.json +139 -125
  33. package/dist/docs/functional/size/breakpoints.json +31 -25
  34. package/dist/docs/functional/size/size-coarse.json +13 -10
  35. package/dist/docs/functional/size/size-fine.json +9 -6
  36. package/dist/docs/functional/size/size.json +499 -433
  37. package/dist/docs/functional/size/viewport.json +32 -26
  38. package/dist/docs/functional/themes/dark-colorblind.json +7175 -6545
  39. package/dist/docs/functional/themes/dark-dimmed.json +7181 -6473
  40. package/dist/docs/functional/themes/dark-high-contrast.json +7445 -6789
  41. package/dist/docs/functional/themes/dark-tritanopia.json +7164 -6498
  42. package/dist/docs/functional/themes/dark.json +7202 -6494
  43. package/dist/docs/functional/themes/light-colorblind.json +7096 -6466
  44. package/dist/docs/functional/themes/light-high-contrast.json +7326 -6660
  45. package/dist/docs/functional/themes/light-tritanopia.json +7109 -6479
  46. package/dist/docs/functional/themes/light.json +7159 -6451
  47. package/dist/docs/functional/typography/typography.json +518 -472
  48. package/dist/figma/figma.json +3 -3
  49. package/dist/figma/shadows/dark-colorblind.json +115 -115
  50. package/dist/figma/shadows/light-colorblind.json +105 -105
  51. package/dist/figma/themes/dark-colorblind.json +5553 -5553
  52. package/dist/figma/themes/dark-dimmed.json +5162 -5162
  53. package/dist/figma/themes/dark-high-contrast.json +4196 -4196
  54. package/dist/figma/themes/dark-tritanopia.json +5211 -5211
  55. package/dist/figma/themes/dark.json +5537 -5537
  56. package/dist/figma/themes/light-colorblind.json +5501 -5501
  57. package/dist/figma/themes/light-high-contrast.json +4176 -4176
  58. package/dist/figma/themes/light-tritanopia.json +5077 -5077
  59. package/dist/figma/themes/light.json +1950 -1950
  60. package/dist/internalCss/dark-colorblind.css +1148 -1148
  61. package/dist/internalCss/dark-dimmed.css +1138 -1138
  62. package/dist/internalCss/dark-high-contrast.css +1154 -1154
  63. package/dist/internalCss/dark-tritanopia.css +1148 -1148
  64. package/dist/internalCss/dark.css +1150 -1150
  65. package/dist/internalCss/light-colorblind.css +1152 -1152
  66. package/dist/internalCss/light-high-contrast.css +1166 -1166
  67. package/dist/internalCss/light-tritanopia.css +1156 -1156
  68. package/dist/internalCss/light.css +1158 -1158
  69. package/dist/styleLint/base/motion/motion.json +97 -82
  70. package/dist/styleLint/base/size/size.json +102 -83
  71. package/dist/styleLint/base/typography/typography.json +16 -12
  72. package/dist/styleLint/functional/motion/motion.json +22 -18
  73. package/dist/styleLint/functional/size/border.json +140 -126
  74. package/dist/styleLint/functional/size/breakpoints.json +32 -26
  75. package/dist/styleLint/functional/size/size-coarse.json +14 -11
  76. package/dist/styleLint/functional/size/size-fine.json +10 -7
  77. package/dist/styleLint/functional/size/size.json +486 -420
  78. package/dist/styleLint/functional/size/viewport.json +36 -30
  79. package/dist/styleLint/functional/themes/dark-colorblind.json +6927 -6297
  80. package/dist/styleLint/functional/themes/dark-dimmed.json +7372 -6664
  81. package/dist/styleLint/functional/themes/dark-high-contrast.json +7472 -6816
  82. package/dist/styleLint/functional/themes/dark-tritanopia.json +7051 -6385
  83. package/dist/styleLint/functional/themes/dark.json +7180 -6472
  84. package/dist/styleLint/functional/themes/light-colorblind.json +7042 -6412
  85. package/dist/styleLint/functional/themes/light-high-contrast.json +7418 -6752
  86. package/dist/styleLint/functional/themes/light-tritanopia.json +6926 -6296
  87. package/dist/styleLint/functional/themes/light.json +7093 -6385
  88. package/dist/styleLint/functional/typography/typography.json +520 -474
  89. package/package.json +2 -2
  90. package/src/tokens/component/diffBlob.json5 +293 -0
  91. package/src/tokens/component/highlight.json5 +23 -0
  92. package/src/tokens/functional/color/dark/app-dark.json5 +0 -302
  93. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
  94. package/src/tokens/functional/color/light/app-light.json5 +1 -274
  95. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "10.2.0",
3
+ "version": "10.3.0-rc.37645a3a",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -70,7 +70,7 @@
70
70
  "json5": "^2.2.1",
71
71
  "markdown-table-ts": "^1.0.3",
72
72
  "prettier": "^3.3.3",
73
- "style-dictionary": "^4.1.3",
73
+ "style-dictionary": "^4.3.0",
74
74
  "tsx": "^4.19.0",
75
75
  "typescript": "5.6",
76
76
  "typescript-eslint": "^8.16.0",
package/src/tokens/component/diffBlob.json5 ADDED
@@ -0,0 +1,293 @@
1
+ {
2
+ diffBlob: {
3
+ additionLine: {
4
+ fgColor: {
5
+ $value: '{fgColor.default}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component',
11
+ scopes: ['fgColor'],
12
+ },
13
+ },
14
+ },
15
+ bgColor: {
16
+ $value: '{bgColor.success.muted}',
17
+ $type: 'color',
18
+ $extensions: {
19
+ 'org.primer.figma': {
20
+ collection: 'mode',
21
+ group: 'component',
22
+ scopes: ['bgColor'],
23
+ },
24
+ 'org.primer.overrides': {
25
+ dark: {
26
+ alpha: 0.15,
27
+ },
28
+ },
29
+ },
30
+ },
31
+ },
32
+ additionWord: {
33
+ fgColor: {
34
+ $value: '{fgColor.default}',
35
+ $type: 'color',
36
+ $extensions: {
37
+ 'org.primer.figma': {
38
+ collection: 'mode',
39
+ group: 'component',
40
+ scopes: ['fgColor'],
41
+ },
42
+ },
43
+ },
44
+ bgColor: {
45
+ $value: '{base.color.green.1}',
46
+ $type: 'color',
47
+ $extensions: {
48
+ 'org.primer.figma': {
49
+ collection: 'mode',
50
+ group: 'component',
51
+ scopes: ['bgColor'],
52
+ },
53
+ 'org.primer.overrides': {
54
+ dark: {
55
+ $value: '{base.color.green.4}',
56
+ alpha: 0.4,
57
+ },
58
+ },
59
+ },
60
+ },
61
+ },
62
+ additionNum: {
63
+ fgColor: {
64
+ $value: '{fgColor.default}',
65
+ $type: 'color',
66
+ $extensions: {
67
+ 'org.primer.figma': {
68
+ collection: 'mode',
69
+ group: 'component',
70
+ scopes: ['fgColor'],
71
+ },
72
+ },
73
+ },
74
+ bgColor: {
75
+ $value: '{base.color.green.1}',
76
+ $type: 'color',
77
+ $extensions: {
78
+ 'org.primer.figma': {
79
+ collection: 'mode',
80
+ group: 'component',
81
+ scopes: ['bgColor'],
82
+ },
83
+ 'org.primer.overrides': {
84
+ dark: {
85
+ $value: '{base.color.green.3}',
86
+ alpha: 0.3,
87
+ },
88
+ },
89
+ },
90
+ },
91
+ },
92
+ deletionLine: {
93
+ fgColor: {
94
+ $value: '{fgColor.default}',
95
+ $type: 'color',
96
+ $extensions: {
97
+ 'org.primer.figma': {
98
+ collection: 'mode',
99
+ group: 'component',
100
+ scopes: ['fgColor'],
101
+ },
102
+ },
103
+ },
104
+ bgColor: {
105
+ $value: '{bgColor.danger.muted}',
106
+ $type: 'color',
107
+ $extensions: {
108
+ 'org.primer.figma': {
109
+ collection: 'mode',
110
+ group: 'component',
111
+ scopes: ['bgColor'],
112
+ },
113
+ },
114
+ },
115
+ },
116
+ deletionWord: {
117
+ fgColor: {
118
+ $value: '{fgColor.default}',
119
+ $type: 'color',
120
+ $extensions: {
121
+ 'org.primer.figma': {
122
+ collection: 'mode',
123
+ group: 'component',
124
+ scopes: ['fgColor'],
125
+ },
126
+ },
127
+ },
128
+ bgColor: {
129
+ $value: '{base.color.red.1}',
130
+ $type: 'color',
131
+ $extensions: {
132
+ 'org.primer.figma': {
133
+ collection: 'mode',
134
+ group: 'component',
135
+ scopes: ['bgColor'],
136
+ },
137
+ 'org.primer.overrides': {
138
+ dark: {
139
+ $value: '{base.color.red.4}',
140
+ alpha: 0.4,
141
+ },
142
+ },
143
+ },
144
+ },
145
+ },
146
+ deletionNum: {
147
+ fgColor: {
148
+ $value: '{fgColor.default}',
149
+ $type: 'color',
150
+ $extensions: {
151
+ 'org.primer.figma': {
152
+ collection: 'mode',
153
+ group: 'component',
154
+ scopes: ['fgColor'],
155
+ },
156
+ },
157
+ },
158
+ bgColor: {
159
+ $value: '{base.color.red.1}',
160
+ $type: 'color',
161
+ $extensions: {
162
+ 'org.primer.figma': {
163
+ collection: 'mode',
164
+ group: 'component',
165
+ scopes: ['bgColor'],
166
+ },
167
+ 'org.primer.overrides': {
168
+ dark: {
169
+ $value: '{base.color.red.4}',
170
+ alpha: 0.3,
171
+ },
172
+ },
173
+ },
174
+ },
175
+ },
176
+ hunkLine: {
177
+ bgColor: {
178
+ $value: '{bgColor.accent.muted}',
179
+ $type: 'color',
180
+ $extensions: {
181
+ 'org.primer.figma': {
182
+ collection: 'mode',
183
+ group: 'component',
184
+ scopes: ['bgColor'],
185
+ },
186
+ },
187
+ },
188
+ fgColor: {
189
+ $value: '{fgColor.muted}',
190
+ $type: 'color',
191
+ $extensions: {
192
+ 'org.primer.figma': {
193
+ collection: 'mode',
194
+ group: 'component',
195
+ scopes: ['fgColor'],
196
+ },
197
+ },
198
+ },
199
+ },
200
+ hunkNum: {
201
+ fgColor: {
202
+ rest: {
203
+ $value: '{fgColor.default}',
204
+ $type: 'color',
205
+ $extensions: {
206
+ 'org.primer.figma': {
207
+ collection: 'mode',
208
+ group: 'component',
209
+ scopes: ['fgColor'],
210
+ },
211
+ },
212
+ },
213
+ hover: {
214
+ $value: '{fgColor.onEmphasis}',
215
+ $type: 'color',
216
+ $extensions: {
217
+ 'org.primer.figma': {
218
+ collection: 'mode',
219
+ group: 'component',
220
+ scopes: ['fgColor'],
221
+ },
222
+ },
223
+ },
224
+ },
225
+ bgColor: {
226
+ rest: {
227
+ $value: '{base.color.blue.1}',
228
+ $type: 'color',
229
+ $extensions: {
230
+ 'org.primer.figma': {
231
+ collection: 'mode',
232
+ group: 'component',
233
+ scopes: ['bgColor'],
234
+ },
235
+ 'org.primer.overrides': {
236
+ dark: '{base.color.blue.8}',
237
+ },
238
+ },
239
+ },
240
+ hover: {
241
+ $value: '{bgColor.accent.emphasis}',
242
+ $type: 'color',
243
+ $extensions: {
244
+ 'org.primer.figma': {
245
+ collection: 'mode',
246
+ group: 'component',
247
+ scopes: ['bgColor'],
248
+ },
249
+ },
250
+ },
251
+ },
252
+ },
253
+ emptyNum: {
254
+ bgColor: {
255
+ $value: '{bgColor.muted}',
256
+ $type: 'color',
257
+ $extensions: {
258
+ 'org.primer.figma': {
259
+ collection: 'mode',
260
+ group: 'component',
261
+ scopes: ['bgColor'],
262
+ },
263
+ },
264
+ },
265
+ },
266
+ emptyLine: {
267
+ bgColor: {
268
+ $value: '{bgColor.muted}',
269
+ $type: 'color',
270
+ $extensions: {
271
+ 'org.primer.figma': {
272
+ collection: 'mode',
273
+ group: 'component',
274
+ scopes: ['bgColor'],
275
+ },
276
+ },
277
+ },
278
+ },
279
+ expander: {
280
+ iconColor: {
281
+ $value: '{fgColor.muted}',
282
+ $type: 'color',
283
+ $extensions: {
284
+ 'org.primer.figma': {
285
+ collection: 'mode',
286
+ group: 'component',
287
+ scopes: ['fgColor'],
288
+ },
289
+ },
290
+ },
291
+ },
292
+ },
293
+ }
package/src/tokens/component/highlight.json5 ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ highlight: {
3
+ neutral: {
4
+ bgColor: {
5
+ $value: '{base.color.yellow.0}',
6
+ $type: 'color',
7
+ $extensions: {
8
+ 'org.primer.figma': {
9
+ collection: 'mode',
10
+ group: 'component',
11
+ scopes: ['bgColor'],
12
+ },
13
+ 'org.primer.overrides': {
14
+ dark: {
15
+ $value: '{base.color.yellow.3}',
16
+ alpha: 0.4,
17
+ },
18
+ },
19
+ },
20
+ },
21
+ },
22
+ },
23
+ }
package/src/tokens/functional/color/dark/app-dark.json5 CHANGED
@@ -1,21 +1,4 @@
1
1
  {
2
- highlight: {
3
- neutral: {
4
- bgColor: {
5
- $value: '{base.color.yellow.3}',
6
- $type: 'color',
7
- $extensions: {
8
- 'org.primer.figma': {
9
- collection: 'mode',
10
-
11
- group: 'component',
12
- scopes: ['bgColor'],
13
- },
14
- },
15
- alpha: 0.4,
16
- },
17
- },
18
- },
19
2
  page: {
20
3
  header: {
21
4
  bgColor: {
@@ -32,291 +15,6 @@
32
15
  },
33
16
  },
34
17
  },
35
- diffBlob: {
36
- additionLine: {
37
- fgColor: {
38
- $value: '{fgColor.default}',
39
- $type: 'color',
40
- $extensions: {
41
- 'org.primer.figma': {
42
- collection: 'mode',
43
-
44
- group: 'component',
45
- scopes: ['fgColor'],
46
- },
47
- },
48
- },
49
- bgColor: {
50
- $value: '{bgColor.success.muted}',
51
- $type: 'color',
52
- $extensions: {
53
- 'org.primer.figma': {
54
- collection: 'mode',
55
-
56
- group: 'component',
57
- scopes: ['bgColor'],
58
- },
59
- },
60
- alpha: 0.15,
61
- },
62
- },
63
- additionWord: {
64
- fgColor: {
65
- $value: '{fgColor.default}',
66
- $type: 'color',
67
- $extensions: {
68
- 'org.primer.figma': {
69
- collection: 'mode',
70
-
71
- group: 'component',
72
- scopes: ['fgColor'],
73
- },
74
- },
75
- },
76
- bgColor: {
77
- $value: '{base.color.green.4}',
78
- $type: 'color',
79
- $extensions: {
80
- 'org.primer.figma': {
81
- collection: 'mode',
82
-
83
- group: 'component',
84
- scopes: ['bgColor'],
85
- },
86
- },
87
- alpha: 0.4,
88
- },
89
- },
90
- additionNum: {
91
- fgColor: {
92
- $value: '{fgColor.default}',
93
- $type: 'color',
94
- $extensions: {
95
- 'org.primer.figma': {
96
- collection: 'mode',
97
-
98
- group: 'component',
99
- scopes: ['fgColor'],
100
- },
101
- },
102
- },
103
- bgColor: {
104
- $value: '{base.color.green.3}',
105
- $type: 'color',
106
- $extensions: {
107
- 'org.primer.figma': {
108
- collection: 'mode',
109
-
110
- group: 'component',
111
- scopes: ['bgColor'],
112
- },
113
- },
114
- alpha: 0.3,
115
- },
116
- },
117
- deletionLine: {
118
- fgColor: {
119
- $value: '{fgColor.default}',
120
- $type: 'color',
121
- $extensions: {
122
- 'org.primer.figma': {
123
- collection: 'mode',
124
-
125
- group: 'component',
126
- scopes: ['fgColor'],
127
- },
128
- },
129
- },
130
- bgColor: {
131
- $value: '{bgColor.danger.muted}',
132
- $type: 'color',
133
- $extensions: {
134
- 'org.primer.figma': {
135
- collection: 'mode',
136
-
137
- group: 'component',
138
- scopes: ['bgColor'],
139
- },
140
- },
141
- },
142
- },
143
- deletionWord: {
144
- fgColor: {
145
- $value: '{fgColor.default}',
146
- $type: 'color',
147
- $extensions: {
148
- 'org.primer.figma': {
149
- collection: 'mode',
150
-
151
- group: 'component',
152
- scopes: ['fgColor'],
153
- },
154
- },
155
- },
156
- bgColor: {
157
- $value: '{base.color.red.4}',
158
- $type: 'color',
159
- $extensions: {
160
- 'org.primer.figma': {
161
- collection: 'mode',
162
-
163
- group: 'component',
164
- scopes: ['bgColor'],
165
- },
166
- },
167
- alpha: 0.4,
168
- },
169
- },
170
- deletionNum: {
171
- fgColor: {
172
- $value: '{fgColor.default}',
173
- $type: 'color',
174
- $extensions: {
175
- 'org.primer.figma': {
176
- collection: 'mode',
177
-
178
- group: 'component',
179
- scopes: ['fgColor'],
180
- },
181
- },
182
- },
183
- bgColor: {
184
- $value: '{base.color.red.4}',
185
- $type: 'color',
186
- $extensions: {
187
- 'org.primer.figma': {
188
- collection: 'mode',
189
-
190
- group: 'component',
191
- scopes: ['bgColor'],
192
- },
193
- },
194
- alpha: 0.3,
195
- },
196
- },
197
- hunkLine: {
198
- fgColor: {
199
- $value: '{fgColor.muted}',
200
- $type: 'color',
201
- $extensions: {
202
- 'org.primer.figma': {
203
- collection: 'mode',
204
-
205
- group: 'component',
206
- scopes: ['fgColor'],
207
- },
208
- },
209
- },
210
- bgColor: {
211
- $value: '{bgColor.accent.muted}',
212
- $type: 'color',
213
- $extensions: {
214
- 'org.primer.figma': {
215
- collection: 'mode',
216
-
217
- group: 'component',
218
- scopes: ['bgColor'],
219
- },
220
- },
221
- },
222
- },
223
- hunkNum: {
224
- fgColor: {
225
- rest: {
226
- $value: '{fgColor.default}',
227
- $type: 'color',
228
- $extensions: {
229
- 'org.primer.figma': {
230
- collection: 'mode',
231
-
232
- group: 'component',
233
- scopes: ['fgColor'],
234
- },
235
- },
236
- },
237
- hover: {
238
- $value: '{fgColor.onEmphasis}',
239
- $type: 'color',
240
- $extensions: {
241
- 'org.primer.figma': {
242
- collection: 'mode',
243
-
244
- group: 'component',
245
- scopes: ['fgColor'],
246
- },
247
- },
248
- },
249
- },
250
- bgColor: {
251
- rest: {
252
- $value: '{base.color.blue.8}',
253
- $type: 'color',
254
- $extensions: {
255
- 'org.primer.figma': {
256
- collection: 'mode',
257
-
258
- group: 'component',
259
- scopes: ['bgColor'],
260
- },
261
- },
262
- },
263
- hover: {
264
- $value: '{bgColor.accent.emphasis}',
265
- $type: 'color',
266
- $extensions: {
267
- 'org.primer.figma': {
268
- collection: 'mode',
269
-
270
- group: 'component',
271
- scopes: ['bgColor'],
272
- },
273
- },
274
- },
275
- },
276
- },
277
- emptyNum: {
278
- bgColor: {
279
- $value: '{bgColor.muted}',
280
- $type: 'color',
281
- $extensions: {
282
- 'org.primer.figma': {
283
- collection: 'mode',
284
-
285
- group: 'component',
286
- scopes: ['bgColor'],
287
- },
288
- },
289
- },
290
- },
291
- emptyLine: {
292
- bgColor: {
293
- $value: '{bgColor.muted}',
294
- $type: 'color',
295
- $extensions: {
296
- 'org.primer.figma': {
297
- collection: 'mode',
298
-
299
- group: 'component',
300
- scopes: ['bgColor'],
301
- },
302
- },
303
- },
304
- },
305
- expander: {
306
- iconColor: {
307
- $value: '{fgColor.muted}',
308
- $type: 'color',
309
- $extensions: {
310
- 'org.primer.figma': {
311
- collection: 'mode',
312
-
313
- group: 'component',
314
- scopes: ['fgColor'],
315
- },
316
- },
317
- },
318
- },
319
- },
320
18
  codeMirror: {
321
19
  fgColor: {
322
20
  $value: '{fgColor.default}',
package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 CHANGED
@@ -14,7 +14,7 @@
14
14
  $type: 'color',
15
15
  },
16
16
  open: {
17
- $value: '{base.color.orange.3}',
17
+ $value: '{base.color.blue.3}',
18
18
  $type: 'color',
19
19
  },
20
20
  closed: {
@@ -47,12 +47,12 @@
47
47
  },
48
48
  open: {
49
49
  muted: {
50
- $value: '{base.color.orange.4}',
50
+ $value: '{base.color.blue.4}',
51
51
  $type: 'color',
52
52
  alpha: 0.2,
53
53
  },
54
54
  emphasis: {
55
- $value: '{base.color.orange.5}',
55
+ $value: '{base.color.blue.5}',
56
56
  $type: 'color',
57
57
  },
58
58
  },
@@ -71,12 +71,12 @@
71
71
  borderColor: {
72
72
  open: {
73
73
  muted: {
74
- $value: '{base.color.orange.4}',
74
+ $value: '{base.color.blue.4}',
75
75
  $type: 'color',
76
76
  alpha: 0.4,
77
77
  },
78
78
  emphasis: {
79
- $value: '{base.color.orange.4}',
79
+ $value: '{base.color.blue.4}',
80
80
  $type: 'color',
81
81
  },
82
82
  },