valtech-components 2.0.744 → 2.0.746

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/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.744";
+export declare const VERSION = "2.0.746";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "2.0.744",
+  "version": "2.0.746",
   "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 {