@vellira-ui/tokens 2.98.6 → 2.98.7

package/dist/css/tokens.css

@@ -189,36 +189,36 @@
   --action-primary-subtle-bg: #F4F3FF;
   --action-primary-subtle-fg: #342580;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #0B7D95;
-  --action-secondary-default-fg: #FFFFFF;
-  --action-secondary-default-border: #0B7D95;
-  --action-secondary-hover-bg: #0A6175;
-  --action-secondary-hover-fg: #FFFFFF;
-  --action-secondary-hover-border: #0A6175;
-  --action-secondary-pressed-bg: #094C5E;
-  --action-secondary-pressed-fg: #FFFFFF;
-  --action-secondary-pressed-border: #094C5E;
-  --action-secondary-muted-bg: #D9FBFF;
-  --action-secondary-muted-fg: #094C5E;
-  --action-secondary-muted-border: #79E8F8;
-  --action-secondary-subtle-bg: #F2FDFF;
-  --action-secondary-subtle-fg: #094C5E;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #D4CEE8;
-  --action-close-default-fg: #231F31;
-  --action-close-default-border: #D4CEE8;
-  --action-close-hover-bg: #BBB2D2;
-  --action-close-hover-fg: #181521;
-  --action-close-hover-border: #BBB2D2;
-  --action-close-pressed-bg: #958CB0;
-  --action-close-pressed-fg: #FFFFFF;
-  --action-close-pressed-border: #958CB0;
-  --action-close-muted-bg: #EEE8FA;
-  --action-close-muted-fg: #2F2A42;
-  --action-close-muted-border: #BBB2D2;
-  --action-close-subtle-bg: #F4F1FB;
-  --action-close-subtle-fg: #3D3754;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #0B7D95;
+  --action-accent-default-fg: #FFFFFF;
+  --action-accent-default-border: #0B7D95;
+  --action-accent-hover-bg: #0A6175;
+  --action-accent-hover-fg: #FFFFFF;
+  --action-accent-hover-border: #0A6175;
+  --action-accent-pressed-bg: #094C5E;
+  --action-accent-pressed-fg: #FFFFFF;
+  --action-accent-pressed-border: #094C5E;
+  --action-accent-muted-bg: #D9FBFF;
+  --action-accent-muted-fg: #094C5E;
+  --action-accent-muted-border: #79E8F8;
+  --action-accent-subtle-bg: #F2FDFF;
+  --action-accent-subtle-fg: #094C5E;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #D4CEE8;
+  --action-neutral-default-fg: #231F31;
+  --action-neutral-default-border: #D4CEE8;
+  --action-neutral-hover-bg: #BBB2D2;
+  --action-neutral-hover-fg: #181521;
+  --action-neutral-hover-border: #BBB2D2;
+  --action-neutral-pressed-bg: #958CB0;
+  --action-neutral-pressed-fg: #FFFFFF;
+  --action-neutral-pressed-border: #958CB0;
+  --action-neutral-muted-bg: #EEE8FA;
+  --action-neutral-muted-fg: #2F2A42;
+  --action-neutral-muted-border: #BBB2D2;
+  --action-neutral-subtle-bg: #F4F1FB;
+  --action-neutral-subtle-fg: #3D3754;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #BE123C;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #BE123C;
@@ -240,7 +240,7 @@
   --border-strong: #6B6386;
   --border-elevated: #D4CEE8;
   --border-disabled: #E4DDF4;
-  --border-focus: #5037C8;
+  --border-interactive: #5037C8;
   --control-default-bg: #FFFFFF;
   --control-default-fg: #3D3754;
   --control-default-border: #BBB2D2;
@@ -271,15 +271,15 @@
   --focus-ring-color: #5037C8;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 8px rgba(99, 70, 232, 0.14);
-  --focus-ring-offset: #FFFFFF;
+  --focus-ring-offset-color: #FFFFFF;
   --icons-default: #3D3754;
   --icons-secondary: #6B6386;
   --icons-muted: #958CB0;
   --icons-subtle: #958CB0;
   --icons-disabled: #958CB0;
-  --icons-primary: #5037C8;
+  --icons-interactive: #5037C8;
   --icons-brand: #5037C8;
-  --icons-hover: #402C9F;
+  --icons-interactive-hover: #402C9F;
   --icons-success: #14B8A6;
   --icons-danger: #BE123C;
   --icons-inverse: #FFFFFF;
