@vellira-ui/tokens 2.98.6 → 2.98.7

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 (112) hide show
  1. package/dist/css/tokens.css +141 -189
  2. package/dist/dark/components/dropdown.d.ts +9 -9
  3. package/dist/dark/components/dropdown.d.ts.map +1 -1
  4. package/dist/dark/components/dropdown.js +4 -3
  5. package/dist/dark/components/input.d.ts +1 -1
  6. package/dist/dark/components/input.js +4 -4
  7. package/dist/dark/components/modal.js +1 -1
  8. package/dist/dark/components/radio.js +1 -1
  9. package/dist/dark/components/select.js +2 -2
  10. package/dist/dark/semantic/action.d.ts +2 -2
  11. package/dist/dark/semantic/action.js +2 -2
  12. package/dist/dark/semantic/border.d.ts +1 -1
  13. package/dist/dark/semantic/border.js +1 -1
  14. package/dist/dark/semantic/control.js +1 -1
  15. package/dist/dark/semantic/focus.d.ts +1 -1
  16. package/dist/dark/semantic/focus.js +1 -1
  17. package/dist/dark/semantic/icons.d.ts +2 -2
  18. package/dist/dark/semantic/icons.js +2 -2
  19. package/dist/dark/semantic/index.d.ts +0 -1
  20. package/dist/dark/semantic/index.d.ts.map +1 -1
  21. package/dist/dark/semantic/index.js +0 -1
  22. package/dist/dark/semantic/overlay.d.ts +2 -2
  23. package/dist/dark/semantic/overlay.js +2 -2
  24. package/dist/dark/semantic/status.d.ts +6 -6
  25. package/dist/dark/semantic/status.js +6 -6
  26. package/dist/dark/semantic/surface.d.ts +0 -1
  27. package/dist/dark/semantic/surface.d.ts.map +1 -1
  28. package/dist/dark/semantic/surface.js +0 -1
  29. package/dist/dark/semantic/text.d.ts +2 -2
  30. package/dist/dark/semantic/text.js +2 -2
  31. package/dist/factories/componentFocusRing.d.ts +13 -0
  32. package/dist/factories/componentFocusRing.d.ts.map +1 -0
  33. package/dist/factories/componentFocusRing.js +6 -0
  34. package/dist/factories/createContextMenuTokens.d.ts +2 -1
  35. package/dist/factories/createContextMenuTokens.d.ts.map +1 -1
  36. package/dist/factories/createContextMenuTokens.js +3 -2
  37. package/dist/factories/createModalTokens.d.ts +3 -2
  38. package/dist/factories/createModalTokens.d.ts.map +1 -1
  39. package/dist/factories/createModalTokens.js +4 -3
  40. package/dist/factories/createPopoverTokens.d.ts +1 -1
  41. package/dist/factories/createPopoverTokens.d.ts.map +1 -1
  42. package/dist/factories/createPopoverTokens.js +2 -2
  43. package/dist/generated/token-types.d.ts +4 -4
  44. package/dist/generated/token-types.d.ts.map +1 -1
  45. package/dist/generated/token-types.js +168 -232
  46. package/dist/highContrast/components/dropdown.d.ts +8 -8
  47. package/dist/highContrast/components/dropdown.d.ts.map +1 -1
  48. package/dist/highContrast/components/dropdown.js +4 -3
  49. package/dist/highContrast/components/input.d.ts +4 -4
  50. package/dist/highContrast/components/input.js +4 -4
  51. package/dist/highContrast/components/radio.js +1 -1
  52. package/dist/highContrast/components/select.d.ts +1 -1
  53. package/dist/highContrast/components/select.js +2 -2
  54. package/dist/highContrast/semantic/action.d.ts +2 -2
  55. package/dist/highContrast/semantic/action.js +2 -2
  56. package/dist/highContrast/semantic/border.d.ts +1 -1
  57. package/dist/highContrast/semantic/border.js +1 -1
  58. package/dist/highContrast/semantic/focus.d.ts +1 -1
  59. package/dist/highContrast/semantic/focus.js +1 -1
  60. package/dist/highContrast/semantic/icons.d.ts +4 -4
  61. package/dist/highContrast/semantic/icons.js +4 -4
  62. package/dist/highContrast/semantic/index.d.ts +0 -1
  63. package/dist/highContrast/semantic/index.d.ts.map +1 -1
  64. package/dist/highContrast/semantic/index.js +0 -1
  65. package/dist/highContrast/semantic/overlay.d.ts +2 -2
  66. package/dist/highContrast/semantic/overlay.js +2 -2
  67. package/dist/highContrast/semantic/status.d.ts +4 -4
  68. package/dist/highContrast/semantic/status.js +4 -4
  69. package/dist/highContrast/semantic/surface.d.ts +0 -1
  70. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  71. package/dist/highContrast/semantic/surface.js +0 -1
  72. package/dist/light/components/dropdown.d.ts +8 -8
  73. package/dist/light/components/dropdown.d.ts.map +1 -1
  74. package/dist/light/components/dropdown.js +4 -3
  75. package/dist/light/components/input.js +4 -4
  76. package/dist/light/components/radio.js +1 -1
  77. package/dist/light/components/select.js +2 -2
  78. package/dist/light/semantic/action.d.ts +2 -2
  79. package/dist/light/semantic/action.js +2 -2
  80. package/dist/light/semantic/border.d.ts +1 -1
  81. package/dist/light/semantic/border.js +1 -1
  82. package/dist/light/semantic/focus.d.ts +1 -1
  83. package/dist/light/semantic/focus.js +1 -1
  84. package/dist/light/semantic/icons.d.ts +2 -2
  85. package/dist/light/semantic/icons.js +2 -2
  86. package/dist/light/semantic/index.d.ts +0 -1
  87. package/dist/light/semantic/index.d.ts.map +1 -1
  88. package/dist/light/semantic/index.js +0 -1
  89. package/dist/light/semantic/menu.js +1 -1
  90. package/dist/light/semantic/overlay.d.ts +2 -2
  91. package/dist/light/semantic/overlay.js +2 -2
  92. package/dist/light/semantic/status.d.ts +4 -4
  93. package/dist/light/semantic/status.js +4 -4
  94. package/dist/light/semantic/surface.d.ts +0 -1
  95. package/dist/light/semantic/surface.d.ts.map +1 -1
  96. package/dist/light/semantic/surface.js +0 -1
  97. package/dist/preservation/token-migrations.d.ts +169 -13
  98. package/dist/preservation/token-migrations.d.ts.map +1 -1
  99. package/dist/preservation/token-migrations.js +260 -30
  100. package/dist/token-architecture.d.ts +55 -9
  101. package/dist/token-architecture.d.ts.map +1 -1
  102. package/dist/token-architecture.js +126 -20
  103. package/package.json +1 -1
  104. package/dist/dark/semantic/navigation.d.ts +0 -34
  105. package/dist/dark/semantic/navigation.d.ts.map +0 -1
  106. package/dist/dark/semantic/navigation.js +0 -37
  107. package/dist/highContrast/semantic/navigation.d.ts +0 -34
  108. package/dist/highContrast/semantic/navigation.d.ts.map +0 -1
  109. package/dist/highContrast/semantic/navigation.js +0 -36
  110. package/dist/light/semantic/navigation.d.ts +0 -34
  111. package/dist/light/semantic/navigation.d.ts.map +0 -1
  112. package/dist/light/semantic/navigation.js +0 -37
