@vellira-ui/tokens 2.24.0 → 2.25.0

package/dist/css/tokens.css

@@ -1,7 +1,7 @@
 /**
  * AUTO-GENERATED FILE
  * DO NOT EDIT MANUALLY
- * Generated: 2026-07-13T14:39:55.502Z
+ * Generated: 2026-07-13T19:21:57.010Z
  */
 
 :root {
@@ -28,7 +28,7 @@
   --z-index-backdrop: 900;
   --z-index-modal: 1000;
   --z-index-toast: 1100;
-  --font-family-base: KantumruyPro;
+  --font-family-base: KantumruyPro, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   --font-family-extra-light: KantumruyPro-ExtraLight;
   --font-family-regular: KantumruyPro-Regular;
   --font-family-medium: KantumruyPro-Medium;
@@ -91,6 +91,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -246,11 +247,11 @@
   --control-active-bg: #E9E6FF;
   --control-active-fg: #342580;
   --control-active-border: #402C9F;
-  --control-selected-default-bg: #5037C8;
+  --control-selected-default-bg: #6346E8;
   --control-selected-default-fg: #FFFFFF;
-  --control-selected-default-border: #5037C8;
+  --control-selected-default-border: #6346E8;
   --control-selected-hover-bg: #402C9F;
-  --control-selected-hover-fg: #FFFFFF;
+  --control-selected-hover-fg: #5037C8;
   --control-selected-hover-border: #402C9F;
   --control-selected-active-bg: #21164F;
   --control-selected-active-fg: #0F0F0F;
@@ -429,11 +430,11 @@
   --checkbox-hover-bg: #F4F3FF;
   --checkbox-hover-fg: #5037C8;
   --checkbox-hover-border: #5037C8;
-  --checkbox-checked-default-bg: #5037C8;
+  --checkbox-checked-default-bg: #6346E8;
   --checkbox-checked-default-fg: #FFFFFF;
-  --checkbox-checked-default-border: #5037C8;
+  --checkbox-checked-default-border: #6346E8;
   --checkbox-checked-hover-bg: #402C9F;
-  --checkbox-checked-hover-fg: #FFFFFF;
+  --checkbox-checked-hover-fg: #5037C8;
   --checkbox-checked-hover-border: #402C9F;
   --checkbox-checked-pressed-bg: #21164F;
   --checkbox-checked-pressed-fg: #0F0F0F;
@@ -494,7 +495,7 @@
   --input-default-bg: transparent;
   --input-default-fg: #4F4867;
   --input-default-border: #BBB2D2;
-  --input-default-placeholder: #958CB0;
+  --input-default-placeholder: #6B6386;
   --input-default-icon: #9B7CFF;
   --input-hover-bg: #F4F3FF;
   --input-hover-fg: #4F4867;
@@ -528,6 +529,7 @@
   --input-icon-danger: #E11D48;
   --input-icon-muted: #6B6386;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #E11D48;
   --input-clear-button-hover-fg: #E11D48;
   --input-clear-button-hover-bg: #FFE4E680;
@@ -573,9 +575,9 @@
   --radio-pressed-bg: #E9E6FF;
   --radio-pressed-fg: #342580;
   --radio-pressed-border: #402C9F;
-  --radio-checked-default-bg: #5037C8;
+  --radio-checked-default-bg: #6346E8;
   --radio-checked-default-fg: #5037C8;
-  --radio-checked-default-border: #5037C8;
+  --radio-checked-default-border: #6346E8;
   --radio-checked-hover-bg: #402C9F;
   --radio-checked-hover-fg: #5037C8;
   --radio-checked-hover-border: #402C9F;
@@ -593,7 +595,7 @@
   --radio-disabled-bg: #FFFFFF;
   --radio-disabled-fg: #9CA3AF;
   --radio-disabled-border: #BBB2D2;
-  --select-trigger-default-bg: #F4F1FB;
+  --select-trigger-default-bg: #FFFFFF;
   --select-trigger-default-fg: #1A1A1A;
   --select-trigger-default-border: #BBB2D2;
   --select-trigger-hover-bg: #F4F3FF;
@@ -603,9 +605,9 @@
   --select-trigger-focus-fg: #4F4867;
   --select-trigger-focus-border: #5037C8;
   --select-trigger-focus-ring: #5037C8;
-  --select-trigger-disabled-bg: #FFFFFF;
+  --select-trigger-disabled-bg: #F4F1FB;
   --select-trigger-disabled-fg: #9CA3AF;
-  --select-trigger-disabled-border: #EEE8FA;
+  --select-trigger-disabled-border: #E4DDF4;
   --select-trigger-placeholder-fg: #6B6386;
   --select-trigger-error-border: #E11D48;
   --select-trigger-error-ring: #FFE4E6;
@@ -620,7 +622,7 @@
   --select-option-active-bg: #F4F1FB;
   --select-option-active-fg: #342580;
   --select-option-active-ring: transparent;
-  --select-option-selected-bg: #5037C8;
+  --select-option-selected-bg: #6346E8;
   --select-option-selected-fg: #FFFFFF;
   --select-option-disabled-bg: transparent;
   --select-option-disabled-fg: #9CA3AF;
@@ -697,6 +699,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -838,11 +841,12 @@
   --action-danger-subtle-bg: #F43F5E;
   --action-danger-subtle-fg: #F43F5E;
   --action-danger-subtle-border: #F43F5E;
-  --border-default: #4F4867;
+  --border-default: #958CB0;
   --border-muted: #3D3754;
   --border-strong: #2F2A42;
   --border-subtle: #231F31;
   --border-elevated: #6B6386;
+  --border-disabled: #4F4867;
   --border-focus: #B8A8FF;
   --control-default-bg: #3D3754;
   --control-default-fg: #FFFFFF;
@@ -905,17 +909,18 @@
   --status-info-strong: #075985;
   --surface-default: #181521;
   --surface-muted: #231F31;
-  --surface-subtle: #2F2A42;
+  --surface-subtle: #242034;
   --surface-elevated: #3D3754;
   --surface-pressed: #4F4867;
   --surface-danger: #9F123980;
+  --surface-disabled: #2F2A42;
   --surface-hover: #3D3754;
   --surface-active: #6B6386;
   --surface-inverse: #FFFFFF;
   --text-primary: #F4F1FB;
   --text-secondary: #BBB2D2;
   --text-muted: #6B6386;
-  --text-disabled: #958CB0;
+  --text-disabled: #6B6386;
   --text-subtle: #FFFFFF;
   --text-hover: #9B7CFF;
   --text-inverse: #FFFFFF;
@@ -960,7 +965,7 @@
   --button-secondary-outline-default-bg: transparent;
   --button-secondary-outline-default-fg: #79E8F8;
   --button-secondary-outline-default-border: #79E8F8;
-  --button-secondary-outline-hover-bg: #231F31;
+  --button-secondary-outline-hover-bg: #3D3754;
   --button-secondary-outline-hover-fg: #3ED5EE;
   --button-secondary-outline-hover-border: #3ED5EE;
   --button-secondary-outline-pressed-bg: #231F31;
@@ -969,7 +974,7 @@
   --button-secondary-ghost-default-bg: transparent;
   --button-secondary-ghost-default-fg: #79E8F8;
   --button-secondary-ghost-default-border: transparent;
-  --button-secondary-ghost-hover-bg: #231F31;
+  --button-secondary-ghost-hover-bg: #3D3754;
   --button-secondary-ghost-hover-fg: #B4F4FD;
   --button-secondary-ghost-hover-border: transparent;
   --button-secondary-ghost-pressed-bg: #231F31;
@@ -1029,12 +1034,12 @@
   --button-danger-ghost-pressed-bg: rgba(251, 113, 133, 0.16);
   --button-danger-ghost-pressed-fg: #FB7185;
   --button-danger-ghost-pressed-border: transparent;
-  --button-disabled-bg: #231F31;
-  --button-disabled-fg: #958CB0;
-  --button-disabled-border: #3D3754;
+  --button-disabled-bg: #2F2A42;
+  --button-disabled-fg: #6B6386;
+  --button-disabled-border: #4F4867;
   --checkbox-default-bg: #3D3754;
   --checkbox-default-fg: #FFFFFF;
-  --checkbox-default-border: #4F4867;
+  --checkbox-default-border: #958CB0;
   --checkbox-hover-bg: #3D3754;
   --checkbox-hover-fg: #FFFFFF;
   --checkbox-hover-border: #B8A8FF;
@@ -1048,9 +1053,9 @@
   --checkbox-checked-pressed-fg: #FFFFFF;
   --checkbox-checked-pressed-border: #402C9F;
   --checkbox-focus-ring: #B8A8FF;
-  --checkbox-disabled-bg: #2F2A42;
-  --checkbox-disabled-fg: #958CB0;
-  --checkbox-disabled-border: #4F4867;
+  --checkbox-disabled-bg: #242034;
+  --checkbox-disabled-fg: #6B6386;
+  --checkbox-disabled-border: #958CB0;
   --checkbox-error-fg: #FB7185;
   --checkbox-error-border: #FB7185;
   --dropdown-trigger-default-bg: transparent;
@@ -1064,12 +1069,12 @@
   --dropdown-trigger-focus-fg: #B8A8FF;
   --dropdown-trigger-focus-border: #B8A8FF;
   --dropdown-trigger-focus-ring: #B8A8FF;
-  --dropdown-trigger-disabled-bg: #2F2A42;
-  --dropdown-trigger-disabled-fg: #958CB0;
-  --dropdown-trigger-disabled-border: #4F4867;
+  --dropdown-trigger-disabled-bg: #242034;
+  --dropdown-trigger-disabled-fg: #6B6386;
+  --dropdown-trigger-disabled-border: #958CB0;
   --dropdown-content-bg: #3D3754;
   --dropdown-content-fg: #F4F1FB;
-  --dropdown-content-border: #4F4867;
+  --dropdown-content-border: #958CB0;
   --dropdown-item-default-bg: transparent;
   --dropdown-item-default-fg: #F4F1FB;
   --dropdown-item-hover-bg: #6B6386;
@@ -1079,7 +1084,7 @@
   --dropdown-item-active-ring: transparent;
   --dropdown-item-focus-ring: #B8A8FF;
   --dropdown-item-disabled-bg: transparent;
-  --dropdown-item-disabled-fg: #958CB0;
+  --dropdown-item-disabled-fg: #6B6386;
   --dropdown-item-danger-default-fg: #FB7185;
   --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --dropdown-item-danger-hover-fg: #FB7185;
@@ -1097,12 +1102,12 @@
   --form-field-helper-text-warning-fg: #FBBF24;
   --form-field-helper-text-info-fg: #0284C7;
   --form-field-required-mark-fg: #FB7185;
-  --form-field-disabled-label-fg: #958CB0;
-  --form-field-disabled-description-fg: #958CB0;
-  --form-field-disabled-helper-text-fg: #958CB0;
+  --form-field-disabled-label-fg: #6B6386;
+  --form-field-disabled-description-fg: #6B6386;
+  --form-field-disabled-helper-text-fg: #6B6386;
   --input-default-bg: transparent;
   --input-default-fg: #F4F1FB;
-  --input-default-border: #6B6386;
+  --input-default-border: #958CB0;
   --input-default-placeholder: #BBB2D2;
   --input-default-icon: #9B7CFF;
   --input-hover-bg: #3D3754;
@@ -1117,17 +1122,17 @@
   --input-focus-placeholder: #6B6386;
   --input-focus-icon: #FFFFFF;
   --input-disabled-bg: #3D3754;
-  --input-disabled-fg: #958CB0;
-  --input-disabled-border: #4F4867;
-  --input-disabled-placeholder: #958CB0;
+  --input-disabled-fg: #6B6386;
+  --input-disabled-border: #958CB0;
+  --input-disabled-placeholder: #6B6386;
   --input-disabled-icon: #D1D5DB;
   --input-error-border: #F43F5E;
   --input-error-ring: #FB7185;
   --input-success-border: #059669;
   --input-success-ring: #34D399;
-  --input-read-only-bg: #2F2A42;
+  --input-read-only-bg: #242034;
   --input-read-only-fg: #BBB2D2;
-  --input-read-only-border: #4F4867;
+  --input-read-only-border: #958CB0;
   --input-read-only-placeholder: #6B6386;
   --input-read-only-icon: #9CA3AF;
   --input-icon-default: #0F0F0F;
@@ -1137,6 +1142,7 @@
   --input-icon-danger: #F43F5E;
   --input-icon-muted: #9CA3AF;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #FB7185;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #9F123980;
@@ -1149,8 +1155,8 @@
   --menu-item-active-bg: #6B6386;
   --menu-item-active-fg: #F4F1FB;
   --menu-item-focus-ring: transparent;
-  --menu-item-disabled-bg: #2F2A42;
-  --menu-item-disabled-fg: #958CB0;
+  --menu-item-disabled-bg: #242034;
+  --menu-item-disabled-fg: #6B6386;
   --menu-item-danger-default-fg: #FB7185;
   --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --menu-item-danger-hover-fg: #FB7185;
@@ -1164,18 +1170,18 @@
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-content-bg: #3D3754;
   --modal-content-fg: #F4F1FB;
-  --modal-content-border: #4F4867;
+  --modal-content-border: #958CB0;
   --modal-title-fg: #F4F1FB;
   --modal-description-fg: #6B6386;
   --modal-close-button-default-bg: transparent;
   --modal-close-button-default-fg: #BBB2D2;
-  --modal-close-button-hover-bg: #2F2A42;
+  --modal-close-button-hover-bg: #242034;
   --modal-close-button-hover-fg: #F4F1FB;
   --modal-close-button-disabled-bg: transparent;
-  --modal-close-button-disabled-fg: #958CB0;
-  --radio-default-bg: #181521;
+  --modal-close-button-disabled-fg: #6B6386;
+  --radio-default-bg: #3D3754;
   --radio-default-fg: #F4F1FB;
-  --radio-default-border: #4F4867;
+  --radio-default-border: #958CB0;
   --radio-hover-bg: #3D3754;
   --radio-hover-fg: #B8A8FF;
   --radio-hover-border: #B8A8FF;
@@ -1192,7 +1198,7 @@
   --radio-checked-pressed-fg: #B8A8FF;
   --radio-checked-pressed-border: #402C9F;
   --radio-checked-disabled-bg: #2F2A42;
-  --radio-checked-disabled-fg: #958CB0;
+  --radio-checked-disabled-fg: #6B6386;
   --radio-checked-disabled-border: #4F4867;
   --radio-focus-ring: #B8A8FF;
   --radio-focus-border: #B8A8FF;
@@ -1200,11 +1206,11 @@
   --radio-invalid-fg: #FFFFFF;
   --radio-invalid-border: #F43F5E;
   --radio-disabled-bg: #2F2A42;
-  --radio-disabled-fg: #958CB0;
+  --radio-disabled-fg: #6B6386;
   --radio-disabled-border: #4F4867;
   --select-trigger-default-bg: transparent;
   --select-trigger-default-fg: #FFFFFF;
-  --select-trigger-default-border: #231F31;
+  --select-trigger-default-border: #958CB0;
   --select-trigger-hover-bg: #3D3754;
   --select-trigger-hover-fg: #B8A8FF;
   --select-trigger-hover-border: #B8A8FF;
@@ -1213,17 +1219,17 @@
   --select-trigger-focus-border: #B8A8FF;
   --select-trigger-focus-ring: #B8A8FF;
   --select-trigger-disabled-bg: #2F2A42;
-  --select-trigger-disabled-fg: #958CB0;
+  --select-trigger-disabled-fg: #6B6386;
   --select-trigger-disabled-border: #4F4867;
   --select-trigger-placeholder-fg: #BBB2D2;
   --select-trigger-error-border: #FB7185;
   --select-trigger-error-ring: rgba(251, 113, 133, 0.16);
   --select-dropdown-bg: #3D3754;
   --select-dropdown-fg: #F4F1FB;
-  --select-dropdown-border: #4F4867;
+  --select-dropdown-border: #3D3754;
   --select-option-default-bg: transparent;
   --select-option-default-fg: #F4F1FB;
-  --select-option-default-border: #4F4867;
+  --select-option-default-border: #958CB0;
   --select-option-hover-bg: #6B6386;
   --select-option-hover-fg: #F4F1FB;
   --select-option-active-bg: #6B6386;
@@ -1232,9 +1238,9 @@
   --select-option-selected-bg: #5037C8;
   --select-option-selected-fg: #FFFFFF;
   --select-option-disabled-bg: transparent;
-  --select-option-disabled-fg: #958CB0;
-  --select-option-disabled-border: #4F4867;
-  --tabs-list-border: #4F4867;
+  --select-option-disabled-fg: #6B6386;
+  --select-option-disabled-border: #958CB0;
+  --tabs-list-border: #958CB0;
   --tabs-trigger-default-bg: transparent;
   --tabs-trigger-default-fg: #F4F1FB;
   --tabs-trigger-default-border: transparent;
@@ -1246,7 +1252,7 @@
   --tabs-trigger-active-border: #6346E8;
   --tabs-trigger-focus-ring: #6B6386;
   --tabs-trigger-disabled-bg: transparent;
-  --tabs-trigger-disabled-fg: #958CB0;
+  --tabs-trigger-disabled-fg: #6B6386;
   --tabs-trigger-disabled-border: transparent;
   --tabs-pills-default-bg: transparent;
   --tabs-pills-default-fg: #F4F1FB;
@@ -1258,7 +1264,7 @@
   --tabs-pills-active-fg: #FFFFFF;
   --tabs-pills-active-border: #7C5CFF;
   --tabs-pills-disabled-bg: transparent;
-  --tabs-pills-disabled-fg: #958CB0;
+  --tabs-pills-disabled-fg: #6B6386;
   --tabs-pills-disabled-border: transparent;
   --tabs-indicator-default-bg: #B8A8FF;
   --tabs-indicator-hover-bg: #5037C8;
@@ -1266,7 +1272,7 @@
   --tabs-panel-fg: #F4F1FB;
   --tooltip-content-bg: #FFFFFF;
   --tooltip-content-fg: #000000;
-  --tooltip-content-border: #4F4867;
+  --tooltip-content-border: #958CB0;
   --tooltip-arrow-bg: #FFFFFF;
 }
 