@@ -303,29 +303,14 @@
   --menu-item-danger-active-fg: #9F1239;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #958CB0;
-  --navigation-hover-bg: #F4F1FB;
-  --navigation-hover-fg: #3D3754;
-  --navigation-active-bg: #EEE8FA;
-  --navigation-active-fg: #3D3754;
-  --navigation-brand-hover-bg: #F4F1FB;
-  --navigation-brand-hover-fg: #402C9F;
-  --navigation-tab-hover-fg: #402C9F;
-  --navigation-tab-focus-ring: #5037C8;
-  --navigation-option-hover-bg: #F4F1FB;
-  --navigation-option-hover-fg: #3D3754;
-  --navigation-option-active-bg: #EEE8FA;
-  --navigation-option-active-fg: #3D3754;
-  --navigation-trigger-hover-bg: #F4F1FB;
-  --navigation-trigger-hover-fg: #402C9F;
-  --navigation-border: #E4DDF4;
   --overlay-backdrop: rgba(255, 255, 255, 0.12);
   --overlay-tooltip-bg: #FFFFFF;
   --overlay-tooltip-fg: #3D3754;
   --overlay-tooltip-border: #E4DDF4;
-  --overlay-popover-bg: #FFFFFF;
-  --overlay-popover-border: #E4DDF4;
-  --overlay-modal-bg: #FFFFFF;
-  --overlay-modal-border: #E4DDF4;
+  --overlay-floating-bg: #FFFFFF;
+  --overlay-floating-border: #E4DDF4;
+  --overlay-dialog-bg: #FFFFFF;
+  --overlay-dialog-border: #E4DDF4;
   --shadow-sm: 0 1px 2px rgba(24, 21, 33, 0.08);
   --shadow-md: 0 4px 12px rgba(24, 21, 33, 0.12);
   --shadow-lg: 0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1);
@@ -337,28 +322,27 @@
   --status-success-bg: #F0FDFA;
   --status-success-border: #0F766E;
   --status-success-ring: #14B8A6;
-  --status-success-strong: #115E59;
+  --status-success-emphasis-fg: #115E59;
   --status-error-fg: #BE123C;
   --status-error-bg: #FFE4E6;
   --status-error-border: #E11D48;
   --status-error-ring: #F43F5E;
-  --status-error-strong: #9F1239;
+  --status-error-emphasis-fg: #9F1239;
   --status-warning-fg: #B45309;
   --status-warning-bg: #FFFBEB;
   --status-warning-border: #B45309;
   --status-warning-ring: #F59E0B;
-  --status-warning-strong: #92400E;
+  --status-warning-emphasis-fg: #92400E;
   --status-info-fg: #0C4A6E;
   --status-info-bg: #F0F9FF;
   --status-info-border: #0369A1;
   --status-info-ring: #0369A1;
-  --status-info-strong: #082F49;
+  --status-info-emphasis-fg: #082F49;
   --surface-canvas: #FAF8FF;
   --surface-default: #FAF8FF;
   --surface-muted: #F4F1FB;
   --surface-subtle: #FDFCFF;
   --surface-elevated: #FFFFFF;
-  --surface-background: #FFFFFF;
   --surface-hover: #F4F1FB;
   --surface-active: #EEE8FA;
   --surface-pressed: #E4DDF4;
@@ -2498,36 +2482,36 @@
   --action-primary-subtle-bg: #D4CCFF;
   --action-primary-subtle-fg: #402C9F;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #1FBEDB;
