@withlayers/tokens 0.31.0 → 0.34.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 +42 -38
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -561,12 +561,12 @@
561
561
  --l--units--static--384: 384px;
562
562
  --l--units--static--448: 448px;
563
563
  --l--units--static--512: 512px;
564
- --l--theme--size--measure--xs: 12rem;
565
- --l--theme--size--measure--sm: 18.75rem;
566
- --l--theme--size--measure--md: 37.5rem;
567
- --l--theme--size--measure--lg: 48rem;
568
- --l--theme--size--measure--xl: 64rem;
569
- --l--theme--size--measure--xxl: 80rem;
564
+ --l--theme--size--measure--xs: 11.25rem;
565
+ --l--theme--size--measure--sm: 24.5rem;
566
+ --l--theme--size--measure--md: 37.75rem;
567
+ --l--theme--size--measure--lg: 51rem;
568
+ --l--theme--size--measure--xl: 64.25rem;
569
+ --l--theme--size--measure--xxl: 77.5rem;
570
570
  --l--theme--border--radius--none: var(--l--border--radius--0);
571
571
  --l--theme--border--radius--sm: var(--l--border--radius--2);
572
572
  --l--theme--border--radius--md: var(--l--border--radius--4);
@@ -1466,10 +1466,6 @@
1466
1466
  --l--theme--size--100: clamp(var(--l--units--relative--64), 2.9630vw + 3.3333rem, var(--l--units--relative--96));
1467
1467
  --l--theme--size--110: clamp(var(--l--units--relative--96), 2.9630vw + 5.3333rem, var(--l--units--relative--128));
1468
1468
  --l--theme--size--120: clamp(var(--l--units--relative--128), 5.9259vw + 6.6667rem, var(--l--units--relative--192));
1469
- --l--theme--size--icon--xs: var(--l--units--relative--12);
1470
- --l--theme--size--icon--sm: var(--l--units--relative--16);
1471
- --l--theme--size--icon--md: var(--l--units--relative--24);
1472
- --l--theme--size--icon--lg: var(--l--units--relative--32);
1473
1469
  --l--theme--size--icon--xl: var(--l--units--relative--48);
1474
1470
  --l--theme--size--icon--xxl: var(--l--units--relative--64);
1475
1471
  --l--theme--size--mark-control: clamp(1.3125rem, 0.27778vw + 1.2500rem, 1.5rem);
@@ -1576,27 +1572,37 @@
1576
1572
  --l--theme--color--input--placeholder--on-subtle--hover: var(--l--theme--color--content--secondary--on-subtle);
1577
1573
  --l--theme--color--input--placeholder--on-subtle--focus: var(--l--theme--color--content--secondary--on-subtle);
1578
1574
  --l--theme--outline--width: var(--l--theme--border--width--md);
1575
+ --l--theme--size--icon--xs: calc(var(--l--theme--typography--interactive--font-size--xs) * var(--l--theme--typography--interactive--line-height--xs));
1576
+ --l--theme--size--icon--sm: calc(var(--l--theme--typography--interactive--font-size--sm) * var(--l--theme--typography--interactive--line-height--sm));
1577
+ --l--theme--size--icon--md: calc(var(--l--theme--typography--interactive--font-size--md) * var(--l--theme--typography--interactive--line-height--md));
1578
+ --l--theme--size--icon--lg: calc(var(--l--theme--typography--interactive--font-size--lg) * var(--l--theme--typography--interactive--line-height--lg));
1579
+ --l--theme--space--dialog--inset--block: var(--l--theme--space--70);
1580
+ --l--theme--space--dialog--inset--inline: var(--l--theme--space--70);
1579
1581
  --l--theme--space--gutter: var(--l--theme--space--70);
1580
1582
  --l--theme--space--grid--gap--inline: var(--l--theme--space--70);
1581
1583
  --l--theme--space--grid--gap--block: var(--l--theme--space--70);
