@withlayers/tokens 0.22.0 → 0.23.0

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 (2) hide show
  1. package/dist/index.css +316 -369
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -244,7 +244,10 @@
244
244
  --l--theme--border--width--xl: var(--l--border--width--8);
245
245
  --l--theme--border--width--xxl: var(--l--border--width--16);
246
246
  --l--theme--border--dialog--style: var(--l--border--style--none);
247
+ --l--theme--border--interactive--style: var(--l--border--style--solid);
248
+ --l--theme--border--mark-control--style: var(--l--border--style--solid);
247
249
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
250
+ --l--theme--border--text-control--style: var(--l--border--style--solid);
248
251
  --l--theme--color--background--default: var(--l--color--neutral--0);
249
252
  --l--theme--color--background--knockout: var(--l--color--neutral--90);
250
253
  --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
@@ -297,92 +300,212 @@
297
300
  --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--10);
298
301
  --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--90);
299
302
  --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--10);
300
- --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
301
- --l--theme--color--interactive--background--on-default--checked--rest: var(--l--color--neutral--90);
302
- --l--theme--color--interactive--background--on-default--checked--focus: var(--l--color--neutral--90);
303
- --l--theme--color--interactive--background--on-default--checked--hover: var(--l--color--neutral--80);
304
- --l--theme--color--interactive--background--on-default--checked--invalid--rest: var(--l--color--red--70);
305
- --l--theme--color--interactive--background--on-default--checked--invalid--focus: var(--l--color--red--70);
306
- --l--theme--color--interactive--background--on-default--checked--invalid--hover: var(--l--color--red--60);
307
- --l--theme--color--interactive--background--on-default--invalid--hover: var(--l--color--neutral--10);
308
- --l--theme--color--interactive--background--on-default--disabled: var(--l--color--neutral--10);
309
- --l--theme--color--interactive--background--on-knockout--hover: var(--l--color--neutral--80);
310
- --l--theme--color--interactive--background--on-knockout--checked--rest: var(--l--color--neutral--0);
311
- --l--theme--color--interactive--background--on-knockout--checked--focus: var(--l--color--neutral--0);
312
- --l--theme--color--interactive--background--on-knockout--checked--hover: var(--l--color--neutral--10);
313
- --l--theme--color--interactive--background--on-knockout--checked--invalid--rest: var(--l--color--red--30);
314
- --l--theme--color--interactive--background--on-knockout--checked--invalid--focus: var(--l--color--red--30);
315
- --l--theme--color--interactive--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
316
- --l--theme--color--interactive--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
317
- --l--theme--color--interactive--background--on-knockout--disabled: var(--l--color--neutral--80);
318
- --l--theme--color--interactive--border--on-default--rest: var(--l--color--neutral--70);
319
- --l--theme--color--interactive--border--on-default--focus: var(--l--color--neutral--70);
320
- --l--theme--color--interactive--border--on-default--hover: var(--l--color--neutral--80);
321
- --l--theme--color--interactive--border--on-default--checked--rest: var(--l--color--neutral--90);
322
- --l--theme--color--interactive--border--on-default--checked--focus: var(--l--color--neutral--90);
323
- --l--theme--color--interactive--border--on-default--checked--hover: var(--l--color--neutral--80);
324
- --l--theme--color--interactive--border--on-default--checked--invalid--rest: var(--l--color--red--70);
325
- --l--theme--color--interactive--border--on-default--checked--invalid--focus: var(--l--color--red--70);
326
- --l--theme--color--interactive--border--on-default--checked--invalid--hover: var(--l--color--red--60);
327
- --l--theme--color--interactive--border--on-default--invalid--rest: var(--l--color--red--60);
328
- --l--theme--color--interactive--border--on-default--invalid--focus: var(--l--color--red--60);
329
- --l--theme--color--interactive--border--on-default--invalid--hover: var(--l--color--red--70);
330
- --l--theme--color--interactive--border--on-default--disabled: var(--l--color--neutral--20);
331
- --l--theme--color--interactive--border--on-knockout--rest: var(--l--color--neutral--30);
332
- --l--theme--color--interactive--border--on-knockout--focus: var(--l--color--neutral--30);
333
- --l--theme--color--interactive--border--on-knockout--hover: var(--l--color--neutral--40);
334
- --l--theme--color--interactive--border--on-knockout--checked--rest: var(--l--color--neutral--0);
335
- --l--theme--color--interactive--border--on-knockout--checked--focus: var(--l--color--neutral--0);
336
- --l--theme--color--interactive--border--on-knockout--checked--hover: var(--l--color--neutral--10);
337
- --l--theme--color--interactive--border--on-knockout--checked--invalid--rest: var(--l--color--red--30);
338
- --l--theme--color--interactive--border--on-knockout--checked--invalid--focus: var(--l--color--red--30);
339
- --l--theme--color--interactive--border--on-knockout--checked--invalid--hover: var(--l--color--red--40);
340
- --l--theme--color--interactive--border--on-knockout--invalid--rest: var(--l--color--red--30);
341
- --l--theme--color--interactive--border--on-knockout--invalid--focus: var(--l--color--red--30);
342
- --l--theme--color--interactive--border--on-knockout--invalid--hover: var(--l--color--red--40);
343
- --l--theme--color--interactive--border--on-knockout--disabled: var(--l--color--neutral--70);
344
- --l--theme--color--interactive--content--on-default--rest: var(--l--color--neutral--90);
345
- --l--theme--color--interactive--content--on-default--hover: var(--l--color--neutral--90);
346
- --l--theme--color--interactive--content--on-default--focus: var(--l--color--neutral--90);
347
- --l--theme--color--interactive--content--on-default--disabled: var(--l--color--neutral--40);
348
- --l--theme--color--interactive--content--on-default--invalid--rest: var(--l--color--neutral--90);
349
- --l--theme--color--interactive--content--on-default--invalid--hover: var(--l--color--neutral--90);
350
- --l--theme--color--interactive--content--on-default--invalid--focus: var(--l--color--neutral--90);
351
- --l--theme--color--interactive--content--on-default--checked--rest: var(--l--color--neutral--10);
352
- --l--theme--color--interactive--content--on-default--checked--hover: var(--l--color--neutral--10);
353
- --l--theme--color--interactive--content--on-default--checked--focus: var(--l--color--neutral--10);
354
- --l--theme--color--interactive--content--on-default--checked--disabled: var(--l--color--neutral--40);
355
- --l--theme--color--interactive--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
356
- --l--theme--color--interactive--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
357
- --l--theme--color--interactive--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
358
- --l--theme--color--interactive--content--on-knockout--rest: var(--l--color--neutral--0);
359
- --l--theme--color--interactive--content--on-knockout--hover: var(--l--color--neutral--0);
360
- --l--theme--color--interactive--content--on-knockout--focus: var(--l--color--neutral--0);
361
- --l--theme--color--interactive--content--on-knockout--disabled: var(--l--color--neutral--50);
362
- --l--theme--color--interactive--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
363
- --l--theme--color--interactive--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
364
- --l--theme--color--interactive--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
365
- --l--theme--color--interactive--content--on-knockout--checked--rest: var(--l--color--neutral--90);
366
- --l--theme--color--interactive--content--on-knockout--checked--hover: var(--l--color--neutral--90);
367
- --l--theme--color--interactive--content--on-knockout--checked--focus: var(--l--color--neutral--90);
368
- --l--theme--color--interactive--content--on-knockout--checked--disabled: var(--l--color--neutral--50);
369
- --l--theme--color--interactive--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
370
- --l--theme--color--interactive--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
371
- --l--theme--color--interactive--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
372
- --l--theme--color--interactive--placeholder--on-default--rest: var(--l--color--neutral--60);
373
- --l--theme--color--interactive--placeholder--on-default--hover: var(--l--color--neutral--60);
374
- --l--theme--color--interactive--placeholder--on-default--focus: var(--l--color--neutral--60);
375
- --l--theme--color--interactive--placeholder--on-default--disabled: var(--l--color--neutral--40);
376
- --l--theme--color--interactive--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
377
- --l--theme--color--interactive--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
378
- --l--theme--color--interactive--placeholder--on-default--invalid--focus: var(--l--color--neutral--60);
379
- --l--theme--color--interactive--placeholder--on-knockout--rest: var(--l--color--neutral--30);
380
- --l--theme--color--interactive--placeholder--on-knockout--hover: var(--l--color--neutral--30);
381
- --l--theme--color--interactive--placeholder--on-knockout--focus: var(--l--color--neutral--30);
382
- --l--theme--color--interactive--placeholder--on-knockout--disabled: var(--l--color--neutral--50);
383
- --l--theme--color--interactive--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
384
- --l--theme--color--interactive--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
385
- --l--theme--color--interactive--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
303
+ --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--10);
304
+ --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--90);
305
+ --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--90);
306
+ --l--theme--color--input--background--on-default--checked--hover: var(--l--color--neutral--80);
307
+ --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--color--red--70);
308
+ --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--color--red--70);
309
+ --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--color--red--60);
310
+ --l--theme--color--input--background--on-default--invalid--hover: var(--l--color--neutral--10);
311
+ --l--theme--color--input--background--on-default--disabled: var(--l--color--neutral--10);
312
+ --l--theme--color--input--background--on-knockout--hover: var(--l--color--neutral--80);
313
+ --l--theme--color--input--background--on-knockout--checked--rest: var(--l--color--neutral--0);
314
+ --l--theme--color--input--background--on-knockout--checked--focus: var(--l--color--neutral--0);
315
+ --l--theme--color--input--background--on-knockout--checked--hover: var(--l--color--neutral--10);
316
+ --l--theme--color--input--background--on-knockout--checked--invalid--rest: var(--l--color--red--30);
317
+ --l--theme--color--input--background--on-knockout--checked--invalid--focus: var(--l--color--red--30);
318
+ --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
319
+ --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
320
+ --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--80);
321
+ --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--70);
322
+ --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--70);
323
+ --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--80);
324
+ --l--theme--color--input--border--on-default--checked--rest: var(--l--color--neutral--90);
325
+ --l--theme--color--input--border--on-default--checked--focus: var(--l--color--neutral--90);
326
+ --l--theme--color--input--border--on-default--checked--hover: var(--l--color--neutral--80);
327
+ --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--color--red--70);
328
+ --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--color--red--70);
329
+ --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--color--red--60);
330
+ --l--theme--color--input--border--on-default--invalid--rest: var(--l--color--red--60);
331
+ --l--theme--color--input--border--on-default--invalid--focus: var(--l--color--red--60);
332
+ --l--theme--color--input--border--on-default--invalid--hover: var(--l--color--red--70);
333
+ --l--theme--color--input--border--on-default--disabled: var(--l--color--neutral--20);
334
+ --l--theme--color--input--border--on-knockout--rest: var(--l--color--neutral--30);
335
+ --l--theme--color--input--border--on-knockout--focus: var(--l--color--neutral--30);
336
+ --l--theme--color--input--border--on-knockout--hover: var(--l--color--neutral--40);
337
+ --l--theme--color--input--border--on-knockout--checked--rest: var(--l--color--neutral--0);
338
+ --l--theme--color--input--border--on-knockout--checked--focus: var(--l--color--neutral--0);
339
+ --l--theme--color--input--border--on-knockout--checked--hover: var(--l--color--neutral--10);
340
+ --l--theme--color--input--border--on-knockout--checked--invalid--rest: var(--l--color--red--30);
341
+ --l--theme--color--input--border--on-knockout--checked--invalid--focus: var(--l--color--red--30);
342
+ --l--theme--color--input--border--on-knockout--checked--invalid--hover: var(--l--color--red--40);
343
+ --l--theme--color--input--border--on-knockout--invalid--rest: var(--l--color--red--30);
344
+ --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--30);
345
+ --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--40);
346
+ --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--70);
347
+ --l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
348
+ --l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
349
+ --l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
350
+ --l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--40);
351
+ --l--theme--color--input--content--on-default--invalid--rest: var(--l--color--neutral--90);
352
+ --l--theme--color--input--content--on-default--invalid--hover: var(--l--color--neutral--90);
353
+ --l--theme--color--input--content--on-default--invalid--focus: var(--l--color--neutral--90);
354
+ --l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--10);
355
+ --l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--10);
356
+ --l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--10);
357
+ --l--theme--color--input--content--on-default--checked--disabled: var(--l--color--neutral--40);
358
+ --l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
359
+ --l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
360
+ --l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
361
+ --l--theme--color--input--content--on-knockout--rest: var(--l--color--neutral--0);
362
+ --l--theme--color--input--content--on-knockout--hover: var(--l--color--neutral--0);
363
+ --l--theme--color--input--content--on-knockout--focus: var(--l--color--neutral--0);
364
+ --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
365
+ --l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
366
+ --l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
367
+ --l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
368
+ --l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--90);
369
+ --l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--90);
370
+ --l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--90);
371
+ --l--theme--color--input--content--on-knockout--checked--disabled: var(--l--color--neutral--50);
372
+ --l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
373
+ --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
374
+ --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
375
+ --l--theme--color--input--placeholder--on-default--rest: var(--l--color--neutral--60);
376
+ --l--theme--color--input--placeholder--on-default--hover: var(--l--color--neutral--60);
377
+ --l--theme--color--input--placeholder--on-default--focus: var(--l--color--neutral--60);
378
+ --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
379
+ --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
380
+ --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
381
+ --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--color--neutral--60);
382
+ --l--theme--color--input--placeholder--on-knockout--rest: var(--l--color--neutral--30);
383
+ --l--theme--color--input--placeholder--on-knockout--hover: var(--l--color--neutral--30);
384
+ --l--theme--color--input--placeholder--on-knockout--focus: var(--l--color--neutral--30);
385
+ --l--theme--color--input--placeholder--on-knockout--disabled: var(--l--color--neutral--50);
386
+ --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
387
+ --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
388
+ --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
389
+ --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--100);
390
+ --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--80);
391
+ --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--80);
392
+ --l--theme--color--interactive--background--primary--on-default--focus: var(--l--color--neutral--100);
393
+ --l--theme--color--interactive--background--primary--on-default--hover: var(--l--color--neutral--80);
394
+ --l--theme--color--interactive--background--primary--on-knockout--rest: var(--l--color--neutral--0);
395
+ --l--theme--color--interactive--background--primary--on-knockout--active: var(--l--color--neutral--10);
396
+ --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
397
+ --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--0);
398
+ --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--10);
399
+ --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
400
+ --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
401
+ --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
402
+ --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--color--neutral--0);
403
+ --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--color--neutral--alpha--dark--10);
404
+ --l--theme--color--interactive--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--light--0);
405
+ --l--theme--color--interactive--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--light--10);
406
+ --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
407
+ --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
408
+ --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
409
+ --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--10);
410
+ --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--20);
411
+ --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
412
+ --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--color--neutral--20);
413
+ --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--color--neutral--20);
414
+ --l--theme--color--interactive--background--tertiary--on-knockout--rest: var(--l--color--neutral--80);
415
+ --l--theme--color--interactive--background--tertiary--on-knockout--active: var(--l--color--neutral--70);
416
+ --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
417
+ --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
418
+ --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
419
+ --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--70);
420
+ --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--60);
421
+ --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--red--40);
422
+ --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--color--red--70);
423
+ --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--color--red--60);
424
+ --l--theme--color--interactive--background--destructive--on-knockout--rest: var(--l--color--red--30);
425
+ --l--theme--color--interactive--background--destructive--on-knockout--active: var(--l--color--red--40);
426
+ --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--red--50);
427
+ --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--30);
428
+ --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--40);
429
+ --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--100);
430
+ --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--80);
431
+ --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--80);
432
+ --l--theme--color--interactive--border--primary--on-default--focus: var(--l--color--neutral--100);
433
+ --l--theme--color--interactive--border--primary--on-default--hover: var(--l--color--neutral--80);
434
+ --l--theme--color--interactive--border--primary--on-knockout--rest: var(--l--color--neutral--0);
435
+ --l--theme--color--interactive--border--primary--on-knockout--active: var(--l--color--neutral--20);
436
+ --l--theme--color--interactive--border--primary--on-knockout--disabled: var(--l--color--neutral--20);
437
+ --l--theme--color--interactive--border--primary--on-knockout--focus: var(--l--color--neutral--0);
438
+ --l--theme--color--interactive--border--primary--on-knockout--hover: var(--l--color--neutral--20);
439
+ --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--color--neutral--90);
440
+ --l--theme--color--interactive--border--secondary--on-default--active: var(--l--color--neutral--40);
441
+ --l--theme--color--interactive--border--secondary--on-default--disabled: var(--l--color--neutral--40);
442
+ --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--color--neutral--90);
443
+ --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--color--neutral--90);
444
+ --l--theme--color--interactive--border--secondary--on-knockout--rest: var(--l--color--neutral--0);
445
+ --l--theme--color--interactive--border--secondary--on-knockout--active: var(--l--color--neutral--0);
446
+ --l--theme--color--interactive--border--secondary--on-knockout--disabled: var(--l--color--neutral--50);
447
+ --l--theme--color--interactive--border--secondary--on-knockout--focus: var(--l--color--neutral--0);
448
+ --l--theme--color--interactive--border--secondary--on-knockout--hover: var(--l--color--neutral--0);
449
+ --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--color--neutral--10);
450
+ --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--color--neutral--20);
451
+ --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
452
+ --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--color--neutral--20);
453
+ --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--color--neutral--20);
454
+ --l--theme--color--interactive--border--tertiary--on-knockout--rest: var(--l--color--neutral--80);
455
+ --l--theme--color--interactive--border--tertiary--on-knockout--active: var(--l--color--neutral--70);
456
+ --l--theme--color--interactive--border--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
457
+ --l--theme--color--interactive--border--tertiary--on-knockout--focus: var(--l--color--neutral--70);
458
+ --l--theme--color--interactive--border--tertiary--on-knockout--hover: var(--l--color--neutral--70);
459
+ --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--color--red--70);
460
+ --l--theme--color--interactive--border--destructive--on-default--active: var(--l--color--red--60);
461
+ --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--color--red--40);
462
+ --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--color--red--70);
463
+ --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--color--red--60);
464
+ --l--theme--color--interactive--border--destructive--on-knockout--rest: var(--l--color--red--30);
465
+ --l--theme--color--interactive--border--destructive--on-knockout--active: var(--l--color--red--40);
466
+ --l--theme--color--interactive--border--destructive--on-knockout--disabled: var(--l--color--red--50);
467
+ --l--theme--color--interactive--border--destructive--on-knockout--focus: var(--l--color--red--30);
468
+ --l--theme--color--interactive--border--destructive--on-knockout--hover: var(--l--color--red--40);
469
+ --l--theme--color--interactive--content--primary--on-default--rest: var(--l--color--neutral--10);
470
+ --l--theme--color--interactive--content--primary--on-default--active: var(--l--color--neutral--10);
471
+ --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--color--neutral--40);
472
+ --l--theme--color--interactive--content--primary--on-default--focus: var(--l--color--neutral--10);
473
+ --l--theme--color--interactive--content--primary--on-default--hover: var(--l--color--neutral--10);
474
+ --l--theme--color--interactive--content--primary--on-knockout--rest: var(--l--color--neutral--90);
475
+ --l--theme--color--interactive--content--primary--on-knockout--active: var(--l--color--neutral--90);
476
+ --l--theme--color--interactive--content--primary--on-knockout--disabled: var(--l--color--neutral--50);
477
+ --l--theme--color--interactive--content--primary--on-knockout--focus: var(--l--color--neutral--90);
478
+ --l--theme--color--interactive--content--primary--on-knockout--hover: var(--l--color--neutral--90);
479
+ --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--color--neutral--90);
480
+ --l--theme--color--interactive--content--secondary--on-default--active: var(--l--color--neutral--90);
481
+ --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--color--neutral--40);
482
+ --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--color--neutral--90);
483
+ --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--color--neutral--90);
484
+ --l--theme--color--interactive--content--secondary--on-knockout--rest: var(--l--color--neutral--0);
485
+ --l--theme--color--interactive--content--secondary--on-knockout--active: var(--l--color--neutral--0);
486
+ --l--theme--color--interactive--content--secondary--on-knockout--disabled: var(--l--color--neutral--50);
487
+ --l--theme--color--interactive--content--secondary--on-knockout--focus: var(--l--color--neutral--0);
488
+ --l--theme--color--interactive--content--secondary--on-knockout--hover: var(--l--color--neutral--0);
489
+ --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--color--neutral--90);
490
+ --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--color--neutral--90);
491
+ --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
492
+ --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--color--neutral--90);
493
+ --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--color--neutral--90);
494
+ --l--theme--color--interactive--content--tertiary--on-knockout--rest: var(--l--color--neutral--0);
495
+ --l--theme--color--interactive--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
496
+ --l--theme--color--interactive--content--tertiary--on-knockout--disabled: var(--l--color--neutral--50);
497
+ --l--theme--color--interactive--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
498
+ --l--theme--color--interactive--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
499
+ --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--color--red--10);
500
+ --l--theme--color--interactive--content--destructive--on-default--active: var(--l--color--red--10);
501
+ --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--color--red--20);
502
+ --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--color--red--10);
503
+ --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--color--red--10);
504
+ --l--theme--color--interactive--content--destructive--on-knockout--rest: var(--l--color--red--90);
505
+ --l--theme--color--interactive--content--destructive--on-knockout--active: var(--l--color--red--90);
506
+ --l--theme--color--interactive--content--destructive--on-knockout--disabled: var(--l--color--red--70);
507
+ --l--theme--color--interactive--content--destructive--on-knockout--focus: var(--l--color--red--90);
508
+ --l--theme--color--interactive--content--destructive--on-knockout--hover: var(--l--color--red--90);
386
509
  --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