-  --action-secondary-default-fg: #000000;
-  --action-secondary-default-border: #1FBEDB;
-  --action-secondary-hover-bg: #3ED5EE;
-  --action-secondary-hover-fg: #000000;
-  --action-secondary-hover-border: #3ED5EE;
-  --action-secondary-pressed-bg: #0F9BB8;
-  --action-secondary-pressed-fg: #000000;
-  --action-secondary-pressed-border: #0F9BB8;
-  --action-secondary-muted-bg: #094C5E;
-  --action-secondary-muted-fg: #FFFFFF;
-  --action-secondary-muted-border: #0B7D95;
-  --action-secondary-subtle-bg: #B4F4FD;
-  --action-secondary-subtle-fg: #0A6175;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #BBB2D2;
-  --action-close-default-fg: #000000;
-  --action-close-default-border: #BBB2D2;
-  --action-close-hover-bg: #E4DDF4;
-  --action-close-hover-fg: #000000;
-  --action-close-hover-border: #E4DDF4;
-  --action-close-pressed-bg: #6B6386;
-  --action-close-pressed-fg: #FFFFFF;
-  --action-close-pressed-border: #6B6386;
-  --action-close-muted-bg: #231F31;
-  --action-close-muted-fg: #FFFFFF;
-  --action-close-muted-border: #3D3754;
-  --action-close-subtle-bg: #EEE8FA;
-  --action-close-subtle-fg: #BBB2D2;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #1FBEDB;
+  --action-accent-default-fg: #000000;
+  --action-accent-default-border: #1FBEDB;
+  --action-accent-hover-bg: #3ED5EE;
+  --action-accent-hover-fg: #000000;
+  --action-accent-hover-border: #3ED5EE;
+  --action-accent-pressed-bg: #0F9BB8;
+  --action-accent-pressed-fg: #000000;
+  --action-accent-pressed-border: #0F9BB8;
+  --action-accent-muted-bg: #094C5E;
+  --action-accent-muted-fg: #FFFFFF;
+  --action-accent-muted-border: #0B7D95;
+  --action-accent-subtle-bg: #B4F4FD;
+  --action-accent-subtle-fg: #0A6175;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #BBB2D2;
+  --action-neutral-default-fg: #000000;
+  --action-neutral-default-border: #BBB2D2;
+  --action-neutral-hover-bg: #E4DDF4;
+  --action-neutral-hover-fg: #000000;
+  --action-neutral-hover-border: #E4DDF4;
+  --action-neutral-pressed-bg: #6B6386;
+  --action-neutral-pressed-fg: #FFFFFF;
+  --action-neutral-pressed-border: #6B6386;
+  --action-neutral-muted-bg: #231F31;
+  --action-neutral-muted-fg: #FFFFFF;
+  --action-neutral-muted-border: #3D3754;
+  --action-neutral-subtle-bg: #EEE8FA;
+  --action-neutral-subtle-fg: #BBB2D2;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #E11D48;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #E11D48;
@@ -2549,7 +2533,7 @@
   --border-strong: #6B6386;
   --border-elevated: #4F4867;
   --border-disabled: #3D3754;
-  --border-focus: #B8A8FF;
+  --border-interactive: #B8A8FF;
   --control-default-bg: #2F2A42;
   --control-default-fg: #F4F1FB;
   --control-default-border: #4F4867;
@@ -2580,15 +2564,15 @@
   --focus-ring-color: #B8A8FF;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 8px rgba(184, 168, 255, 0.14);
-  --focus-ring-offset: #181521;
+  --focus-ring-offset-color: #181521;
   --icons-default: #F4F1FB;
   --icons-secondary: #E5E7EB;
   --icons-muted: #958CB0;
   --icons-subtle: #6B6386;
   --icons-disabled: #6B6386;
-  --icons-primary: #B8A8FF;
+  --icons-interactive: #B8A8FF;
   --icons-brand: #B8A8FF;
-  --icons-hover: #D4CCFF;
+  --icons-interactive-hover: #D4CCFF;
   --icons-success: #2DD4BF;
   --icons-danger: #FB7185;
   --icons-inverse: #000000;
@@ -2612,29 +2596,14 @@
   --menu-item-danger-active-fg: #FB7185;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #6B6386;
-  --navigation-hover-bg: #2F2A42;
-  --navigation-hover-fg: #F4F1FB;
-  --navigation-active-bg: #3D3754;
-  --navigation-active-fg: #F4F1FB;
-  --navigation-brand-hover-bg: #2F2A42;
-  --navigation-brand-hover-fg: #D4CCFF;
-  --navigation-tab-hover-fg: #D4CCFF;
-  --navigation-tab-focus-ring: #F59E0B;
-  --navigation-option-hover-bg: #2F2A42;
-  --navigation-option-hover-fg: #F4F1FB;
-  --navigation-option-active-bg: #3D3754;
-  --navigation-option-active-fg: #F4F1FB;
-  --navigation-trigger-hover-bg: #2F2A42;
-  --navigation-trigger-hover-fg: #F4F1FB;
-  --navigation-border: #3D3754;
   --overlay-backdrop: rgba(0, 0, 0, 0.72);
   --overlay-tooltip-bg: #2F2A42;
   --overlay-tooltip-fg: #F4F1FB;
   --overlay-tooltip-border: #4F4867;
