@withlayers/tokens 0.12.0 → 0.13.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 +65 -12
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -293,6 +293,39 @@
293
293
  --l--theme--focus-ring--outline--offset: var(--l--units--2);
294
294
  --l--theme--focus-ring--outline--style: var(--l--border--style--solid);
295
295
  --l--theme--focus-ring--outline--width: var(--l--border--width--2);
296
+ --l--theme--notification--border--style: var(--l--border--style--solid);
297
+ --l--theme--notification--typography--font-family--xs: var(--l--typography--font-family--secondary);
298
+ --l--theme--notification--typography--font-family--sm: var(--l--typography--font-family--secondary);
299
+ --l--theme--notification--typography--font-family--md: var(--l--typography--font-family--secondary);
300
+ --l--theme--notification--typography--font-family--lg: var(--l--typography--font-family--secondary);
301
+ --l--theme--notification--typography--font-size--xs: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
302
+ --l--theme--notification--typography--font-size--sm: clamp(var(--l--typography--font-size--12), 0.18519vw + 0.70833rem, var(--l--typography--font-size--14));
303
+ --l--theme--notification--typography--font-size--md: clamp(var(--l--typography--font-size--14), 0.18519vw + 0.83333rem, var(--l--typography--font-size--16));
304
+ --l--theme--notification--typography--font-size--lg: clamp(var(--l--typography--font-size--16), 0.18519vw + 0.95833rem, var(--l--typography--font-size--18));
305
+ --l--theme--notification--typography--font-style--xs: var(--l--typography--font-style--normal);
306
+ --l--theme--notification--typography--font-style--sm: var(--l--typography--font-style--normal);
307
+ --l--theme--notification--typography--font-style--md: var(--l--typography--font-style--normal);
308
+ --l--theme--notification--typography--font-style--lg: var(--l--typography--font-style--normal);
309
+ --l--theme--notification--typography--font-variant-caps--xs: var(--l--typography--font-variant-caps--normal);
310
+ --l--theme--notification--typography--font-variant-caps--sm: var(--l--typography--font-variant-caps--normal);
311
+ --l--theme--notification--typography--font-variant-caps--md: var(--l--typography--font-variant-caps--normal);
312
+ --l--theme--notification--typography--font-variant-caps--lg: var(--l--typography--font-variant-caps--normal);
313
+ --l--theme--notification--typography--font-weight--xs: var(--l--typography--font-weight--medium);
314
+ --l--theme--notification--typography--font-weight--sm: var(--l--typography--font-weight--medium);
315
+ --l--theme--notification--typography--font-weight--md: var(--l--typography--font-weight--medium);
316
+ --l--theme--notification--typography--font-weight--lg: var(--l--typography--font-weight--medium);
317
+ --l--theme--notification--typography--letter-spacing--xs: var(--l--typography--letter-spacing--normal);
318
+ --l--theme--notification--typography--letter-spacing--sm: var(--l--typography--letter-spacing--normal);
319
+ --l--theme--notification--typography--letter-spacing--md: var(--l--typography--letter-spacing--normal);
320
+ --l--theme--notification--typography--letter-spacing--lg: var(--l--typography--letter-spacing--normal);
321
+ --l--theme--notification--typography--line-height--xs: var(--l--typography--line-height--1250);
322
+ --l--theme--notification--typography--line-height--sm: var(--l--typography--line-height--1250);
323
+ --l--theme--notification--typography--line-height--md: var(--l--typography--line-height--1375);
324
+ --l--theme--notification--typography--line-height--lg: var(--l--typography--line-height--1500);
325
+ --l--theme--notification--typography--text-transform--xs: var(--l--typography--text-transform--none);
326
+ --l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
327
+ --l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
328
+ --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
296
329
  --l--theme--radio-control--border--style: var(--l--border--style--solid);
297
330
  --l--theme--radio-control--size: clamp(1.3125rem, 0.27778vw + 1.2500rem, var(--l--units--24));
298
331
  --l--theme--selection--color--background--on-default: var(--l--color--neutral--90);
@@ -350,18 +383,22 @@
350
383
  --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
351
384
  --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
