@vellira-ui/tokens 2.23.0 → 2.25.0

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

@@ -6,28 +6,33 @@ export declare const control: {
     };
     readonly hover: {
         readonly bg: "#F4F3FF";
-        readonly fg: "#342580";
+        readonly fg: "#5037C8";
         readonly border: "#5037C8";
     };
+    readonly active: {
+        readonly bg: "#E9E6FF";
+        readonly fg: "#342580";
+        readonly border: "#402C9F";
+    };
     readonly selected: {
         readonly default: {
-            readonly bg: "#5037C8";
+            readonly bg: "#6346E8";
             readonly fg: "#FFFFFF";
-            readonly border: "#5037C8";
+            readonly border: "#6346E8";
         };
         readonly hover: {
             readonly bg: "#402C9F";
-            readonly fg: "#FFFFFF";
+            readonly fg: "#5037C8";
             readonly border: "#402C9F";
         };
         readonly active: {
             readonly bg: "#21164F";
-            readonly fg: "#FFFFFF";
+            readonly fg: "#0F0F0F";
             readonly border: "#21164F";
         };
         readonly muted: {
             readonly bg: "#5037C8";
-            readonly fg: "#FFFFFF";
+            readonly fg: "#0F0F0F";
             readonly border: "#7C5CFF";
         };
     };

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

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

package/dist/light/semantic/control.js

@@ -10,18 +10,23 @@ export const control = {
     },
     hover: {
         bg: colors.primary[50],
-        fg: colors.primary[900],
+        fg: colors.primary[700],
         border: colors.primary[700],
     },
+    active: {
+        bg: colors.primary[100],
+        fg: colors.primary[900],
+        border: colors.primary[800],
+    },
     selected: {
         default: {
-            bg: colors.primary[700],
-            fg: text.inverse,
-            border: colors.primary[700],
+            bg: colors.primary[600],
+            fg: text.onInverse,
+            border: colors.primary[600],
         },
         hover: {
             bg: colors.primary[800],
-            fg: text.inverse,
+            fg: text.brand,
             border: colors.primary[800],
         },
         active: {

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

@@ -8,7 +8,7 @@ export declare const status: {
     readonly error: {
         readonly fg: "#E11D48";
         readonly bg: "#FFE4E6";
-        readonly border: "#FDA4AF";
+        readonly border: "#E11D48";
         readonly strong: "#BE123C";
     };
     readonly warning: {

package/dist/light/semantic/status.js

@@ -9,7 +9,7 @@ export const status = {
     error: {
         fg: colors.error[600],
         bg: colors.error[100],
-        border: colors.error[300],
+        border: colors.error[600],
         strong: colors.error[700],
     },
     warning: {

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

@@ -4,8 +4,8 @@ export declare const text: {
     readonly muted: "#958CB0";
     readonly disabled: "#9CA3AF";
     readonly subtle: "#1A1A1A";
-    readonly inverse: "#FFFFFF";
-    readonly onInverse: "#0F0F0F";
+    readonly inverse: "#0F0F0F";
+    readonly onInverse: "#FFFFFF";
     readonly brand: "#5037C8";
 };
 //# sourceMappingURL=text.d.ts.map

package/dist/light/semantic/text.js

@@ -5,7 +5,7 @@ export const text = {
     muted: colors.vellira[400],
     disabled: colors.gray[400],
     subtle: colors.mono[800],
-    inverse: colors.mono[50],
-    onInverse: colors.mono[900],
+    inverse: colors.mono[900],
+    onInverse: colors.mono[50],
     brand: colors.primary[700],
 };

package/dist/light/theme.d.ts

@@ -42,6 +42,7 @@ export declare const lightTheme: {
             readonly 600: "#4F4867";
             readonly 700: "#3D3754";
             readonly 800: "#2F2A42";
+            readonly 850: "#242034";
             readonly 900: "#231F31";
             readonly 950: "#181521";
         };
@@ -191,7 +192,7 @@ export declare const lightTheme: {
         };
         readonly typography: {
             readonly family: {
-                readonly base: "KantumruyPro";
+                readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
                 readonly extraLight: "KantumruyPro-ExtraLight";
                 readonly regular: "KantumruyPro-Regular";
                 readonly medium: "KantumruyPro-Medium";
@@ -212,10 +213,12 @@ export declare const lightTheme: {
                 readonly semibold: "700";
             };
             readonly lineHeight: {
-                readonly sm: 16;
+                readonly xs: 16;
+                readonly sm: 20;
                 readonly md: 24;
-                readonly lg: 32;
-                readonly xl: 40;
+                readonly lg: 28;
+                readonly xl: 32;
+                readonly xxl: 40;
             };
         };
         readonly zIndex: {

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

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

package/dist/primitives/colors.d.ts

@@ -46,6 +46,7 @@ export declare const colors: {
         readonly 600: "#4F4867";
         readonly 700: "#3D3754";
         readonly 800: "#2F2A42";
+        readonly 850: "#242034";
         readonly 900: "#231F31";
         readonly 950: "#181521";
     };

package/dist/primitives/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiJT,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/primitives/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkJT,CAAC"}

package/dist/primitives/colors.js

@@ -46,6 +46,7 @@ export const colors = {
         600: '#4F4867',
         700: '#3D3754',
         800: '#2F2A42',
+        850: '#242034',
         900: '#231F31',
         950: '#181521',
     },

package/dist/tokens/typography.d.ts

@@ -1,6 +1,6 @@
 export declare const typography: {
     readonly family: {
-        readonly base: "KantumruyPro";
+        readonly base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
         readonly extraLight: "KantumruyPro-ExtraLight";
         readonly regular: "KantumruyPro-Regular";
         readonly medium: "KantumruyPro-Medium";
@@ -21,10 +21,12 @@ export declare const typography: {
         readonly semibold: "700";
     };
     readonly lineHeight: {
-        readonly sm: 16;
+        readonly xs: 16;
+        readonly sm: 20;
         readonly md: 24;
-        readonly lg: 32;
-        readonly xl: 40;
+        readonly lg: 28;
+        readonly xl: 32;
+        readonly xxl: 40;
     };
 };
 //# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bb,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCb,CAAC"}

package/dist/tokens/typography.js

@@ -1,6 +1,6 @@
 export const typography = {
     family: {
-        base: 'KantumruyPro',
+        base: "KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
         extraLight: 'KantumruyPro-ExtraLight',
         regular: 'KantumruyPro-Regular',
         medium: 'KantumruyPro-Medium',
@@ -21,9 +21,11 @@ export const typography = {
         semibold: '700',
     },
     lineHeight: {
-        sm: 16,
+        xs: 16,
+        sm: 20,
         md: 24,
-        lg: 32,
-        xl: 40,
+        lg: 28,
+        xl: 32,
+        xxl: 40,
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/tokens",
-  "version": "2.23.0",
+  "version": "2.25.0",
   "description": "Design tokens for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",