-  --overlay-popover-bg: #242034;
-  --overlay-popover-border: #3D3754;
-  --overlay-modal-bg: #242034;
-  --overlay-modal-border: #3D3754;
+  --overlay-floating-bg: #242034;
+  --overlay-floating-border: #3D3754;
+  --overlay-dialog-bg: #242034;
+  --overlay-dialog-border: #3D3754;
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.12);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.22);
   --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
@@ -2646,28 +2615,27 @@
   --status-success-bg: rgba(52, 211, 153, 0.14);
   --status-success-border: #2DD4BF;
   --status-success-ring: #5EEAD4;
-  --status-success-strong: #0F9E94;
+  --status-success-emphasis-fg: #0F9E94;
   --status-error-fg: #FB7185;
   --status-error-bg: rgba(251, 113, 133, 0.16);
   --status-error-border: #FB7185;
   --status-error-ring: #FB7185;
-  --status-error-strong: #E11D48;
+  --status-error-emphasis-fg: #E11D48;
   --status-warning-fg: #FBBF24;
   --status-warning-bg: rgba(251, 191, 36, 0.14);
   --status-warning-border: #FBBF24;
-  --status-warning-ring: #FB7185;
-  --status-warning-strong: #D97706;
+  --status-warning-ring: #FCD34D;
+  --status-warning-emphasis-fg: #D97706;
   --status-info-fg: #7DD3FC;
   --status-info-bg: rgba(56, 189, 248, 0.14);
   --status-info-border: #7DD3FC;
-  --status-info-ring: #FB7185;
-  --status-info-strong: #0369A1;
+  --status-info-ring: #7DD3FC;
+  --status-info-emphasis-fg: #0369A1;
   --surface-canvas: #000000;
   --surface-default: #181521;
   --surface-muted: #231F31;
   --surface-subtle: #242034;
   --surface-elevated: #2F2A42;
-  --surface-background: #181521;
   --surface-hover: #2F2A42;
   --surface-active: #3D3754;
   --surface-pressed: #4F4867;
@@ -2676,8 +2644,8 @@
   --surface-inverse: #FFFFFF;
   --text-primary: #F4F1FB;
   --text-secondary: #BBB2D2;
-  --text-muted: #958CB0;
-  --text-subtle: #9CA3AF;
+  --text-muted: #9CA3AF;
+  --text-subtle: #958CB0;
   --text-disabled: #6B6386;
   --text-brand: #B8A8FF;
   --text-interactive: #B8A8FF;
@@ -3248,14 +3216,14 @@
   --dropdown-item-danger-disabled-fg: #6B6386;
   --dropdown-group-label-fg: #BBB2D2;
   --dropdown-separator-bg: #3D3754;
-  --dropdown-separator-fg: #958CB0;
+  --dropdown-separator-fg: #9CA3AF;
   --form-field-label-fg: #F4F1FB;
   --form-field-optional-fg: #BBB2D2;
   --form-field-label-info-fg: #BBB2D2;
   --form-field-label-info-border: #BBB2D2;
   --form-field-label-info-radius: 999px;
   --form-field-description-fg: #BBB2D2;
-  --form-field-helper-text-default-fg: #958CB0;
+  --form-field-helper-text-default-fg: #9CA3AF;
   --form-field-helper-text-error-fg: #FB7185;
   --form-field-helper-text-success-fg: #2DD4BF;
   --form-field-helper-text-warning-fg: #FBBF24;
@@ -3556,7 +3524,7 @@
   --input-read-only-bg: #242034;
   --input-read-only-fg: #BBB2D2;
   --input-read-only-border: #3D3754;
-  --input-read-only-placeholder: #958CB0;
+  --input-read-only-placeholder: #9CA3AF;
   --input-read-only-icon: #958CB0;
   --input-icon-default: #F4F1FB;
   --input-icon-primary: #B8A8FF;
@@ -3619,7 +3587,7 @@
   --modal-close-button-hover-bg: #2F2A42;
   --modal-close-button-hover-fg: #F4F1FB;
   --modal-close-button-hover-border: transparent;
-  --modal-close-button-pressed-bg: #3D3754;
+  --modal-close-button-pressed-bg: #4F4867;
   --modal-close-button-pressed-fg: #F4F1FB;
   --modal-close-button-pressed-border: transparent;
   --modal-close-button-focus-ring-color: #B8A8FF;