@@ -1306,6 +1312,7 @@
   --color-vellira-600: #4F4867;
   --color-vellira-700: #3D3754;
   --color-vellira-800: #2F2A42;
+  --color-vellira-850: #242034;
   --color-vellira-900: #231F31;
   --color-vellira-950: #181521;
   --color-info-50: #F0F9FF;
@@ -1448,7 +1455,7 @@
   --border-strong: #F9FAFB;
   --border-disabled: #4B5563;
   --border-focus: #FBBF24;
-  --control-default-bg: #000000;
+  --control-default-bg: #1F2937;
   --control-default-fg: #FFFFFF;
   --control-default-border: #4B5563;
   --control-hover-bg: #111827;
@@ -1524,6 +1531,7 @@
   --surface-elevated: #374151;
   --surface-pressed: #111827;
   --surface-danger: #9F123980;
+  --surface-disabled: #1F2937;
   --surface-hover: #1F2937;
   --surface-active: #6B7280;
   --surface-inverse: #FFFFFF;
@@ -1647,7 +1655,7 @@
   --button-disabled-bg: #374151;
   --button-disabled-fg: #6B7280;
   --button-disabled-border: #4B5563;
-  --checkbox-default-bg: #000000;
+  --checkbox-default-bg: #1F2937;
   --checkbox-default-fg: #FFFFFF;
   --checkbox-default-border: #4B5563;
   --checkbox-hover-bg: #111827;
