@leta-io/design-tokens 0.5.1 → 0.6.0

package/dist/index.d.ts

@@ -1709,6 +1709,8 @@ declare const tokens: {
     readonly surfaceNeutralDesktopBadgeHover: "--surface-neutral-desktop-badge-hover";
     /** Border/neutral/desktop-badge-pressed */
     readonly borderNeutralDesktopBadgePressed: "--border-neutral-desktop-badge-pressed";
+    /** Surface/neutral/top-filter-tab-active */
+    readonly surfaceNeutralTopFilterTabActive: "--surface-neutral-top-filter-tab-active";
     /** Inter Family */
     readonly interFamily: "--inter-family";
     /** Breakpoint */

package/dist/index.js

@@ -1726,6 +1726,8 @@ var tokens = {
   surfaceNeutralDesktopBadgeHover: "--surface-neutral-desktop-badge-hover",
   /** Border/neutral/desktop-badge-pressed */
   borderNeutralDesktopBadgePressed: "--border-neutral-desktop-badge-pressed",
+  /** Surface/neutral/top-filter-tab-active */
+  surfaceNeutralTopFilterTabActive: "--surface-neutral-top-filter-tab-active",
   /** Inter Family */
   interFamily: "--inter-family",
   /** Breakpoint */

package/dist/tailwind.preset.cjs

@@ -700,7 +700,8 @@ module.exports = {
         "border-disabled-input-field": "var(--border-disabled-input-field)",
         "border-neutral-text-area": "var(--border-neutral-text-area)",
         "surface-neutral-desktop-badge-hover": "var(--surface-neutral-desktop-badge-hover)",
-        "border-neutral-desktop-badge-pressed": "var(--border-neutral-desktop-badge-pressed)"
+        "border-neutral-desktop-badge-pressed": "var(--border-neutral-desktop-badge-pressed)",
+        "surface-neutral-top-filter-tab-active": "var(--surface-neutral-top-filter-tab-active)"
       },
       "fontSize": {
         "8px": "var(--fonts-size-8px)",

package/dist/tokens.css

@@ -678,7 +678,7 @@
   --surface-neutral-user-menu-pressed: var(--colors-neutral-150);
   --border-neutral-user-menu-hover: var(--colors-neutral-100);
   --border-neutral-user-menu-pressed: var(--colors-neutral-150);
-  --border-neutral-user-menu-idle: color-mix(in srgb, var(--colors-neutral-white) 80%, transparent);
+  --border-neutral-user-menu-idle: var(--colors-neutral-white);
   --surface-neutral-ghost-button-idle: var(--colors-neutral-white);
   --border-neutral-ghost-button-idle: var(--colors-neutral-white);
   --surface-success-bg-raised: var(--colors-success-100);
@@ -846,6 +846,7 @@
   --border-neutral-text-area: color-mix(in srgb, var(--colors-neutral-200) 80%, transparent);
   --surface-neutral-desktop-badge-hover: var(--colors-neutral-100);
   --border-neutral-desktop-badge-pressed: var(--colors-neutral-400);
+  --surface-neutral-top-filter-tab-active: var(--colors-neutral-white);
   
   /* Mapped Type — Desktop (default) */
   --inter-family: var(--fonts-primary);
@@ -1359,7 +1360,7 @@
   --surface-neutral-user-menu-pressed: var(--colors-neutral-150);
   --border-neutral-user-menu-hover: var(--colors-neutral-100);
   --border-neutral-user-menu-pressed: var(--colors-neutral-150);
-  --border-neutral-user-menu-idle: color-mix(in srgb, var(--colors-neutral-white) 80%, transparent);
+  --border-neutral-user-menu-idle: var(--colors-neutral-white);
   --surface-neutral-ghost-button-idle: var(--colors-neutral-white);
   --border-neutral-ghost-button-idle: var(--colors-neutral-white);
   --surface-success-bg-raised: var(--colors-success-100);
@@ -1527,6 +1528,7 @@
   --border-neutral-text-area: color-mix(in srgb, var(--colors-neutral-200) 80%, transparent);
   --surface-neutral-desktop-badge-hover: var(--colors-neutral-100);
   --border-neutral-desktop-badge-pressed: var(--colors-neutral-400);
+  --surface-neutral-top-filter-tab-active: var(--colors-neutral-white);
 }
 
 [data-theme="dark"] {
@@ -1727,7 +1729,7 @@
   --surface-neutral-segment-idle: var(--colors-neutral-700);
   --surface-neutral-segment-track: var(--colors-neutral-700);
   --text-default-body: var(--colors-neutral-50);
-  --surface-neutral-card-idle: var(--colors-neutral-900);
+  --surface-neutral-card-idle: var(--colors-neutral-black);
   --surface-neutral-card-hover: var(--colors-neutral-900);
   --surface-neutral-card-pressed: var(--colors-neutral-900);
   --text-secondary-plain-button-idle: var(--colors-secondary-50);
@@ -1828,7 +1830,7 @@
   --surface-neutral-user-menu-pressed: var(--colors-neutral-700);
   --border-neutral-user-menu-hover: var(--colors-neutral-800);
   --border-neutral-user-menu-pressed: var(--colors-neutral-700);
-  --border-neutral-user-menu-idle: color-mix(in srgb, var(--colors-neutral-black) 80%, transparent);
+  --border-neutral-user-menu-idle: var(--colors-neutral-black);
   --surface-neutral-ghost-button-idle: var(--colors-neutral-black);
   --border-neutral-ghost-button-idle: var(--colors-neutral-black);
   --surface-success-bg-raised: var(--colors-success-900);
@@ -1987,15 +1989,16 @@
   --surface-neutral-bg-alt: var(--colors-neutral-white);
   --surface-secondary-table-cell-selected-pressed: var(--colors-secondary-800);
   --border-neutral-table-cell-idle: color-mix(in srgb, var(--colors-neutral-600) 80%, transparent);
-  --border-neutral-table-cell-pressed: var(--colors-neutral-700);
+  --border-neutral-table-cell-pressed: var(--colors-neutral-default);
   --border-neutral-table-cell-hover: var(--colors-neutral-600);
   --border-secondary-table-cell-selected-pressed: var(--colors-secondary-400);
-  --border-neutral-table-cell-selected: var(--colors-neutral-700);
+  --border-neutral-table-cell-selected: var(--colors-neutral-default);
   --border-neutral-input-field: var(--colors-neutral-600);
   --border-disabled-input-field: var(--colors-neutral-600);
   --border-neutral-text-area: color-mix(in srgb, var(--colors-neutral-600) 80%, transparent);
   --surface-neutral-desktop-badge-hover: var(--colors-neutral-800);
   --border-neutral-desktop-badge-pressed: var(--colors-neutral-400);
+  --surface-neutral-top-filter-tab-active: var(--colors-neutral-black);
 }
 
 @media (max-width: 1023px) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leta-io/design-tokens",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "LETA design tokens — generated from Figma. Do not hand-edit dist/.",
   "repository": {
     "type": "git",