1582
- --l--theme--space--interactive--inset-block--xs: var(--l--theme--space--20);
1583
- --l--theme--space--interactive--inset-block--sm: var(--l--theme--space--30);
1584
- --l--theme--space--interactive--inset-block--md: var(--l--theme--space--40);
1585
- --l--theme--space--interactive--inset-block--lg: var(--l--theme--space--50);
1586
- --l--theme--space--interactive--inset-inline--xs: var(--l--theme--space--40);
1587
- --l--theme--space--interactive--inset-inline--sm: var(--l--theme--space--50);
1588
- --l--theme--space--interactive--inset-inline--md: var(--l--theme--space--60);
1589
- --l--theme--space--interactive--inset-inline--lg: var(--l--theme--space--70);
1590
- --l--theme--space--text-control--inset-block--xs: var(--l--theme--space--20);
1591
- --l--theme--space--text-control--inset-block--sm: var(--l--theme--space--30);
1592
- --l--theme--space--text-control--inset-block--md: var(--l--theme--space--40);
1593
- --l--theme--space--text-control--inset-block--lg: var(--l--theme--space--50);
1594
- --l--theme--space--text-control--inset-inline--xs: var(--l--theme--space--30);
1595
- --l--theme--space--text-control--inset-inline--sm: var(--l--theme--space--40);
1596
- --l--theme--space--text-control--inset-inline--md: var(--l--theme--space--50);
1597
- --l--theme--space--text-control--inset-inline--lg: var(--l--theme--space--60);
1598
- --l--theme--space--text-highlight--inset-block: var(--l--theme--space--10);
1599
- --l--theme--space--text-highlight--inset-inline: var(--l--theme--space--20);
1584
+ --l--theme--space--interactive--inset--block--xs: var(--l--theme--space--20);
1585
+ --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
1586
+ --l--theme--space--interactive--inset--block--md: var(--l--theme--space--40);
1587
+ --l--theme--space--interactive--inset--block--lg: var(--l--theme--space--50);
1588
+ --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--40);
1589
+ --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
1590
+ --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
1591
+ --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
1592
+ --l--theme--space--interactive-icon--inset--xs: var(--l--theme--space--20);
1593
+ --l--theme--space--interactive-icon--inset--sm: var(--l--theme--space--30);
1594
+ --l--theme--space--interactive-icon--inset--md: var(--l--theme--space--40);
1595
+ --l--theme--space--interactive-icon--inset--lg: var(--l--theme--space--50);
1596
+ --l--theme--space--text-control--inset--block--xs: var(--l--theme--space--20);
1597
+ --l--theme--space--text-control--inset--block--sm: var(--l--theme--space--30);
1598
+ --l--theme--space--text-control--inset--block--md: var(--l--theme--space--40);
1599
+ --l--theme--space--text-control--inset--block--lg: var(--l--theme--space--50);
1600
+ --l--theme--space--text-control--inset--inline--xs: var(--l--theme--space--30);
1601
+ --l--theme--space--text-control--inset--inline--sm: var(--l--theme--space--40);
1602
+ --l--theme--space--text-control--inset--inline--md: var(--l--theme--space--50);
1603
+ --l--theme--space--text-control--inset--inline--lg: var(--l--theme--space--60);
1604
+ --l--theme--space--text-highlight--inset--block: var(--l--theme--space--10);
1605
+ --l--theme--space--text-highlight--inset--inline: var(--l--theme--space--20);
1600
1606
  --l--theme--notification--border--width--xs: var(--l--theme--border--width--sm);
1601
1607
  --l--theme--notification--border--width--sm: var(--l--theme--border--width--sm);
1602
1608
  --l--theme--notification--border--width--md: var(--l--theme--border--width--sm);
@@ -1605,14 +1611,12 @@
1605
1611
  --l--theme--notification--border--radius--sm: var(--l--theme--border--radius--md);
1606
1612
  --l--theme--notification--border--radius--md: var(--l--theme--border--radius--md);
1607
1613
  --l--theme--notification--border--radius--lg: var(--l--theme--border--radius--md);
1608
- --l--theme--notification--space--inset-block--xs: var(--l--theme--space--20);
1609
- --l--theme--notification--space--inset-block--sm: var(--l--theme--space--30);
1610
- --l--theme--notification--space--inset-block--md: var(--l--theme--space--40);
1611
- --l--theme--notification--space--inset-block--lg: var(--l--theme--space--50);
1612
- --l--theme--notification--space--inset-inline--xs: var(--l--theme--space--30);
1613
- --l--theme--notification--space--inset-inline--sm: var(--l--theme--space--40);
1614
- --l--theme--notification--space--inset-inline--md: var(--l--theme--space--50);
1615
- --l--theme--notification--space--inset-inline--lg: var(--l--theme--space--60);
1616
- --l--theme--space--dialog--inset-block: var(--l--theme--space--gutter);
1617
- --l--theme--space--dialog--inset-inline: var(--l--theme--space--gutter);
1614
+ --l--theme--notification--space--inset--block--xs: var(--l--theme--space--20);
1615
+ --l--theme--notification--space--inset--block--sm: var(--l--theme--space--30);
1616
+ --l--theme--notification--space--inset--block--md: var(--l--theme--space--40);
1617
+ --l--theme--notification--space--inset--block--lg: var(--l--theme--space--50);
1618
+ --l--theme--notification--space--inset--inline--xs: var(--l--theme--space--30);
1619
+ --l--theme--notification--space--inset--inline--sm: var(--l--theme--space--40);
1620
+ --l--theme--notification--space--inset--inline--md: var(--l--theme--space--50);
1621
+ --l--theme--notification--space--inset--inline--lg: var(--l--theme--space--60);
1618
1622
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@withlayers/tokens",
3
- "version": "0.31.0",
3
+ "version": "0.34.0",
4
4
  "description": "Design tokens layer",
5
5
  "license": "MIT",
6
6
  "author": "Dmitry Mayorov",