@ajuarezso/sui-design-system 0.12.0 → 0.13.0

package/package.json

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

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

@@ -6158,6 +6158,17 @@ type SuiImageUploadSize = 'sm' | 'md' | 'lg' | 'xl';
  *  - errorEvent: mensaje de error de validación
  */
 declare class SuiImageUpload {
+    /**
+     * Ocupa el ancho del contenedor en vez del cuadrado fijo de `size`.
+     *
+     * Por defecto el componente es un cuadrado de lado `size` —pensado para
+     * avatares y logos, donde eso es lo correcto—. Pero para subir un documento
+     * (un comprobante de pago, una licencia) el cuadrado desperdicia el ancho
+     * disponible y recorta imágenes verticales, que es la forma natural de una
+     * captura de celular. En fluido el alto lo da el contenido, así que el botón
+     * de quitar deja de desbordarse.
+     */
+    readonly fluid: _angular_core.InputSignal<boolean>;
     readonly shape: _angular_core.InputSignal<SuiImageUploadShape>;
     readonly size: _angular_core.InputSignal<SuiImageUploadSize>;
     readonly src: _angular_core.ModelSignal<string | null>;
@@ -6197,7 +6208,7 @@ declare class SuiImageUpload {
     private processFile;
     private formatBytes;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuiImageUpload, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuiImageUpload, "sui-image-upload", never, { "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; }, { "src": "srcChange"; "imageSelected": "imageSelected"; "removed": "removed"; "editRequested": "editRequested"; "errorEvent": "errorEvent"; }, never, never, true, never>;
 }
 
 /**
@@ -7672,7 +7683,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). */