@vellira-ui/tokens 2.19.6 → 2.20.0

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

@@ -6,41 +6,58 @@ export declare const action: {
             readonly border: "#6D5BD0";
         };
         readonly hover: {
-            readonly bg: "#5B4BEA";
+            readonly bg: "#8B7CF6";
             readonly fg: "#FFFFFF";
-            readonly border: "#5B4BEA";
+            readonly border: "#8B7CF6";
         };
         readonly active: {
-            readonly bg: "#4936D9";
+            readonly bg: "#6D5BD0";
             readonly fg: "#FFFFFF";
-            readonly border: "#4936D9";
+            readonly border: "#6D5BD0";
         };
         readonly muted: {
-            readonly bg: "#7C6CF2";
+            readonly bg: "#A78BFA";
             readonly fg: "#FFFFFF";
-            readonly border: "#7C6CF2";
+            readonly border: "#A78BFA";
         };
         readonly subtle: {
-            readonly bg: "#6D5BD0";
+            readonly bg: "#C4B5FD";
             readonly fg: "#A78BFA";
-            readonly border: "#A78BFA";
+            readonly border: "#C4B5FD";
         };
     };
     readonly secondary: {
         readonly default: {
-            readonly bg: "#5F64B8";
-            readonly fg: "#FFFFFF";
-            readonly border: "#5F64B8";
+            readonly bg: "#9EA2EA";
+            readonly fg: "#000000";
+            readonly border: "#9EA2EA";
         };
         readonly hover: {
-            readonly bg: "#555AA8";
-            readonly fg: "#FFFFFF";
-            readonly border: "#555AA8";
+            readonly bg: "#7B80D8";
+            readonly fg: "#000000";
+            readonly border: "#7B80D8";
         };
         readonly active: {
-            readonly bg: "#494F95";
-            readonly fg: "#FFFFFF";
-            readonly border: "#494F95";
+            readonly bg: "#4C4F8F";
+            readonly fg: "#000000";
+            readonly border: "#4C4F8F";
+        };
+    };
+    readonly close: {
+        readonly default: {
+            readonly bg: "#E8E2F3";
+            readonly fg: "#000000";
+            readonly border: "#E8E2F3";
+        };
+        readonly hover: {
+            readonly bg: "#C4D0DD";
+            readonly fg: "#000000";
+            readonly border: "#C4D0DD";
+        };
+        readonly active: {
+            readonly bg: "#D8E4F2";
+            readonly fg: "#000000";
+            readonly border: "#D8E4F2";
         };
     };
     readonly danger: {
@@ -60,8 +77,9 @@ export declare const action: {
             readonly border: "#B91C1C";
         };
         readonly subtle: {
-            readonly bg: "#4C0519";
-            readonly fg: "#FF8A8A";
+            readonly bg: "#FB7185";
+            readonly fg: "#FB7185";
+            readonly border: "#FB7185";
         };
         readonly muted: {
             readonly bg: "#9F1239";

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

@@ -1 +1 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwET,CAAC"}
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/action.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FT,CAAC"}

package/dist/dark/semantic/action.js

@@ -8,41 +8,58 @@ export const action = {
             border: colors.primary[600],
         },
         hover: {
-            bg: colors.primary[700],
+            bg: colors.primary[400],
             fg: text.inverse,
-            border: colors.primary[700],
+            border: colors.primary[400],
         },
         active: {
-            bg: colors.primary[800],
+            bg: colors.primary[600],
             fg: text.inverse,
-            border: colors.primary[800],
+            border: colors.primary[600],
         },
         muted: {
-            bg: colors.primary[500],
+            bg: colors.primary[300],
             fg: text.inverse,
-            border: colors.primary[500],
+            border: colors.primary[300],
         },
         subtle: {
-            bg: colors.primary[600],
+            bg: colors.primary[200],
             fg: text.brand,
-            border: colors.primary[300],
+            border: colors.primary[200],
         },
     },
     secondary: {
         default: {
-            bg: colors.secondary[600],
-            fg: text.inverse,
-            border: colors.secondary[600],
+            bg: colors.secondary[300],
+            fg: text.onInverse,
+            border: colors.secondary[300],
         },
         hover: {
-            bg: colors.secondary[700],
-            fg: text.inverse,
-            border: colors.secondary[700],
+            bg: colors.secondary[400],
+            fg: text.onInverse,
+            border: colors.secondary[400],
         },
         active: {
-            bg: colors.secondary[800],
-            fg: text.inverse,
-            border: colors.secondary[800],
+            bg: colors.secondary[500],
+            fg: text.onInverse,
+            border: colors.secondary[500],
+        },
+    },
+    close: {
+        default: {
+            bg: colors.vellira[200],
+            fg: text.onInverse,
+            border: colors.vellira[200],
+        },
+        hover: {
+            bg: colors.grayBlue[300],
+            fg: text.onInverse,
+            border: colors.grayBlue[300],
+        },
+        active: {
+            bg: colors.grayBlue[200],
+            fg: text.onInverse,
+            border: colors.grayBlue[200],
         },
     },
     danger: {
@@ -62,8 +79,9 @@ export const action = {
             border: colors.error[800],
         },
         subtle: {
-            bg: colors.error[950],
-            fg: colors.error[300],
+            bg: colors.error[400],
+            fg: colors.error[400],
+            border: colors.error[400],
         },
         muted: {
             bg: colors.error[900],

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

@@ -18,10 +18,10 @@ export declare const status: {
         readonly strong: "#FFEA00";
     };
     readonly info: {
-        readonly fg: "#4DA3FF";
+        readonly fg: "#3399FF";
         readonly bg: "rgba(96, 165, 250, 0.14)";
-        readonly border: "#93C5FD";
-        readonly strong: "#3399FF";
+        readonly border: "#7BBCFF";
+        readonly strong: "#0284C7";
     };
 };
 //# sourceMappingURL=status.d.ts.map

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

@@ -3,6 +3,7 @@ export declare const surface: {
     readonly muted: "#211E2E";
     readonly subtle: "#29253A";
     readonly elevated: "#312C44";
+    readonly pressed: "#3A334D";
     readonly hover: "#29253A";
     readonly active: "#413957";
     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;;;;;;;;CAUV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/dark/semantic/surface.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;CAWV,CAAC"}

package/dist/dark/semantic/surface.js

@@ -4,6 +4,7 @@ export const surface = {
     muted: colors.vellira[900],
     subtle: colors.vellira[800],
     elevated: colors.vellira[700],
+    pressed: colors.vellira[600],
     hover: colors.vellira[800],
     active: colors.vellira[500],
     inverse: colors.mono[50],

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

@@ -2,7 +2,7 @@ export declare const text: {
     readonly primary: "#F4F1FB";
     readonly secondary: "#A8A1BA";
     readonly muted: "#413957";
-    readonly disabled: "#413957";
+    readonly disabled: "#746F86";
     readonly subtle: "#FFFFFF";
     readonly hover: "#8B7CF6";
     readonly inverse: "#FFFFFF";

package/dist/dark/semantic/text.js

@@ -3,7 +3,7 @@ export const text = {
     primary: colors.vellira[100],
     secondary: colors.vellira[300],
     muted: colors.vellira[500],
-    disabled: colors.vellira[500],
+    disabled: colors.vellira[400],
     subtle: colors.mono[50],
     hover: colors.primary[400],
     inverse: colors.mono[50],

package/dist/dark/theme.d.ts

@@ -23,11 +23,11 @@ export declare const darkTheme: {
             readonly 300: "#9EA2EA";
             readonly 400: "#7B80D8";
             readonly 500: "#4C4F8F";
-            readonly 600: "#5F64B8";
-            readonly 700: "#555AA8";
-            readonly 800: "#494F95";
-            readonly 900: "#42477C";
-            readonly 950: "#373B68";
+            readonly 600: "#3c2d9e";
+            readonly 700: "#2e156e";
+            readonly 800: "#2f106c";
+            readonly 900: "#190947";
+            readonly 950: "#160537";
         };
         readonly vellira: {
             readonly 25: "#FDFCFF";
@@ -48,13 +48,15 @@ export declare const darkTheme: {
         readonly info: {
             readonly 50: "#F0F9FF";
             readonly 100: "#EFF6FF";
-            readonly 200: "#DBEAFE";
-            readonly 300: "#93C5FD";
-            readonly 400: "#4DA3FF";
-            readonly 500: "#7BBCFF";
-            readonly 600: "#3399FF";
-            readonly 700: "#0EA5E9";
-            readonly 800: "#0284C7";
+            readonly 150: "#DBEAFE";
+            readonly 200: "#93C5FD";
+            readonly 250: "#4DA3FF";
+            readonly 300: "#7BBCFF";
+            readonly 400: "#3399FF";
+            readonly 500: "#0EA5E9";
+            readonly 600: "#0284C7";
+            readonly 700: "#0265c7";
+            readonly 800: "#023ac7";
             readonly 900: "#002B55";
             readonly 950: "#102A43";
         };

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"}