@vellira-ui/tokens 2.98.4 → 2.98.6

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 (56) hide show
  1. package/dist/css/tokens.css +66 -69
  2. package/dist/dark/components/input.d.ts +1 -1
  3. package/dist/dark/components/input.js +1 -1
  4. package/dist/dark/components/radio.d.ts +1 -2
  5. package/dist/dark/components/radio.d.ts.map +1 -1
  6. package/dist/dark/components/radio.js +1 -1
  7. package/dist/dark/components/select.d.ts +1 -1
  8. package/dist/dark/components/select.js +1 -1
  9. package/dist/dark/semantic/action.d.ts +4 -4
  10. package/dist/dark/semantic/action.js +4 -4
  11. package/dist/dark/semantic/control.d.ts +2 -2
  12. package/dist/dark/semantic/control.js +2 -2
  13. package/dist/dark/semantic/text.d.ts +1 -1
  14. package/dist/dark/semantic/text.js +1 -1
  15. package/dist/factories/createRadioPalette.d.ts +1 -2
  16. package/dist/factories/createRadioPalette.d.ts.map +1 -1
  17. package/dist/factories/createRadioPalette.js +1 -2
  18. package/dist/factories/createSwitchTokens.d.ts +1 -1
  19. package/dist/factories/createSwitchTokens.d.ts.map +1 -1
  20. package/dist/factories/createSwitchTokens.js +3 -3
  21. package/dist/generated/token-types.d.ts +5 -5
  22. package/dist/generated/token-types.d.ts.map +1 -1
  23. package/dist/generated/token-types.js +76 -80
  24. package/dist/highContrast/components/input.d.ts +1 -1
  25. package/dist/highContrast/components/input.js +1 -1
  26. package/dist/highContrast/components/radio.d.ts +1 -2
  27. package/dist/highContrast/components/radio.d.ts.map +1 -1
  28. package/dist/highContrast/components/radio.js +1 -1
  29. package/dist/highContrast/components/select.d.ts +1 -1
  30. package/dist/highContrast/components/select.js +1 -1
  31. package/dist/highContrast/semantic/action.d.ts +4 -4
  32. package/dist/highContrast/semantic/action.js +4 -4
  33. package/dist/highContrast/semantic/control.d.ts +2 -2
  34. package/dist/highContrast/semantic/control.js +2 -2
  35. package/dist/highContrast/semantic/text.d.ts +1 -1
  36. package/dist/highContrast/semantic/text.js +1 -1
  37. package/dist/light/components/input.d.ts +1 -1
  38. package/dist/light/components/input.js +1 -1
  39. package/dist/light/components/radio.d.ts +1 -2
  40. package/dist/light/components/radio.d.ts.map +1 -1
  41. package/dist/light/components/radio.js +1 -1
  42. package/dist/light/components/select.d.ts +1 -1
  43. package/dist/light/components/select.js +1 -1
  44. package/dist/light/semantic/action.d.ts +4 -4
  45. package/dist/light/semantic/action.js +4 -4
  46. package/dist/light/semantic/control.d.ts +2 -2
  47. package/dist/light/semantic/control.js +2 -2
  48. package/dist/light/semantic/text.d.ts +1 -1
  49. package/dist/light/semantic/text.js +1 -1
  50. package/dist/preservation/token-migrations.d.ts +50 -4
  51. package/dist/preservation/token-migrations.d.ts.map +1 -1
  52. package/dist/preservation/token-migrations.js +155 -19
  53. package/dist/token-architecture.d.ts +71 -3
  54. package/dist/token-architecture.d.ts.map +1 -1
  55. package/dist/token-architecture.js +88 -3
  56. package/package.json +1 -1
@@ -219,6 +219,91 @@ export function requireTokenValueKind(tokenPath, value) {
219
219
  return kind;
220
220
  throw new Error(`Unknown numeric token value kind for "${tokenPath}". Add a canonical namespace or role rule before serializing this token.`);
221
221
  }
