valtech-components 4.0.1016 → 4.0.1018

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -57,7 +57,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "dark" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "medium">;
     /**
      * Computed helper for withMargin prop in template.
      */

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

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -41,8 +41,8 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "small" | "medium" | "large";
-        alignment: "center" | "start";
+        gap: "medium" | "small" | "large";
+        alignment: "start" | "center";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"small" | "default" | "large">;
+    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

package/lib/components/molecules/operation-reference/operation-reference.component.d.ts

@@ -6,7 +6,7 @@ export declare class OperationReferenceComponent {
     protected label: import("@angular/core").Signal<string>;
     protected copiedLabel: import("@angular/core").Signal<string>;
     protected copyAriaLabel: import("@angular/core").Signal<string>;
-    protected align: import("@angular/core").Signal<"center" | "start" | "end">;
+    protected align: import("@angular/core").Signal<"start" | "end" | "center">;
     protected copyValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OperationReferenceComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OperationReferenceComponent, "val-operation-reference", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/components/molecules/phone-display/phone-display.component.d.ts

@@ -6,7 +6,7 @@ export declare class PhoneDisplayComponent {
     props: PhoneDisplayMetadata;
     onClick: EventEmitter<string>;
     protected rawPhone: import("@angular/core").Signal<string>;
-    protected mode: import("@angular/core").Signal<"link" | "text" | "button">;
+    protected mode: import("@angular/core").Signal<"button" | "link" | "text">;
     protected formatted: import("@angular/core").Signal<string>;
     protected href: import("@angular/core").Signal<string>;
     protected ariaLabel: import("@angular/core").Signal<string>;

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

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -73,7 +73,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -88,7 +88,7 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "full" | "block";
+        expand?: "block" | "full";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -103,9 +103,9 @@ export declare class ArticleComponent implements OnInit, AfterViewInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "small" | "default" | "large";
-        fill?: "default" | "clear" | "outline" | "solid" | "tint";
-        type: "reset" | "submit" | "button";
+        size?: "default" | "small" | "large";
+        fill?: "outline" | "clear" | "solid" | "default" | "tint";
+        type: "submit" | "button" | "reset";
         token?: string;
         ariaLabel?: string;
         ref?: any;

package/lib/components/organisms/settings-hub/settings-sections.d.ts

@@ -26,7 +26,7 @@ export interface SettingsSection {
     shadowed?: boolean;
 }
 /**
- * Catálogo default de secciones del HUB de settings (8 entradas). `logout` va
+ * Catálogo default de secciones del HUB de settings (7 entradas). `logout` va
  * incluida pero sin `routerLink` (la maneja un callback). Mismo set, mismos
  * tokens/iconos/rutas que el builder original de showcase
  * (`shared/settings-action-cards.ts`) que esta promoción reemplaza.

package/lib/components/organisms/survey-builder/survey-builder.component.d.ts

@@ -59,7 +59,7 @@ export declare class SurveyBuilderComponent implements OnInit {
     readonly wizardStep: import("@angular/core").WritableSignal<number>;
     readonly validationError: import("@angular/core").WritableSignal<string>;
     readonly saving: import("@angular/core").WritableSignal<boolean>;
-    readonly uploadingImage: import("@angular/core").WritableSignal<"" | "success" | "header">;
+    readonly uploadingImage: import("@angular/core").WritableSignal<"" | "header" | "success">;
     readonly sectionIds: import("@angular/core").WritableSignal<string[]>;
     readonly sectionNames: import("@angular/core").WritableSignal<Record<string, string>>;
     readonly sectionSubtitles: import("@angular/core").WritableSignal<Record<string, string>>;

package/lib/components/types.d.ts

@@ -84,6 +84,11 @@ export type InputOption = {
     id: string;
     /** Display name */
     name: string;
+    /** Optional icon shown next to the option label */
+    icon?: {
+        name: string;
+        color?: string;
+    };
     /** Whether the option is selected by default */
     selected?: boolean;
     /** Display order */

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.1016";
+export declare const VERSION = "4.0.1018";

package/package.json

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

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

@@ -147,12 +147,12 @@ $color-default-placeholder: #afbacc;
   --ion-color-darki-shade: #080d18;
   --ion-color-darki-tint: #222732;
 
-  --ion-color-medium: #9e9e9e;
-  --ion-color-medium-rgb: 158, 158, 158;
-  --ion-color-medium-contrast: #000000;
-  --ion-color-medium-contrast-rgb: 0, 0, 0;
-  --ion-color-medium-shade: #8b8b8b;
-  --ion-color-medium-tint: #a8a8a8;
+	--ion-color-medium: #737478;
+	--ion-color-medium-rgb: 115,116,120;
+	--ion-color-medium-contrast: #ffffff;
+	--ion-color-medium-contrast-rgb: 255,255,255;
+	--ion-color-medium-shade: #65666a;
+	--ion-color-medium-tint: #818286;
 
   /* warning — default de la lib, no el naranja de Ionic sin marcar. Amarillo
      con contraste negro: se lee como aviso sin leer como error (ese rol es de