387
510
  --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
388
511
  --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
@@ -452,38 +575,6 @@
452
575
  --l--theme--typography--body--text-transform--sm: var(--l--typography--text-transform--none);
453
576
  --l--theme--typography--body--text-transform--md: var(--l--typography--text-transform--none);
454
577
  --l--theme--typography--body--text-transform--lg: var(--l--typography--text-transform--none);
455
- --l--theme--typography--button--font-family--xs: var(--l--typography--font-family--secondary);
456
- --l--theme--typography--button--font-family--sm: var(--l--typography--font-family--secondary);
457
- --l--theme--typography--button--font-family--md: var(--l--typography--font-family--secondary);
458
- --l--theme--typography--button--font-family--lg: var(--l--typography--font-family--secondary);
459
- --l--theme--typography--button--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
460
- --l--theme--typography--button--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
461
- --l--theme--typography--button--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
462
- --l--theme--typography--button--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
463
- --l--theme--typography--button--font-style--xs: var(--l--typography--font-style--normal);
464
- --l--theme--typography--button--font-style--sm: var(--l--typography--font-style--normal);
465
- --l--theme--typography--button--font-style--md: var(--l--typography--font-style--normal);
466
- --l--theme--typography--button--font-style--lg: var(--l--typography--font-style--normal);
467
- --l--theme--typography--button--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
468
- --l--theme--typography--button--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
469
- --l--theme--typography--button--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
470
- --l--theme--typography--button--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
471
- --l--theme--typography--button--font-weight--xs: var(--l--typography--font-weight--medium);
472
- --l--theme--typography--button--font-weight--sm: var(--l--typography--font-weight--medium);
473
- --l--theme--typography--button--font-weight--md: var(--l--typography--font-weight--medium);
474
- --l--theme--typography--button--font-weight--lg: var(--l--typography--font-weight--medium);
475
- --l--theme--typography--button--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
476
- --l--theme--typography--button--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
477
- --l--theme--typography--button--letter-spacing--md: var(--l--typography--letter-spacing--normal);
478
- --l--theme--typography--button--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
479
- --l--theme--typography--button--line-height--xs: var(--l--typography--line-height--1250);
480
- --l--theme--typography--button--line-height--sm: var(--l--typography--line-height--1250);
481
- --l--theme--typography--button--line-height--md: var(--l--typography--line-height--1375);
482
- --l--theme--typography--button--line-height--lg: var(--l--typography--line-height--1500);
483
- --l--theme--typography--button--text-transform--xs: var(--l--typography--text-transform--none);
484
- --l--theme--typography--button--text-transform--sm: var(--l--typography--text-transform--none);
485
- --l--theme--typography--button--text-transform--md: var(--l--typography--text-transform--none);
486
- --l--theme--typography--button--text-transform--lg: var(--l--typography--text-transform--none);
487
578
  --l--theme--typography--caption--font-family--primary: var(--l--typography--font-family--secondary);