@@ -1752,6 +1760,7 @@
   --input-icon-danger: #F43F5E;
   --input-icon-muted: #9CA3AF;
   --input-icon-inverse: #1A1A1A;
+  --input-icon-brand: #9B7CFF;
   --input-clear-button-fg: #FB7185;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #9F123980;
@@ -1788,7 +1797,7 @@
   --modal-close-button-hover-fg: #FFFFFF;
   --modal-close-button-disabled-bg: transparent;
   --modal-close-button-disabled-fg: #6B7280;
-  --radio-default-bg: #000000;
+  --radio-default-bg: #1F2937;
   --radio-default-fg: #F9FAFB;
   --radio-default-border: #FFFFFF;
   --radio-hover-bg: #111827;
@@ -1827,7 +1836,7 @@
   --select-trigger-focus-fg: #FFFFFF;
   --select-trigger-focus-border: #FBBF24;
   --select-trigger-focus-ring: #F59E0B;
-  --select-trigger-disabled-bg: #111827;
+  --select-trigger-disabled-bg: #1F2937;
   --select-trigger-disabled-fg: #6B7280;
   --select-trigger-disabled-border: #4B5563;
   --select-trigger-placeholder-fg: #E5E7EB;

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

@@ -77,7 +77,7 @@ export declare const button: {
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#231F31";
+                readonly bg: "#3D3754";
                 readonly fg: "#3ED5EE";
                 readonly border: "#3ED5EE";
             };