352
385
  --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
353
- --l--theme--color--feedback--destructive--background--on-default: var(--l--color--red--20);
354
- --l--theme--color--feedback--destructive--border--on-default: var(--l--color--red--30);
355
- --l--theme--color--feedback--destructive--content--on-default: var(--l--color--red--100);
356
- --l--theme--color--feedback--informative--background--on-default: var(--l--color--blue--20);
357
- --l--theme--color--feedback--informative--border--on-default: var(--l--color--blue--30);
358
- --l--theme--color--feedback--informative--content--on-default: var(--l--color--blue--100);
359
- --l--theme--color--feedback--positive--background--on-default: var(--l--color--green--20);
360
- --l--theme--color--feedback--positive--border--on-default: var(--l--color--green--30);
361
- --l--theme--color--feedback--positive--content--on-default: var(--l--color--green--100);
362
- --l--theme--color--feedback--warning--background--on-default: var(--l--color--yellow--20);
363
- --l--theme--color--feedback--warning--border--on-default: var(--l--color--yellow--30);
364
- --l--theme--color--feedback--warning--content--on-default: var(--l--color--yellow--100);
386
+ --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--20);
387
+ --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--20);
388
+ --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--20);
389
+ --l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--20);
390
+ --l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--30);
391
+ --l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
392
+ --l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
393
+ --l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
394
+ --l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--50);
395
+ --l--theme--color--feedback--content--destructive--on-destructive: var(--l--color--red--100);
396
+ --l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--50);
397
+ --l--theme--color--feedback--content--informative--on-informative: var(--l--color--blue--100);
398
+ --l--theme--color--feedback--content--positive--on-default: var(--l--color--green--50);
399
+ --l--theme--color--feedback--content--positive--on-positive: var(--l--color--green--100);
400
+ --l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--50);
401
+ --l--theme--color--feedback--content--warning--on-warning: var(--l--color--yellow--100);
365
402
  --l--theme--color--interactive--background--on-default--rest: var(--l--color--neutral--0);
366
403
  --l--theme--color--interactive--background--on-default--hover: var(--l--color--neutral--10);
367
404
  --l--theme--color--interactive--background--on-default--focus: var(--l--color--neutral--10);
@@ -630,6 +667,22 @@
630
667
  --l--theme--dialog--color--border: var(--l--theme--color--border--primary--on-default);
631
668
  --l--theme--dialog--color--content: var(--l--theme--color--content--primary--on-default);
632
669
  --l--theme--dialog--color--overlay: var(--l--theme--color--overlay--on-default);
670
+ --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
671
+ --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
672
+ --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
673
+ --l--theme--notification--border--width--lg: var(--l--theme--border--width--sm);
674
+ --l--theme--notification--border--radius--xs: var(--l--theme--border--radius--md);
675
+ --l--theme--notification--border--radius--sm: var(--l--theme--border--radius--md);
676
+ --l--theme--notification--border--radius--md: var(--l--theme--border--radius--md);
677
+ --l--theme--notification--border--radius--lg: var(--l--theme--border--radius--md);
678
+ --l--theme--notification--space--inner--block--xs: var(--l--theme--space--20);
679
+ --l--theme--notification--space--inner--block--sm: var(--l--theme--space--30);
680
+ --l--theme--notification--space--inner--block--md: var(--l--theme--space--40);
681
+ --l--theme--notification--space--inner--block--lg: var(--l--theme--space--50);
682
+ --l--theme--notification--space--inner--inline--xs: var(--l--theme--space--30);
683
+ --l--theme--notification--space--inner--inline--sm: var(--l--theme--space--40);
684
+ --l--theme--notification--space--inner--inline--md: var(--l--theme--space--50);
685
+ --l--theme--notification--space--inner--inline--lg: var(--l--theme--space--60);
633
686
  --l--theme--radio-control--border--width: var(--l--theme--border--width--sm);
634
687
  --l--theme--radio-control--border--radius: var(--l--theme--border--radius--full);
635
688
  --l--theme--text-control--border--width--xs: var(--l--theme--border--width--sm);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.12.0",
3
+ "version": "0.13.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",