@withlayers/tokens 0.26.0 → 0.27.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 +117 -0
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -259,60 +259,88 @@
259
259
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
260
260
  --l--theme--color--background--default: var(--l--color--neutral--0);
261
261
  --l--theme--color--background--knockout: var(--l--color--neutral--90);
262
+ --l--theme--color--background--subtle: var(--l--color--neutral--10);
262
263
  --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
263
264
  --l--theme--color--border--primary--on-knockout: var(--l--color--neutral--40);
265
+ --l--theme--color--border--primary--on-subtle: var(--l--color--neutral--70);
264
266
  --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
265
267
  --l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--70);
268
+ --l--theme--color--border--secondary--on-subtle: var(--l--color--neutral--30);
266
269
  --l--theme--color--border--tertiary--on-default: var(--l--color--neutral--10);
267
270
  --l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--80);
271
+ --l--theme--color--border--tertiary--on-subtle: var(--l--color--neutral--20);
268
272
  --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
269
273
  --l--theme--color--content--primary--on-knockout: var(--l--color--neutral--0);
274
+ --l--theme--color--content--primary--on-subtle: var(--l--color--neutral--90);
270
275
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
271
276
  --l--theme--color--content--secondary--on-knockout: var(--l--color--neutral--30);
277
+ --l--theme--color--content--secondary--on-subtle: var(--l--color--neutral--70);
272
278
  --l--theme--color--outline--on-default: var(--l--color--neutral--90);
273
279
  --l--theme--color--outline--on-knockout: var(--l--color--neutral--0);
280
+ --l--theme--color--outline--on-subtle: var(--l--color--neutral--90);
274
281
  --l--theme--color--overlay--on-default: var(--l--color--neutral--alpha--dark--70);
275
282
  --l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--70);
283
+ --l--theme--color--overlay--on-subtle: var(--l--color--neutral--alpha--dark--70);
276
284
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
277
285
  --l--theme--color--code--background--on-knockout: var(--l--color--neutral--80);
286
+ --l--theme--color--code--background--on-subtle: var(--l--color--neutral--20);
278
287
  --l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--dark--0);
279
288
  --l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--light--0);
289
+ --l--theme--color--code--border--on-subtle: var(--l--color--neutral--alpha--dark--0);
280
290
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
281
291
  --l--theme--color--code--content--on-knockout: var(--l--color--neutral--0);
292
+ --l--theme--color--code--content--on-subtle: var(--l--color--neutral--90);
282
293
  --l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--dark--0);
283
294
  --l--theme--color--dialog--border--on-knockout: var(--l--color--neutral--alpha--light--0);
295
+ --l--theme--color--dialog--border--on-subtle: var(--l--color--neutral--alpha--dark--0);
284
296
  --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--20);
285
297
  --l--theme--color--feedback--background--destructive--on-knockout: var(--l--color--red--90);
298
+ --l--theme--color--feedback--background--destructive--on-subtle: var(--l--color--red--30);
286
299
  --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--20);
287
300
  --l--theme--color--feedback--background--informative--on-knockout: var(--l--color--blue--90);
301
+ --l--theme--color--feedback--background--informative--on-subtle: var(--l--color--blue--30);
288
302
  --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--20);
289
303
  --l--theme--color--feedback--background--positive--on-knockout: var(--l--color--green--90);
304
+ --l--theme--color--feedback--background--positive--on-subtle: var(--l--color--green--30);
290
305
  --l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--20);
291
306
  --l--theme--color--feedback--background--warning--on-knockout: var(--l--color--yellow--90);
307
+ --l--theme--color--feedback--background--warning--on-subtle: var(--l--color--yellow--30);
292
308
  --l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--30);
293
309
  --l--theme--color--feedback--border--destructive--on-knockout: var(--l--color--red--70);
310
+ --l--theme--color--feedback--border--destructive--on-subtle: var(--l--color--red--40);
294
311
  --l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
295
312
  --l--theme--color--feedback--border--informative--on-knockout: var(--l--color--blue--70);
313
+ --l--theme--color--feedback--border--informative--on-subtle: var(--l--color--blue--40);
296
314
  --l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
297
315
  --l--theme--color--feedback--border--positive--on-knockout: var(--l--color--green--70);