package/dist/generated/token-types.js CHANGED
@@ -123,21 +123,21 @@ export const colorTokenPaths = [
123
123
  'colors.warning.950',
124
124
  ];
125
125
  export const semanticTokenPaths = [
126
- 'semantic.action.close.default.bg',
127
- 'semantic.action.close.default.border',
128
- 'semantic.action.close.default.fg',
129
- 'semantic.action.close.hover.bg',
130
- 'semantic.action.close.hover.border',
131
- 'semantic.action.close.hover.fg',
132
- 'semantic.action.close.muted.bg',
133
- 'semantic.action.close.muted.border',
134
- 'semantic.action.close.muted.fg',
135
- 'semantic.action.close.pressed.bg',
136
- 'semantic.action.close.pressed.border',
137
- 'semantic.action.close.pressed.fg',
138
- 'semantic.action.close.subtle.bg',
139
- 'semantic.action.close.subtle.border',
140
- 'semantic.action.close.subtle.fg',
126
+ 'semantic.action.accent.default.bg',
127
+ 'semantic.action.accent.default.border',
128
+ 'semantic.action.accent.default.fg',
129
+ 'semantic.action.accent.hover.bg',
130
+ 'semantic.action.accent.hover.border',
131
+ 'semantic.action.accent.hover.fg',
132
+ 'semantic.action.accent.muted.bg',
133
+ 'semantic.action.accent.muted.border',
134
+ 'semantic.action.accent.muted.fg',
135
+ 'semantic.action.accent.pressed.bg',
136
+ 'semantic.action.accent.pressed.border',
137
+ 'semantic.action.accent.pressed.fg',
138
+ 'semantic.action.accent.subtle.bg',
139
+ 'semantic.action.accent.subtle.border',
140
+ 'semantic.action.accent.subtle.fg',
141
141
  'semantic.action.danger.default.bg',
142
142
  'semantic.action.danger.default.border',
143
143
  'semantic.action.danger.default.fg',
@@ -153,6 +153,21 @@ export const semanticTokenPaths = [
153
153
  'semantic.action.danger.subtle.bg',
154
154
  'semantic.action.danger.subtle.border',
155
155
  'semantic.action.danger.subtle.fg',
156
+ 'semantic.action.neutral.default.bg',
157
+ 'semantic.action.neutral.default.border',
158
+ 'semantic.action.neutral.default.fg',
159
+ 'semantic.action.neutral.hover.bg',
160
+ 'semantic.action.neutral.hover.border',
161
+ 'semantic.action.neutral.hover.fg',
162
+ 'semantic.action.neutral.muted.bg',
163
+ 'semantic.action.neutral.muted.border',
164
+ 'semantic.action.neutral.muted.fg',
165
+ 'semantic.action.neutral.pressed.bg',
166
+ 'semantic.action.neutral.pressed.border',
167
+ 'semantic.action.neutral.pressed.fg',
168
+ 'semantic.action.neutral.subtle.bg',
169
+ 'semantic.action.neutral.subtle.border',
170
+ 'semantic.action.neutral.subtle.fg',
156
171
  'semantic.action.primary.default.bg',
157
172
  'semantic.action.primary.default.border',
158
173
  'semantic.action.primary.default.fg',
@@ -168,25 +183,10 @@ export const semanticTokenPaths = [
168
183
  'semantic.action.primary.subtle.bg',
169
184
  'semantic.action.primary.subtle.border',
170
185
  'semantic.action.primary.subtle.fg',
171
- 'semantic.action.secondary.default.bg',
172
- 'semantic.action.secondary.default.border',
173
- 'semantic.action.secondary.default.fg',
174
- 'semantic.action.secondary.hover.bg',
175
- 'semantic.action.secondary.hover.border',
176
- 'semantic.action.secondary.hover.fg',
177
- 'semantic.action.secondary.muted.bg',
178
- 'semantic.action.secondary.muted.border',
179
- 'semantic.action.secondary.muted.fg',
180
- 'semantic.action.secondary.pressed.bg',
181
- 'semantic.action.secondary.pressed.border',
182
- 'semantic.action.secondary.pressed.fg',
183
- 'semantic.action.secondary.subtle.bg',
184
- 'semantic.action.secondary.subtle.border',
185
- 'semantic.action.secondary.subtle.fg',
186
186
  'semantic.border.default',
187
187
  'semantic.border.disabled',
188
188
  'semantic.border.elevated',
189
- 'semantic.border.focus',
189
+ 'semantic.border.interactive',
190
190
  'semantic.border.muted',
191
191
  'semantic.border.strong',
192
192
  'semantic.border.subtle',
@@ -218,17 +218,17 @@ export const semanticTokenPaths = [
218
218
  'semantic.divider.muted',
219
219
  'semantic.divider.strong',
220
220
  'semantic.focus.ring.color',
221
- 'semantic.focus.ring.offset',
221
+ 'semantic.focus.ring.offsetColor',
222
222
  'semantic.focus.ring.shadow',
223
223
  'semantic.focus.ring.width',
224
224
  'semantic.icons.brand',
225
225
  'semantic.icons.danger',
226
226
  'semantic.icons.default',
227
227
  'semantic.icons.disabled',
228
- 'semantic.icons.hover',
228
+ 'semantic.icons.interactive',
229
+ 'semantic.icons.interactiveHover',
229
230
  'semantic.icons.inverse',
230
231
  'semantic.icons.muted',
231
- 'semantic.icons.primary',
232
232
  'semantic.icons.secondary',
233
233
  'semantic.icons.subtle',
234
234
  'semantic.icons.success',
@@ -252,26 +252,11 @@ export const semanticTokenPaths = [
252
252
  'semantic.menu.item.hover.fg',
253
253
  'semantic.menu.item.pressed.bg',
254
254
  'semantic.menu.item.pressed.fg',
255
- 'semantic.navigation.active.bg',
256
- 'semantic.navigation.active.fg',
257
- 'semantic.navigation.border',
258
- 'semantic.navigation.brandHover.bg',
259
- 'semantic.navigation.brandHover.fg',
260
- 'semantic.navigation.hover.bg',
261
- 'semantic.navigation.hover.fg',
262
- 'semantic.navigation.optionActive.bg',
263
- 'semantic.navigation.optionActive.fg',
264
- 'semantic.navigation.optionHover.bg',
265
- 'semantic.navigation.optionHover.fg',
266
- 'semantic.navigation.tabFocus.ring',
267
- 'semantic.navigation.tabHover.fg',
268
- 'semantic.navigation.triggerHover.bg',
269
- 'semantic.navigation.triggerHover.fg',
270
255
  'semantic.overlay.backdrop',
271
- 'semantic.overlay.modal.bg',
272
- 'semantic.overlay.modal.border',
273
- 'semantic.overlay.popover.bg',
274
- 'semantic.overlay.popover.border',
256
+ 'semantic.overlay.dialog.bg',
257
+ 'semantic.overlay.dialog.border',
258
+ 'semantic.overlay.floating.bg',
259
+ 'semantic.overlay.floating.border',
275
260
  'semantic.overlay.tooltip.bg',
276
261
  'semantic.overlay.tooltip.border',
277
262
  'semantic.overlay.tooltip.fg',
@@ -284,26 +269,25 @@ export const semanticTokenPaths = [
284
269
  'semantic.skeleton.highlight',
285
270
  'semantic.status.error.bg',
286
271
  'semantic.status.error.border',
272
+ 'semantic.status.error.emphasisFg',
287
273
  'semantic.status.error.fg',
288
274
  'semantic.status.error.ring',
289
- 'semantic.status.error.strong',
290
275
  'semantic.status.info.bg',
291
276
  'semantic.status.info.border',
277
+ 'semantic.status.info.emphasisFg',
292
278
  'semantic.status.info.fg',
293
279
  'semantic.status.info.ring',
294
- 'semantic.status.info.strong',
295
280
  'semantic.status.success.bg',
296
281
  'semantic.status.success.border',
282
+ 'semantic.status.success.emphasisFg',
297
283
  'semantic.status.success.fg',
298
284
  'semantic.status.success.ring',
299
- 'semantic.status.success.strong',
300
285
  'semantic.status.warning.bg',
301
286
  'semantic.status.warning.border',
287
+ 'semantic.status.warning.emphasisFg',
302
288
  'semantic.status.warning.fg',
303
289
  'semantic.status.warning.ring',
304
- 'semantic.status.warning.strong',
305
290
  'semantic.surface.active',
306
- 'semantic.surface.background',
307
291
  'semantic.surface.canvas',
308
292
  'semantic.surface.danger',
309
293
  'semantic.surface.default',
@@ -4486,21 +4470,21 @@ export const tokenPaths = [
4486
4470
  'components.tooltip.content.scale',
4487
4471
  'components.tooltip.content.shadow',
4488
4472
  'components.tooltip.content.translateY',
4489
- 'semantic.action.close.default.bg',
4490
- 'semantic.action.close.default.border',
4491
- 'semantic.action.close.default.fg',
4492
- 'semantic.action.close.hover.bg',
4493
- 'semantic.action.close.hover.border',
4494
- 'semantic.action.close.hover.fg',
4495
- 'semantic.action.close.muted.bg',
4496
- 'semantic.action.close.muted.border',
4497
- 'semantic.action.close.muted.fg',
4498
- 'semantic.action.close.pressed.bg',
4499
- 'semantic.action.close.pressed.border',
4500
- 'semantic.action.close.pressed.fg',
4501
- 'semantic.action.close.subtle.bg',
4502
- 'semantic.action.close.subtle.border',
4503
- 'semantic.action.close.subtle.fg',
4473
+ 'semantic.action.accent.default.bg',
4474
+ 'semantic.action.accent.default.border',
4475
+ 'semantic.action.accent.default.fg',
4476
+ 'semantic.action.accent.hover.bg',
4477
+ 'semantic.action.accent.hover.border',
4478
+ 'semantic.action.accent.hover.fg',
4479
+ 'semantic.action.accent.muted.bg',
4480
+ 'semantic.action.accent.muted.border',
4481
+ 'semantic.action.accent.muted.fg',
4482
+ 'semantic.action.accent.pressed.bg',
4483
+ 'semantic.action.accent.pressed.border',
4484
+ 'semantic.action.accent.pressed.fg',
4485
+ 'semantic.action.accent.subtle.bg',
4486
+ 'semantic.action.accent.subtle.border',
4487
+ 'semantic.action.accent.subtle.fg',
4504
4488
  'semantic.action.danger.default.bg',
4505
4489
  'semantic.action.danger.default.border',
4506
4490
  'semantic.action.danger.default.fg',
@@ -4516,6 +4500,21 @@ export const tokenPaths = [
4516
4500
  'semantic.action.danger.subtle.bg',
4517
4501
  'semantic.action.danger.subtle.border',
4518
4502
  'semantic.action.danger.subtle.fg',
4503
+ 'semantic.action.neutral.default.bg',
4504
+ 'semantic.action.neutral.default.border',
4505
+ 'semantic.action.neutral.default.fg',
4506
+ 'semantic.action.neutral.hover.bg',
4507
+ 'semantic.action.neutral.hover.border',
4508
+ 'semantic.action.neutral.hover.fg',
4509
+ 'semantic.action.neutral.muted.bg',
4510
+ 'semantic.action.neutral.muted.border',
4511
+ 'semantic.action.neutral.muted.fg',
4512
+ 'semantic.action.neutral.pressed.bg',
4513
+ 'semantic.action.neutral.pressed.border',
4514
+ 'semantic.action.neutral.pressed.fg',
4515
+ 'semantic.action.neutral.subtle.bg',
4516
+ 'semantic.action.neutral.subtle.border',
4517
+ 'semantic.action.neutral.subtle.fg',
4519
4518
  'semantic.action.primary.default.bg',
4520
4519
  'semantic.action.primary.default.border',
4521
4520
  'semantic.action.primary.default.fg',
@@ -4531,25 +4530,10 @@ export const tokenPaths = [
4531
4530
  'semantic.action.primary.subtle.bg',
4532
4531
  'semantic.action.primary.subtle.border',
4533
4532
  'semantic.action.primary.subtle.fg',
4534
- 'semantic.action.secondary.default.bg',
4535
- 'semantic.action.secondary.default.border',
4536
- 'semantic.action.secondary.default.fg',
4537
- 'semantic.action.secondary.hover.bg',
4538
- 'semantic.action.secondary.hover.border',
4539
- 'semantic.action.secondary.hover.fg',
4540
- 'semantic.action.secondary.muted.bg',
4541
- 'semantic.action.secondary.muted.border',
4542
- 'semantic.action.secondary.muted.fg',
4543
- 'semantic.action.secondary.pressed.bg',
4544
- 'semantic.action.secondary.pressed.border',
4545
- 'semantic.action.secondary.pressed.fg',
4546
- 'semantic.action.secondary.subtle.bg',
4547
- 'semantic.action.secondary.subtle.border',
4548
- 'semantic.action.secondary.subtle.fg',
4549
4533
  'semantic.border.default',
4550
4534
  'semantic.border.disabled',
4551
4535
  'semantic.border.elevated',
4552
- 'semantic.border.focus',
4536
+ 'semantic.border.interactive',
4553
4537
  'semantic.border.muted',
4554
4538
  'semantic.border.strong',
4555
4539
  'semantic.border.subtle',
@@ -4581,17 +4565,17 @@ export const tokenPaths = [
4581
4565
  'semantic.divider.muted',
4582
4566
  'semantic.divider.strong',
4583
4567
  'semantic.focus.ring.color',
4584
- 'semantic.focus.ring.offset',
4568
+ 'semantic.focus.ring.offsetColor',
4585
4569
  'semantic.focus.ring.shadow',
4586
4570
  'semantic.focus.ring.width',
4587
4571
  'semantic.icons.brand',
4588
4572
  'semantic.icons.danger',
4589
4573
  'semantic.icons.default',
4590
4574
  'semantic.icons.disabled',
4591
- 'semantic.icons.hover',
4575
+ 'semantic.icons.interactive',
4576
+ 'semantic.icons.interactiveHover',
4592
4577
  'semantic.icons.inverse',
4593
4578
  'semantic.icons.muted',
4594
- 'semantic.icons.primary',
4595
4579
  'semantic.icons.secondary',
4596
4580
  'semantic.icons.subtle',
4597
4581
  'semantic.icons.success',
@@ -4615,26 +4599,11 @@ export const tokenPaths = [
4615
4599
  'semantic.menu.item.hover.fg',
4616
4600
  'semantic.menu.item.pressed.bg',
4617
4601
  'semantic.menu.item.pressed.fg',
4618
- 'semantic.navigation.active.bg',
4619
- 'semantic.navigation.active.fg',
4620
- 'semantic.navigation.border',
4621
- 'semantic.navigation.brandHover.bg',
4622
- 'semantic.navigation.brandHover.fg',
4623
- 'semantic.navigation.hover.bg',
4624
- 'semantic.navigation.hover.fg',
4625
- 'semantic.navigation.optionActive.bg',
4626
- 'semantic.navigation.optionActive.fg',
4627
- 'semantic.navigation.optionHover.bg',
4628
- 'semantic.navigation.optionHover.fg',
4629
- 'semantic.navigation.tabFocus.ring',
4630
- 'semantic.navigation.tabHover.fg',
4631
- 'semantic.navigation.triggerHover.bg',
4632
- 'semantic.navigation.triggerHover.fg',
4633
4602
  'semantic.overlay.backdrop',
4634
- 'semantic.overlay.modal.bg',
4635
- 'semantic.overlay.modal.border',
4636
- 'semantic.overlay.popover.bg',
4637
- 'semantic.overlay.popover.border',
4603
+ 'semantic.overlay.dialog.bg',
4604
+ 'semantic.overlay.dialog.border',
4605
+ 'semantic.overlay.floating.bg',
4606
+ 'semantic.overlay.floating.border',
4638
4607
  'semantic.overlay.tooltip.bg',
4639
4608
  'semantic.overlay.tooltip.border',
4640
4609
  'semantic.overlay.tooltip.fg',
@@ -4647,26 +4616,25 @@ export const tokenPaths = [
4647
4616
  'semantic.skeleton.highlight',
4648
4617
  'semantic.status.error.bg',
4649
4618
  'semantic.status.error.border',
4619
+ 'semantic.status.error.emphasisFg',
4650
4620
  'semantic.status.error.fg',
4651
4621
  'semantic.status.error.ring',
4652
- 'semantic.status.error.strong',
4653
4622
  'semantic.status.info.bg',
4654
4623
  'semantic.status.info.border',
4624
+ 'semantic.status.info.emphasisFg',
4655
4625
  'semantic.status.info.fg',
4656
4626
  'semantic.status.info.ring',
4657
- 'semantic.status.info.strong',
4658
4627
  'semantic.status.success.bg',
4659
4628
  'semantic.status.success.border',
4629
+ 'semantic.status.success.emphasisFg',
4660
4630
  'semantic.status.success.fg',
4661
4631
  'semantic.status.success.ring',
4662
- 'semantic.status.success.strong',
4663
4632
  'semantic.status.warning.bg',
4664
4633
  'semantic.status.warning.border',
4634
+ 'semantic.status.warning.emphasisFg',
4665
4635
  'semantic.status.warning.fg',
4666
4636
  'semantic.status.warning.ring',
4667
- 'semantic.status.warning.strong',
4668
4637
  'semantic.surface.active',
4669
- 'semantic.surface.background',
4670
4638
  'semantic.surface.canvas',
4671
4639
  'semantic.surface.danger',
4672
4640
  'semantic.surface.default',
@@ -4820,21 +4788,21 @@ export const themeCssVariableNames = [
4820
4788
  '--accordion-trigger-hover-fg',
4821
4789
  '--accordion-trigger-pressed-bg',
4822
4790
  '--accordion-trigger-pressed-fg',
4823
- '--action-close-default-bg',
4824
- '--action-close-default-border',
4825
- '--action-close-default-fg',
4826
- '--action-close-hover-bg',
4827
- '--action-close-hover-border',
4828
- '--action-close-hover-fg',
4829
- '--action-close-muted-bg',
4830
- '--action-close-muted-border',
4831
- '--action-close-muted-fg',
4832
- '--action-close-pressed-bg',
4833
- '--action-close-pressed-border',
4834
- '--action-close-pressed-fg',
4835
- '--action-close-subtle-bg',
4836
- '--action-close-subtle-border',
4837
- '--action-close-subtle-fg',
4791
+ '--action-accent-default-bg',
4792
+ '--action-accent-default-border',
4793
+ '--action-accent-default-fg',
4794
+ '--action-accent-hover-bg',
4795
+ '--action-accent-hover-border',
4796
+ '--action-accent-hover-fg',
4797
+ '--action-accent-muted-bg',
4798
+ '--action-accent-muted-border',
4799
+ '--action-accent-muted-fg',
4800
+ '--action-accent-pressed-bg',
4801
+ '--action-accent-pressed-border',
4802
+ '--action-accent-pressed-fg',
4803
+ '--action-accent-subtle-bg',
4804
+ '--action-accent-subtle-border',
4805
+ '--action-accent-subtle-fg',
4838
4806
  '--action-danger-default-bg',
4839
4807
  '--action-danger-default-border',
4840
4808
  '--action-danger-default-fg',
@@ -4850,6 +4818,21 @@ export const themeCssVariableNames = [
4850
4818
  '--action-danger-subtle-bg',
4851
4819
  '--action-danger-subtle-border',
4852
4820
  '--action-danger-subtle-fg',
4821
+ '--action-neutral-default-bg',
4822
+ '--action-neutral-default-border',
4823
+ '--action-neutral-default-fg',
4824
+ '--action-neutral-hover-bg',
4825
+ '--action-neutral-hover-border',
4826
+ '--action-neutral-hover-fg',
4827
+ '--action-neutral-muted-bg',
4828
+ '--action-neutral-muted-border',
4829
+ '--action-neutral-muted-fg',
4830
+ '--action-neutral-pressed-bg',
4831
+ '--action-neutral-pressed-border',
4832
+ '--action-neutral-pressed-fg',
4833
+ '--action-neutral-subtle-bg',
4834
+ '--action-neutral-subtle-border',
4835
+ '--action-neutral-subtle-fg',
4853
4836
  '--action-primary-default-bg',
4854
4837
  '--action-primary-default-border',
4855
4838
  '--action-primary-default-fg',
@@ -4865,25 +4848,10 @@ export const themeCssVariableNames = [
4865
4848
  '--action-primary-subtle-bg',
4866
4849
  '--action-primary-subtle-border',
4867
4850
  '--action-primary-subtle-fg',
4868
- '--action-secondary-default-bg',
4869
- '--action-secondary-default-border',
4870
- '--action-secondary-default-fg',
4871
- '--action-secondary-hover-bg',
4872
- '--action-secondary-hover-border',
4873
- '--action-secondary-hover-fg',
4874
- '--action-secondary-muted-bg',
4875
- '--action-secondary-muted-border',
4876
- '--action-secondary-muted-fg',
4877
- '--action-secondary-pressed-bg',
4878
- '--action-secondary-pressed-border',
4879
- '--action-secondary-pressed-fg',
4880
- '--action-secondary-subtle-bg',
4881
- '--action-secondary-subtle-border',
4882
- '--action-secondary-subtle-fg',
4883
4851
  '--border-default',
4884
4852
  '--border-disabled',
4885
4853
  '--border-elevated',
4886
- '--border-focus',
4854
+ '--border-interactive',
4887
4855
  '--border-muted',
4888
4856
  '--border-strong',
4889
4857
  '--border-subtle',
@@ -5580,7 +5548,7 @@ export const themeCssVariableNames = [
5580
5548
  '--dropdown-warning-trigger-hover-icon',
5581
5549
  '--dropdown-warning-trigger-hover-placeholder',
5582
5550
  '--focus-ring-color',
5583
- '--focus-ring-offset',
5551
+ '--focus-ring-offset-color',
5584
5552
  '--focus-ring-shadow',
5585
5553
  '--focus-ring-width',
5586
5554
  '--form-field-description-fg',
@@ -5638,10 +5606,10 @@ export const themeCssVariableNames = [
5638
5606
  '--icons-danger',
5639
5607
  '--icons-default',
5640
5608
  '--icons-disabled',
5641
- '--icons-hover',
5609
+ '--icons-interactive',
5610
+ '--icons-interactive-hover',
5642
5611
  '--icons-inverse',
5643
5612
  '--icons-muted',
5644
- '--icons-primary',
5645
5613
  '--icons-secondary',
5646
5614
  '--icons-subtle',
5647
5615
  '--icons-success',
@@ -5997,26 +5965,11 @@ export const themeCssVariableNames = [
5997
5965
  '--modal-overlay-bg',
5998
5966
  '--modal-overlay-blur',
5999
5967
  '--modal-title-fg',
6000
- '--navigation-active-bg',
6001
- '--navigation-active-fg',
6002
- '--navigation-border',
6003
- '--navigation-brand-hover-bg',
6004
- '--navigation-brand-hover-fg',
6005
- '--navigation-hover-bg',
6006
- '--navigation-hover-fg',
6007
- '--navigation-option-active-bg',
6008
- '--navigation-option-active-fg',
6009
- '--navigation-option-hover-bg',
6010
- '--navigation-option-hover-fg',
6011
- '--navigation-tab-focus-ring',
6012
- '--navigation-tab-hover-fg',
6013
- '--navigation-trigger-hover-bg',
6014
- '--navigation-trigger-hover-fg',
6015
5968
  '--overlay-backdrop',
6016
- '--overlay-modal-bg',
6017
- '--overlay-modal-border',
6018
- '--overlay-popover-bg',
6019
- '--overlay-popover-border',
5969
+ '--overlay-dialog-bg',
5970
+ '--overlay-dialog-border',
5971
+ '--overlay-floating-bg',
5972
+ '--overlay-floating-border',
6020
5973
  '--overlay-tooltip-bg',
6021
5974
  '--overlay-tooltip-border',
6022
5975
  '--overlay-tooltip-fg',
@@ -6889,26 +6842,25 @@ export const themeCssVariableNames = [
6889
6842
  '--skeleton-highlight',
6890
6843
  '--status-error-bg',
6891
6844
  '--status-error-border',
6845
+ '--status-error-emphasis-fg',
6892
6846
  '--status-error-fg',
6893
6847
  '--status-error-ring',
6894
- '--status-error-strong',
6895
6848
  '--status-info-bg',
6896
6849
  '--status-info-border',
6850
+ '--status-info-emphasis-fg',
6897
6851
  '--status-info-fg',
6898
6852
  '--status-info-ring',
6899
- '--status-info-strong',
6900
6853
  '--status-success-bg',
6901
6854
  '--status-success-border',
6855
+ '--status-success-emphasis-fg',
6902
6856
  '--status-success-fg',
6903
6857
  '--status-success-ring',
6904
- '--status-success-strong',
6905
6858
  '--status-warning-bg',
6906
6859
  '--status-warning-border',
6860
+ '--status-warning-emphasis-fg',
6907
6861
  '--status-warning-fg',
6908
6862
  '--status-warning-ring',
6909
- '--status-warning-strong',
6910
6863
  '--surface-active',
6911
- '--surface-background',
6912
6864
  '--surface-canvas',
6913
6865
  '--surface-danger',
6914
6866
  '--surface-default',
@@ -7127,21 +7079,21 @@ export const cssVariableNames = [
7127
7079
  '--accordion-trigger-hover-fg',
7128
7080
  '--accordion-trigger-pressed-bg',
7129
7081
  '--accordion-trigger-pressed-fg',
7130
- '--action-close-default-bg',
7131
- '--action-close-default-border',
7132
- '--action-close-default-fg',
7133
- '--action-close-hover-bg',
7134
- '--action-close-hover-border',
7135
- '--action-close-hover-fg',
7136
- '--action-close-muted-bg',
7137
- '--action-close-muted-border',
7138
- '--action-close-muted-fg',
7139
- '--action-close-pressed-bg',
7140
- '--action-close-pressed-border',
7141
- '--action-close-pressed-fg',
7142
- '--action-close-subtle-bg',
7143
- '--action-close-subtle-border',
7144
- '--action-close-subtle-fg',
7082
+ '--action-accent-default-bg',
7083
+ '--action-accent-default-border',
7084
+ '--action-accent-default-fg',
7085
+ '--action-accent-hover-bg',
7086
+ '--action-accent-hover-border',
7087
+ '--action-accent-hover-fg',
7088
+ '--action-accent-muted-bg',
7089
+ '--action-accent-muted-border',
7090
+ '--action-accent-muted-fg',
7091
+ '--action-accent-pressed-bg',
7092
+ '--action-accent-pressed-border',
7093
+ '--action-accent-pressed-fg',
7094
+ '--action-accent-subtle-bg',
7095
+ '--action-accent-subtle-border',
7096
+ '--action-accent-subtle-fg',
7145
7097
  '--action-danger-default-bg',
7146
7098
  '--action-danger-default-border',
7147
7099
  '--action-danger-default-fg',
@@ -7157,6 +7109,21 @@ export const cssVariableNames = [
7157
7109
  '--action-danger-subtle-bg',
7158
7110
  '--action-danger-subtle-border',
7159
7111
  '--action-danger-subtle-fg',
7112
+ '--action-neutral-default-bg',
7113
+ '--action-neutral-default-border',
7114
+ '--action-neutral-default-fg',
7115
+ '--action-neutral-hover-bg',
7116
+ '--action-neutral-hover-border',
7117
+ '--action-neutral-hover-fg',
7118
+ '--action-neutral-muted-bg',
7119
+ '--action-neutral-muted-border',
7120
+ '--action-neutral-muted-fg',
7121
+ '--action-neutral-pressed-bg',
7122
+ '--action-neutral-pressed-border',
7123
+ '--action-neutral-pressed-fg',
7124
+ '--action-neutral-subtle-bg',
7125
+ '--action-neutral-subtle-border',
7126
+ '--action-neutral-subtle-fg',
7160
7127
  '--action-primary-default-bg',
7161
7128
  '--action-primary-default-border',
7162
7129
  '--action-primary-default-fg',
@@ -7172,25 +7139,10 @@ export const cssVariableNames = [
7172
7139
  '--action-primary-subtle-bg',
7173
7140
  '--action-primary-subtle-border',
7174
7141
  '--action-primary-subtle-fg',
7175
- '--action-secondary-default-bg',
7176
- '--action-secondary-default-border',
7177
- '--action-secondary-default-fg',
7178
- '--action-secondary-hover-bg',
7179
- '--action-secondary-hover-border',
7180
- '--action-secondary-hover-fg',
7181
- '--action-secondary-muted-bg',
7182
- '--action-secondary-muted-border',
7183
- '--action-secondary-muted-fg',
7184
- '--action-secondary-pressed-bg',
7185
- '--action-secondary-pressed-border',
7186
- '--action-secondary-pressed-fg',
7187
- '--action-secondary-subtle-bg',
7188
- '--action-secondary-subtle-border',
7189
- '--action-secondary-subtle-fg',
7190
7142
  '--border-default',
7191
7143
  '--border-disabled',
7192
7144
  '--border-elevated',
7193
- '--border-focus',
7145
+ '--border-interactive',
7194
7146
  '--border-muted',
7195
7147
  '--border-strong',
7196
7148
  '--border-subtle',
@@ -7887,7 +7839,7 @@ export const cssVariableNames = [
7887
7839
  '--dropdown-warning-trigger-hover-icon',
7888
7840
  '--dropdown-warning-trigger-hover-placeholder',
7889
7841
  '--focus-ring-color',
7890
- '--focus-ring-offset',
7842
+ '--focus-ring-offset-color',
7891
7843
  '--focus-ring-shadow',
7892
7844
  '--focus-ring-width',
7893
7845
  '--font-family-base',
@@ -7962,10 +7914,10 @@ export const cssVariableNames = [
7962
7914
  '--icons-danger',
7963
7915
  '--icons-default',
7964
7916
  '--icons-disabled',
7965
- '--icons-hover',
7917
+ '--icons-interactive',
7918
+ '--icons-interactive-hover',
7966
7919
  '--icons-inverse',
7967
7920
  '--icons-muted',
7968
- '--icons-primary',
7969
7921
  '--icons-secondary',
7970
7922
  '--icons-subtle',
7971
7923
  '--icons-success',
@@ -8327,26 +8279,11 @@ export const cssVariableNames = [
8327
8279
  '--modal-overlay-bg',
8328
8280
  '--modal-overlay-blur',
8329
8281
  '--modal-title-fg',
8330
- '--navigation-active-bg',
8331
- '--navigation-active-fg',
8332
- '--navigation-border',
8333
- '--navigation-brand-hover-bg',
8334
- '--navigation-brand-hover-fg',
8335
- '--navigation-hover-bg',
8336
- '--navigation-hover-fg',
8337
- '--navigation-option-active-bg',
8338
- '--navigation-option-active-fg',
8339
- '--navigation-option-hover-bg',
8340
- '--navigation-option-hover-fg',
8341
- '--navigation-tab-focus-ring',
8342
- '--navigation-tab-hover-fg',
8343
- '--navigation-trigger-hover-bg',
8344
- '--navigation-trigger-hover-fg',
8345
8282
  '--overlay-backdrop',
8346
- '--overlay-modal-bg',
8347
- '--overlay-modal-border',
8348
- '--overlay-popover-bg',
8349
- '--overlay-popover-border',
8283
+ '--overlay-dialog-bg',
8284
+ '--overlay-dialog-border',
8285
+ '--overlay-floating-bg',
8286
+ '--overlay-floating-border',
8350
8287
  '--overlay-tooltip-bg',
8351
8288
  '--overlay-tooltip-border',
8352
8289
  '--overlay-tooltip-fg',
@@ -9236,26 +9173,25 @@ export const cssVariableNames = [
9236
9173
  '--space-16',
9237
9174
  '--status-error-bg',
9238
9175
  '--status-error-border',
9176
+ '--status-error-emphasis-fg',
9239
9177
  '--status-error-fg',
9240
9178
  '--status-error-ring',
9241
- '--status-error-strong',
9242
9179
  '--status-info-bg',
9243
9180
  '--status-info-border',
9181
+ '--status-info-emphasis-fg',
9244
9182
  '--status-info-fg',
9245
9183
  '--status-info-ring',
9246
- '--status-info-strong',
9247
9184
  '--status-success-bg',
9248
9185
  '--status-success-border',
9186
+ '--status-success-emphasis-fg',
9249
9187
  '--status-success-fg',
9250
9188
  '--status-success-ring',
9251
- '--status-success-strong',
9252
9189
  '--status-warning-bg',
9253
9190
  '--status-warning-border',
9191
+ '--status-warning-emphasis-fg',
9254
9192
  '--status-warning-fg',
9255
9193
  '--status-warning-ring',
9256
- '--status-warning-strong',
9257
9194
  '--surface-active',
9258
- '--surface-background',
9259
9195
  '--surface-canvas',
9260
9196
  '--surface-danger',
9261
9197
  '--surface-default',