488
579
  --l--theme--typography--caption--font-family--secondary: var(--l--typography--font-family--primary);
489
580
  --l--theme--typography--caption--font-size--primary: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
@@ -554,6 +645,38 @@
554
645
  --l--theme--typography--heading--text-transform--l4: var(--l--typography--text-transform--none);
555
646
  --l--theme--typography--heading--text-transform--l5: var(--l--typography--text-transform--none);
556
647
  --l--theme--typography--heading--text-transform--l6: var(--l--typography--text-transform--none);
648
+ --l--theme--typography--interactive--font-family--xs: var(--l--typography--font-family--secondary);
649
+ --l--theme--typography--interactive--font-family--sm: var(--l--typography--font-family--secondary);
650
+ --l--theme--typography--interactive--font-family--md: var(--l--typography--font-family--secondary);
651
+ --l--theme--typography--interactive--font-family--lg: var(--l--typography--font-family--secondary);
652
+ --l--theme--typography--interactive--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
653
+ --l--theme--typography--interactive--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
654
+ --l--theme--typography--interactive--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
655
+ --l--theme--typography--interactive--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
656
+ --l--theme--typography--interactive--font-style--xs: var(--l--typography--font-style--normal);
657
+ --l--theme--typography--interactive--font-style--sm: var(--l--typography--font-style--normal);
658
+ --l--theme--typography--interactive--font-style--md: var(--l--typography--font-style--normal);
659
+ --l--theme--typography--interactive--font-style--lg: var(--l--typography--font-style--normal);
660
+ --l--theme--typography--interactive--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
661
+ --l--theme--typography--interactive--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
662
+ --l--theme--typography--interactive--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
663
+ --l--theme--typography--interactive--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
664
+ --l--theme--typography--interactive--font-weight--xs: var(--l--typography--font-weight--medium);
665
+ --l--theme--typography--interactive--font-weight--sm: var(--l--typography--font-weight--medium);
666
+ --l--theme--typography--interactive--font-weight--md: var(--l--typography--font-weight--medium);
667
+ --l--theme--typography--interactive--font-weight--lg: var(--l--typography--font-weight--medium);
668
+ --l--theme--typography--interactive--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
669
+ --l--theme--typography--interactive--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
670
+ --l--theme--typography--interactive--letter-spacing--md: var(--l--typography--letter-spacing--normal);
671
+ --l--theme--typography--interactive--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
672
+ --l--theme--typography--interactive--line-height--xs: var(--l--typography--line-height--1250);
673
+ --l--theme--typography--interactive--line-height--sm: var(--l--typography--line-height--1250);
674
+ --l--theme--typography--interactive--line-height--md: var(--l--typography--line-height--1375);
675
+ --l--theme--typography--interactive--line-height--lg: var(--l--typography--line-height--1500);
676
+ --l--theme--typography--interactive--text-transform--xs: var(--l--typography--text-transform--none);
677
+ --l--theme--typography--interactive--text-transform--sm: var(--l--typography--text-transform--none);
678
+ --l--theme--typography--interactive--text-transform--md: var(--l--typography--text-transform--none);
679
+ --l--theme--typography--interactive--text-transform--lg: var(--l--typography--text-transform--none);
557
680
  --l--theme--typography--label--font-family: var(--l--typography--font-family--secondary);