316
+ --l--theme--color--feedback--border--positive--on-subtle: var(--l--color--green--40);
298
317
  --l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
299
318
  --l--theme--color--feedback--border--warning--on-knockout: var(--l--color--yellow--70);
319
+ --l--theme--color--feedback--border--warning--on-subtle: var(--l--color--yellow--40);
300
320
  --l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--90);
301
321
  --l--theme--color--feedback--content--destructive--on-knockout: var(--l--color--red--0);
322
+ --l--theme--color--feedback--content--destructive--on-subtle: var(--l--color--red--90);
302
323
  --l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--90);
303
324
  --l--theme--color--feedback--content--informative--on-knockout: var(--l--color--blue--0);
325
+ --l--theme--color--feedback--content--informative--on-subtle: var(--l--color--blue--90);
304
326
  --l--theme--color--feedback--content--positive--on-default: var(--l--color--green--90);
305
327
  --l--theme--color--feedback--content--positive--on-knockout: var(--l--color--green--0);
328
+ --l--theme--color--feedback--content--positive--on-subtle: var(--l--color--green--90);
306
329
  --l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--90);
307
330
  --l--theme--color--feedback--content--warning--on-knockout: var(--l--color--yellow--0);
331
+ --l--theme--color--feedback--content--warning--on-subtle: var(--l--color--yellow--90);
308
332
  --l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--90);
309
333
  --l--theme--color--feedback--outline--destructive--on-knockout: var(--l--color--red--10);
334
+ --l--theme--color--feedback--outline--destructive--on-subtle: var(--l--color--red--90);
310
335
  --l--theme--color--feedback--outline--informative--on-default: var(--l--color--blue--90);
311
336
  --l--theme--color--feedback--outline--informative--on-knockout: var(--l--color--blue--10);
337
+ --l--theme--color--feedback--outline--informative--on-subtle: var(--l--color--blue--90);
312
338
  --l--theme--color--feedback--outline--positive--on-default: var(--l--color--green--90);
313
339
  --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--10);
340
+ --l--theme--color--feedback--outline--positive--on-subtle: var(--l--color--green--90);
314
341
  --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--90);
315
342
  --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--10);
343
+ --l--theme--color--feedback--outline--warning--on-subtle: var(--l--color--yellow--90);
316
344
  --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--10);
317
345
  --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--90);
318
346
  --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--90);
@@ -331,6 +359,15 @@
331
359
  --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
332
360
  --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
333
361
  --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--80);
362
+ --l--theme--color--input--background--on-subtle--hover: var(--l--color--neutral--20);
363
+ --l--theme--color--input--background--on-subtle--checked--rest: var(--l--color--neutral--90);
364
+ --l--theme--color--input--background--on-subtle--checked--focus: var(--l--color--neutral--90);
365
+ --l--theme--color--input--background--on-subtle--checked--hover: var(--l--color--neutral--80);
366
+ --l--theme--color--input--background--on-subtle--checked--invalid--rest: var(--l--color--red--70);
367
+ --l--theme--color--input--background--on-subtle--checked--invalid--focus: var(--l--color--red--70);
368
+ --l--theme--color--input--background--on-subtle--checked--invalid--hover: var(--l--color--red--60);
369
+ --l--theme--color--input--background--on-subtle--invalid--hover: var(--l--color--neutral--20);
370
+ --l--theme--color--input--background--on-subtle--disabled: var(--l--color--neutral--20);
334
371
  --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--70);
335
372
  --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--70);
336
373
  --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--80);
@@ -357,6 +394,19 @@
357
394
  --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--30);
358
395
  --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--40);
359
396
  --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--70);
397
+ --l--theme--color--input--border--on-subtle--rest: var(--l--color--neutral--80);
398
+ --l--theme--color--input--border--on-subtle--focus: var(--l--color--neutral--80);
399
+ --l--theme--color--input--border--on-subtle--hover: var(--l--color--neutral--90);
400
+ --l--theme--color--input--border--on-subtle--checked--rest: var(--l--color--neutral--90);
401
+ --l--theme--color--input--border--on-subtle--checked--focus: var(--l--color--neutral--90);
402
+ --l--theme--color--input--border--on-subtle--checked--hover: var(--l--color--neutral--80);
403
+ --l--theme--color--input--border--on-subtle--checked--invalid--rest: var(--l--color--red--70);
404
+ --l--theme--color--input--border--on-subtle--checked--invalid--focus: var(--l--color--red--70);
405
+ --l--theme--color--input--border--on-subtle--checked--invalid--hover: var(--l--color--red--60);
406
+ --l--theme--color--input--border--on-subtle--invalid--rest: var(--l--color--red--60);
407
+ --l--theme--color--input--border--on-subtle--invalid--focus: var(--l--color--red--60);
408
+ --l--theme--color--input--border--on-subtle--invalid--hover: var(--l--color--red--70);
409
+ --l--theme--color--input--border--on-subtle--disabled: var(--l--color--neutral--30);
360
410
  --l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
