@vellira-ui/tokens 2.22.5 → 2.24.0

package/dist/dark/components/radio.js

@@ -1,15 +1,17 @@
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
+import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 export const radio = {
     default: {
-        bg: surface.elevated,
+        bg: surface.default,
         fg: text.primary,
-        border: border.subtle,
+        border: border.default,
     },
     hover: control.hover,
+    pressed: control.active,
     checked: {
         default: {
             ...control.selected.default,
@@ -19,10 +21,24 @@ export const radio = {
             ...control.selected.hover,
             fg: text.brand,
         },
-        pressed: control.selected.active,
+        pressed: {
+            ...control.selected.active,
+            fg: text.brand,
+        },
+        disabled: {
+            bg: surface.subtle,
+            fg: text.disabled,
+            border: border.default,
+        },
     },
     focus: {
         ring: focus.ring,
+        border: border.focus,
+    },
+    invalid: {
+        bg: surface.default,
+        fg: text.inverse,
+        border: status.error.border,
     },
     disabled: {
         bg: surface.subtle,

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

@@ -9,11 +9,16 @@ export declare const control: {
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
     };
+    readonly active: {
+        readonly bg: "#E9E6FF";
+        readonly fg: "#342580";
+        readonly border: "#402C9F";
+    };
     readonly selected: {
         readonly default: {
-            readonly bg: "#6346E8";
+            readonly bg: "#9B7CFF";
             readonly fg: "#FFFFFF";
-            readonly border: "#6346E8";
+            readonly border: "#9B7CFF";
         };
         readonly hover: {
             readonly bg: "#5037C8";

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

package/dist/dark/semantic/control.js

@@ -13,11 +13,16 @@ export const control = {
         fg: text.brand,
         border: colors.primary[300],
     },
+    active: {
+        bg: colors.primary[100],
+        fg: colors.primary[900],
+        border: colors.primary[800],
+    },
     selected: {
         default: {
-            bg: colors.primary[600],
+            bg: colors.primary[400],
             fg: text.inverse,
-            border: colors.primary[600],
+            border: colors.primary[400],
         },
         hover: {
             bg: colors.primary[700],

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: "#FB7185";
+        readonly border: "#F43F5E";
         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[400],
+        border: colors.error[500],
         strong: colors.error[600],
     },
     warning: {

package/dist/dark/theme.d.ts

@@ -212,10 +212,12 @@ export declare const darkTheme: {
                 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/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"}