558
681
  --l--theme--typography--label--font-size: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
559
682
  --l--theme--typography--label--font-style: var(--l--typography--font-style--normal);
@@ -586,6 +709,38 @@
586
709
  --l--theme--typography--subhead--letter-spacing: var(--l--typography--letter-spacing--normal);
587
710
  --l--theme--typography--subhead--line-height: var(--l--typography--line-height--1500);
588
711
  --l--theme--typography--subhead--text-transform: var(--l--typography--text-transform--none);
712
+ --l--theme--typography--text-control--font-family--xs: var(--l--typography--font-family--secondary);
713
+ --l--theme--typography--text-control--font-family--sm: var(--l--typography--font-family--secondary);
714
+ --l--theme--typography--text-control--font-family--md: var(--l--typography--font-family--secondary);
715
+ --l--theme--typography--text-control--font-family--lg: var(--l--typography--font-family--secondary);
716
+ --l--theme--typography--text-control--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
717
+ --l--theme--typography--text-control--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
718
+ --l--theme--typography--text-control--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
719
+ --l--theme--typography--text-control--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
720
+ --l--theme--typography--text-control--font-style--xs: var(--l--typography--font-style--normal);
721
+ --l--theme--typography--text-control--font-style--sm: var(--l--typography--font-style--normal);
722
+ --l--theme--typography--text-control--font-style--md: var(--l--typography--font-style--normal);
723
+ --l--theme--typography--text-control--font-style--lg: var(--l--typography--font-style--normal);
724
+ --l--theme--typography--text-control--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
725
+ --l--theme--typography--text-control--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
726
+ --l--theme--typography--text-control--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
727
+ --l--theme--typography--text-control--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
728
+ --l--theme--typography--text-control--font-weight--xs: var(--l--typography--font-weight--medium);
729
+ --l--theme--typography--text-control--font-weight--sm: var(--l--typography--font-weight--medium);
730
+ --l--theme--typography--text-control--font-weight--md: var(--l--typography--font-weight--medium);
731
+ --l--theme--typography--text-control--font-weight--lg: var(--l--typography--font-weight--medium);
732
+ --l--theme--typography--text-control--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
733
+ --l--theme--typography--text-control--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
734
+ --l--theme--typography--text-control--letter-spacing--md: var(--l--typography--letter-spacing--normal);
735
+ --l--theme--typography--text-control--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
736
+ --l--theme--typography--text-control--line-height--xs: var(--l--typography--line-height--1250);
737
+ --l--theme--typography--text-control--line-height--sm: var(--l--typography--line-height--1250);
738
+ --l--theme--typography--text-control--line-height--md: var(--l--typography--line-height--1375);
739
+ --l--theme--typography--text-control--line-height--lg: var(--l--typography--line-height--1500);
740
+ --l--theme--typography--text-control--text-transform--xs: var(--l--typography--text-transform--none);
741
+ --l--theme--typography--text-control--text-transform--sm: var(--l--typography--text-transform--none);
742
+ --l--theme--typography--text-control--text-transform--md: var(--l--typography--text-transform--none);
743
+ --l--theme--typography--text-control--text-transform--lg: var(--l--typography--text-transform--none);
589
744
  --l--theme--outline--offset: var(--l--units--2);