361
411
  --l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
362
412
  --l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
@@ -383,6 +433,19 @@
383
433
  --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
384
434
  --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
385
435
  --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
436
+ --l--theme--color--input--content--on-subtle--rest: var(--l--color--neutral--90);
437
+ --l--theme--color--input--content--on-subtle--hover: var(--l--color--neutral--90);
438
+ --l--theme--color--input--content--on-subtle--focus: var(--l--color--neutral--90);
439
+ --l--theme--color--input--content--on-subtle--invalid--rest: var(--l--color--neutral--90);
440
+ --l--theme--color--input--content--on-subtle--invalid--hover: var(--l--color--neutral--90);
441
+ --l--theme--color--input--content--on-subtle--invalid--focus: var(--l--color--neutral--90);
442
+ --l--theme--color--input--content--on-subtle--checked--rest: var(--l--color--neutral--10);
443
+ --l--theme--color--input--content--on-subtle--checked--hover: var(--l--color--neutral--10);
444
+ --l--theme--color--input--content--on-subtle--checked--focus: var(--l--color--neutral--10);
445
+ --l--theme--color--input--content--on-subtle--checked--invalid--rest: var(--l--color--neutral--0);
446
+ --l--theme--color--input--content--on-subtle--checked--invalid--hover: var(--l--color--neutral--0);
447
+ --l--theme--color--input--content--on-subtle--checked--invalid--focus: var(--l--color--neutral--0);
448
+ --l--theme--color--input--content--on-subtle--disabled: var(--l--color--neutral--40);
386
449
  --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
387
450
  --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
388
451
  --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
@@ -394,6 +457,10 @@
394
457
  --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
395
458
  --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
396
459
  --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
460
+ --l--theme--color--input--placeholder--on-subtle--disabled: var(--l--color--neutral--50);
461
+ --l--theme--color--input--placeholder--on-subtle--invalid--rest: var(--l--color--neutral--70);
462
+ --l--theme--color--input--placeholder--on-subtle--invalid--hover: var(--l--color--neutral--70);
463
+ --l--theme--color--input--placeholder--on-subtle--invalid--focus: var(--l--color--neutral--70);
397
464
  --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--100);
398
465
  --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--80);
399
466
  --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--80);
@@ -404,6 +471,11 @@
404
471
  --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
405
472
  --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--0);
406
473
  --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--10);
474
+ --l--theme--color--interactive--background--primary--on-subtle--rest: var(--l--color--neutral--100);
475
+ --l--theme--color--interactive--background--primary--on-subtle--active: var(--l--color--neutral--80);
476
+ --l--theme--color--interactive--background--primary--on-subtle--disabled: var(--l--color--neutral--80);
477
+ --l--theme--color--interactive--background--primary--on-subtle--focus: var(--l--color--neutral--100);
478
+ --l--theme--color--interactive--background--primary--on-subtle--hover: var(--l--color--neutral--80);
407
479
  --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
408
480
  --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
409
481
  --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
@@ -414,6 +486,11 @@
414
486
  --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
415
487
  --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
416
488
  --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
489
+ --l--theme--color--interactive--background--secondary--on-subtle--rest: var(--l--color--neutral--alpha--dark--0);
490
+ --l--theme--color--interactive--background--secondary--on-subtle--active: var(--l--color--neutral--alpha--dark--10);
491
+ --l--theme--color--interactive--background--secondary--on-subtle--disabled: var(--l--color--neutral--alpha--dark--0);
492
+ --l--theme--color--interactive--background--secondary--on-subtle--focus: var(--l--color--neutral--20);
493
+ --l--theme--color--interactive--background--secondary--on-subtle--hover: var(--l--color--neutral--alpha--dark--10);
417
494
  --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--10);
