@withlayers/tokens 0.36.0 → 0.39.0

package/dist/index.css

@@ -580,6 +580,7 @@
   --l--theme--border--width--lg: var(--l--border--width--4);
   --l--theme--border--width--xl: var(--l--border--width--8);
   --l--theme--border--width--xxl: var(--l--border--width--16);
+  --l--theme--border--card--style: var(--l--border--style--none);
   --l--theme--border--dialog--style: var(--l--border--style--none);
   --l--theme--border--interactive--style: var(--l--border--style--solid);
   --l--theme--border--mark-control--style: var(--l--border--style--solid);
@@ -1246,6 +1247,14 @@
   --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--dark--0);
   --l--theme--color--selection--content--on-primary: var(--l--color--primary--dark--0);
   --l--theme--color--selection--content--on-subtle: var(--l--color--neutral--0);
+  --l--theme--color--surface--background--secondary--on-default: var(--l--color--neutral--20);
+  --l--theme--color--surface--background--secondary--on-knockout: var(--l--color--neutral--dark--20);
+  --l--theme--color--surface--background--secondary--on-primary: var(--l--color--primary--20);
+  --l--theme--color--surface--background--secondary--on-subtle: var(--l--color--neutral--30);
+  --l--theme--color--surface--background--tertiary--on-default: var(--l--color--neutral--30);
+  --l--theme--color--surface--background--tertiary--on-knockout: var(--l--color--neutral--dark--30);
+  --l--theme--color--surface--background--tertiary--on-primary: var(--l--color--primary--20);
+  --l--theme--color--surface--background--tertiary--on-subtle: var(--l--color--neutral--40);
   --l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
   --l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
   --l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
@@ -1383,6 +1392,10 @@
   --l--theme--typography--interactive--line-height--sm: var(--l--typography--line-height--1250);
   --l--theme--typography--interactive--line-height--md: var(--l--typography--line-height--1375);
   --l--theme--typography--interactive--line-height--lg: var(--l--typography--line-height--1500);
+  --l--theme--typography--interactive--text-decoration-line--xs: var(--l--typography--text-decoration-line--none);
+  --l--theme--typography--interactive--text-decoration-line--sm: var(--l--typography--text-decoration-line--none);
+  --l--theme--typography--interactive--text-decoration-line--md: var(--l--typography--text-decoration-line--none);
+  --l--theme--typography--interactive--text-decoration-line--lg: var(--l--typography--text-decoration-line--none);
   --l--theme--typography--interactive--text-transform--xs: var(--l--typography--text-transform--none);
   --l--theme--typography--interactive--text-transform--sm: var(--l--typography--text-transform--none);
   --l--theme--typography--interactive--text-transform--md: var(--l--typography--text-transform--none);
@@ -1517,8 +1530,10 @@
   --l--theme--notification--typography--text-transform--sm: var(--l--typography--text-transform--none);
   --l--theme--notification--typography--text-transform--md: var(--l--typography--text-transform--none);
   --l--theme--notification--typography--text-transform--lg: var(--l--typography--text-transform--none);
+  --l--theme--border--card--radius: var(--l--theme--border--radius--md);
+  --l--theme--border--card--width: var(--l--theme--border--width--none);
   --l--theme--border--dialog--radius: var(--l--theme--border--radius--md);
-  --l--theme--border--dialog--width: var(--l--theme--border--width--sm);
+  --l--theme--border--dialog--width: var(--l--theme--border--width--none);
   --l--theme--border--interactive--radius--xs: var(--l--theme--border--radius--md);
   --l--theme--border--interactive--radius--sm: var(--l--theme--border--radius--md);
   --l--theme--border--interactive--radius--md: var(--l--theme--border--radius--md);
@@ -1574,6 +1589,8 @@
   --l--theme--color--input--placeholder--on-subtle--hover: var(--l--theme--color--content--secondary--on-subtle);
   --l--theme--color--input--placeholder--on-subtle--focus: var(--l--theme--color--content--secondary--on-subtle);
   --l--theme--outline--width: var(--l--theme--border--width--md);
+  --l--theme--space--card--inset--block: var(--l--theme--space--60);
+  --l--theme--space--card--inset--inline: var(--l--theme--space--60);
   --l--theme--space--dialog--inset--block: var(--l--theme--space--70);
   --l--theme--space--dialog--inset--inline: var(--l--theme--space--70);
   --l--theme--space--gutter: var(--l--theme--space--70);
@@ -1583,10 +1600,10 @@
   --l--theme--space--interactive--inset--block--sm: var(--l--theme--space--30);
   --l--theme--space--interactive--inset--block--md: var(--l--theme--space--40);
   --l--theme--space--interactive--inset--block--lg: var(--l--theme--space--50);
-  --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--40);
-  --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--50);
-  --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--60);
-  --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--70);
+  --l--theme--space--interactive--inset--inline--xs: var(--l--theme--space--30);
+  --l--theme--space--interactive--inset--inline--sm: var(--l--theme--space--40);
+  --l--theme--space--interactive--inset--inline--md: var(--l--theme--space--50);
+  --l--theme--space--interactive--inset--inline--lg: var(--l--theme--space--60);
   --l--theme--space--interactive-icon--inset--xs: var(--l--theme--space--20);
   --l--theme--space--interactive-icon--inset--sm: var(--l--theme--space--30);
   --l--theme--space--interactive-icon--inset--md: var(--l--theme--space--40);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@withlayers/tokens",
-  "version": "0.36.0",
+  "version": "0.39.0",
   "description": "Design tokens layer",
   "license": "MIT",
   "author": "Dmitry Mayorov",