@vellira-ui/tokens 2.98.5 → 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.
- package/dist/css/tokens.css +66 -69
- package/dist/dark/components/input.d.ts +1 -1
- package/dist/dark/components/input.js +1 -1
- package/dist/dark/components/radio.d.ts +1 -2
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +1 -1
- package/dist/dark/components/select.d.ts +1 -1
- package/dist/dark/components/select.js +1 -1
- package/dist/dark/semantic/action.d.ts +4 -4
- package/dist/dark/semantic/action.js +4 -4
- package/dist/dark/semantic/control.d.ts +2 -2
- package/dist/dark/semantic/control.js +2 -2
- package/dist/dark/semantic/text.d.ts +1 -1
- package/dist/dark/semantic/text.js +1 -1
- package/dist/factories/createRadioPalette.d.ts +1 -2
- package/dist/factories/createRadioPalette.d.ts.map +1 -1
- package/dist/factories/createRadioPalette.js +1 -2
- package/dist/factories/createSwitchTokens.d.ts +1 -1
- package/dist/factories/createSwitchTokens.d.ts.map +1 -1
- package/dist/factories/createSwitchTokens.js +3 -3
- package/dist/generated/token-types.d.ts +5 -5
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +76 -80
- package/dist/highContrast/components/input.d.ts +1 -1
- package/dist/highContrast/components/input.js +1 -1
- package/dist/highContrast/components/radio.d.ts +1 -2
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +1 -1
- package/dist/highContrast/components/select.d.ts +1 -1
- package/dist/highContrast/components/select.js +1 -1
- package/dist/highContrast/semantic/action.d.ts +4 -4
- package/dist/highContrast/semantic/action.js +4 -4
- package/dist/highContrast/semantic/control.d.ts +2 -2
- package/dist/highContrast/semantic/control.js +2 -2
- package/dist/highContrast/semantic/text.d.ts +1 -1
- package/dist/highContrast/semantic/text.js +1 -1
- package/dist/light/components/input.d.ts +1 -1
- package/dist/light/components/input.js +1 -1
- package/dist/light/components/radio.d.ts +1 -2
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +1 -1
- package/dist/light/components/select.d.ts +1 -1
- package/dist/light/components/select.js +1 -1
- package/dist/light/semantic/action.d.ts +4 -4
- package/dist/light/semantic/action.js +4 -4
- package/dist/light/semantic/control.d.ts +2 -2
- package/dist/light/semantic/control.js +2 -2
- package/dist/light/semantic/text.d.ts +1 -1
- package/dist/light/semantic/text.js +1 -1
- package/dist/preservation/token-migrations.d.ts +50 -4
- package/dist/preservation/token-migrations.d.ts.map +1 -1
- package/dist/preservation/token-migrations.js +155 -19
- package/dist/token-architecture.d.ts +71 -3
- package/dist/token-architecture.d.ts.map +1 -1
- package/dist/token-architecture.js +88 -3
- 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
|
-
'
|
|
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.
|
|
366
|
+
'text.interactivePressed',
|
|
282
367
|
'text.inverse',
|
|
283
368
|
'border.subtle',
|
|
284
369
|
'border.muted',
|