590
745
  --l--theme--outline--style: var(--l--border--style--solid);
591
746
  --l--theme--outline--width: var(--l--border--width--2);
@@ -602,6 +757,7 @@
602
757
  --l--theme--size--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
603
758
  --l--theme--size--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
604
759
  --l--theme--size--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
760
+ --l--theme--size--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
605
761
  --l--theme--size--icon--xs: var(--l--units--12);
606
762
  --l--theme--size--icon--sm: var(--l--units--16);
607
763
  --l--theme--size--icon--md: var(--l--units--24);
@@ -621,129 +777,6 @@
621
777
  --l--theme--space--100: clamp(var(--l--units--64), 2.9630vw + 3.3333rem, var(--l--units--96));
622
778
  --l--theme--space--110: clamp(var(--l--units--96), 2.9630vw + 5.3333rem, var(--l--units--128));
623
779
  --l--theme--space--120: clamp(var(--l--units--128), 5.9259vw + 6.6667rem, var(--l--units--192));
624
- --l--theme--button--border--style: var(--l--border--style--solid);
625
- --l--theme--button--color--background--primary--on-default--rest: var(--l--color--neutral--100);
626
- --l--theme--button--color--background--primary--on-default--active: var(--l--color--neutral--80);
627
- --l--theme--button--color--background--primary--on-default--disabled: var(--l--color--neutral--80);
628
- --l--theme--button--color--background--primary--on-default--focus: var(--l--color--neutral--100);
629
- --l--theme--button--color--background--primary--on-default--hover: var(--l--color--neutral--80);
630
- --l--theme--button--color--background--primary--on-knockout--rest: var(--l--color--neutral--0);
631
- --l--theme--button--color--background--primary--on-knockout--active: var(--l--color--neutral--10);
632
- --l--theme--button--color--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
633
- --l--theme--button--color--background--primary--on-knockout--focus: var(--l--color--neutral--0);
634
- --l--theme--button--color--background--primary--on-knockout--hover: var(--l--color--neutral--10);
635
- --l--theme--button--color--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
636
- --l--theme--button--color--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
637
- --l--theme--button--color--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
638
- --l--theme--button--color--background--secondary--on-default--focus: var(--l--color--neutral--0);
639
- --l--theme--button--color--background--secondary--on-default--hover: var(--l--color--neutral--alpha--dark--10);
640
- --l--theme--button--color--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--light--0);
641
- --l--theme--button--color--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--light--10);
642
- --l--theme--button--color--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
643
- --l--theme--button--color--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
644
- --l--theme--button--color--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
645
- --l--theme--button--color--background--tertiary--on-default--rest: var(--l--color--neutral--10);
646
- --l--theme--button--color--background--tertiary--on-default--active: var(--l--color--neutral--20);
647
- --l--theme--button--color--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
648
- --l--theme--button--color--background--tertiary--on-default--focus: var(--l--color--neutral--20);
649
- --l--theme--button--color--background--tertiary--on-default--hover: var(--l--color--neutral--20);
650
- --l--theme--button--color--background--tertiary--on-knockout--rest: var(--l--color--neutral--80);
651
- --l--theme--button--color--background--tertiary--on-knockout--active: var(--l--color--neutral--70);
652
- --l--theme--button--color--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
653
- --l--theme--button--color--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
654
- --l--theme--button--color--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
655
- --l--theme--button--color--background--destructive--on-default--rest: var(--l--color--red--70);
656
- --l--theme--button--color--background--destructive--on-default--active: var(--l--color--red--60);
657
- --l--theme--button--color--background--destructive--on-default--disabled: var(--l--color--red--40);
658
- --l--theme--button--color--background--destructive--on-default--focus: var(--l--color--red--70);
659
- --l--theme--button--color--background--destructive--on-default--hover: var(--l--color--red--60);
660
- --l--theme--button--color--background--destructive--on-knockout--rest: var(--l--color--red--30);
661
- --l--theme--button--color--background--destructive--on-knockout--active: var(--l--color--red--40);
662
- --l--theme--button--color--background--destructive--on-knockout--disabled: var(--l--color--red--50);
663
- --l--theme--button--color--background--destructive--on-knockout--focus: var(--l--color--red--30);
664
- --l--theme--button--color--background--destructive--on-knockout--hover: var(--l--color--red--40);
665
- --l--theme--button--color--border--primary--on-default--rest: var(--l--color--neutral--100);
666
- --l--theme--button--color--border--primary--on-default--active: var(--l--color--neutral--80);
667
- --l--theme--button--color--border--primary--on-default--disabled: var(--l--color--neutral--80);
668
- --l--theme--button--color--border--primary--on-default--focus: var(--l--color--neutral--100);
669
- --l--theme--button--color--border--primary--on-default--hover: var(--l--color--neutral--80);
670
- --l--theme--button--color--border--primary--on-knockout--rest: var(--l--color--neutral--0);
671
- --l--theme--button--color--border--primary--on-knockout--active: var(--l--color--neutral--10);
672
- --l--theme--button--color--border--primary--on-knockout--disabled: var(--l--color--neutral--10);
673
- --l--theme--button--color--border--primary--on-knockout--focus: var(--l--color--neutral--0);
674
- --l--theme--button--color--border--primary--on-knockout--hover: var(--l--color--neutral--10);
675
- --l--theme--button--color--border--secondary--on-default--rest: var(--l--color--neutral--90);
676
- --l--theme--button--color--border--secondary--on-default--active: var(--l--color--neutral--90);
677
- --l--theme--button--color--border--secondary--on-default--disabled: var(--l--color--neutral--40);
678
- --l--theme--button--color--border--secondary--on-default--focus: var(--l--color--neutral--90);
679
- --l--theme--button--color--border--secondary--on-default--hover: var(--l--color--neutral--90);
680
- --l--theme--button--color--border--secondary--on-knockout--rest: var(--l--color--neutral--0);
681
- --l--theme--button--color--border--secondary--on-knockout--active: var(--l--color--neutral--0);
682
- --l--theme--button--color--border--secondary--on-knockout--disabled: var(--l--color--neutral--50);
683
- --l--theme--button--color--border--secondary--on-knockout--focus: var(--l--color--neutral--0);
684
- --l--theme--button--color--border--secondary--on-knockout--hover: var(--l--color--neutral--0);
685
- --l--theme--button--color--border--tertiary--on-default--rest: var(--l--color--neutral--10);
686
- --l--theme--button--color--border--tertiary--on-default--active: var(--l--color--neutral--20);
687
- --l--theme--button--color--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
688
- --l--theme--button--color--border--tertiary--on-default--focus: var(--l--color--neutral--20);
689
- --l--theme--button--color--border--tertiary--on-default--hover: var(--l--color--neutral--20);
690
- --l--theme--button--color--border--tertiary--on-knockout--rest: var(--l--color--neutral--80);
691
- --l--theme--button--color--border--tertiary--on-knockout--active: var(--l--color--neutral--70);
692
- --l--theme--button--color--border--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
693
- --l--theme--button--color--border--tertiary--on-knockout--focus: var(--l--color--neutral--70);
694
- --l--theme--button--color--border--tertiary--on-knockout--hover: var(--l--color--neutral--70);
695
- --l--theme--button--color--border--destructive--on-default--rest: var(--l--color--red--70);
696
- --l--theme--button--color--border--destructive--on-default--active: var(--l--color--red--60);
697
- --l--theme--button--color--border--destructive--on-default--disabled: var(--l--color--red--40);
698
- --l--theme--button--color--border--destructive--on-default--focus: var(--l--color--red--70);
699
- --l--theme--button--color--border--destructive--on-default--hover: var(--l--color--red--60);
700
- --l--theme--button--color--border--destructive--on-knockout--rest: var(--l--color--red--30);
701
- --l--theme--button--color--border--destructive--on-knockout--active: var(--l--color--red--40);
702
- --l--theme--button--color--border--destructive--on-knockout--disabled: var(--l--color--red--50);
703
- --l--theme--button--color--border--destructive--on-knockout--focus: var(--l--color--red--30);
704
- --l--theme--button--color--border--destructive--on-knockout--hover: var(--l--color--red--40);
705
- --l--theme--button--color--content--primary--on-default--rest: var(--l--color--neutral--10);
706
- --l--theme--button--color--content--primary--on-default--active: var(--l--color--neutral--10);
707
- --l--theme--button--color--content--primary--on-default--disabled: var(--l--color--neutral--40);
708
- --l--theme--button--color--content--primary--on-default--focus: var(--l--color--neutral--10);
709
- --l--theme--button--color--content--primary--on-default--hover: var(--l--color--neutral--10);
710
- --l--theme--button--color--content--primary--on-knockout--rest: var(--l--color--neutral--90);
711
- --l--theme--button--color--content--primary--on-knockout--active: var(--l--color--neutral--90);
712
- --l--theme--button--color--content--primary--on-knockout--disabled: var(--l--color--neutral--50);
713
- --l--theme--button--color--content--primary--on-knockout--focus: var(--l--color--neutral--90);
714
- --l--theme--button--color--content--primary--on-knockout--hover: var(--l--color--neutral--90);
715
- --l--theme--button--color--content--secondary--on-default--rest: var(--l--color--neutral--90);
716
- --l--theme--button--color--content--secondary--on-default--active: var(--l--color--neutral--90);
717
- --l--theme--button--color--content--secondary--on-default--disabled: var(--l--color--neutral--40);
718
- --l--theme--button--color--content--secondary--on-default--focus: var(--l--color--neutral--90);
719
- --l--theme--button--color--content--secondary--on-default--hover: var(--l--color--neutral--90);
720
- --l--theme--button--color--content--secondary--on-knockout--rest: var(--l--color--neutral--0);
721
- --l--theme--button--color--content--secondary--on-knockout--active: var(--l--color--neutral--0);
722
- --l--theme--button--color--content--secondary--on-knockout--disabled: var(--l--color--neutral--50);
723
- --l--theme--button--color--content--secondary--on-knockout--focus: var(--l--color--neutral--0);
724
- --l--theme--button--color--content--secondary--on-knockout--hover: var(--l--color--neutral--0);
725
- --l--theme--button--color--content--tertiary--on-default--rest: var(--l--color--neutral--90);
726
- --l--theme--button--color--content--tertiary--on-default--active: var(--l--color--neutral--90);
727
- --l--theme--button--color--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
728
- --l--theme--button--color--content--tertiary--on-default--focus: var(--l--color--neutral--90);
729
- --l--theme--button--color--content--tertiary--on-default--hover: var(--l--color--neutral--90);
730
- --l--theme--button--color--content--tertiary--on-knockout--rest: var(--l--color--neutral--0);
731
- --l--theme--button--color--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
732
- --l--theme--button--color--content--tertiary--on-knockout--disabled: var(--l--color--neutral--50);
733
- --l--theme--button--color--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
734
- --l--theme--button--color--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
735
- --l--theme--button--color--content--destructive--on-default--rest: var(--l--color--red--10);
736
- --l--theme--button--color--content--destructive--on-default--active: var(--l--color--red--10);
737
- --l--theme--button--color--content--destructive--on-default--disabled: var(--l--color--red--20);
738
- --l--theme--button--color--content--destructive--on-default--focus: var(--l--color--red--10);
739
- --l--theme--button--color--content--destructive--on-default--hover: var(--l--color--red--10);
740
- --l--theme--button--color--content--destructive--on-knockout--rest: var(--l--color--red--90);
741
- --l--theme--button--color--content--destructive--on-knockout--active: var(--l--color--red--90);
742
- --l--theme--button--color--content--destructive--on-knockout--disabled: var(--l--color--red--70);
743
- --l--theme--button--color--content--destructive--on-knockout--focus: var(--l--color--red--90);
744
- --l--theme--button--color--content--destructive--on-knockout--hover: var(--l--color--red--90);
745
- --l--theme--checkbox-control--border--style: var(--l--border--style--solid);
746
- --l--theme--checkbox-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
747
780
  --l--theme--notification--border--style: var(--l--border--style--solid);
