@ajuarezso/sui-design-system 0.17.1 → 0.17.2

package/package.json

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

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

@@ -5582,7 +5582,7 @@ declare class SuiFileUpload {
     protected readonly resolvedErrorMessage: _angular_core.Signal<string | null>;
     /** Icon size px. Figma verified = 24 (medium). small/large/xlarge escalan +4
      *  (small 20 → medium 24 → large 28 → xlarge 32) — extensión de proyecto. */
-    protected readonly iconSize: _angular_core.Signal<24 | 20 | 32 | 28>;
+    protected readonly iconSize: _angular_core.Signal<20 | 24 | 32 | 28>;
     onClick(): void;
     /** Browse File button — abre el picker. stopPropagation evita doble-open
      *  (el host también es clickeable). */
@@ -6498,16 +6498,22 @@ declare class SuiInput implements ControlValueAccessor {
      * compilador lo cazó apenas se agregaron.
      */
     /**
-     * El tamaño de los íconos del campo (lupa, ojo, afijos).
+     * La X de limpiar — el ÚNICO ícono del campo que crece con el tamaño.
      *
-     * Crecen UN PASO por tamaño, no proporcionalmente: el texto del campo se
-     * queda en 14 px en todos los tamaños, así que un ícono que escalara con el
-     * alto quedaría enorme al lado de su propia etiqueta. Lo que crece en
-     * `large` y `xlarge` es el área de toque, y el ícono acompaña lo justo para
-     * no verse perdido dentro de un campo de 52 px.
-     */
-    protected readonly iconPx: _angular_core.Signal<number>;
-    /** La X de limpiar, con el mismo criterio: un paso por tamaño. */
+     * El ícono decorativo (lupa, ojo, afijos) se queda en 20 en los cinco
+     * tamaños, igual que hace `sui-button`: medido en Storybook, su ícono es 20
+     * desde un botón de 28 px hasta uno de 52. En este sistema, el ícono que
+     * ACOMPAÑA texto no escala; solo escala cuando el ícono es el contenido
+     * (`sui-compact-button`, 16/20/24).
+     *
+     * La X es la excepción y por una razón concreta: no es decoración, es un
+     * control que se toca. En un campo de 52 px una X de 16 queda perdida y con
+     * un área de toque que no acompaña al resto del campo.
+     *
+     * La escalera va de a 2 y todos son valores que el DS ya usa
+     * (12, 14, 16, 18, 20). `medium` se queda en 16, así que ningún formulario
+     * existente se mueve.
+     */
     protected readonly clearPx: _angular_core.Signal<number>;
     protected readonly labelSize: _angular_core.Signal<SuiFormLabelSize>;
     readonly error: _angular_core.InputSignal<boolean>;
@@ -8543,7 +8549,7 @@ declare class SuiRadioCard implements ControlValueAccessor {
     readonly size: _angular_core.InputSignal<SuiRadioSize>;
     /** Lado en px del radio según size: medium 20 · large 24 · xlarge 28. Los
      *  insets internos (bg/box) son % → escalan solos. */
-    readonly radioPx: _angular_core.Signal<24 | 20 | 28>;
+    readonly radioPx: _angular_core.Signal<20 | 24 | 28>;
     /** Valor del radio (requerido para uso en grupo). */
     readonly value: _angular_core.InputSignal<string>;
     /** Título principal del card (label de la fila Title). */