@eagami/ui 2.5.3 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "2.5.3",
+  "version": "2.6.0",
   "description": "Lightweight, accessible Angular UI component library built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/src/styles/tokens/_colors.scss

@@ -81,6 +81,14 @@
   --color-bg-elevated: var(--color-neutral-0);
   --color-bg-overlay: rgba(0, 0, 0, 0.5);
 
+  // Interactive lift layers for hover and active/selected fills. Light surfaces
+  // are all near-white and never collapse onto these shades, so solid muted
+  // tones read cleanly. Dark mode swaps them for translucent washes (see the
+  // dark overrides) because its surfaces all collapse onto the same neutrals,
+  // where a solid fill would vanish into whatever it sits on.
+  --color-state-hover: var(--color-neutral-100);
+  --color-state-active: var(--color-neutral-200);
+
   --color-border-subtle: var(--color-neutral-200);
   --color-border-default: var(--color-neutral-200);
   --color-border-strong: var(--color-neutral-400);
@@ -158,10 +166,17 @@
   --color-bg-subtle: var(--color-neutral-700);
   --color-bg-stripe: var(--color-neutral-900);
   --color-bg-elevated: var(--color-neutral-700);
-  // One step above bg-base so hover fills (ghost/secondary button, table row)
-  // and muted surfaces lift subtly; neutral-600 read too strong on dark.
+  // Opaque muted surface for static fills (disabled fields, slider/progress
+  // tracks, skeletons). Hover/active fills route through the translucent
+  // --color-state-* tokens instead, so they never collide with this shade.
   --color-bg-muted: var(--color-neutral-700);
 
+  // White wash so an interactive lift reads on any dark surface, including the
+  // neutral-700 tier where bg-muted/-subtle/-elevated all coincide. This is the
+  // fix that lets dropdown/menu/dialog hovers lift off their elevated surfaces.
+  --color-state-hover: rgba(255, 255, 255, 0.08);
+  --color-state-active: rgba(255, 255, 255, 0.14);
+
   // Borders stay clear of every bg-* shade so they stay visible. subtle mixes
   // neutral-700/-800 to sit between card and cell backgrounds; default can't go
   // darker without colliding with bg-subtle/-elevated (both neutral-700).

package/types/eagami-ui.d.ts

@@ -1728,21 +1728,37 @@ declare class InputComponent implements ControlValueAccessor {
     readonly inputEl: i0.Signal<ElementRef<HTMLInputElement> | undefined>;
     private readonly injector;
     protected readonly i18n: EagamiI18nService;
+    /** Text label rendered above the field. */
     readonly label: i0.InputSignal<string | undefined>;
+    /** Native input type; `password` adds a built-in show/hide toggle. */
     readonly type: i0.InputSignal<InputType>;
+    /** Placeholder shown while the field is empty. */
     readonly placeholder: i0.InputSignal<string>;
+    /** Visual size of the field. */
     readonly size: i0.InputSignal<InputSize>;
+    /** Helper text shown below the field; hidden while an error is showing. */
     readonly hint: i0.InputSignal<string | undefined>;
+    /** Error message shown below the field; replaces the hint and flags the field invalid. */
     readonly errorMsg: i0.InputSignal<string | undefined>;
+    /** Disables the field. */
     readonly disabled: i0.InputSignal<boolean>;
+    /** Renders the field read-only. */
     readonly readonly: i0.InputSignal<boolean>;
+    /** Marks the field as required. */
     readonly required: i0.InputSignal<boolean>;
+    /** Value for the native `autocomplete` attribute. */
     readonly autocomplete: i0.InputSignal<string | undefined>;
+    /** `id` of a `<datalist>` to associate for native suggestions. */
     readonly list: i0.InputSignal<string | undefined>;
+    /** Focuses the field once, after it first renders. */
     readonly autofocus: i0.InputSignal<boolean>;
+    /** Shows the reveal toggle for `password` inputs. */
     readonly showPasswordToggle: i0.InputSignal<boolean>;
+    /** Shows a clear button while the field has a value. */
     readonly clearable: i0.InputSignal<boolean>;
+    /** `id` applied to the native input and label `for`; auto-generated when omitted. */
     readonly id: i0.InputSignal<string>;
+    /** Current field value; two-way bindable via `[(value)]`. */
     readonly value: i0.ModelSignal<string>;
     readonly isFocused: i0.WritableSignal<boolean>;
     readonly passwordVisible: i0.WritableSignal<boolean>;