@vellira-ui/tokens 2.41.0 → 2.43.0

package/dist/css/tokens.css

@@ -27,11 +27,13 @@
   --z-index-backdrop: 900;
   --z-index-modal: 1000;
   --z-index-toast: 1100;
-  --font-family-base: VelliraSans, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-family-base: 'Vellira Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-family-extra-light: VelliraSans-ExtraLight;
   --font-family-regular: VelliraSans-Regular;
   --font-family-medium: VelliraSans-Medium;
   --font-family-semibold: VelliraSans-SemiBold;
+  --font-family-bold: VelliraSans-Bold;
+  --font-family-extra-bold: VelliraSans-ExtraBold;
   --font-weight-light: 200;
   --font-weight-regular: 400;
   --font-weight-medium: 500;
@@ -306,9 +308,9 @@
   --navigation-trigger-hover-fg: #402C9F;
   --navigation-border: #E4DDF4;
   --overlay-backdrop: rgba(24, 21, 33, 0.52);
-  --overlay-tooltip-bg: #181521;
-  --overlay-tooltip-fg: #FFFFFF;
-  --overlay-tooltip-border: #181521;
+  --overlay-tooltip-bg: #FFFFFF;
+  --overlay-tooltip-fg: #3D3754;
+  --overlay-tooltip-border: #E4DDF4;
   --overlay-popover-bg: #FFFFFF;
   --overlay-popover-border: #E4DDF4;
   --overlay-modal-bg: #FFFFFF;
@@ -344,6 +346,7 @@
   --surface-muted: #F4F1FB;
   --surface-subtle: #FDFCFF;
   --surface-elevated: #FFFFFF;
+  --surface-background: #FFFFFF;
   --surface-hover: #F4F1FB;
   --surface-active: #EEE8FA;
   --surface-pressed: #E4DDF4;
@@ -2066,7 +2069,7 @@
   --select-dropdown-search-placeholder: #6B6386;
   --select-dropdown-search-ring: #5037C8;
   --select-dropdown-empty-fg: #6B6386;
-  --select-dropdown-group-label-fg: #6346E8;
+  --select-dropdown-group-label-fg: #5037C8;
   --select-dropdown-separator-bg: #E4DDF4;
   --select-clear-button-fg: #958CB0;
   --select-clear-button-hover-fg: #BE123C;
@@ -2235,9 +2238,9 @@
   --tabs-list-border: #E4DDF4;
   --tabs-list-segmented-bg: #231F3108;
   --tabs-panel-fg: #3D3754;
-  --tooltip-content-bg: #181521;
-  --tooltip-content-fg: #FFFFFF;
-  --tooltip-content-border: #181521;
+  --tooltip-content-bg: #FFFFFF;
+  --tooltip-content-fg: #3D3754;
+  --tooltip-content-border: #E4DDF4;
   --tooltip-content-shadow: 0 4px 12px rgba(24, 21, 33, 0.12);
   --tooltip-content-border-width: 1px;
   --tooltip-content-radius: 8px;
@@ -2254,7 +2257,7 @@
   --tooltip-content-animation-duration: 150ms;
   --tooltip-content-translate-y: 2px;
   --tooltip-content-scale: 0.98px;
-  --tooltip-arrow-bg: #181521;
+  --tooltip-arrow-bg: #FFFFFF;
   --tooltip-arrow-size: 10px;
   --tooltip-arrow-compact-size: 6px;
 }
@@ -2511,9 +2514,9 @@
   --navigation-trigger-hover-fg: #F4F1FB;
   --navigation-border: #3D3754;
   --overlay-backdrop: rgba(0,0,0,.72);
-  --overlay-tooltip-bg: #FFFFFF;
-  --overlay-tooltip-fg: #000000;
-  --overlay-tooltip-border: #2F2A42;
+  --overlay-tooltip-bg: #2F2A42;
+  --overlay-tooltip-fg: #F4F1FB;
+  --overlay-tooltip-border: #4F4867;
   --overlay-popover-bg: #242034;
   --overlay-popover-border: #3D3754;
   --overlay-modal-bg: #242034;
