@vellira-ui/tokens 2.21.0 → 2.22.0

package/README.md

@@ -29,7 +29,7 @@ theme.semantic.text.primary;
 theme.semantic.border.default;
 theme.semantic.status.success.fg;
 
-theme.components.button.primary.default.bg;
+theme.components.button.primary.solid.default.bg;
 theme.components.input.default.bg; // may be a hex color or transparent
 
 theme.tokens.typography.family.regular;
@@ -82,7 +82,7 @@ Using semantic tokens instead of raw palette values makes components easier to m
 Component tokens define renderer-neutral values for component states.
 
 ```ts
-theme.components.button.primary.default.bg;
+theme.components.button.primary.solid.default.bg;
 theme.components.input.focus.border;
 theme.components.dropdown.content.bg;
 ```
@@ -106,7 +106,7 @@ Examples:
 --surface-default
 --text-primary
 --border-default
---button-primary-default-bg
+--button-primary-solid-default-bg
 ```
 
 ---

package/dist/css/tokens.css

@@ -1,7 +1,7 @@
 /**
  * AUTO-GENERATED FILE
  * DO NOT EDIT MANUALLY
- * Generated: 2026-07-06T19:19:33.546Z
+ * Generated: 2026-07-08T21:08:56.804Z
  */
 
 :root {
@@ -228,12 +228,16 @@
   --action-danger-subtle-fg: #BE123C;
   --action-danger-muted-bg: #FFE4E6;
   --action-danger-muted-fg: #BE123C;
-  --border-default: #EEE8FA;
+  --border-default: #BBB2D2;
   --border-muted: #EEE8FA;
   --border-subtle: #D4CEE8;
   --border-elevated: #958CB0;
   --border-strong: #4F4867;
+  --border-disabled: #E4DDF4;
   --border-focus: #5037C8;
+  --control-default-bg: #F4F1FB;
+  --control-default-fg: #4F4867;
+  --control-default-border: #D4CEE8;
   --control-hover-bg: #F4F3FF;
   --control-hover-fg: #342580;
   --control-hover-border: #5037C8;
@@ -273,7 +277,7 @@
   --status-success-bg: #ECFDF5;
   --status-success-border: #6EE7B7;
   --status-success-strong: #047857;
-  --status-error-fg: #BE123C;
+  --status-error-fg: #F43F5E;
   --status-error-bg: #FFE4E6;
   --status-error-border: #FDA4AF;
   --status-error-strong: #BE123C;
@@ -291,6 +295,7 @@
   --surface-elevated: #D9FBFF;
   --surface-pressed: #E4DDF4;
   --surface-disabled: #F4F1FB;
+  --surface-danger: #FFE4E680;
   --surface-hover: #EEE8FA;
   --surface-active: #BBB2D2;
   --surface-inverse: #181521;
@@ -412,7 +417,7 @@
   --button-danger-ghost-pressed-border: transparent;
   --button-disabled-bg: #F4F1FB;
   --button-disabled-fg: #9CA3AF;
-  --button-disabled-border: #EEE8FA;
+  --button-disabled-border: #BBB2D2;
   --checkbox-default-bg: #F4F1FB;
   --checkbox-default-fg: #4F4867;
   --checkbox-default-border: #D4CEE8;
@@ -432,8 +437,8 @@
   --checkbox-disabled-bg: #FFFFFF;
   --checkbox-disabled-fg: #9CA3AF;
   --checkbox-disabled-border: #EEE8FA;
-  --checkbox-error-border: #BE123C;
-  --checkbox-error-fg: #BE123C;
+  --checkbox-error-fg: #F43F5E;
+  --checkbox-error-border: #F43F5E;
   --dropdown-trigger-default-bg: transparent;
   --dropdown-trigger-default-fg: #5037C8;
   --dropdown-trigger-default-border: transparent;
@@ -461,47 +466,68 @@
   --dropdown-item-focus-ring: #5037C8;
   --dropdown-item-disabled-bg: transparent;
   --dropdown-item-disabled-fg: #9CA3AF;
-  --dropdown-item-danger-default-fg: #BE123C;
+  --dropdown-item-danger-default-fg: #F43F5E;
   --dropdown-item-danger-hover-bg: #FFE4E6;
-  --dropdown-item-danger-hover-fg: #BE123C;
+  --dropdown-item-danger-hover-fg: #F43F5E;
   --dropdown-item-danger-active-bg: #FFE4E6;
-  --dropdown-item-danger-active-fg: #BE123C;
+  --dropdown-item-danger-active-fg: #F43F5E;
   --dropdown-item-danger-active-ring: transparent;
   --dropdown-group-label-fg: #958CB0;
   --dropdown-separator-bg: #EEE8FA;
   --dropdown-separator-fg: #958CB0;
-  --form-field-label-fg: #6B6386;
+  --form-field-label-fg: #1A1A1A;
   --form-field-description-fg: #6B6386;
   --form-field-helper-text-default-fg: #958CB0;
-  --form-field-helper-text-error-fg: #BE123C;
+  --form-field-helper-text-error-fg: #F43F5E;
   --form-field-helper-text-success-fg: #047857;
   --form-field-helper-text-warning-fg: #B45309;
   --form-field-helper-text-info-fg: #0C4A6E;
-  --form-field-required-mark-fg: #BE123C;
+  --form-field-required-mark-fg: #F43F5E;
   --form-field-disabled-label-fg: #9CA3AF;
   --form-field-disabled-description-fg: #9CA3AF;
   --form-field-disabled-helper-text-fg: #9CA3AF;
   --input-default-bg: transparent;
   --input-default-fg: #4F4867;
-  --input-default-border: #EEE8FA;
+  --input-default-border: #BBB2D2;
   --input-default-placeholder: #958CB0;
+  --input-default-icon: #9B7CFF;
   --input-hover-bg: #F4F3FF;
   --input-hover-fg: #4F4867;
   --input-hover-border: #5037C8;
   --input-hover-placeholder: #958CB0;
+  --input-hover-icon: #9B7CFF;
   --input-focus-bg: transparent;
   --input-focus-fg: #4F4867;
   --input-focus-border: #5037C8;
   --input-focus-ring: #5037C8;
   --input-focus-placeholder: #958CB0;
-  --input-disabled-bg: #FFFFFF;
+  --input-focus-icon: #FFFFFF;
+  --input-disabled-bg: #F4F1FB;
   --input-disabled-fg: #9CA3AF;
-  --input-disabled-border: #EEE8FA;
+  --input-disabled-border: #E4DDF4;
   --input-disabled-placeholder: #9CA3AF;
+  --input-disabled-icon: #958CB0;
   --input-error-border: #BE123C;
-  --input-error-ring: #BE123C;
+  --input-error-ring: #F43F5E;
   --input-success-border: #047857;
   --input-success-ring: #047857;
+  --input-read-only-bg: #FFFFFF;
+  --input-read-only-fg: #6B6386;
+  --input-read-only-border: #BBB2D2;
+  --input-read-only-placeholder: #958CB0;
+  --input-read-only-icon: #6B6386;
+  --input-icon-default: #0F0F0F;
+  --input-icon-primary: #7C5CFF;
+  --input-icon-secondary: #1FBEDB;
+  --input-icon-success: #059669;
+  --input-icon-danger: #E11D48;
+  --input-icon-muted: #6B6386;
+  --input-icon-inverse: #1A1A1A;
+  --input-clear-button-fg: #F43F5E;
+  --input-clear-button-hover-fg: #F43F5E;
+  --input-clear-button-hover-bg: #FFE4E680;
+  --input-clear-button-focus-bg: #181521;
+  --input-clear-button-pressed-bg: #BBB2D2;
   --menu-item-default-bg: transparent;
   --menu-item-default-fg: #4F4867;
   --menu-item-hover-bg: #F4F1FB;
@@ -511,7 +537,7 @@
   --menu-item-focus-ring: transparent;
   --menu-item-disabled-bg: #FFFFFF;
   --menu-item-disabled-fg: #9CA3AF;
-  --menu-item-danger-default-fg: #BE123C;
+  --menu-item-danger-default-fg: #F43F5E;
   --menu-item-danger-hover-bg: #FFF1F2;
   --menu-item-danger-hover-fg: #BE123C;
   --menu-item-danger-active-bg: #FFE4E6;
@@ -524,7 +550,7 @@
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-content-bg: #FFFFFF;
   --modal-content-fg: #4F4867;
-  --modal-content-border: #EEE8FA;
+  --modal-content-border: #BBB2D2;
   --modal-title-fg: #4F4867;
   --modal-description-fg: #6B6386;
   --modal-close-button-default-bg: transparent;
@@ -535,7 +561,7 @@
   --modal-close-button-disabled-fg: #9CA3AF;
   --radio-default-bg: #F4F1FB;
   --radio-default-fg: #4F4867;
-  --radio-default-border: #EEE8FA;
+  --radio-default-border: #BBB2D2;
   --radio-hover-bg: #F4F3FF;
   --radio-hover-fg: #342580;
   --radio-hover-border: #5037C8;
@@ -551,10 +577,10 @@
   --radio-focus-ring: #5037C8;
   --radio-disabled-bg: #FFFFFF;
   --radio-disabled-fg: #9CA3AF;
-  --radio-disabled-border: #EEE8FA;
+  --radio-disabled-border: #BBB2D2;
   --select-trigger-default-bg: #F4F1FB;
   --select-trigger-default-fg: #1A1A1A;
-  --select-trigger-default-border: #EEE8FA;
+  --select-trigger-default-border: #BBB2D2;
   --select-trigger-hover-bg: #F4F3FF;
   --select-trigger-hover-fg: #342580;
   --select-trigger-hover-border: #5037C8;
@@ -566,7 +592,7 @@
   --select-trigger-disabled-fg: #9CA3AF;
   --select-trigger-disabled-border: #EEE8FA;
   --select-trigger-placeholder-fg: #6B6386;
-  --select-trigger-error-border: #BE123C;
+  --select-trigger-error-border: #F43F5E;
   --select-trigger-error-ring: #FFE4E6;
   --select-dropdown-bg: #FFFFFF;
   --select-dropdown-fg: #4F4867;
@@ -584,7 +610,7 @@
   --select-option-disabled-bg: transparent;
   --select-option-disabled-fg: #9CA3AF;
   --select-option-disabled-border: #EEE8FA;
-  --tabs-list-border: #EEE8FA;
+  --tabs-list-border: #BBB2D2;
   --tabs-trigger-default-bg: transparent;
   --tabs-trigger-default-fg: #4F4867;
   --tabs-trigger-default-border: transparent;
@@ -616,7 +642,7 @@
   --tabs-panel-fg: #4F4867;
   --tooltip-content-bg: #181521;
   --tooltip-content-fg: #FFFFFF;
-  --tooltip-content-border: #EEE8FA;
+  --tooltip-content-border: #BBB2D2;
   --tooltip-arrow-bg: #181521;
 }
 
@@ -803,7 +829,10 @@
   --border-subtle: #231F31;
   --border-elevated: #6B6386;
   --border-focus: #B8A8FF;
-  --control-hover-bg: #2F2A42;
+  --control-default-bg: #3D3754;
+  --control-default-fg: #FFFFFF;
+  --control-default-border: #231F31;
+  --control-hover-bg: #3D3754;
   --control-hover-fg: #B8A8FF;
   --control-hover-border: #B8A8FF;
   --control-selected-default-bg: #6346E8;
@@ -827,7 +856,7 @@
   --navigation-hover-fg: #F4F1FB;
   --navigation-active-bg: #6B6386;
   --navigation-active-fg: #F4F1FB;
-  --navigation-brand-hover-bg: #2F2A42;
+  --navigation-brand-hover-bg: #3D3754;
   --navigation-brand-hover-fg: #D4CCFF;
   --navigation-tab-hover-fg: #D4CCFF;
   --navigation-tab-focus-ring: #F59E0B;
@@ -836,7 +865,7 @@
   --navigation-option-active-bg: #6B6386;
   --navigation-option-active-fg: #F4F1FB;
   --navigation-border: #3D3754;
-  --navigation-trigger-hover-bg: #2F2A42;
+  --navigation-trigger-hover-bg: #3D3754;
   --navigation-trigger-hover-fg: #FAF8FF;
   --skeleton-base: #1F2937;
   --skeleton-highlight: #374151;
@@ -846,7 +875,7 @@
   --status-success-strong: #059669;
   --status-error-fg: #FB7185;
   --status-error-bg: rgba(251, 113, 133, 0.16);
-  --status-error-border: #FDA4AF;
+  --status-error-border: #FB7185;
   --status-error-strong: #E11D48;
   --status-warning-fg: #FBBF24;
   --status-warning-bg: rgba(251, 191, 36, 0.14);
@@ -861,7 +890,8 @@
   --surface-subtle: #2F2A42;
   --surface-elevated: #3D3754;
   --surface-pressed: #4F4867;
-  --surface-hover: #2F2A42;
+  --surface-danger: #9F123980;
+  --surface-hover: #3D3754;
   --surface-active: #6B6386;
   --surface-inverse: #FFFFFF;
   --text-primary: #F4F1FB;
@@ -987,7 +1017,7 @@
   --checkbox-default-bg: #3D3754;
   --checkbox-default-fg: #FFFFFF;
   --checkbox-default-border: #231F31;
-  --checkbox-hover-bg: #2F2A42;
+  --checkbox-hover-bg: #3D3754;
   --checkbox-hover-fg: #FFFFFF;
   --checkbox-hover-border: #B8A8FF;
   --checkbox-checked-default-bg: #6346E8;
@@ -1003,12 +1033,12 @@
   --checkbox-disabled-bg: #2F2A42;
   --checkbox-disabled-fg: #958CB0;
   --checkbox-disabled-border: #4F4867;
-  --checkbox-error-border: #FB7185;
   --checkbox-error-fg: #FB7185;
+  --checkbox-error-border: #FB7185;
   --dropdown-trigger-default-bg: transparent;
   --dropdown-trigger-default-fg: #B8A8FF;
   --dropdown-trigger-default-border: transparent;
-  --dropdown-trigger-hover-bg: #2F2A42;
+  --dropdown-trigger-hover-bg: #3D3754;
   --dropdown-trigger-hover-fg: #D4CCFF;
   --dropdown-trigger-hover-border: transparent;
   --dropdown-trigger-hover-ring: transparent;
@@ -1035,7 +1065,7 @@
   --dropdown-item-danger-default-fg: #FB7185;
   --dropdown-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --dropdown-item-danger-hover-fg: #FB7185;
-  --dropdown-item-danger-active-bg: #FDA4AF;
+  --dropdown-item-danger-active-bg: #FB7185;
   --dropdown-item-danger-active-fg: #FB7185;
   --dropdown-item-danger-active-ring: transparent;
   --dropdown-group-label-fg: #BBB2D2;
@@ -1056,23 +1086,44 @@
   --input-default-fg: #F4F1FB;
   --input-default-border: #6B6386;
   --input-default-placeholder: #BBB2D2;
-  --input-hover-bg: #2F2A42;
+  --input-default-icon: #9B7CFF;
+  --input-hover-bg: #3D3754;
   --input-hover-fg: #F4F1FB;
   --input-hover-border: #B8A8FF;
   --input-hover-placeholder: #6B6386;
+  --input-hover-icon: #9B7CFF;
   --input-focus-bg: transparent;
   --input-focus-fg: #F4F1FB;
   --input-focus-border: #B8A8FF;
   --input-focus-ring: #B8A8FF;
   --input-focus-placeholder: #6B6386;
-  --input-disabled-bg: #2F2A42;
+  --input-focus-icon: #FFFFFF;
+  --input-disabled-bg: #3D3754;
   --input-disabled-fg: #958CB0;
   --input-disabled-border: #4F4867;
   --input-disabled-placeholder: #958CB0;
-  --input-error-border: #FDA4AF;
+  --input-disabled-icon: #D1D5DB;
+  --input-error-border: #FB7185;
   --input-error-ring: #FB7185;
   --input-success-border: #059669;
   --input-success-ring: #34D399;
+  --input-read-only-bg: #2F2A42;
+  --input-read-only-fg: #BBB2D2;
+  --input-read-only-border: #4F4867;
+  --input-read-only-placeholder: #6B6386;
+  --input-read-only-icon: #9CA3AF;
+  --input-icon-default: #0F0F0F;
+  --input-icon-primary: #B8A8FF;
+  --input-icon-secondary: #9CA3AF;
+  --input-icon-success: #10B981;
+  --input-icon-danger: #F43F5E;
+  --input-icon-muted: #9CA3AF;
+  --input-icon-inverse: #1A1A1A;
+  --input-clear-button-fg: #FB7185;
+  --input-clear-button-hover-fg: #FB7185;
+  --input-clear-button-hover-bg: #9F123980;
+  --input-clear-button-focus-bg: #FFFFFF;
+  --input-clear-button-pressed-bg: #6B6386;
   --menu-item-default-bg: transparent;
   --menu-item-default-fg: #F4F1FB;
   --menu-item-hover-bg: #6B6386;
@@ -1085,10 +1136,10 @@
   --menu-item-danger-default-fg: #FB7185;
   --menu-item-danger-hover-bg: rgba(251, 113, 133, 0.16);
   --menu-item-danger-hover-fg: #FB7185;
-  --menu-item-danger-active-bg: #FDA4AF;
+  --menu-item-danger-active-bg: #FB7185;
   --menu-item-danger-active-fg: #FB7185;
   --menu-trigger-default-fg: #B8A8FF;
-  --menu-trigger-hover-bg: #2F2A42;
+  --menu-trigger-hover-bg: #3D3754;
   --menu-trigger-hover-fg: #FAF8FF;
   --menu-trigger-hover-ring: transparent;
   --menu-group-label-fg: #6B6386;
@@ -1107,7 +1158,7 @@
   --radio-default-bg: #3D3754;
   --radio-default-fg: #F4F1FB;
   --radio-default-border: #231F31;
-  --radio-hover-bg: #2F2A42;
+  --radio-hover-bg: #3D3754;
   --radio-hover-fg: #B8A8FF;
   --radio-hover-border: #B8A8FF;
   --radio-checked-default-bg: #6346E8;
@@ -1126,7 +1177,7 @@
   --select-trigger-default-bg: transparent;
   --select-trigger-default-fg: #FFFFFF;
   --select-trigger-default-border: #231F31;
-  --select-trigger-hover-bg: #2F2A42;
+  --select-trigger-hover-bg: #3D3754;
   --select-trigger-hover-fg: #B8A8FF;
   --select-trigger-hover-border: #B8A8FF;
   --select-trigger-focus-bg: #181521;
@@ -1172,7 +1223,7 @@
   --tabs-pills-default-bg: transparent;
   --tabs-pills-default-fg: #F4F1FB;
   --tabs-pills-default-border: transparent;
-  --tabs-pills-hover-bg: #2F2A42;
+  --tabs-pills-hover-bg: #3D3754;
   --tabs-pills-hover-fg: #F4F1FB;
   --tabs-pills-hover-border: transparent;
   --tabs-pills-active-bg: #5037C8;
@@ -1369,6 +1420,9 @@
   --border-strong: #F9FAFB;
   --border-disabled: #4B5563;
   --border-focus: #FBBF24;
+  --control-default-bg: #000000;
+  --control-default-fg: #FFFFFF;
+  --control-default-border: #4B5563;
   --control-hover-bg: #111827;
   --control-hover-fg: #000000;
   --control-hover-border: #7C5CFF;
@@ -1438,6 +1492,7 @@
   --surface-subtle: #111827;
   --surface-elevated: #374151;
   --surface-pressed: #111827;
+  --surface-danger: #9F123980;
   --surface-hover: #1F2937;
   --surface-active: #111827;
   --surface-inverse: #FFFFFF;
@@ -1579,8 +1634,8 @@
   --checkbox-disabled-bg: #111827;
   --checkbox-disabled-fg: #6B7280;
   --checkbox-disabled-border: #4B5563;
-  --checkbox-error-border: #FB7185;
   --checkbox-error-fg: #FB7185;
+  --checkbox-error-border: #FB7185;
   --dropdown-trigger-default-bg: transparent;
   --dropdown-trigger-default-fg: #FFFFFF;
   --dropdown-trigger-default-border: transparent;
@@ -1632,23 +1687,44 @@
   --input-default-fg: #FFFFFF;
   --input-default-border: #FFFFFF;
   --input-default-placeholder: #E5E7EB;
-  --input-hover-bg: #FBBF24;
+  --input-default-icon: #9B7CFF;
+  --input-hover-bg: #1F2937;
   --input-hover-fg: #000000;
   --input-hover-border: #FBBF24;
   --input-hover-placeholder: #000000;
+  --input-hover-icon: #9B7CFF;
   --input-focus-bg: transparent;
   --input-focus-fg: #FFFFFF;
   --input-focus-border: #FBBF24;
   --input-focus-ring: #F59E0B;
   --input-focus-placeholder: #E5E7EB;
+  --input-focus-icon: #FFFFFF;
   --input-disabled-bg: #1F2937;
   --input-disabled-fg: #6B7280;
   --input-disabled-border: #4B5563;
   --input-disabled-placeholder: #6B7280;
+  --input-disabled-icon: #D1D5DB;
   --input-error-border: #FB7185;
   --input-error-ring: #FB7185;
   --input-success-border: #6EE7B7;
   --input-success-ring: #6EE7B7;
+  --input-read-only-bg: #111827;
+  --input-read-only-fg: #EEE8FA;
+  --input-read-only-border: #FFFFFF;
+  --input-read-only-placeholder: #E5E7EB;
+  --input-read-only-icon: #9CA3AF;
+  --input-icon-default: #0F0F0F;
+  --input-icon-primary: #B8A8FF;
+  --input-icon-secondary: #9CA3AF;
+  --input-icon-success: #10B981;
+  --input-icon-danger: #F43F5E;
+  --input-icon-muted: #9CA3AF;
+  --input-icon-inverse: #1A1A1A;
+  --input-clear-button-fg: #FB7185;
+  --input-clear-button-hover-fg: #FB7185;
+  --input-clear-button-hover-bg: #9F123980;
+  --input-clear-button-focus-bg: #FFFFFF;
+  --input-clear-button-pressed-bg: #111827;
   --menu-item-default-bg: transparent;
   --menu-item-default-fg: #FFFFFF;
   --menu-item-hover-bg: #1F2937;

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

@@ -6,7 +6,7 @@ export declare const checkbox: {
     };
     readonly hover: {
         readonly fg: "#FFFFFF";
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly border: "#B8A8FF";
     };
     readonly checked: {
@@ -35,8 +35,8 @@ export declare const checkbox: {
         readonly border: "#4F4867";
     };
     readonly error: {
-        readonly border: "#FB7185";
         readonly fg: "#FB7185";
+        readonly border: "#FB7185";
     };
 };
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/dark/components/checkbox.js

@@ -28,7 +28,7 @@ export const checkbox = {
         border: border.default,
     },
     error: {
-        border: status.error.fg,
         fg: status.error.fg,
+        border: status.error.fg,
     },
 };

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

@@ -6,7 +6,7 @@ export declare const dropdown: {
             readonly border: "transparent";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#3D3754";
             readonly fg: "#D4CCFF";
             readonly border: "transparent";
             readonly ring: "transparent";
@@ -58,7 +58,7 @@ export declare const dropdown: {
                 readonly fg: "#FB7185";
             };
             readonly active: {
-                readonly bg: "#FDA4AF";
+                readonly bg: "#FB7185";
                 readonly fg: "#FB7185";
                 readonly ring: "transparent";
             };

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

@@ -4,12 +4,14 @@ export declare const input: {
         readonly fg: "#F4F1FB";
         readonly border: "#6B6386";
         readonly placeholder: "#BBB2D2";
+        readonly icon: "#9B7CFF";
     };
     readonly hover: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#F4F1FB";
         readonly border: "#B8A8FF";
         readonly placeholder: "#6B6386";
+        readonly icon: "#9B7CFF";
     };
     readonly focus: {
         readonly bg: "transparent";
@@ -17,20 +19,45 @@ export declare const input: {
         readonly border: "#B8A8FF";
         readonly ring: "#B8A8FF";
         readonly placeholder: "#6B6386";
+        readonly icon: "#FFFFFF";
     };
     readonly disabled: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#958CB0";
         readonly border: "#4F4867";
         readonly placeholder: "#958CB0";
+        readonly icon: "#D1D5DB";
     };
     readonly error: {
-        readonly border: "#FDA4AF";
+        readonly border: "#FB7185";
         readonly ring: "#FB7185";
     };
     readonly success: {
         readonly border: "#059669";
         readonly ring: "#34D399";
     };
+    readonly readOnly: {
+        readonly bg: "#2F2A42";
+        readonly fg: "#BBB2D2";
+        readonly border: "#4F4867";
+        readonly placeholder: "#6B6386";
+        readonly icon: "#9CA3AF";
+    };
+    readonly icon: {
+        readonly default: "#0F0F0F";
+        readonly primary: "#B8A8FF";
+        readonly secondary: "#9CA3AF";
+        readonly success: "#10B981";
+        readonly danger: "#F43F5E";
+        readonly muted: "#9CA3AF";
+        readonly inverse: "#1A1A1A";
+    };
+    readonly clearButton: {
+        readonly fg: "#FB7185";
+        readonly hoverFg: "#FB7185";
+        readonly hoverBg: string;
+        readonly focusBg: "#FFFFFF";
+        readonly pressedBg: "#6B6386";
+    };
 };
 //# sourceMappingURL=input.d.ts.map

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":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCR,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/dark/components/input.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqER,CAAC"}

package/dist/dark/components/input.js

@@ -1,5 +1,6 @@
 import { border } from '../semantic/border.js';
 import { focus } from '../semantic/focus.js';
+import { icons } from '../semantic/icons.js';
 import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
@@ -9,12 +10,14 @@ export const input = {
         fg: text.primary,
         border: border.elevated,
         placeholder: text.secondary,
+        icon: icons.brand,
     },
     hover: {
         bg: surface.hover,
         fg: text.primary,
         border: border.focus,
         placeholder: text.muted,
+        icon: icons.hover,
     },
     focus: {
         bg: 'transparent',
@@ -22,12 +25,14 @@ export const input = {
         border: border.focus,
         ring: focus.ring,
         placeholder: text.muted,
+        icon: icons.subtle,
     },
     disabled: {
-        bg: surface.subtle,
+        bg: surface.elevated,
         fg: text.disabled,
         border: border.default,
         placeholder: text.disabled,
+        icon: icons.disabled,
     },
     error: {
         border: status.error.border,
@@ -37,4 +42,27 @@ export const input = {
         border: status.success.strong,
         ring: status.success.fg,
     },
+    readOnly: {
+        bg: surface.subtle,
+        fg: text.secondary,
+        border: border.default,
+        placeholder: text.muted,
+        icon: icons.muted,
+    },
+    icon: {
+        default: icons.default,
+        primary: icons.primary,
+        secondary: icons.secondary,
+        success: icons.success,
+        danger: icons.danger,
+        muted: icons.muted,
+        inverse: icons.inverse,
+    },
+    clearButton: {
+        fg: status.error.fg,
+        hoverFg: status.error.fg,
+        hoverBg: surface.danger,
+        focusBg: surface.inverse,
+        pressedBg: surface.active,
+    },
 };

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

@@ -28,7 +28,7 @@ export declare const menu: {
                 readonly fg: "#FB7185";
             };
             readonly active: {
-                readonly bg: "#FDA4AF";
+                readonly bg: "#FB7185";
                 readonly fg: "#FB7185";
             };
         };
@@ -38,7 +38,7 @@ export declare const menu: {
             readonly fg: "#B8A8FF";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#3D3754";
             readonly fg: "#FAF8FF";
             readonly ring: "transparent";
         };

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

@@ -5,7 +5,7 @@ export declare const radio: {
         readonly border: "#231F31";
     };
     readonly hover: {
-        readonly bg: "#2F2A42";
+        readonly bg: "#3D3754";
         readonly fg: "#B8A8FF";
         readonly border: "#B8A8FF";
     };

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

@@ -6,7 +6,7 @@ export declare const select: {
             readonly border: "#231F31";
         };
         readonly hover: {
-            readonly bg: "#2F2A42";
+            readonly bg: "#3D3754";
             readonly fg: "#B8A8FF";
             readonly border: "#B8A8FF";
         };