@ajuarezso/sui-design-system 0.18.0 → 0.18.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ajuarezso/sui-design-system",
-  "version": "0.18.0",
+  "version": "0.18.1",
   "description": "SUI Design System — librería de componentes Angular (SUI 2.0).",
   "license": "UNLICENSED",
   "publishConfig": {

package/types/ajuarezso-sui-design-system.d.ts

@@ -1587,7 +1587,7 @@ declare class SuiButtonGroupItem {
     /** aria-label para icon-only buttons */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Estado del data-attribute para CSS scoping */
-    readonly state: _angular_core.Signal<"disabled" | "default" | "active">;
+    readonly state: _angular_core.Signal<"default" | "active" | "disabled">;
     /** True cuando solo tiene icon (left o right) sin label */
     readonly onlyIcon: _angular_core.Signal<boolean>;
     /**
@@ -2584,7 +2584,7 @@ declare class SuiColorDot {
      *   - `selected` → dot 12×12 + ring 2px.
      *   - `disabled` → dot gris pálido, sin pointer events.
      */
-    readonly state: _angular_core.InputSignal<"disabled" | "default" | "hover" | "selected">;
+    readonly state: _angular_core.InputSignal<"default" | "disabled" | "hover" | "selected">;
     /** aria-label override. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly clicked: _angular_core.OutputEmitterRef<void>;
@@ -5576,7 +5576,7 @@ declare class SuiFileUpload {
     protected readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
     protected readonly dragging: _angular_core.WritableSignal<boolean>;
     protected readonly internalError: _angular_core.WritableSignal<string | null>;
-    protected readonly state: _angular_core.Signal<"error" | "disabled" | "default" | "dragover">;
+    protected readonly state: _angular_core.Signal<"default" | "error" | "disabled" | "dragover">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     protected readonly resolvedErrorMessage: _angular_core.Signal<string | null>;
@@ -6226,7 +6226,7 @@ declare class SuiImageUpload {
      *  (matchea el escalado del contenedor 32→40 en SCSS). */
     protected readonly iconSize: _angular_core.Signal<20 | 16>;
     protected readonly hasSrc: _angular_core.Signal<boolean>;
-    protected readonly state: _angular_core.Signal<"disabled" | "filled" | "dragover" | "empty">;
+    protected readonly state: _angular_core.Signal<"filled" | "disabled" | "dragover" | "empty">;
     protected readonly resolvedTitle: _angular_core.Signal<string>;
     protected readonly resolvedSubtitle: _angular_core.Signal<string>;
     onHostClick(): void;
@@ -6635,13 +6635,21 @@ declare class SuiInput implements ControlValueAccessor {
     /**
      * Un campo de búsqueda abre con LUPA en la tecla de acción, siempre.
      *
-     * Va por default y no queda a cargo de cada pantalla porque en Android el
-     * caso correcto NO sale solo: Chromium solo le pide la lupa al teclado si el
-     * campo es `type=search` Y NO tiene `inputmode` propio. Como acá sí lo tiene
-     * (`_inputModeAuto` le pone `search` para elegir el teclado), esa regla no
-     * aplica y la tecla cae en la acción genérica — la flecha azul de enviar.
-     * `enterkeyhint` es lo único que decide el ícono sin importar el resto, así
-     * que se emite desde el componente y ninguna pantalla tiene que acordarse.
+     * Va por default y no queda a cargo de cada pantalla porque el caso correcto
+     * NO sale solo, y en Android el propio `inputmode` lo empeora. Chromium le
+     * pide la lupa al teclado únicamente si el campo es `type=search` Y NO trae
+     * `inputmode` propio (`ImeUtils.getImeAction`). Como acá sí lo trae
+     * —`_inputModeAuto` le pone `search` para elegir el teclado— esa regla se
+     * saltea, el campo cae en la rama genérica y la tecla queda en la acción por
+     * descarte en vez de la lupa. Dicho de otra forma: emitir solo `inputmode`
+     * deja el teclado PEOR que no emitir nada.
+     *
+     * iOS llega al mismo lugar por otro camino: sin `enterkeyhint` solo pone la
+     * lupa si el campo vive dentro de un `form` con `action`, y acá no vive.
+     *
+     * `enterkeyhint` es lo único que decide el ícono sin mirar nada más —ni el
+     * type, ni el inputmode, ni el form— así que se emite desde el componente y
+     * ninguna pantalla tiene que acordarse.
      */
     private readonly _enterKeyHintAuto;
     /** `enterkeyhint` que termina en el DOM: gana lo que pidió el consumer. */
@@ -7777,7 +7785,7 @@ declare class SuiNotification {
     readonly dismissible: _angular_core.InputSignal<boolean>;
     readonly unread: _angular_core.InputSignal<boolean>;
     /** Item body type. 'basic' keeps the legacy/alert layout (no body slot). */
-    readonly type: _angular_core.InputSignal<"button" | "basic" | "file" | "message">;
+    readonly type: _angular_core.InputSignal<"basic" | "file" | "button" | "message">;
     /** When true, item paints the Figma hover bg + reveals the more-2-line button. */
     readonly showMore: _angular_core.InputSignal<boolean>;
     /** Forces the hover affordance visible (e.g. keyboard-focused row). */