@vellira-ui/tokens 2.25.0 → 2.26.0

package/dist/dark/semantic/navigation.js

@@ -1,9 +1,10 @@
 import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
 import { surface } from './surface.js';
 import { text } from './text.js';
 export const navigation = {
     hover: {
-        bg: surface.active,
+        bg: surface.hover,
         fg: text.primary,
     },
     active: {
@@ -21,16 +22,16 @@ export const navigation = {
         ring: colors.warning[500],
     },
     optionHover: {
-        bg: surface.active,
+        bg: surface.hover,
         fg: text.primary,
     },
     optionActive: {
         bg: surface.active,
         fg: text.primary,
     },
-    border: colors.vellira[700],
     triggerHover: {
         bg: surface.hover,
-        fg: colors.vellira[50],
+        fg: text.primary,
     },
+    border: border.muted,
 };

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

@@ -0,0 +1,17 @@
+export declare const overlay: {
+    readonly backdrop: "rgba(0,0,0,.72)";
+    readonly tooltip: {
+        readonly bg: "#FFFFFF";
+        readonly fg: "#000000";
+        readonly border: "#2F2A42";
+    };
+    readonly popover: {
+        readonly bg: "#242034";
+        readonly border: "#3D3754";
+    };
+    readonly modal: {
+        readonly bg: "#242034";
+        readonly border: "#3D3754";
+    };
+};
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/overlay.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAkBV,CAAC"}

package/dist/dark/semantic/overlay.js

@@ -0,0 +1,19 @@
+import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
+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,
+    },
+    popover: {
+        bg: surface.subtle,
+        border: border.muted,
+    },
+    modal: {
+        bg: surface.subtle,
+        border: border.muted,
+    },
+};

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

@@ -0,0 +1,8 @@
+export declare const shadow: {
+    readonly sm: "0 1px 2px rgba(0, 0, 0, 0.12)";
+    readonly md: "0 4px 12px rgba(0, 0, 0, 0.22)";
+    readonly lg: "0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25)";
+    readonly xl: "0 20px 60px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3)";
+    readonly inset: "inset 0 1px 0 rgba(255, 255, 255, 0.06)";
+};
+//# sourceMappingURL=shadow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/shadow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC"}

package/dist/dark/semantic/shadow.js

@@ -0,0 +1,7 @@
+export const shadow = {
+    sm: '0 1px 2px rgba(0, 0, 0, 0.12)',
+    md: '0 4px 12px rgba(0, 0, 0, 0.22)',
+    lg: '0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25)',
+    xl: '0 20px 60px rgba(0, 0, 0, 0.45), 0 4px 16px rgba(0, 0, 0, 0.3)',
+    inset: 'inset 0 1px 0 rgba(255, 255, 255, 0.06)',
+};

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

@@ -1,5 +1,5 @@
 export declare const skeleton: {
-    readonly base: "#1F2937";
-    readonly highlight: "#374151";
+    readonly base: "#242034";
+    readonly highlight: "#2F2A42";
 };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/dark/semantic/skeleton.js

@@ -1,5 +1,5 @@
 import { colors } from '../../primitives/colors.js';
 export const skeleton = {
-    base: colors.gray[800],
-    highlight: colors.gray[700],
+    base: colors.vellira[850],
+    highlight: colors.vellira[800],
 };

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

@@ -1,27 +1,31 @@
 export declare const status: {
     readonly success: {
         readonly fg: "#34D399";
-        readonly bg: "rgba(74, 222, 128, 0.14)";
-        readonly border: "#6EE7B7";
+        readonly bg: "rgba(52, 211, 153, 0.14)";
+        readonly border: "#34D399";
+        readonly ring: "#6EE7B7";
         readonly strong: "#059669";
     };
     readonly error: {
         readonly fg: "#FB7185";
         readonly bg: "rgba(251, 113, 133, 0.16)";
-        readonly border: "#F43F5E";
+        readonly border: "#FB7185";
+        readonly ring: "#FB7185";
         readonly strong: "#E11D48";
     };
     readonly warning: {
         readonly fg: "#FBBF24";
         readonly bg: "rgba(251, 191, 36, 0.14)";
-        readonly border: "#FCD34D";
+        readonly border: "#FBBF24";
+        readonly ring: "#FB7185";
         readonly strong: "#D97706";
     };
     readonly info: {
-        readonly fg: "#0284C7";
-        readonly bg: "rgba(96, 165, 250, 0.14)";
-        readonly border: "#0EA5E9";
-        readonly strong: "#075985";
+        readonly fg: "#7DD3FC";
+        readonly bg: "rgba(56, 189, 248, 0.14)";
+        readonly border: "#7DD3FC";
+        readonly ring: "#FB7185";
+        readonly strong: "#0369A1";
     };
 };
 //# sourceMappingURL=status.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA4BT,CAAC"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/status.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCT,CAAC"}