@@ -4807,36 +4775,36 @@
   --action-primary-subtle-bg: #111827;
   --action-primary-subtle-fg: #D4CCFF;
   --action-primary-subtle-border: transparent;
-  --action-secondary-default-bg: #79E8F8;
-  --action-secondary-default-fg: #000000;
-  --action-secondary-default-border: #FFFFFF;
-  --action-secondary-hover-bg: #B4F4FD;
-  --action-secondary-hover-fg: #000000;
-  --action-secondary-hover-border: #79E8F8;
-  --action-secondary-pressed-bg: #3ED5EE;
-  --action-secondary-pressed-fg: #000000;
-  --action-secondary-pressed-border: #FCD34D;
-  --action-secondary-muted-bg: #062F3B;
-  --action-secondary-muted-fg: #D9FBFF;
-  --action-secondary-muted-border: #79E8F8;
-  --action-secondary-subtle-bg: #111827;
-  --action-secondary-subtle-fg: #B4F4FD;
-  --action-secondary-subtle-border: transparent;
-  --action-close-default-bg: #FFFFFF;
-  --action-close-default-fg: #000000;
-  --action-close-default-border: #000000;
-  --action-close-hover-bg: #E5E7EB;
-  --action-close-hover-fg: #000000;
-  --action-close-hover-border: #0B1120;
-  --action-close-pressed-bg: #9CA3AF;
-  --action-close-pressed-fg: #000000;
-  --action-close-pressed-border: #0B1120;
-  --action-close-muted-bg: #1F2937;
-  --action-close-muted-fg: #FFFFFF;
-  --action-close-muted-border: #D1D5DB;
-  --action-close-subtle-bg: #111827;
-  --action-close-subtle-fg: #FFFFFF;
-  --action-close-subtle-border: transparent;
+  --action-accent-default-bg: #79E8F8;
+  --action-accent-default-fg: #000000;
+  --action-accent-default-border: #FFFFFF;
+  --action-accent-hover-bg: #B4F4FD;
+  --action-accent-hover-fg: #000000;
+  --action-accent-hover-border: #79E8F8;
+  --action-accent-pressed-bg: #3ED5EE;
+  --action-accent-pressed-fg: #000000;
+  --action-accent-pressed-border: #FCD34D;
+  --action-accent-muted-bg: #062F3B;
+  --action-accent-muted-fg: #D9FBFF;
+  --action-accent-muted-border: #79E8F8;
+  --action-accent-subtle-bg: #111827;
+  --action-accent-subtle-fg: #B4F4FD;
+  --action-accent-subtle-border: transparent;
+  --action-neutral-default-bg: #FFFFFF;
+  --action-neutral-default-fg: #000000;
+  --action-neutral-default-border: #000000;
+  --action-neutral-hover-bg: #E5E7EB;
+  --action-neutral-hover-fg: #000000;
+  --action-neutral-hover-border: #0B1120;
+  --action-neutral-pressed-bg: #9CA3AF;
+  --action-neutral-pressed-fg: #000000;
+  --action-neutral-pressed-border: #0B1120;
+  --action-neutral-muted-bg: #1F2937;
+  --action-neutral-muted-fg: #FFFFFF;
+  --action-neutral-muted-border: #D1D5DB;
+  --action-neutral-subtle-bg: #111827;
+  --action-neutral-subtle-fg: #FFFFFF;
+  --action-neutral-subtle-border: transparent;
   --action-danger-default-bg: #E11D48;
   --action-danger-default-fg: #FFFFFF;
   --action-danger-default-border: #FFFFFF;
@@ -4858,7 +4826,7 @@
   --border-strong: #FCD34D;
   --border-elevated: #D1D5DB;
   --border-disabled: #4B5563;
-  --border-focus: #FCD34D;
+  --border-interactive: #FCD34D;
   --control-default-bg: #000000;
   --control-default-fg: #FFFFFF;
   --control-default-border: #9CA3AF;
@@ -4889,15 +4857,15 @@
   --focus-ring-color: #FCD34D;
   --focus-ring-width: 2px;
   --focus-ring-shadow: 0 0 0 1px rgba(255, 255, 255, 0.28);
-  --focus-ring-offset: #000000;
+  --focus-ring-offset-color: #000000;
   --icons-default: #FFFFFF;
   --icons-secondary: #E5E7EB;
-  --icons-muted: #9CA3AF;
-  --icons-subtle: #D1D5DB;
+  --icons-muted: #D1D5DB;
+  --icons-subtle: #9CA3AF;
   --icons-disabled: #6B7280;
