@withlayers/tokens 0.25.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.
- package/dist/index.css +164 -37
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -186,6 +186,10 @@
|
|
|
186
186
|
--l--typography--line-height--1750: 1.75;
|
|
187
187
|
--l--typography--line-height--1875: 1.875;
|
|
188
188
|
--l--typography--line-height--2000: 2;
|
|
189
|
+
--l--typography--text-align--start: start;
|
|
190
|
+
--l--typography--text-align--end: end;
|
|
191
|
+
--l--typography--text-align--center: center;
|
|
192
|
+
--l--typography--text-align--justify: justify;
|
|
189
193
|
--l--typography--text-transform--none: none;
|
|
190
194
|
--l--typography--text-transform--uppercase: uppercase;
|
|
191
195
|
--l--typography--text-transform--lowercase: lowercase;
|
|
@@ -250,64 +254,93 @@
|
|
|
250
254
|
--l--theme--border--dialog--style: var(--l--border--style--none);
|
|
251
255
|
--l--theme--border--interactive--style: var(--l--border--style--solid);
|
|
252
256
|
--l--theme--border--mark-control--style: var(--l--border--style--solid);
|
|
257
|
+
--l--theme--border--media--style: var(--l--border--style--solid);
|
|
253
258
|
--l--theme--border--text-control--style: var(--l--border--style--solid);
|
|
254
259
|
--l--theme--border--text-highlight--style: var(--l--border--style--none);
|
|
255
260
|
--l--theme--color--background--default: var(--l--color--neutral--0);
|
|
256
261
|
--l--theme--color--background--knockout: var(--l--color--neutral--90);
|
|
262
|
+
--l--theme--color--background--subtle: var(--l--color--neutral--10);
|
|
257
263
|
--l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
|
|
258
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);
|
|
259
266
|
--l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
|
|
260
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);
|
|
261
269
|
--l--theme--color--border--tertiary--on-default: var(--l--color--neutral--10);
|
|
262
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);
|
|
263
272
|
--l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
|
|
264
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);
|
|
265
275
|
--l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
|
|
266
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);
|
|
267
278
|
--l--theme--color--outline--on-default: var(--l--color--neutral--90);
|
|
268
279
|
--l--theme--color--outline--on-knockout: var(--l--color--neutral--0);
|
|
280
|
+
--l--theme--color--outline--on-subtle: var(--l--color--neutral--90);
|
|
269
281
|
--l--theme--color--overlay--on-default: var(--l--color--neutral--alpha--dark--70);
|
|
270
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);
|
|
271
284
|
--l--theme--color--code--background--on-default: var(--l--color--neutral--10);
|
|
272
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);
|
|
273
287
|
--l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--dark--0);
|
|
274
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);
|
|
275
290
|
--l--theme--color--code--content--on-default: var(--l--color--neutral--90);
|
|
276
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);
|
|
277
293
|
--l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--dark--0);
|
|
278
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);
|
|
279
296
|
--l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--20);
|
|
280
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);
|
|
281
299
|
--l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--20);
|
|
282
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);
|
|
283
302
|
--l--theme--color--feedback--background--positive--on-default: var(--l--color--green--20);
|
|
284
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);
|
|
285
305
|
--l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--20);
|
|
286
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);
|
|
287
308
|
--l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--30);
|
|
288
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);
|
|
289
311
|
--l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
|
|
290
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);
|
|
291
314
|
--l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
|
|
292
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);
|
|
293
317
|
--l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
|
|
294
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);
|
|
295
320
|
--l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--90);
|
|
296
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);
|
|
297
323
|
--l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--90);
|
|
298
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);
|
|
299
326
|
--l--theme--color--feedback--content--positive--on-default: var(--l--color--green--90);
|
|
300
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);
|
|
301
329
|
--l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--90);
|
|
302
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);
|
|
303
332
|
--l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--90);
|
|
304
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);
|
|
305
335
|
--l--theme--color--feedback--outline--informative--on-default: var(--l--color--blue--90);
|
|
306
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);
|
|
307
338
|
--l--theme--color--feedback--outline--positive--on-default: var(--l--color--green--90);
|
|
308
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);
|
|
309
341
|
--l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--90);
|
|
310
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);
|
|
311
344
|
--l--theme--color--input--background--on-default--hover: var(--l--color--neutral--10);
|
|
312
345
|
--l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--90);
|
|
313
346
|
--l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--90);
|
|
@@ -326,6 +359,15 @@
|
|
|
326
359
|
--l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
|
|
327
360
|
--l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
|
|
328
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);
|
|
329
371
|
--l--theme--color--input--border--on-default--rest: var(--l--color--neutral--70);
|
|
330
372
|
--l--theme--color--input--border--on-default--focus: var(--l--color--neutral--70);
|
|
331
373
|
--l--theme--color--input--border--on-default--hover: var(--l--color--neutral--80);
|
|
@@ -352,6 +394,19 @@
|
|
|
352
394
|
--l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--30);
|
|
353
395
|
--l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--40);
|
|
354
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);
|
|
355
410
|
--l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
|
|
356
411
|
--l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
|
|
357
412
|
--l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
|
|
@@ -378,6 +433,19 @@
|
|
|
378
433
|
--l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
|
|
379
434
|
--l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
|
|
380
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);
|
|
381
449
|
--l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
|
|
382
450
|
--l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
|
|
383
451
|
--l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
|
|
@@ -389,6 +457,10 @@
|
|
|
389
457
|
--l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
|
|
390
458
|
--l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
|
|
391
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);
|
|
392
464
|
--l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--100);
|
|
393
465
|
--l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--80);
|
|
394
466
|
--l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
@@ -399,6 +471,11 @@
|
|
|
399
471
|
--l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
|
|
400
472
|
--l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--0);
|
|
401
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);
|
|
402
479
|
--l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
|
|
403
480
|
--l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
|
|
404
481
|
--l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
|
|
@@ -409,6 +486,11 @@
|
|
|
409
486
|
--l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
|
|
410
487
|
--l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
|
|
411
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);
|
|
412
494
|
--l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--10);
|
|
413
495
|
--l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--20);
|
|
414
496
|
--l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
|
|
@@ -419,6 +501,11 @@
|
|
|
419
501
|
--l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
|
|
420
502
|
--l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
|
|
421
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);
|
|
422
509
|
--l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--70);
|
|
423
510
|
--l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--60);
|
|
424
511
|
--l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--red--40);
|
|
@@ -429,6 +516,11 @@
|
|
|
429
516
|
--l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--red--50);
|
|
430
517
|
--l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--30);
|
|
431
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);
|
|
432
524
|
--l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--100);
|
|
433
525
|
--l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--80);
|
|
434
526
|
--l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--80);
|
|
@@ -519,30 +611,47 @@
|
|
|
519
611
|
--l--theme--color--link--content--primary--on-knockout--focus: var(--l--color--primary--20);
|
|
520
612
|
--l--theme--color--link--content--primary--on-knockout--active: var(--l--color--primary--20);
|
|
521
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);
|
|
522
619
|
--l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--60);
|
|
523
620
|
--l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--60);
|
|
524
621
|
--l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--60);
|
|
525
622
|
--l--theme--color--link--content--secondary--on-knockout--hover: var(--l--color--neutral--30);
|
|
526
623
|
--l--theme--color--link--content--secondary--on-knockout--focus: var(--l--color--neutral--30);
|
|
527
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);
|
|
528
628
|
--l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--90);
|
|
529
629
|
--l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--90);
|
|
530
630
|
--l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--90);
|
|
531
631
|
--l--theme--color--link--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
|
|
532
632
|
--l--theme--color--link--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
|
|
533
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);
|
|
534
637
|
--l--theme--color--messaging--content--destructive--on-default: var(--l--color--red--80);
|
|
535
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);
|
|
536
640
|
--l--theme--color--messaging--content--informative--on-default: var(--l--color--blue--80);
|
|
537
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);
|
|
538
643
|
--l--theme--color--messaging--content--positive--on-default: var(--l--color--green--80);
|
|
539
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);
|
|
540
646
|
--l--theme--color--messaging--content--warning--on-default: var(--l--color--yellow--90);
|
|
541
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);
|
|
542
649
|
--l--theme--color--selection--background--on-default: var(--l--color--neutral--90);
|
|
543
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);
|
|
544
652
|
--l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
|
|
545
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);
|
|
546
655
|
--l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
|
|
547
656
|
--l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
|
|
548
657
|
--l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
|
|
@@ -818,27 +927,34 @@
|
|
|
818
927
|
--l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
|
|
819
928
|
--l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
|
|
820
929
|
--l--theme--border--dialog--width: var(--l--theme--border--width--sm);
|
|
821
|
-
--l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
|
|
822
|
-
--l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
|
|
823
|
-
--l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
|
|
824
|
-
--l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
|
|
825
930
|
--l--theme--border--interactive--radius--xs: var(--l--theme--border--radius--md);
|
|
826
931
|
--l--theme--border--interactive--radius--sm: var(--l--theme--border--radius--md);
|
|
827
932
|
--l--theme--border--interactive--radius--md: var(--l--theme--border--radius--md);
|
|
828
933
|
--l--theme--border--interactive--radius--lg: var(--l--theme--border--radius--md);
|
|
829
|
-
--l--theme--border--
|
|
934
|
+
--l--theme--border--interactive--width--xs: var(--l--theme--border--width--sm);
|
|
935
|
+
--l--theme--border--interactive--width--sm: var(--l--theme--border--width--sm);
|
|
936
|
+
--l--theme--border--interactive--width--md: var(--l--theme--border--width--sm);
|
|
937
|
+
--l--theme--border--interactive--width--lg: var(--l--theme--border--width--sm);
|
|
830
938
|
--l--theme--border--mark-control--radius: var(--l--theme--border--radius--md);
|
|
939
|
+
--l--theme--border--mark-control--width: var(--l--theme--border--width--sm);
|
|
831
940
|
--l--theme--border--media--radius: var(--l--theme--border--radius--md);
|
|
832
|
-
--l--theme--border--
|
|
833
|
-
--l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
|
|
834
|
-
--l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
|
|
835
|
-
--l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
|
|
941
|
+
--l--theme--border--media--width: var(--l--theme--border--width--sm);
|
|
836
942
|
--l--theme--border--text-control--radius--xs: var(--l--theme--border--radius--md);
|
|
837
943
|
--l--theme--border--text-control--radius--sm: var(--l--theme--border--radius--md);
|
|
838
944
|
--l--theme--border--text-control--radius--md: var(--l--theme--border--radius--md);
|
|
839
945
|
--l--theme--border--text-control--radius--lg: var(--l--theme--border--radius--md);
|
|
946
|
+
--l--theme--border--text-control--width--xs: var(--l--theme--border--width--sm);
|
|
947
|
+
--l--theme--border--text-control--width--sm: var(--l--theme--border--width--sm);
|
|
948
|
+
--l--theme--border--text-control--width--md: var(--l--theme--border--width--sm);
|
|
949
|
+
--l--theme--border--text-control--width--lg: var(--l--theme--border--width--sm);
|
|
840
950
|
--l--theme--border--text-highlight--radius: var(--l--theme--border--radius--sm);
|
|
841
951
|
--l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
|
|
952
|
+
--l--theme--color--dialog--background--on-default: var(--l--theme--color--background--default);
|
|
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);
|
|
955
|
+
--l--theme--color--dialog--content--on-default: var(--l--theme--color--content--primary--on-default);
|
|
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);
|
|
842
958
|
--l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
|
|
843
959
|
--l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
|
|
844
960
|
--l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
|
|
@@ -847,37 +963,48 @@
|
|
|
847
963
|
--l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
|
|
848
964
|
--l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
|
|
849
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);
|
|
850
970
|
--l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
|
|
851
971
|
--l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
|
|
852
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);
|
|
853
976
|
--l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
|
|
854
977
|
--l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
|
|
855
978
|
--l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
|
|
856
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);
|
|
857
982
|
--l--theme--color--link--content--tertiary--on-default--rest: var(--l--theme--color--content--secondary--on-default);
|
|
858
983
|
--l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--content--secondary--on-default);
|
|
859
984
|
--l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
|
|
860
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);
|
|
861
988
|
--l--theme--outline--width: var(--l--theme--border--width--md);
|
|
862
989
|
--l--theme--space--gutter: var(--l--theme--space--70);
|
|
863
|
-
--l--theme--space--interactive--inset
|
|
864
|
-
--l--theme--space--interactive--inset
|
|
865
|
-
--l--theme--space--interactive--inset
|
|
866
|
-
--l--theme--space--interactive--inset
|
|
867
|
-
--l--theme--space--interactive--inset
|
|
868
|
-
--l--theme--space--interactive--inset
|
|
869
|
-
--l--theme--space--interactive--inset
|
|
870
|
-
--l--theme--space--interactive--inset
|
|
871
|
-
--l--theme--space--text-control--inset
|
|
872
|
-
--l--theme--space--text-control--inset
|
|
873
|
-
--l--theme--space--text-control--inset
|
|
874
|
-
--l--theme--space--text-control--inset
|
|
875
|
-
--l--theme--space--text-control--inset
|
|
876
|
-
--l--theme--space--text-control--inset
|
|
877
|
-
--l--theme--space--text-control--inset
|
|
878
|
-
--l--theme--space--text-control--inset
|
|
879
|
-
--l--theme--space--text-highlight--inset
|
|
880
|
-
--l--theme--space--text-highlight--inset
|
|
990
|
+
--l--theme--space--interactive--inset-block--xs: var(--l--theme--space--20);
|
|
991
|
+
--l--theme--space--interactive--inset-block--sm: var(--l--theme--space--30);
|
|
992
|
+
--l--theme--space--interactive--inset-block--md: var(--l--theme--space--40);
|
|
993
|
+
--l--theme--space--interactive--inset-block--lg: var(--l--theme--space--50);
|
|
994
|
+
--l--theme--space--interactive--inset-inline--xs: var(--l--theme--space--40);
|
|
995
|
+
--l--theme--space--interactive--inset-inline--sm: var(--l--theme--space--50);
|
|
996
|
+
--l--theme--space--interactive--inset-inline--md: var(--l--theme--space--60);
|
|
997
|
+
--l--theme--space--interactive--inset-inline--lg: var(--l--theme--space--70);
|
|
998
|
+
--l--theme--space--text-control--inset-block--xs: var(--l--theme--space--20);
|
|
999
|
+
--l--theme--space--text-control--inset-block--sm: var(--l--theme--space--30);
|
|
1000
|
+
--l--theme--space--text-control--inset-block--md: var(--l--theme--space--40);
|
|
1001
|
+
--l--theme--space--text-control--inset-block--lg: var(--l--theme--space--50);
|
|
1002
|
+
--l--theme--space--text-control--inset-inline--xs: var(--l--theme--space--30);
|
|
1003
|
+
--l--theme--space--text-control--inset-inline--sm: var(--l--theme--space--40);
|
|
1004
|
+
--l--theme--space--text-control--inset-inline--md: var(--l--theme--space--50);
|
|
1005
|
+
--l--theme--space--text-control--inset-inline--lg: var(--l--theme--space--60);
|
|
1006
|
+
--l--theme--space--text-highlight--inset-block: var(--l--theme--space--10);
|
|
1007
|
+
--l--theme--space--text-highlight--inset-inline: var(--l--theme--space--20);
|
|
881
1008
|
--l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
|
|
882
1009
|
--l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
|
|
883
1010
|
--l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
|
|
@@ -886,14 +1013,14 @@
|
|
|
886
1013
|
--l--theme--notification--border--radius--sm: var(--l--theme--border--radius--md);
|
|
887
1014
|
--l--theme--notification--border--radius--md: var(--l--theme--border--radius--md);
|
|
888
1015
|
--l--theme--notification--border--radius--lg: var(--l--theme--border--radius--md);
|
|
889
|
-
--l--theme--notification--space--inset
|
|
890
|
-
--l--theme--notification--space--inset
|
|
891
|
-
--l--theme--notification--space--inset
|
|
892
|
-
--l--theme--notification--space--inset
|
|
893
|
-
--l--theme--notification--space--inset
|
|
894
|
-
--l--theme--notification--space--inset
|
|
895
|
-
--l--theme--notification--space--inset
|
|
896
|
-
--l--theme--notification--space--inset
|
|
897
|
-
--l--theme--space--dialog--inset
|
|
898
|
-
--l--theme--space--dialog--inset
|
|
1016
|
+
--l--theme--notification--space--inset-block--xs: var(--l--theme--space--20);
|
|
1017
|
+
--l--theme--notification--space--inset-block--sm: var(--l--theme--space--30);
|
|
1018
|
+
--l--theme--notification--space--inset-block--md: var(--l--theme--space--40);
|
|
1019
|
+
--l--theme--notification--space--inset-block--lg: var(--l--theme--space--50);
|
|
1020
|
+
--l--theme--notification--space--inset-inline--xs: var(--l--theme--space--30);
|
|
1021
|
+
--l--theme--notification--space--inset-inline--sm: var(--l--theme--space--40);
|
|
1022
|
+
--l--theme--notification--space--inset-inline--md: var(--l--theme--space--50);
|
|
1023
|
+
--l--theme--notification--space--inset-inline--lg: var(--l--theme--space--60);
|
|
1024
|
+
--l--theme--space--dialog--inset-block: var(--l--theme--space--gutter);
|
|
1025
|
+
--l--theme--space--dialog--inset-inline: var(--l--theme--space--gutter);
|
|
899
1026
|
}
|