418
495
  --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--20);
419
496
  --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
@@ -424,6 +501,11 @@
424
501
  --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
425
502
  --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
426
503
  --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
504
+ --l--theme--color--interactive--background--tertiary--on-subtle--rest: var(--l--color--neutral--20);
505
+ --l--theme--color--interactive--background--tertiary--on-subtle--active: var(--l--color--neutral--30);
506
+ --l--theme--color--interactive--background--tertiary--on-subtle--disabled: var(--l--color--neutral--20);
507
+ --l--theme--color--interactive--background--tertiary--on-subtle--focus: var(--l--color--neutral--30);
508
+ --l--theme--color--interactive--background--tertiary--on-subtle--hover: var(--l--color--neutral--30);
427
509
  --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--70);
428
510
  --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--60);
429
511
  --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--red--40);
@@ -434,6 +516,11 @@
434
516
  --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--red--50);
435
517
  --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--30);
436
518
  --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--40);
519
+ --l--theme--color--interactive--background--destructive--on-subtle--rest: var(--l--color--red--70);
520
+ --l--theme--color--interactive--background--destructive--on-subtle--active: var(--l--color--red--60);
521
+ --l--theme--color--interactive--background--destructive--on-subtle--disabled: var(--l--color--red--40);
522
+ --l--theme--color--interactive--background--destructive--on-subtle--focus: var(--l--color--red--70);
523
+ --l--theme--color--interactive--background--destructive--on-subtle--hover: var(--l--color--red--60);
437
524
  --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--100);
438
525
  --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--80);
439
526
  --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--80);
@@ -524,30 +611,47 @@
524
611
  --l--theme--color--link--content--primary--on-knockout--focus: var(--l--color--primary--20);
525
612
  --l--theme--color--link--content--primary--on-knockout--active: var(--l--color--primary--20);
526
613
  --l--theme--color--link--content--primary--on-knockout--visited: var(--l--color--primary--30);
614
+ --l--theme--color--link--content--primary--on-subtle--rest: var(--l--color--primary--80);
615
+ --l--theme--color--link--content--primary--on-subtle--hover: var(--l--color--primary--60);
616
+ --l--theme--color--link--content--primary--on-subtle--focus: var(--l--color--primary--60);
617
+ --l--theme--color--link--content--primary--on-subtle--active: var(--l--color--primary--60);
618
+ --l--theme--color--link--content--primary--on-subtle--visited: var(--l--color--primary--80);
527
619
  --l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--60);
528
620
  --l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--60);
529
621
  --l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--60);
530
622
  --l--theme--color--link--content--secondary--on-knockout--hover: var(--l--color--neutral--30);
531
623
  --l--theme--color--link--content--secondary--on-knockout--focus: var(--l--color--neutral--30);
532
624
  --l--theme--color--link--content--secondary--on-knockout--active: var(--l--color--neutral--30);
625
+ --l--theme--color--link--content--secondary--on-subtle--hover: var(--l--color--neutral--70);
626
+ --l--theme--color--link--content--secondary--on-subtle--focus: var(--l--color--neutral--70);
627
+ --l--theme--color--link--content--secondary--on-subtle--active: var(--l--color--neutral--70);
533
628
  --l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--90);
534
629
  --l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--90);
535
630
  --l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--90);
536
631
  --l--theme--color--link--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
537
632
  --l--theme--color--link--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
538
633
  --l--theme--color--link--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
634
+ --l--theme--color--link--content--tertiary--on-subtle--hover: var(--l--color--neutral--90);
635
+ --l--theme--color--link--content--tertiary--on-subtle--focus: var(--l--color--neutral--90);
636
+ --l--theme--color--link--content--tertiary--on-subtle--active: var(--l--color--neutral--90);
539
637
  --l--theme--color--messaging--content--destructive--on-default: var(--l--color--red--80);
540
638
  --l--theme--color--messaging--content--destructive--on-knockout: var(--l--color--red--30);
639
+ --l--theme--color--messaging--content--destructive--on-subtle: var(--l--color--red--80);
541
640
  --l--theme--color--messaging--content--informative--on-default: var(--l--color--blue--80);