748
781
  --l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
749
782
  --l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
@@ -777,87 +810,37 @@
777
810
  --l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
778
811
  --l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
779
812
  --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
780
- --l--theme--radio-control--border--style: var(--l--border--style--solid);
781
- --l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
782
- --l--theme--select-control--border--style: var(--l--border--style--solid);
783
- --l--theme--select-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
784
- --l--theme--select-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
785
- --l--theme--select-control--typography--font-family--md: var(--l--typography--font-family--secondary);
786
- --l--theme--select-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
787
- --l--theme--select-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
788
- --l--theme--select-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
789
- --l--theme--select-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
790
- --l--theme--select-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
791
- --l--theme--select-control--typography--font-style--xs: var(--l--typography--font-style--normal);
792
- --l--theme--select-control--typography--font-style--sm: var(--l--typography--font-style--normal);
793
- --l--theme--select-control--typography--font-style--md: var(--l--typography--font-style--normal);
794
- --l--theme--select-control--typography--font-style--lg: var(--l--typography--font-style--normal);
795
- --l--theme--select-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
796
- --l--theme--select-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
797
- --l--theme--select-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
798
- --l--theme--select-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
799
- --l--theme--select-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
800
- --l--theme--select-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
801
- --l--theme--select-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
802
- --l--theme--select-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
803
- --l--theme--select-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
804
- --l--theme--select-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
805
- --l--theme--select-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
806
- --l--theme--select-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
807
- --l--theme--select-control--typography--line-height--xs: var(--l--typography--line-height--1250);
808
- --l--theme--select-control--typography--line-height--sm: var(--l--typography--line-height--1250);
809
- --l--theme--select-control--typography--line-height--md: var(--l--typography--line-height--1375);
810
- --l--theme--select-control--typography--line-height--lg: var(--l--typography--line-height--1500);
811
- --l--theme--select-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
812
- --l--theme--select-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
813
- --l--theme--select-control--typography--text-transform--md: var(--l--typography--text-transform--none);
814
- --l--theme--select-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
815
- --l--theme--text-control--border--style: var(--l--border--style--solid);
816
- --l--theme--text-control--typography--font-family--xs: var(--l--typography--font-family--secondary);
817
- --l--theme--text-control--typography--font-family--sm: var(--l--typography--font-family--secondary);
818
- --l--theme--text-control--typography--font-family--md: var(--l--typography--font-family--secondary);
819
- --l--theme--text-control--typography--font-family--lg: var(--l--typography--font-family--secondary);
820
- --l--theme--text-control--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
821
- --l--theme--text-control--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
822
- --l--theme--text-control--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
823
- --l--theme--text-control--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
824
- --l--theme--text-control--typography--font-style--xs: var(--l--typography--font-style--normal);
825
- --l--theme--text-control--typography--font-style--sm: var(--l--typography--font-style--normal);
826
- --l--theme--text-control--typography--font-style--md: var(--l--typography--font-style--normal);
827
- --l--theme--text-control--typography--font-style--lg: var(--l--typography--font-style--normal);
828
- --l--theme--text-control--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
829
- --l--theme--text-control--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
830
- --l--theme--text-control--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
831
- --l--theme--text-control--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
832
- --l--theme--text-control--typography--font-weight--xs: var(--l--typography--font-weight--medium);
833
- --l--theme--text-control--typography--font-weight--sm: var(--l--typography--font-weight--medium);
834
- --l--theme--text-control--typography--font-weight--md: var(--l--typography--font-weight--medium);
835
- --l--theme--text-control--typography--font-weight--lg: var(--l--typography--font-weight--medium);
836
- --l--theme--text-control--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
837
- --l--theme--text-control--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
838
- --l--theme--text-control--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
839
- --l--theme--text-control--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
840
- --l--theme--text-control--typography--line-height--xs: var(--l--typography--line-height--1250);
841
- --l--theme--text-control--typography--line-height--sm: var(--l--typography--line-height--1250);
842
- --l--theme--text-control--typography--line-height--md: var(--l--typography--line-height--1375);
843
- --l--theme--text-control--typography--line-height--lg: var(--l--typography--line-height--1500);
844
- --l--theme--text-control--typography--text-transform--xs: var(--l--typography--text-transform--none);
845
- --l--theme--text-control--typography--text-transform--sm: var(--l--typography--text-transform--none);
846
- --l--theme--text-control--typography--text-transform--md: var(--l--typography--text-transform--none);
847
- --l--theme--text-control--typography--text-transform--lg: var(--l--typography--text-transform--none);
848
813
  --l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
