@primer/primitives 9.0.0-rc.da7438e1 → 9.0.0-rc.fa8264ac

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 (86) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +278 -278
  2. package/dist/css/functional/themes/dark-dimmed.css +296 -296
  3. package/dist/css/functional/themes/dark-high-contrast.css +406 -406
  4. package/dist/css/functional/themes/dark-tritanopia.css +278 -278
  5. package/dist/css/functional/themes/dark.css +268 -268
  6. package/dist/css/functional/themes/light-colorblind.css +236 -236
  7. package/dist/css/functional/themes/light-high-contrast.css +264 -264
  8. package/dist/css/functional/themes/light-tritanopia.css +236 -236
  9. package/dist/css/functional/themes/light.css +226 -226
  10. package/dist/docs/functional/themes/dark-colorblind.json +260 -344
  11. package/dist/docs/functional/themes/dark-dimmed.json +290 -374
  12. package/dist/docs/functional/themes/dark-high-contrast.json +399 -471
  13. package/dist/docs/functional/themes/dark-tritanopia.json +258 -342
  14. package/dist/docs/functional/themes/dark.json +248 -332
  15. package/dist/docs/functional/themes/light-colorblind.json +237 -317
  16. package/dist/docs/functional/themes/light-high-contrast.json +281 -361
  17. package/dist/docs/functional/themes/light-tritanopia.json +236 -314
  18. package/dist/docs/functional/themes/light.json +226 -304
  19. package/dist/fallbacks/color-fallbacks.json +11 -1
  20. package/dist/figma/scales/dark-dimmed.json +106 -60
  21. package/dist/figma/scales/dark-high-constrast.json +106 -60
  22. package/dist/figma/scales/dark.json +76 -30
  23. package/dist/figma/scales/light-high-constrast.json +106 -60
  24. package/dist/figma/scales/light.json +73 -27
  25. package/dist/figma/shadows/dark-colorblind.json +12 -12
  26. package/dist/figma/shadows/dark-dimmed.json +15 -15
  27. package/dist/figma/shadows/dark-high-contrast.json +15 -15
  28. package/dist/figma/shadows/dark-tritanopia.json +12 -12
  29. package/dist/figma/shadows/dark.json +12 -12
  30. package/dist/figma/shadows/light-colorblind.json +39 -39
  31. package/dist/figma/shadows/light-high-contrast.json +39 -39
  32. package/dist/figma/shadows/light-tritanopia.json +39 -39
  33. package/dist/figma/shadows/light.json +39 -39
  34. package/dist/figma/themes/dark-colorblind.json +904 -916
  35. package/dist/figma/themes/dark-dimmed.json +860 -872
  36. package/dist/figma/themes/dark-high-contrast.json +1151 -1159
  37. package/dist/figma/themes/dark-tritanopia.json +922 -934
  38. package/dist/figma/themes/dark.json +817 -829
  39. package/dist/figma/themes/light-colorblind.json +916 -929
  40. package/dist/figma/themes/light-high-contrast.json +844 -859
  41. package/dist/figma/themes/light-tritanopia.json +907 -919
  42. package/dist/figma/themes/light.json +807 -819
  43. package/dist/internalCss/dark-colorblind.css +304 -298
  44. package/dist/internalCss/dark-dimmed.css +322 -316
  45. package/dist/internalCss/dark-high-contrast.css +432 -426
  46. package/dist/internalCss/dark-tritanopia.css +304 -298
  47. package/dist/internalCss/dark.css +294 -288
  48. package/dist/internalCss/light-colorblind.css +260 -254
  49. package/dist/internalCss/light-high-contrast.css +290 -284
  50. package/dist/internalCss/light-tritanopia.css +260 -254
  51. package/dist/internalCss/light.css +250 -244
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +260 -344
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +290 -374
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +399 -471
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +258 -342
  56. package/dist/styleLint/functional/themes/dark.json +248 -332
  57. package/dist/styleLint/functional/themes/light-colorblind.json +237 -317
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +281 -361
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +236 -314
  60. package/dist/styleLint/functional/themes/light.json +226 -304
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
  63. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  64. package/src/tokens/base/color/dark/dark.json5 +131 -104
  65. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  66. package/src/tokens/base/color/light/light.json5 +130 -103
  67. package/src/tokens/fallback/color-fallbacks.json +11 -1
  68. package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
  69. package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
  70. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  71. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +154 -135
  72. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  73. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  74. package/src/tokens/functional/color/dark/patterns-dark.json5 +51 -85
  75. package/src/tokens/functional/color/dark/primitives-dark.json5 +17 -25
  76. package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
  77. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  78. package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
  79. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +56 -126
  80. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  81. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  82. package/src/tokens/functional/color/light/patterns-light.json5 +43 -77
  83. package/src/tokens/functional/color/light/primitives-light.json5 +15 -20
  84. package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
  85. package/src/tokens/functional/shadow/dark.json5 +1 -1
  86. package/src/tokens/functional/shadow/light.json5 +11 -11