-  --icons-primary: #FCD34D;
+  --icons-interactive: #FCD34D;
   --icons-brand: #FCD34D;
-  --icons-hover: #FDE68A;
+  --icons-interactive-hover: #FDE68A;
   --icons-success: #5EEAD4;
   --icons-danger: #FDA4AF;
   --icons-inverse: #000000;
@@ -4921,29 +4889,14 @@
   --menu-item-danger-active-fg: #FFFFFF;
   --menu-item-danger-disabled-bg: transparent;
   --menu-item-danger-disabled-fg: #6B7280;
-  --navigation-hover-bg: #374151;
-  --navigation-hover-fg: #FFFFFF;
-  --navigation-active-bg: #374151;
-  --navigation-active-fg: #FFFFFF;
-  --navigation-brand-hover-bg: #374151;
-  --navigation-brand-hover-fg: #FCD34D;
-  --navigation-tab-hover-fg: #FCD34D;
-  --navigation-tab-focus-ring: #FBBF24;
-  --navigation-option-hover-bg: #374151;
-  --navigation-option-hover-fg: #FFFFFF;
-  --navigation-option-active-bg: #374151;
-  --navigation-option-active-fg: #FFFFFF;
-  --navigation-trigger-hover-bg: #374151;
-  --navigation-trigger-hover-fg: #FCD34D;
-  --navigation-border: #9CA3AF;
   --overlay-backdrop: rgba(0, 0, 0, 0.72);
   --overlay-tooltip-bg: #FFFFFF;
   --overlay-tooltip-fg: #000000;
   --overlay-tooltip-border: #FCD34D;
-  --overlay-popover-bg: #111827;
-  --overlay-popover-border: #9CA3AF;
-  --overlay-modal-bg: #111827;
-  --overlay-modal-border: #9CA3AF;
+  --overlay-floating-bg: #111827;
+  --overlay-floating-border: #9CA3AF;
+  --overlay-dialog-bg: #111827;
+  --overlay-dialog-border: #9CA3AF;
   --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
   --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
   --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.7);
@@ -4955,28 +4908,27 @@
   --status-success-bg: #042F2E;
   --status-success-border: #5EEAD4;
   --status-success-ring: #5EEAD4;
-  --status-success-strong: #99F6E4;
+  --status-success-emphasis-fg: #99F6E4;
   --status-error-fg: #FB7185;
   --status-error-bg: #4C0519;
   --status-error-border: #FB7185;
   --status-error-ring: #FB7185;
-  --status-error-strong: #FECDD3;
+  --status-error-emphasis-fg: #FECDD3;
   --status-warning-fg: #FCD34D;
   --status-warning-bg: #451A03;
   --status-warning-border: #FCD34D;
   --status-warning-ring: #FCD34D;
-  --status-warning-strong: #FDE68A;
+  --status-warning-emphasis-fg: #FDE68A;
   --status-info-fg: #7DD3FC;
   --status-info-bg: #071927;
   --status-info-border: #7DD3FC;
   --status-info-ring: #7DD3FC;
-  --status-info-strong: #BAE6FD;
+  --status-info-emphasis-fg: #BAE6FD;
   --surface-canvas: #000000;
   --surface-default: #000000;
   --surface-muted: #111827;
   --surface-subtle: #1F2937;
   --surface-elevated: #374151;
-  --surface-background: #0B1120;
   --surface-hover: #374151;
   --surface-active: #374151;
   --surface-pressed: #4B5563;
@@ -5866,16 +5818,16 @@
   --input-read-only-fg: #EEE8FA;
   --input-read-only-border: #6B7280;
   --input-read-only-placeholder: #D1D5DB;
-  --input-read-only-icon: #9CA3AF;
+  --input-read-only-icon: #D1D5DB;
   --input-icon-default: #FFFFFF;
   --input-icon-primary: #FCD34D;
   --input-icon-secondary: #E5E7EB;
   --input-icon-success: #5EEAD4;
   --input-icon-danger: #FDA4AF;
-  --input-icon-muted: #9CA3AF;
+  --input-icon-muted: #D1D5DB;
   --input-icon-inverse: #000000;
   --input-icon-brand: #FCD34D;
-  --input-clear-button-fg: #9CA3AF;
+  --input-clear-button-fg: #D1D5DB;
   --input-clear-button-hover-fg: #FB7185;
   --input-clear-button-hover-bg: #4C0519;
   --input-clear-button-focus-bg: #1F2937;