222
+ export const canonicalInteractionStates = [
223
+ 'default',
224
+ 'hover',
225
+ 'pressed',
226
+ 'active',
227
+ 'selected',
228
+ 'disabled',
229
+ 'focus',
230
+ ];
231
+ /**
232
+ * Interaction-state semantics consumed by token audits, Generator V2, and agents.
233
+ * State names describe meaning, never a visual intensity level.
234
+ */
235
+ export const interactionStateVocabularyV1 = {
236
+ default: {
237
+ temporality: 'resting',
238
+ meaning: 'Resting enabled state before interaction or persistent selection.',
239
+ },
240
+ hover: {
241
+ temporality: 'transient',
242
+ meaning: 'Pointer hover only; optional when the input platform has no hover capability.',
243
+ },
244
+ pressed: {
245
+ temporality: 'transient',
246
+ meaning: 'Physical pointer or key activation while the interaction is held.',
247
+ },
248
+ active: {
249
+ temporality: 'persistent-or-current',
250
+ meaning: 'Current or persistently active domain state; never an alias for physical press.',
251
+ },
252
+ selected: {
253
+ temporality: 'persistent',
254
+ meaning: 'Chosen, checked, or selected domain state.',
255
+ },
256
+ disabled: {
257
+ temporality: 'persistent',
258
+ meaning: 'Unavailable interaction state that cannot be activated.',
259
+ },
260
+ focus: {
261
+ temporality: 'transient-or-current',
262
+ meaning: 'Current input focus indication, independent from hover, press, or selection.',
263
+ },
264
+ };
265
+ /**
266
+ * Domains where active is intentionally distinct from physical press.
267
+ * Patterns are architecture metadata for #890; they are not runtime selectors.
268
+ */
269
+ export const legitimatePersistentActiveStateDomainsV1 = [
270
+ {
271
+ pattern: 'semantic.surface.active',
272
+ meaning: 'Generic current/active surface role distinct from surface.pressed.',
273
+ },
274
+ {
275
+ pattern: 'semantic.menu.item.active',
276
+ meaning: 'Current/highlighted menu item independent from physical press.',
277
+ },
278
+ {
279
+ pattern: 'semantic.menu.item.danger.active',
280
+ meaning: 'Current/highlighted danger menu item.',
281
+ },
282
+ {
283
+ pattern: 'semantic.navigation.active',
284
+ meaning: 'Current navigation destination.',
285
+ },
286
+ {
287
+ pattern: 'semantic.navigation.optionActive',
288
+ meaning: 'Current/highlighted navigation option.',
289
+ },
290
+ {
291
+ pattern: 'components.contextMenu.item.active',
292
+ meaning: 'Current/highlighted context-menu item.',
293
+ },
294
+ {
295
+ pattern: 'components.dropdown.*.item.active',
296
+ meaning: 'Current/highlighted dropdown item independent from :active press.',
297
+ },
298
+ {
299
+ pattern: 'components.select.*.option.active',
300
+ meaning: 'Current/highlighted Select option independent from aria-selected and press.',
301
+ },
302
+ {
303
+ pattern: 'components.tabs.*.*.active',
304
+ meaning: 'Current active tab presentation; physical press is a separate interaction.',
305
+ },
306
+ ];
222
307
  export const canonicalTokenVocabulary = {
223
308
  surface: [
224
309
  'canvas',
@@ -236,8 +321,8 @@ export const canonicalTokenVocabulary = {
236
321
  state: [
237
322
  'default',
238
323
  'hover',
239
- 'active',
240
324
  'pressed',
325
+ 'active',
241
326
  'selected',
242
327
  'disabled',
243
328
  'focus',
@@ -251,7 +336,7 @@ export const canonicalTokenVocabulary = {
251
336
  'brand',
252
337
  'interactive',
253
338
  'interactiveHover',
254
- 'interactiveActive',
339
+ 'interactivePressed',
255
340
  'inverse',
256
341
  ],
257
342
  border: ['subtle', 'muted', 'default', 'strong', 'elevated', 'disabled'],
@@ -278,7 +363,7 @@ export const canonicalSemanticRolePaths = [
278
363
  'text.brand',
279
364
  'text.interactive',
280
365
  'text.interactiveHover',
281
- 'text.interactiveActive',
366
+ 'text.interactivePressed',
282
367
  'text.inverse',
283
368
  'border.subtle',
284
369
  'border.muted',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vellira-ui/tokens",
3
- "version": "2.98.4",
3
+ "version": "2.98.6",
4
4
  "description": "Design tokens for Vellira Design System",
5
5
  "keywords": [
6
6
  "vellira",