@@ -94,7 +94,7 @@ export declare const button: {
                 readonly bg: string;
             };
             readonly hover: {
-                readonly bg: "#231F31";
+                readonly bg: "#3D3754";
                 readonly fg: "#B4F4FD";
                 readonly border: "transparent";
             };
@@ -212,9 +212,9 @@ export declare const button: {
         };
     };
     readonly disabled: {
-        readonly bg: "#231F31";
-        readonly fg: "#958CB0";
-        readonly border: "#3D3754";
+        readonly bg: "#2F2A42";
+        readonly fg: "#6B6386";
+        readonly border: "#4F4867";
     };
 };
 //# sourceMappingURL=button.d.ts.map

package/dist/dark/components/button.js

@@ -61,7 +61,7 @@ export const button = {
                 border: action.secondary.muted.border,
             },
             hover: {
-                bg: surface.muted,
+                bg: surface.elevated,
                 fg: action.secondary.hover.bg,
                 border: action.secondary.hover.border,
             },
@@ -78,7 +78,7 @@ export const button = {
                 border: 'transparent',
             },
             hover: {
-                bg: surface.muted,
+                bg: surface.elevated,
                 fg: action.secondary.subtle.bg,
                 border: 'transparent',
             },
@@ -172,8 +172,8 @@ export const button = {
         },
     },
     disabled: {
-        bg: surface.muted,
+        bg: surface.disabled,
         fg: text.disabled,
-        border: border.muted,
+        border: border.disabled,
     },
 };

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

