@vellira-ui/tokens 2.21.0 → 2.22.0

package/dist/dark/components/tabs.d.ts

@@ -34,7 +34,7 @@ export declare const tabs: {
             readonly border: "transparent";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#3D3754";
             readonly fg: "#F4F1FB";
             readonly border: "transparent";
         };

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

@@ -1,6 +1,11 @@
 export declare const control: {
+    readonly default: {
+        readonly bg: "#3D3754";
+        readonly fg: "#FFFFFF";
+        readonly border: "#231F31";
+    };
     readonly hover: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
     };

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

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

package/dist/dark/semantic/control.js

@@ -1,7 +1,13 @@
 import { colors } from '../../primitives/colors.js';
+import { border } from './border.js';
 import { surface } from './surface.js';
 import { text } from './text.js';
 export const control = {
+    default: {
+        bg: surface.elevated,
+        fg: text.inverse,
+        border: border.subtle,
+    },
     hover: {
         bg: surface.hover,
         fg: text.brand,

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

@@ -0,0 +1,15 @@
+export declare const icons: {
+    readonly default: "#0F0F0F";
+    readonly primary: "#B8A8FF";
+    readonly secondary: "#9CA3AF";
+    readonly success: "#10B981";
+    readonly muted: "#9CA3AF";
+    readonly disabled: "#D1D5DB";
+    readonly subtle: "#FFFFFF";
+    readonly danger: "#F43F5E";
+    readonly hover: "#9B7CFF";
+    readonly inverse: "#1A1A1A";
+    readonly onInverse: "#000000";
+    readonly brand: "#9B7CFF";
+};
+//# sourceMappingURL=icons.d.ts.map

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

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

package/dist/dark/semantic/icons.js

@@ -0,0 +1,15 @@
+import { colors } from '../../primitives/colors.js';
+export const icons = {
+    default: colors.mono[900],
+    primary: colors.primary[300],
+    secondary: colors.mono[500],
+    success: colors.success[500],
+    muted: colors.mono[500],
+    disabled: colors.mono[400],
+    subtle: colors.mono[50],
+    danger: colors.error[500],
+    hover: colors.primary[400],
+    inverse: colors.mono[800],
+    onInverse: colors.mono[950],
+    brand: colors.primary[400],
+};

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

@@ -8,7 +8,7 @@ export declare const navigation: {
         readonly fg: "#F4F1FB";
     };
     readonly brandHover: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#D4CCFF";
     };
     readonly tabHover: {
@@ -27,7 +27,7 @@ export declare const navigation: {
     };
     readonly border: "#3D3754";
     readonly triggerHover: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#FAF8FF";
     };
 };

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

@@ -8,7 +8,7 @@ export declare const status: {
     readonly error: {
         readonly fg: "#FB7185";
         readonly bg: "rgba(251, 113, 133, 0.16)";
-        readonly border: "#FDA4AF";
+        readonly border: "#FB7185";
         readonly strong: "#E11D48";
     };
     readonly warning: {

package/dist/dark/semantic/status.js

@@ -9,7 +9,7 @@ export const status = {
     error: {
         fg: colors.error[400],
         bg: 'rgba(251, 113, 133, 0.16)',
-        border: colors.error[300],
+        border: colors.error[400],
         strong: colors.error[600],
     },
     warning: {

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

@@ -4,7 +4,8 @@ export declare const surface: {
     readonly subtle: "#2F2A42";
     readonly elevated: "#3D3754";
     readonly pressed: "#4F4867";
-    readonly hover: "#2F2A42";
+    readonly danger: string;
+    readonly hover: "#3D3754";
     readonly active: "#6B6386";
     readonly inverse: "#FFFFFF";
 };

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

package/dist/dark/semantic/surface.js

@@ -1,11 +1,13 @@
 import { colors } from '../../primitives/colors.js';
+import { withAlpha } from '../../utils/color.js';
 export const surface = {
     default: colors.vellira[950],
     muted: colors.vellira[900],
     subtle: colors.vellira[800],
     elevated: colors.vellira[700],
     pressed: colors.vellira[600],
-    hover: colors.vellira[800],
+    danger: withAlpha(colors.error[800], 0.5),
+    hover: colors.vellira[700],
     active: colors.vellira[500],
     inverse: colors.mono[50],
 };