542
641
  --l--theme--color--messaging--content--informative--on-knockout: var(--l--color--blue--30);
642
+ --l--theme--color--messaging--content--informative--on-subtle: var(--l--color--blue--80);
543
643
  --l--theme--color--messaging--content--positive--on-default: var(--l--color--green--80);
544
644
  --l--theme--color--messaging--content--positive--on-knockout: var(--l--color--green--30);
645
+ --l--theme--color--messaging--content--positive--on-subtle: var(--l--color--green--80);
545
646
  --l--theme--color--messaging--content--warning--on-default: var(--l--color--yellow--90);
546
647
  --l--theme--color--messaging--content--warning--on-knockout: var(--l--color--yellow--30);
648
+ --l--theme--color--messaging--content--warning--on-subtle: var(--l--color--yellow--90);
547
649
  --l--theme--color--selection--background--on-default: var(--l--color--neutral--90);
548
650
  --l--theme--color--selection--background--on-knockout: var(--l--color--neutral--0);
651
+ --l--theme--color--selection--background--on-subtle: var(--l--color--neutral--90);
549
652
  --l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
550
653
  --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--90);
654
+ --l--theme--color--selection--content--on-subtle: var(--l--color--neutral--10);
551
655
  --l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
552
656
  --l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
553
657
  --l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
@@ -847,8 +951,10 @@
847
951
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
848
952
  --l--theme--color--dialog--background--on-default: var(--l--theme--color--background--default);
849
953
  --l--theme--color--dialog--background--on-knockout: var(--l--theme--color--background--knockout);
954
+ --l--theme--color--dialog--background--on-subtle: var(--l--theme--color--background--subtle);
850
955
  --l--theme--color--dialog--content--on-default: var(--l--theme--color--content--primary--on-default);
851
956
  --l--theme--color--dialog--content--on-knockout: var(--l--theme--color--content--primary--on-knockout);
957
+ --l--theme--color--dialog--content--on-subtle: var(--l--theme--color--content--primary--on-subtle);
852
958
  --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
853
959
  --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
854
960
  --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
@@ -857,17 +963,28 @@
857
963
  --l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
858
964
  --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
859
965
  --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
966
+ --l--theme--color--input--background--on-subtle--rest: var(--l--theme--color--background--subtle);
967
+ --l--theme--color--input--background--on-subtle--focus: var(--l--theme--color--background--subtle);
968
+ --l--theme--color--input--background--on-subtle--invalid--rest: var(--l--theme--color--background--subtle);
969
+ --l--theme--color--input--background--on-subtle--invalid--focus: var(--l--theme--color--background--subtle);
860
970
  --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
861
971
  --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
862
972
  --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
973
+ --l--theme--color--input--placeholder--on-subtle--rest: var(--l--theme--color--content--secondary--on-subtle);
974
+ --l--theme--color--input--placeholder--on-subtle--hover: var(--l--theme--color--content--secondary--on-subtle);
975
+ --l--theme--color--input--placeholder--on-subtle--focus: var(--l--theme--color--content--secondary--on-subtle);
863
976
  --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
864
977
  --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
865
978
  --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
866
979
  --l--theme--color--link--content--secondary--on-knockout--visited: var(--l--theme--color--content--primary--on-knockout);
980
+ --l--theme--color--link--content--secondary--on-subtle--rest: var(--l--theme--color--content--primary--on-subtle);
981
+ --l--theme--color--link--content--secondary--on-subtle--visited: var(--l--theme--color--content--primary--on-subtle);
867
982
  --l--theme--color--link--content--tertiary--on-default--rest: var(--l--theme--color--content--secondary--on-default);
868
983
  --l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--content--secondary--on-default);
869
984
  --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
870
985
  --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
986
+ --l--theme--color--link--content--tertiary--on-subtle--rest: var(--l--theme--color--content--secondary--on-subtle);
987
+ --l--theme--color--link--content--tertiary--on-subtle--visited: var(--l--theme--color--content--secondary--on-subtle);
871
988
  --l--theme--outline--width: var(--l--theme--border--width--md);
872
989
  --l--theme--space--gutter: var(--l--theme--space--70);
873
990
  --l--theme--space--interactive--inset-block--xs: var(--l--theme--space--20);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.26.0",
3
+ "version": "0.27.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",