849
814
  --l--theme--border--dialog--width: var(--l--theme--border--width--sm);
815
+ --l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
816
+ --l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
817
+ --l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
818
+ --l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
819
+ --l--theme--border--interactive--radius--xs: var(--l--theme--border--radius--md);
820
+ --l--theme--border--interactive--radius--sm: var(--l--theme--border--radius--md);
821
+ --l--theme--border--interactive--radius--md: var(--l--theme--border--radius--md);
822
+ --l--theme--border--interactive--radius--lg: var(--l--theme--border--radius--md);
823
+ --l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
824
+ --l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
850
825
  --l--theme--border--media--radius: var(--l--theme--border--radius--md);
851
826
  --l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
852
827
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
853
- --l--theme--color--interactive--background--on-default--rest: var(--l--theme--color--background--default);
854
- --l--theme--color--interactive--background--on-default--focus: var(--l--theme--color--background--default);
855
- --l--theme--color--interactive--background--on-default--invalid--rest: var(--l--theme--color--background--default);
856
- --l--theme--color--interactive--background--on-default--invalid--focus: var(--l--theme--color--background--default);
857
- --l--theme--color--interactive--background--on-knockout--rest: var(--l--theme--color--background--knockout);
858
- --l--theme--color--interactive--background--on-knockout--focus: var(--l--theme--color--background--knockout);
859
- --l--theme--color--interactive--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
860
- --l--theme--color--interactive--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
828
+ --l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
829
+ --l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
830
+ --l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
831
+ --l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
832
+ --l--theme--border--text-control--radius--xs: var(--l--theme--border--radius--md);
833
+ --l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
834
+ --l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
835
+ --l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
836
+ --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
837
+ --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
838
+ --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
839
+ --l--theme--color--input--background--on-default--invalid--focus: var(--l--theme--color--background--default);
840
+ --l--theme--color--input--background--on-knockout--rest: var(--l--theme--color--background--knockout);
841
+ --l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
842
+ --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
843
+ --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
861
844
  --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