package/src/tokens/functional/color/dark/syntax-dark.json5 CHANGED
@@ -13,7 +13,7 @@
13
13
  },
14
14
  },
15
15
  'black-bright': {
16
- $value: '{base.color.neutral.4}',
16
+ $value: '{base.color.neutral.7}',
17
17
  $type: 'color',
18
18
  $extensions: {
19
19
  'org.primer.figma': {
@@ -24,7 +24,7 @@
24
24
  },
25
25
  },
26
26
  white: {
27
- $value: '{base.color.neutral.2}',
27
+ $value: '{base.color.neutral.11}',
28
28
  $type: 'color',
29
29
  $extensions: {
30
30
  'org.primer.figma': {
@@ -46,7 +46,7 @@
46
46
  },
47
47
  },
48
48
  gray: {
49
- $value: '{base.color.neutral.4}',
49
+ $value: '{base.color.neutral.7}',
50
50
  $type: 'color',
51
51
  $extensions: {
52
52
  'org.primer.figma': {
@@ -192,7 +192,7 @@
192
192
  prettylights: {
193
193
  syntax: {
194
194
  comment: {
195
- $value: '{base.color.neutral.3}',
195
+ $value: '{base.color.neutral.8}',
196
196
  $type: 'color',
197
197
  $extensions: {
198
198
  'org.primer.figma': {
@@ -238,7 +238,7 @@
238
238
  storage: {
239
239
  modifier: {
240
240
  import: {
241
- $value: '{base.color.neutral.1}',
241
+ $value: '{base.color.neutral.11}',
242
242
  $type: 'color',
243
243
  $extensions: {
244
244
  'org.primer.figma': {
@@ -307,7 +307,7 @@
307
307
  },
308
308
  },
309
309
  angle: {
310
- $value: '{base.color.neutral.3}',
310
+ $value: '{base.color.neutral.8}',
311
311
  $type: 'color',
312
312
  $extensions: {
313
313
  'org.primer.figma': {
@@ -321,7 +321,7 @@
321
321
  invalid: {
322
322
  illegal: {
323
323
  text: {
324
- $value: '{base.color.neutral.0}',
324
+ $value: '{base.color.neutral.11}',
325
325
  $type: 'color',
326
326
  $extensions: {
327
327
  'org.primer.figma': {
@@ -347,7 +347,7 @@
347
347
  carriage: {
348
348
  return: {
349
349
  text: {
350
- $value: '{base.color.neutral.0}',
350
+ $value: '{base.color.neutral.11}',
351
351
  $type: 'color',
352
352
  $extensions: {
353
353
  'org.primer.figma': {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  },
407
407
  italic: {
408
- $value: '{base.color.neutral.1}',
408
+ $value: '{base.color.neutral.11}',
409
409
  $type: 'color',
410
410
  $extensions: {
411
411
  'org.primer.figma': {
@@ -416,7 +416,7 @@
416
416
  },
417
417
  },
418
418
  bold: {
419
- $value: '{base.color.neutral.1}',
419
+ $value: '{base.color.neutral.11}',
420
420
  $type: 'color',
421
421
  $extensions: {
422
422
  'org.primer.figma': {
@@ -500,7 +500,7 @@
500
500
  },
501
501
  ignored: {
502
502
  text: {
503
- $value: '{base.color.neutral.1}',
503
+ $value: '{base.color.neutral.11}',
504
504
  $type: 'color',
505
505
  $extensions: {
506
506
  'org.primer.figma': {
@@ -541,7 +541,7 @@
541
541
  sublimelinter: {
542
542
  gutter: {
543
543
  mark: {
544
- $value: '{base.color.neutral.5}',
544
+ $value: '{base.color.neutral.6}',
545
545
  $type: 'color',
546
546
  $extensions: {
547
547
  'org.primer.figma': {
package/src/tokens/functional/color/light/app-light.json5 CHANGED
@@ -369,7 +369,7 @@
369
369
  syntax: {
370
370
  fgColor: {
371
371
  comment: {
372
- $value: '{base.color.neutral.9}',
372
+ $value: '{base.color.black}',
373
373
  $type: 'color',
374
374
  $extensions: {
375
375
  'org.primer.figma': {
@@ -496,7 +496,7 @@
496
496
  },
497
497
  },
498
498
  bgColor: {
499
- $value: '{base.color.neutral.9}',
499
+ $value: '{base.color.black}',
500
500
  $type: 'color',
501
501
  $extensions: {
502
502
  'org.primer.figma': {
@@ -509,7 +509,7 @@
509
509
  },
510
510
  borderColor: {
511
511
  divider: {
512
- $value: '{base.color.neutral.6}',
512
+ $value: '{base.color.neutral.9}',
513
513
  $type: 'color',
514
514
  $extensions: {
515
515
  'org.primer.figma': {
@@ -524,7 +524,7 @@
524
524
  },
525
525
  headerSearch: {
526
526
  bgColor: {
527
- $value: '{base.color.neutral.9}',
527
+ $value: '{base.color.black}',
528
528
  $type: 'color',
529
529
  $extensions: {
530
530
  'org.primer.figma': {
@@ -536,7 +536,7 @@
536
536
  },
537
537
  },
538
538
  borderColor: {
539
- $value: '{base.color.neutral.6}',
539
+ $value: '{base.color.neutral.9}',
540
540
  $type: 'color',
541
541
  $extensions: {
542
542
  'org.primer.figma': {
package/src/tokens/functional/color/light/data-vis-light.json5 CHANGED
@@ -2,7 +2,7 @@
2
2
  data: {
3
3
  blue: {
4
4
  color: {
5
- '@': {
5
+ 'emphasis': {
6
6
  $value: '{base.display.color.blue.5}',
7
7
  $type: 'color',
8
8
  $extensions: {
@@ -30,7 +30,7 @@
30
30
  },
31
31
  auburn: {
32
32
  color: {
33
- '@': {
33
+ 'emphasis': {
34
34
  $value: '{base.display.color.auburn.5}',
35
35
  $type: 'color',
36
36
  $extensions: {
@@ -58,7 +58,7 @@
58
58
  },
59
59
  orange: {
60
60
  color: {
61
- '@': {
61
+ 'emphasis': {
62
62
  $value: '{base.display.color.orange.4}',
63
63
  $type: 'color',
64
64
  $extensions: {
@@ -86,7 +86,7 @@
86
86
  },
87
87
  yellow: {
88
88
  color: {
89
- '@': {
89
+ 'emphasis': {
90
90
  $value: '{base.display.color.yellow.4}',
91
91
  $type: 'color',
92
92
  $extensions: {
@@ -114,7 +114,7 @@
114
114
  },
115
115
  green: {
116
116
  color: {
117
- '@': {
117
+ 'emphasis': {
118
118
  $value: '{base.display.color.green.4}',
119
119
  $type: 'color',
120
120
  $extensions: {
@@ -142,7 +142,7 @@
142
142
  },
143
143
  teal: {
144
144
  color: {
145
- '@': {
145
+ 'emphasis': {
146
146
  $value: '{base.display.color.teal.4}',
147
147
  $type: 'color',
148
148
  $extensions: {
@@ -170,7 +170,7 @@
170
170
  },
171
171
  purple: {
172
172
  color: {
173
- '@': {
173
+ 'emphasis': {
174
174
  $value: '{base.display.color.purple.5}',
175
175
  $type: 'color',
176
176
  $extensions: {
@@ -198,7 +198,7 @@
198
198
  },
199
199
  pink: {
200
200
  color: {
201
- '@': {
201
+ 'emphasis': {
202
202
  $value: '{base.display.color.pink.5}',
203
203
  $type: 'color',
204
204
  $extensions: {
@@ -226,7 +226,7 @@
226
226
  },
227
227
  red: {
228
228
  color: {
229
- '@': {
229
+ 'emphasis': {
230
230
  $value: '{base.display.color.red.5}',
231
231
  $type: 'color',
232
232
  $extensions: {
@@ -254,7 +254,7 @@
254
254
  },
255
255
  gray: {
256
256
  color: {
257
- '@': {
257
+ 'emphasis': {
258
258
  $value: '{base.display.color.gray.4}',
259
259
  $type: 'color',
260
260
  $extensions: {
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED
@@ -8,14 +8,13 @@
8
8
  muted: {
9
9
  $value: '{base.color.neutral.9}',
10
10
  $type: 'color',
11
- mix: null,
12
11
  },
13
12
  disabled: {
14
- $value: '{base.color.neutral.5}',
13
+ $value: '{base.color.neutral.8}',
15
14
  $type: 'color',
16
15
  },
17
16
  neutral: {
18
- $value: '{base.color.neutral.7}',
17
+ $value: '{base.color.neutral.9}',
19
18
  $type: 'color',
20
19
  },
21
20
  success: {
@@ -53,27 +52,21 @@
53
52
  },
54
53
  bgColor: {
55
54
  muted: {
56
- $value: '{base.color.neutral.1}',
55
+ $value: '{base.color.neutral.2}',
57
56
  $type: 'color',
58
57
  },
59
58
  inset: {
60
- $value: '{base.color.white}',
59
+ $value: '{base.color.neutral.1}',
61
60
  $type: 'color',
62
61
  },
63
62
  neutral: {
64
- muted: {
65
- $value: '{base.color.neutral.1}',
66
- $type: 'color',
67
- alpha: 1,
68
- },
69
63
  emphasis: {
70
- $value: '{base.color.neutral.6}',
64
+ $value: '{base.color.neutral.9}',
71
65
  $type: 'color',
72
- alpha: 1,
73
66
  },
74
67
  },
75
68
  disabled: {
76
- $value: '{base.color.neutral.2}',
69
+ $value: '{base.color.neutral.3}',
77
70
  $type: 'color',
78
71
  },
79
72
  success: {
@@ -92,26 +85,28 @@
92
85
  },
93
86
  borderColor: {
94
87
  default: {
95
- $value: '{base.color.neutral.8}',
88
+ $value: '{base.color.neutral.9}',
96
89
  $type: 'color',
97
90
  },
98
91
  muted: {
99
- $value: '{base.color.neutral.4}',
92
+ $value: '{borderColor.default}',
100
93
  $type: 'color',
101
94
  alpha: 1,
102
95
  },
96
+ emphasis: {
97
+ $value: '{borderColor.default}',
98
+ $type: 'color',
99
+ },
100
+ disabled: {
101
+ $value: '{base.color.neutral.8}',
102
+ $type: 'color',
103
+ alpha: 0.12,
104
+ },
103
105
  translucent: {
104
106
  $value: '{base.color.neutral.8}',
105
107
  $type: 'color',
106
108
  alpha: 1,
107
109
  },
108
- neutral: {
109
- muted: {
110
- $value: '{base.color.neutral.4}',
111
- $type: 'color',
112
- alpha: 1,
113
- },
114
- },
115
110
  accent: {
116
111
  muted: {
117
112
  $value: '{base.color.blue.3}',
@@ -200,64 +195,40 @@
200
195
  control: {
201
196
  fgColor: {
202
197
  placeholder: {
203
- $value: '{base.color.neutral.6}',
198
+ $value: '{base.color.neutral.9}',
204
199
  $type: 'color',
205
- mix: {
206
- color: '{base.color.neutral.7}',
207
- weight: 0.2,
208
- },
209
200
  },
210
201
  },
211
202
  bgColor: {
212
203
  rest: {
213
- $value: '{base.color.neutral.1}',
204
+ $value: '{base.color.neutral.3}',
214
205
  $type: 'color',
215
206
  },
216
207
  hover: {
217
- $value: '{base.color.neutral.1}',
208
+ $value: '{base.color.neutral.4}',
218
209
  $type: 'color',
219
- mix: {
220
- color: '{base.color.neutral.3}',
221
- weight: 0.2,
222
- },
223
210
  },
224
211
  active: {
225
- $value: '{base.color.neutral.1}',
226
- $type: 'color',
227
- mix: {
228
- color: '{base.color.neutral.3}',
229
- weight: 0.4,
230
- },
231
- },
232
- selected: {
233
- $value: '{base.color.neutral.3}',
212
+ $value: '{base.color.neutral.5}',
234
213
  $type: 'color',
235
214
  },
236
215
  },
237
- borderColor: {
238
- emphasis: {
239
- $value: '{borderColor.default}',
240
- $type: 'color',
241
- mix: null,
242
- },
243
- },
244
216
  transparent: {
245
217
  bgColor: {
246
218
  hover: {
247
- $value: '{base.color.neutral.1}',
219
+ $value: '{base.color.neutral.4}',
248
220
  $type: 'color',
249
- alpha: null,
250
- mix: null,
221
+ alpha: 1,
251
222
  },
252
223
  active: {
253
- $value: '{base.color.neutral.2}',
224
+ $value: '{base.color.neutral.5}',
254
225
  $type: 'color',
255
- alpha: null,
256
- mix: null,
226
+ alpha: 1,
257
227
  },
258
228
  selected: {
259
- $value: '{base.color.neutral.2}',
229
+ $value: '{base.color.neutral.4}',
260
230
  $type: 'color',
231
+ alpha: 1,
261
232
  },
262
233
  },
263
234
  borderColor: {
@@ -265,6 +236,10 @@
265
236
  $value: '{borderColor.default}',
266
237
  $type: 'color',
267
238
  },
239
+ active: {
240
+ $value: '{borderColor.default}',
241
+ $type: 'color',
242
+ },
268
243
  },
269
244
  },
270
245
  danger: {
@@ -296,33 +271,15 @@
296
271
  controlTrack: {
297
272
  bgColor: {
298
273
  rest: {
299
- $value: '{base.color.neutral.3}',
274
+ $value: '{base.color.neutral.4}',
300
275
  $type: 'color',
301
276
  },
302
277
  hover: {
303
- $value: '{base.color.neutral.3}',
278
+ $value: '{base.color.neutral.5}',
304
279
  $type: 'color',
305
- mix: {
306
- color: '{base.color.neutral.5}',
307
- weight: 0.2,
308
- },
309
280
  },
310
281
  active: {
311
- $value: '{base.color.neutral.3}',
312
- $type: 'color',
313
- mix: {
314
- color: '{base.color.neutral.5}',
315
- weight: 0.4,
316
- },
317
- },
318
- disabled: {
319
- $value: '{fgColor.disabled}',
320
- $type: 'color',
321
- },
322
- },
323
- fgColor: {
324
- rest: {
325
- $value: '{fgColor.default}',
282
+ $value: '{base.color.neutral.6}',
326
283
  $type: 'color',
327
284
  },
328
285
  },
@@ -334,22 +291,6 @@
334
291
  },
335
292
  },
336
293
  button: {
337
- default: {
338
- borderColor: {
339
- rest: {
340
- $value: '{borderColor.default}',
341
- $type: 'color',
342
- },
343
- hover: {
344
- $value: '{borderColor.default}',
345
- $type: 'color',
346
- },
347
- active: {
348
- $value: '{borderColor.default}',
349
- $type: 'color',
350
- },
351
- },
352
- },
353
294
  primary: {
354
295
  bgColor: {
355
296
  rest: {
@@ -391,30 +332,22 @@
391
332
  },
392
333
  },
393
334
  },
394
- invisible: {
335
+ inactive: {
395
336
  fgColor: {
396
- hover: {
397
- $value: '{base.color.blue.2}',
398
- $type: 'color',
399
- },
400
- },
401
- iconColor: {
402
- hover: {
403
- $value: '{fgColor.onEmphasis}',
404
- $type: 'color',
337
+ $value: '{base.color.neutral.9}',
338
+ $type: 'color',
339
+ $extensions: {
340
+ 'org.primer.figma': {
341
+ collection: 'mode',
342
+ mode: 'light',
343
+ group: 'component (internal)',
344
+ scopes: ['fgColor'],
345
+ },
405
346
  },
406
347
  },
407
348
  bgColor: {
408
- hover: {
409
- $value: '{base.color.neutral.8}',
410
- $type: 'color',
411
- alpha: 1,
412
- },
413
- active: {
414
- $value: '{base.color.neutral.6}',
415
- $type: 'color',
416
- alpha: 1,
417
- },
349
+ $value: '{control.bgColor.rest}',
350
+ $type: 'color',
418
351
  },
419
352
  },
420
353
  },
@@ -422,18 +355,8 @@
422
355
  default: {
423
356
  bgColor: {
424
357
  rest: {
425
- $value: '{bgColor.neutral.emphasis}',
426
- $type: 'color',
427
- alpha: 0.2,
428
- },
429
- },
430
- },
431
- invisible: {
432
- bgColor: {
433
- rest: {
434
- $value: '{bgColor.neutral.emphasis}',
358
+ $value: '{base.color.neutral.6}',
435
359
  $type: 'color',
436
- alpha: 0.2,
437
360
  },
438
361
  },
439
362
  },
@@ -482,17 +405,24 @@
482
405
  header: {
483
406
  borderColor: {
484
407
  divider: {
485
- $value: '{base.color.neutral.3}',
408
+ $value: '{base.color.neutral.6}',
486
409
  $type: 'color',
487
410
  },
488
411
  },
489
412
  },
490
413
  overlay: {
491
414
  borderColor: {
492
- $value: '{borderColor.muted}',
415
+ $value: '{borderColor.default}',
493
416
  $type: 'color',
494
417
  alpha: null,
495
418
  },
419
+ backdrop: {
420
+ bgColor: {
421
+ $value: '{base.color.neutral.10}',
422
+ $type: 'color',
423
+ alpha: 0.4,
424
+ },
425
+ },
496
426
  },
497
427
  display: {
498
428
  blue: {
package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 CHANGED
@@ -14,7 +14,7 @@
14
14
  $type: 'color',
15
15
  },
16
16
  closed: {
17
- $value: '{base.color.neutral.5}',
17
+ $value: '{fgColor.muted}',
18
18
  $type: 'color',
19
19
  },
20
20
  danger: {
@@ -61,12 +61,11 @@
61
61
  },
62
62
  closed: {
63
63
  muted: {
64
- $value: '{base.color.neutral.3}',
64
+ $value: '{bgColor.neutral.muted}',
65
65
  $type: 'color',
66
- alpha: 0.4,
67
66
  },
68
67
  emphasis: {
69
- $value: '{base.color.neutral.5}',
68
+ $value: '{bgColor.neutral.emphasis}',
70
69
  $type: 'color',
71
70
  },
72
71
  },
@@ -85,12 +84,11 @@
85
84
  },
86
85
  closed: {
87
86
  muted: {
88
- $value: '{base.color.neutral.3}',
87
+ $value: '{borderColor.default}',
89
88
  $type: 'color',
90
- alpha: 0.4,
91
89
  },
92
90
  emphasis: {
93
- $value: '{base.color.neutral.5}',
91
+ $value: '{borderColor.emphasis}',
94
92
  $type: 'color',
95
93
  },
96
94
  },
package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 CHANGED
@@ -18,7 +18,7 @@
18
18
  $type: 'color',
19
19
  },
20
20
  closed: {
21
- $value: '{base.color.neutral.5}',
21
+ $value: '{fgColor.muted}',
22
22
  $type: 'color',
23
23
  },
24
24
  },
@@ -56,11 +56,11 @@
56
56
  },
57
57
  closed: {
58
58
  muted: {
59
- $value: '{base.color.neutral.0}',
59
+ $value: '{bgColor.neutral.muted}',
60
60
  $type: 'color',
61
61
  },
62
62
  emphasis: {
63
- $value: '{base.color.neutral.5}',
63
+ $value: '{bgColor.neutral.emphasis}',
64
64
  $type: 'color',
65
65
  },
66
66
  },
@@ -101,12 +101,11 @@
101
101
  },
102
102
  closed: {
103
103
  muted: {
104
- $value: '{base.color.neutral.3}',
104
+ $value: '{borderColor.default}',
105
105
  $type: 'color',
106
- alpha: 0.4,
107
106
  },
108
107
  emphasis: {
109
- $value: '{base.color.neutral.5}',
108
+ $value: '{borderColor.emphasis}',
110
109
  $type: 'color',
111
110
  },
112
111
  },