valtech-components 2.0.743 → 2.0.745

package/lib/components/molecules/notes-box/types.d.ts

@@ -22,4 +22,14 @@ export interface NotesBoxMetadata {
     padding?: string;
     allowPartialBold?: boolean;
     processLinks?: boolean;
+    /**
+     * Compact mode — renders the box as inline-block with `fit-content` width and
+     * tighter padding. Ideal for short labels (status chips, doc metadata, badges)
+     * where a full-width banner feels oversized.
+     */
+    compact?: boolean;
+    /**
+     * Text alignment inside the box. Default `'left'`.
+     */
+    align?: 'left' | 'center' | 'right';
 }

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

@@ -90,7 +90,7 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "large" | "default";
+        size?: "default" | "small" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
         type: "button" | "submit" | "reset";
         token?: string;

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

@@ -123,6 +123,10 @@ export interface ArticleNoteElement extends BaseArticleElement {
         allowPartialBold?: boolean;
         /** Procesa URLs y `[text](url)` en `text`. Default `false`. */
         processLinks?: boolean;
+        /** Compact mode — inline-block fit-content, padding reducido, sin left-border. */
+        compact?: boolean;
+        /** Alineación del texto. Default `'left'`. */
+        align?: 'left' | 'center' | 'right';
     };
 }
 /**

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

@@ -72,7 +72,7 @@ export declare class ToolbarComponent implements OnInit {
         };
         showFlags?: boolean;
         color: import("@ionic/core").Color;
-        size?: "small" | "large" | "default";
+        size?: "default" | "small" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
         shape?: "round";
         expand?: "full" | "block";

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 = "2.0.743";
+export declare const VERSION = "2.0.745";

package/package.json

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

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

@@ -100,6 +100,26 @@ ion-toolbar {
 
 ion-input {
   margin-top: 0px;
+
+  /* Chrome/Safari aplican un overlay azulado/grey a inputs prerellenados (autofill)
+   * que rompe el theme. Forzamos colores que matchean al ion-input regular. */
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  input:-webkit-autofill:active {
+    -webkit-box-shadow: 0 0 0 1000px var(--ion-background-color, #fff) inset !important;
+    -webkit-text-fill-color: var(--ion-text-color, #000) !important;
+    caret-color: var(--ion-text-color, #000) !important;
+    transition: background-color 9999s ease-in-out 0s;
+  }
+}
+
+/* Dark mode autofill — usa step bg para integrarse con la paleta dark */
+body.dark ion-input input:-webkit-autofill,
+html.ion-palette-dark ion-input input:-webkit-autofill,
+body[data-theme='dark'] ion-input input:-webkit-autofill {
+  -webkit-box-shadow: 0 0 0 1000px var(--ion-background-color, #121212) inset !important;
+  -webkit-text-fill-color: var(--ion-text-color, #fff) !important;
 }
 
 ion-select {