package/dist/dark/semantic/status.js

@@ -2,26 +2,30 @@ import { colors } from '../../primitives/colors.js';
 export const status = {
     success: {
         fg: colors.success[400],
-        bg: 'rgba(74, 222, 128, 0.14)',
-        border: colors.success[300],
+        bg: 'rgba(52, 211, 153, 0.14)',
+        border: colors.success[400],
+        ring: colors.success[300],
         strong: colors.success[600],
     },
     error: {
         fg: colors.error[400],
         bg: 'rgba(251, 113, 133, 0.16)',
-        border: colors.error[500],
+        border: colors.error[400],
+        ring: colors.error[400],
         strong: colors.error[600],
     },
     warning: {
         fg: colors.warning[400],
         bg: 'rgba(251, 191, 36, 0.14)',
-        border: colors.warning[300],
+        border: colors.warning[400],
+        ring: colors.error[400],
         strong: colors.warning[600],
     },
     info: {
-        fg: colors.info[400],
-        bg: 'rgba(96, 165, 250, 0.14)',
-        border: colors.info[300],
-        strong: colors.info[600],
+        fg: colors.info[200],
+        bg: 'rgba(56, 189, 248, 0.14)',
+        border: colors.info[200],
+        ring: colors.error[400],
+        strong: colors.info[500],
     },
 };

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

@@ -2,12 +2,12 @@ export declare const surface: {
     readonly default: "#181521";
     readonly muted: "#231F31";
     readonly subtle: "#242034";
-    readonly elevated: "#3D3754";
+    readonly elevated: "#2F2A42";
+    readonly hover: "#2F2A42";
+    readonly active: "#3D3754";
     readonly pressed: "#4F4867";
-    readonly danger: string;
     readonly disabled: "#2F2A42";
-    readonly hover: "#3D3754";
-    readonly active: "#6B6386";
+    readonly danger: string;
     readonly inverse: "#FFFFFF";
 };
 //# sourceMappingURL=surface.d.ts.map

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;;;;;;;;;;;CAaV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;CAcV,CAAC"}

package/dist/dark/semantic/surface.js

@@ -4,11 +4,11 @@ export const surface = {
     default: colors.vellira[950],
     muted: colors.vellira[900],
     subtle: colors.vellira[850],
-    elevated: colors.vellira[700],
+    elevated: colors.vellira[800],
+    hover: colors.vellira[800],
+    active: colors.vellira[700],
     pressed: colors.vellira[600],
-    danger: withAlpha(colors.error[800], 0.5),
     disabled: colors.vellira[800],
-    hover: colors.vellira[700],
-    active: colors.vellira[500],
+    danger: withAlpha(colors.error[800], 0.5),
     inverse: colors.mono[50],
 };

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

@@ -1,12 +1,13 @@
 export declare const text: {
     readonly primary: "#F4F1FB";
     readonly secondary: "#BBB2D2";
-    readonly muted: "#6B6386";
+    readonly muted: "#958CB0";
+    readonly subtle: "#9CA3AF";
     readonly disabled: "#6B6386";
-    readonly subtle: "#FFFFFF";
-    readonly hover: "#9B7CFF";
-    readonly inverse: "#FFFFFF";
-    readonly onInverse: "#000000";
     readonly brand: "#B8A8FF";
+    readonly interactive: "#B8A8FF";
+    readonly interactiveHover: "#9B7CFF";
+    readonly interactiveActive: "#7C5CFF";
+    readonly inverse: "#000000";
 };
 //# sourceMappingURL=text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;CAaP,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;CAcP,CAAC"}

package/dist/dark/semantic/text.js

@@ -2,11 +2,12 @@ import { colors } from '../../primitives/colors.js';
 export const text = {
     primary: colors.vellira[100],
     secondary: colors.vellira[300],
-    muted: colors.vellira[500],
+    muted: colors.vellira[400],
+    subtle: colors.mono[500],
     disabled: colors.vellira[500],
-    subtle: colors.mono[50],
-    hover: colors.primary[400],
-    inverse: colors.mono[50],
-    onInverse: colors.mono[950],
     brand: colors.primary[300],
+    interactive: colors.primary[300],
+    interactiveHover: colors.primary[400],
+    interactiveActive: colors.primary[500],
+    inverse: colors.mono[950],
 };