@@ -2549,6 +2552,7 @@
   --surface-muted: #231F31;
   --surface-subtle: #242034;
   --surface-elevated: #2F2A42;
+  --surface-background: #2F2A42;
   --surface-hover: #2F2A42;
   --surface-active: #3D3754;
   --surface-pressed: #4F4867;
@@ -4440,9 +4444,9 @@
   --tabs-list-border: #3D3754;
   --tabs-list-segmented-bg: #FFFFFF0D;
   --tabs-panel-fg: #F4F1FB;
-  --tooltip-content-bg: #FFFFFF;
-  --tooltip-content-fg: #000000;
-  --tooltip-content-border: #2F2A42;
+  --tooltip-content-bg: #2F2A42;
+  --tooltip-content-fg: #F4F1FB;
+  --tooltip-content-border: #4F4867;
   --tooltip-content-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
   --tooltip-content-border-width: 1px;
   --tooltip-content-radius: 8px;
@@ -4459,7 +4463,7 @@
   --tooltip-content-animation-duration: 150ms;
   --tooltip-content-translate-y: 2px;
   --tooltip-content-scale: 0.98px;
-  --tooltip-arrow-bg: #FFFFFF;
+  --tooltip-arrow-bg: #2F2A42;
   --tooltip-arrow-size: 10px;
   --tooltip-arrow-compact-size: 6px;
 }
@@ -4765,6 +4769,7 @@
   --surface-muted: #111827;
   --surface-subtle: #1F2937;
   --surface-elevated: #374151;
+  --surface-background: #1F2937;
   --surface-hover: #374151;
   --surface-active: #374151;
   --surface-pressed: #4B5563;

package/dist/dark/semantic/overlay.d.ts

@@ -1,9 +1,9 @@
 export declare const overlay: {
     readonly backdrop: "rgba(0,0,0,.72)";
     readonly tooltip: {
-        readonly bg: "#FFFFFF";
-        readonly fg: "#000000";
-        readonly border: "#2F2A42";
+        readonly bg: "#2F2A42";
+        readonly fg: "#F4F1FB";
+        readonly border: "#4F4867";
     };
     readonly popover: {
         readonly bg: "#242034";

package/dist/dark/semantic/overlay.js

@@ -4,9 +4,9 @@ import { surface } from './surface.js';
 export const overlay = {
     backdrop: 'rgba(0,0,0,.72)',
     tooltip: {
-        bg: colors.mono[50],
-        fg: colors.mono[950],
-        border: border.subtle,
+        bg: surface.elevated,
+        fg: colors.vellira[100],
+        border: border.default,
     },
     popover: {
         bg: surface.subtle,

package/dist/dark/semantic/surface.d.ts

@@ -3,6 +3,7 @@ export declare const surface: {
     readonly muted: "#231F31";
     readonly subtle: "#242034";
     readonly elevated: "#2F2A42";
+    readonly background: "#2F2A42";
     readonly hover: "#2F2A42";
     readonly active: "#3D3754";
     readonly pressed: "#4F4867";

package/dist/dark/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;CAcV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAeV,CAAC"}

package/dist/dark/semantic/surface.js

@@ -5,6 +5,7 @@ export const surface = {
     muted: colors.vellira[900],
     subtle: colors.vellira[850],
     elevated: colors.vellira[800],
+    background: colors.vellira[800],
     hover: colors.vellira[800],
     active: colors.vellira[700],
     pressed: colors.vellira[600],

package/dist/dark/theme.d.ts

@@ -192,11 +192,13 @@ export declare const darkTheme: {
         };
         readonly typography: {
             readonly family: {
-                readonly base: "VelliraSans, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+                readonly base: "'Vellira Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
                 readonly extraLight: "VelliraSans-ExtraLight";
                 readonly regular: "VelliraSans-Regular";
                 readonly medium: "VelliraSans-Medium";
                 readonly semibold: "VelliraSans-SemiBold";
+                readonly bold: "VelliraSans-Bold";
+                readonly extraBold: "VelliraSans-ExtraBold";
             };
             readonly size: {
                 readonly xs: 12;

package/dist/dark/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/dark/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYZ,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/dark/theme.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYZ,CAAC"}