valtech-components 4.0.944 → 4.0.945

package/lib/components/atoms/button/button.component.d.ts

@@ -27,6 +27,12 @@ export declare class ButtonComponent implements OnInit, OnChanges {
      * estirada. Ver la escala en button.component.scss.
      */
     sizeClasses(): string[];
+    /**
+     * `tint` no existe en Ionic — se renderiza como `clear` (sin fondo/borde
+     * propios de Ionic) y la superficie tenue la aporta `.button-tint` en el
+     * SCSS, vía la clase que agrega `sizeClasses()`.
+     */
+    ionFill(): 'clear' | 'outline' | 'solid' | 'default' | undefined;
     /**
      * Preset name to apply. Presets define reusable button configurations
      * (size, color, fill, etc.) that can be registered at app level.

package/lib/components/organisms/article/article.component.d.ts

@@ -104,7 +104,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "small" | "default" | "large";
-        fill?: "default" | "clear" | "outline" | "solid";
+        fill?: "default" | "clear" | "outline" | "solid" | "tint";
         type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;

package/lib/components/types.d.ts

@@ -365,8 +365,18 @@ export interface ButtonMetadata {
     shape?: 'round';
     /** Button size */
     size?: 'small' | 'default' | 'large';
-    /** Button fill */
-    fill?: 'clear' | 'outline' | 'solid' | 'default';
+    /**
+     * Button fill.
+     *
+     * `tint` no es un fill nativo de Ionic (que solo entiende
+     * clear/outline/solid/default) — `val-button` lo mapea a `clear` sobre el
+     * `ion-button` real y le suma una superficie tenue del mismo `color`
+     * (`rgba(--ion-color-base-rgb, 0.1)`, sin borde). Existe porque un `clear`
+     * puro, sin fondo ni borde, se confunde con texto plano cuando actúa como
+     * acción de tarjeta/fila en vez de link inline — encontrado auditando
+     * Okhelia (2026-08-24): "Copiar lista" no se leía como algo tocable.
+     */
+    fill?: 'clear' | 'outline' | 'solid' | 'default' | 'tint';
     /** Button type */
     type: 'button' | 'submit' | 'reset';
     /** Optional token identifier */

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.944";
+export declare const VERSION = "4.0.945";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.944",
+  "version": "4.0.945",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/src/lib/components/styles/variables.scss

@@ -92,6 +92,11 @@ $color-default-placeholder: #afbacc;
   // segundo máximo: al colapsar el menú se liberan ~296px y el contenido toma
   // parte de ellos, sin volverse fluido.
   --val-container-xl-wide: 1280px;
+  // Mismo mecanismo para `md` (formularios/paneles tipo Settings: preferencias,
+  // seguridad, cuenta, organización). Decisión explícita del CTO
+  // (2026-08-24): estas vistas SÍ deben crecer al colapsar el rail, aunque el
+  // criterio "md no crece" (líneas de lectura) siga aplicando a texto largo.
+  --val-container-md-wide: 900px;
   // Espacio lateral reservado para elementos fuera del contenido (ads, paneles
   // auxiliares). Vale 0 salvo que una ruta lo declare: el contenido se encoge
   // solo, en cualquiera de los dos estados y en cualquier viewport, sin que la