@@ -2,7 +2,7 @@ export declare const checkbox: {
     readonly default: {
         readonly bg: "#3D3754";
         readonly fg: "#FFFFFF";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly hover: {
         readonly fg: "#FFFFFF";
@@ -30,9 +30,9 @@ export declare const checkbox: {
         readonly ring: "#B8A8FF";
     };
     readonly disabled: {
-        readonly bg: "#2F2A42";
-        readonly fg: "#958CB0";
-        readonly border: "#4F4867";
+        readonly bg: "#242034";
+        readonly fg: "#6B6386";
+        readonly border: "#958CB0";
     };
     readonly error: {
         readonly fg: "#FB7185";

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

@@ -18,15 +18,15 @@ export declare const dropdown: {
             readonly ring: "#B8A8FF";
         };
         readonly disabled: {
-            readonly bg: "#2F2A42";
-            readonly fg: "#958CB0";
-            readonly border: "#4F4867";
+            readonly bg: "#242034";
+            readonly fg: "#6B6386";
+            readonly border: "#958CB0";
         };
     };
     readonly content: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly item: {
         readonly default: {
@@ -47,7 +47,7 @@ export declare const dropdown: {
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
         };
         readonly danger: {
             readonly default: {

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

@@ -26,9 +26,9 @@ export declare const formField: {
         readonly fg: "#FB7185";
     };
     readonly disabled: {
-        readonly labelFg: "#958CB0";
-        readonly descriptionFg: "#958CB0";
-        readonly helperTextFg: "#958CB0";
+        readonly labelFg: "#6B6386";
+        readonly descriptionFg: "#6B6386";
+        readonly helperTextFg: "#6B6386";
     };
 };
 //# sourceMappingURL=formField.d.ts.map

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

@@ -2,7 +2,7 @@ export declare const input: {
     readonly default: {
         readonly bg: "transparent";
         readonly fg: "#F4F1FB";
-        readonly border: "#6B6386";
+        readonly border: "#958CB0";
         readonly placeholder: "#BBB2D2";
         readonly icon: "#9B7CFF";
     };
@@ -23,9 +23,9 @@ export declare const input: {
     };
     readonly disabled: {
         readonly bg: "#3D3754";
-        readonly fg: "#958CB0";
-        readonly border: "#4F4867";
-        readonly placeholder: "#958CB0";
+        readonly fg: "#6B6386";
+        readonly border: "#958CB0";
+        readonly placeholder: "#6B6386";
         readonly icon: "#D1D5DB";
     };
     readonly error: {
@@ -37,9 +37,9 @@ export declare const input: {
         readonly ring: "#34D399";
     };
     readonly readOnly: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#242034";
         readonly fg: "#BBB2D2";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
         readonly placeholder: "#6B6386";
         readonly icon: "#9CA3AF";
     };
@@ -51,6 +51,7 @@ export declare const input: {
         readonly danger: "#F43F5E";
         readonly muted: "#9CA3AF";
         readonly inverse: "#1A1A1A";
+        readonly brand: "#9B7CFF";
     };
     readonly clearButton: {
         readonly fg: "#FB7185";

package/dist/dark/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqER,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsER,CAAC"}

package/dist/dark/components/input.js

@@ -8,7 +8,7 @@ export const input = {
     default: {
         bg: 'transparent',
         fg: text.primary,
-        border: border.elevated,
+        border: border.default,
         placeholder: text.secondary,
         icon: icons.brand,
     },
@@ -57,6 +57,7 @@ export const input = {
         danger: icons.danger,
         muted: icons.muted,
         inverse: icons.inverse,
+        brand: icons.brand,
     },
     clearButton: {
         fg: status.error.fg,

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

@@ -16,8 +16,8 @@ export declare const menu: {
             readonly ring: "transparent";
         };
         readonly disabled: {
-            readonly bg: "#2F2A42";
-            readonly fg: "#958CB0";
+            readonly bg: "#242034";
+            readonly fg: "#6B6386";
         };
         readonly danger: {
             readonly default: {

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

@@ -5,7 +5,7 @@ export declare const modal: {
     readonly content: {
         readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
-        readonly border: "#4F4867";
+        readonly border: "#958CB0";
     };
     readonly title: {
         readonly fg: "#F4F1FB";
@@ -19,12 +19,12 @@ export declare const modal: {
             readonly fg: "#BBB2D2";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#242034";
             readonly fg: "#F4F1FB";
         };
         readonly disabled: {
             readonly bg: "transparent";
-            readonly fg: "#958CB0";
+            readonly fg: "#6B6386";
         };
     };
 };