862
845
  --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
863
846
  --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
@@ -867,26 +850,24 @@
867
850
  --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
868
851
  --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
869
852
  --l--theme--space--gutter: var(--l--theme--space--70);
853
+ --l--theme--space--interactive--inset--block--xs: var(--l--theme--space--20);
854
+ --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
855
+ --l--theme--space--interactive--inset--block--md: var(--l--theme--space--40);
856
+ --l--theme--space--interactive--inset--block--lg: var(--l--theme--space--50);
857
+ --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--40);
858
+ --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
859
+ --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
860
+ --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
870
861
  --l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
871
862
  --l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
872
- --l--theme--button--border--width--xs: var(--l--theme--border--width--sm);
873
- --l--theme--button--border--width--sm: var(--l--theme--border--width--sm);
874
- --l--theme--button--border--width--md: var(--l--theme--border--width--sm);
875
- --l--theme--button--border--width--lg: var(--l--theme--border--width--sm);
876
- --l--theme--button--border--radius--xs: var(--l--theme--border--radius--md);
877
- --l--theme--button--border--radius--sm: var(--l--theme--border--radius--md);
878
- --l--theme--button--border--radius--md: var(--l--theme--border--radius--md);
879
- --l--theme--button--border--radius--lg: var(--l--theme--border--radius--md);
880
- --l--theme--button--space--inset--block--xs: var(--l--theme--space--20);
881
- --l--theme--button--space--inset--block--sm: var(--l--theme--space--30);
882
- --l--theme--button--space--inset--block--md: var(--l--theme--space--40);
883
- --l--theme--button--space--inset--block--lg: var(--l--theme--space--50);
884
- --l--theme--button--space--inset--inline--xs: var(--l--theme--space--40);
885
- --l--theme--button--space--inset--inline--sm: var(--l--theme--space--50);
886
- --l--theme--button--space--inset--inline--md: var(--l--theme--space--60);
887
- --l--theme--button--space--inset--inline--lg: var(--l--theme--space--70);
888
- --l--theme--checkbox-control--border--width: var(--l--theme--border--width--sm);
889
- --l--theme--checkbox-control--border--radius: var(--l--theme--border--radius--md);
863
+ --l--theme--space--text-control--inset--block--xs: var(--l--theme--space--20);
864
+ --l--theme--space--text-control--inset--block--sm: var(--l--theme--space--30);
865
+ --l--theme--space--text-control--inset--block--md: var(--l--theme--space--40);
866
+ --l--theme--space--text-control--inset--block--lg: var(--l--theme--space--50);
867
+ --l--theme--space--text-control--inset--inline--xs: var(--l--theme--space--30);
868
+ --l--theme--space--text-control--inset--inline--sm: var(--l--theme--space--40);
869
+ --l--theme--space--text-control--inset--inline--md: var(--l--theme--space--50);
870
+ --l--theme--space--text-control--inset--inline--lg: var(--l--theme--space--60);
890
871
  --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
891
872
  --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
892
873
  --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
@@ -903,40 +884,6 @@
903
884
  --l--theme--notification--space--inset--inline--sm: var(--l--theme--space--40);
904
885
  --l--theme--notification--space--inset--inline--md: var(--l--theme--space--50);
905
886
  --l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
906
- --l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
907
- --l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
908
- --l--theme--select-control--border--width--xs: var(--l--theme--border--width--sm);
909
- --l--theme--select-control--border--width--sm: var(--l--theme--border--width--sm);
910
- --l--theme--select-control--border--width--md: var(--l--theme--border--width--sm);
911
- --l--theme--select-control--border--width--lg: var(--l--theme--border--width--sm);
912
- --l--theme--select-control--border--radius--xs: var(--l--theme--border--radius--md);
913
- --l--theme--select-control--border--radius--sm: var(--l--theme--border--radius--md);
914
- --l--theme--select-control--border--radius--md: var(--l--theme--border--radius--md);
915
- --l--theme--select-control--border--radius--lg: var(--l--theme--border--radius--md);
916
- --l--theme--select-control--space--inset--block--xs: var(--l--theme--space--20);
917
- --l--theme--select-control--space--inset--block--sm: var(--l--theme--space--30);
918
- --l--theme--select-control--space--inset--block--md: var(--l--theme--space--40);
919
- --l--theme--select-control--space--inset--block--lg: var(--l--theme--space--50);
920
- --l--theme--select-control--space--inset--inline--xs: var(--l--theme--space--30);
921
- --l--theme--select-control--space--inset--inline--sm: var(--l--theme--space--40);
922
- --l--theme--select-control--space--inset--inline--md: var(--l--theme--space--50);
923
- --l--theme--select-control--space--inset--inline--lg: var(--l--theme--space--60);
924
- --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
925
- --l--theme--text-control--border--width--sm: var(--l--theme--border--width--sm);
926
- --l--theme--text-control--border--width--md: var(--l--theme--border--width--sm);
927
- --l--theme--text-control--border--width--lg: var(--l--theme--border--width--sm);
928
- --l--theme--text-control--border--radius--xs: var(--l--theme--border--radius--md);
929
- --l--theme--text-control--border--radius--sm: var(--l--theme--border--radius--md);
930
- --l--theme--text-control--border--radius--md: var(--l--theme--border--radius--md);
931
- --l--theme--text-control--border--radius--lg: var(--l--theme--border--radius--md);
932
- --l--theme--text-control--space--inset--block--xs: var(--l--theme--space--20);
933
- --l--theme--text-control--space--inset--block--sm: var(--l--theme--space--30);
934
- --l--theme--text-control--space--inset--block--md: var(--l--theme--space--40);
935
- --l--theme--text-control--space--inset--block--lg: var(--l--theme--space--50);
936
- --l--theme--text-control--space--inset--inline--xs: var(--l--theme--space--30);
937
- --l--theme--text-control--space--inset--inline--sm: var(--l--theme--space--40);
938
- --l--theme--text-control--space--inset--inline--md: var(--l--theme--space--50);
939
- --l--theme--text-control--space--inset--inline--lg: var(--l--theme--space--60);
940
887
  --l--theme--space--dialog--inset--block: var(--l--theme--space--gutter);
941
888
  --l--theme--space--dialog--inset--inline: var(--l--theme--space--gutter);
942
889
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.22.0",
3
+ "version": "0.23.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",