@@ -5888,7 +5840,7 @@
   --input-addon-border: #9CA3AF;
   --input-affix-fg: #FFFFFF;
   --input-counter-fg: #EEE8FA;
-  --input-spinner-fg: #9CA3AF;
+  --input-spinner-fg: #D1D5DB;
   --modal-overlay-bg: rgba(0, 0, 0, 0.72);
   --modal-overlay-blur: 4px;
   --modal-overlay-animation-duration: 180ms;
@@ -6765,7 +6717,7 @@
   --select-dropdown-empty-fg: #EEE8FA;
   --select-dropdown-group-label-fg: #B8A8FF;
   --select-dropdown-separator-bg: #6B7280;
-  --select-clear-button-fg: #9CA3AF;
+  --select-clear-button-fg: #D1D5DB;
   --select-clear-button-hover-fg: #FB7185;
   --select-clear-button-hover-bg: #4C0519;
   --select-clear-button-focus-bg: #1F2937;

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

@@ -271,10 +271,10 @@ export declare const dropdown: {
             readonly fg: "#B8A8FF";
             readonly border: "#B8A8FF";
             readonly ring: {
-                readonly color: "#B8A8FF";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(184, 168, 255, 0.14)";
-                readonly offset: "#181521";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
@@ -309,10 +309,10 @@ export declare const dropdown: {
         };
         readonly focus: {
             readonly ring: {
-                readonly color: "#B8A8FF";
-                readonly width: "2px";
-                readonly shadow: "0 0 8px rgba(184, 168, 255, 0.14)";
-                readonly offset: "#181521";
+                readonly color: string;
+                readonly width: string;
+                readonly shadow: string;
+                readonly offset: string;
             };
         };
         readonly disabled: {
@@ -344,7 +344,7 @@ export declare const dropdown: {
     };
     readonly separator: {
         readonly bg: "#3D3754";
-        readonly fg: "#958CB0";
+        readonly fg: "#9CA3AF";
     };
 };
 //# sourceMappingURL=dropdown.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/dark/components/dropdown.ts"],"names":[],"mappings":"AAwEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIX,CAAC"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/dark/components/dropdown.ts"],"names":[],"mappings":"AAyEA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIX,CAAC"}

package/dist/dark/components/dropdown.js

@@ -1,3 +1,4 @@
+import { createComponentFocusRing } from '../../factories/componentFocusRing.js';
 import { createDropdownPalette } from '../../factories/createDropdownPalette.js';
 import { createInputColorPalette } from '../../factories/createInputPalette.js';
 import { colors } from '../../primitives/colors.js';
@@ -126,8 +127,8 @@ export const dropdown = {
         focus: {
             bg: 'transparent',
             fg: text.interactive,
-            border: border.focus,
-            ring: focus.ring,
+            border: border.interactive,
+            ring: createComponentFocusRing(focus.ring),
         },
         disabled: {
             bg: surface.disabled,
@@ -160,7 +161,7 @@ export const dropdown = {
             fg: menu.item.pressed.fg,
         },
         focus: {
-            ring: focus.ring,
+            ring: createComponentFocusRing(focus.ring),
         },
         disabled: {
             bg: menu.item.disabled.bg,

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

@@ -126,7 +126,7 @@ export declare const input: {
         readonly bg: "#242034";
         readonly fg: "#BBB2D2";
         readonly border: "#3D3754";
-        readonly placeholder: "#958CB0";
+        readonly placeholder: "#9CA3AF";
         readonly icon: "#958CB0";
     };
     readonly icon: {

package/dist/dark/components/input.js

@@ -77,14 +77,14 @@ export const input = {
     hover: {
         bg: surface.hover,
         fg: text.primary,
-        border: border.focus,
+        border: border.interactive,
         placeholder: text.secondary,
-        icon: icons.hover,
+        icon: icons.interactiveHover,
     },
     focus: {
         bg: 'transparent',
         fg: text.primary,
-        border: border.focus,
+        border: border.interactive,
         ring: focus.ring.color,
         placeholder: text.secondary,
         icon: icons.brand,
@@ -109,7 +109,7 @@ export const input = {
     },
     icon: {
         default: icons.default,
-        primary: icons.primary,
+        primary: icons.interactive,
         secondary: icons.secondary,
         success: icons.success,
         danger: icons.danger,