@randstad-uca/design-system 1.0.80 → 1.0.82

package/dist/components/Button.d.ts

@@ -2,8 +2,8 @@ import { LitElement } from 'lit';
 import '../styles/buttons.css';
 export declare class RandstadButton extends LitElement {
     type: 'button' | 'submit' | 'reset';
-    variant: 'button-primary' | 'button-secondary' | 'button-tertiary' | 'button-round' | 'button-card' | 'button-icon';
-    size: 'md' | 'lg';
+    variant: 'button-primary' | 'button-secondary' | 'button-tertiary' | 'button-round' | 'button-card' | 'button-icon' | 'button-danger';
+    size: 'sm' | 'md' | 'lg';
     label: string;
     loader: boolean;
     iconSrc?: string;

package/dist/components/CalendarOverlay.d.ts

@@ -1,4 +1,4 @@
-import { LitElement, TemplateResult } from "lit";
+import { LitElement } from "lit";
 export declare class CalendarOverlay extends LitElement {
     /**
       * La fecha actualmente seleccionada por el usuario.
@@ -14,6 +14,7 @@ export declare class CalendarOverlay extends LitElement {
     calendarWidth: number;
     minDate: Date | null;
     maxDate: Date | null;
+    type: 'date' | 'month';
     /**
       * El estado de la vista actual del calendario, que puede ser 'días', 'meses' o 'años'.
       * Determina qué cuadrícula se renderiza en el overlay.
@@ -142,11 +143,16 @@ export declare class CalendarOverlay extends LitElement {
       * Incluye los días de la semana, los días del mes y marca el día actual y el seleccionado.
     */
     private renderDayView;
+    /**
+     * Gestiona cambios de estado antes de la actualización.
+     * Si el tipo es 'month', asegura que la vista nunca sea 'days'.
+     */
+    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     /**
       * Renderiza el overlay del calendario según la vista actual (días, meses o años).
       * Incluye el encabezado y la cuadrícula correspondiente.
       
       * @returns {TemplateResult} Plantilla HTML del overlay del calendario.
     */
-    render(): TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/DatePicker.d.ts

@@ -6,10 +6,9 @@ export declare class DatePickerComponent extends BaseControl {
     readonly: boolean;
     minDate?: string;
     maxDate?: string;
+    type: 'date' | 'month';
     eighteenOrOlder: boolean;
-    private _maxLength;
-    get maxLength(): number;
-    set maxLength(value: number);
+    maxLength: number;
     private isOpen;
     private selectedDate;
     private viewDate;
@@ -19,6 +18,7 @@ export declare class DatePickerComponent extends BaseControl {
     private inputContainer;
     static styles: import("lit").CSSResult;
     private setMessageErrorFormatInvalid;
+    private get _currentFormat();
     /**
       * Devuelve el foco al input principal del DatePicker.
       * Se utiliza cuando el usuario sale del CalendarOverlay (ej. tecla ArrowUp).
@@ -39,13 +39,6 @@ export declare class DatePickerComponent extends BaseControl {
       * Es ideal para obtener el ancho del DOM por primera vez.
     */
     firstUpdated(): void;
-    /**
-      * Ciclo de vida: se llama después de cada actualización.
-      * Se usa para recalcular el ancho si la apertura del calendario ha cambiado.
-      
-      * @param changedProperties - Mapa de propiedades que han cambiado.
-    */
-    updated(changedProperties: Map<string, any>): void;
     private setInitialWidth;
     /**
       * Referencia enlazada para el listener de resize.
@@ -83,6 +76,19 @@ export declare class DatePickerComponent extends BaseControl {
       * Maneja la selección de fecha desde el calendario.
     */
     private handleDateSelect;
+    private _emitToggle;
+    /**
+      * Ciclo de vida: se llama antes de cada actualización.
+      * Se utiliza para preparar el estado antes del renderizado.
+      * NO modifica propiedades reactivas aquí para evitar loops de renderizado.
+     */
+    protected willUpdate(changedProperties: Map<string, any>): void;
+    /**
+      * Ciclo de vida: se llama después de cada actualización del componente.
+      * Se usa para operaciones que requieren el DOM ya renderizado.
+      * Solo recalcula el ancho si es necesario y evita loops de actualización.
+     */
+    updated(changedProperties: Map<string, any>): void;
     /**
       * Maneja el cambio de la fecha de vista en el calendario.
       

package/dist/components/Modal.d.ts

@@ -18,12 +18,15 @@ export declare class CustomModal extends LitElement {
     isPrimaryDisabled: boolean;
     modalWidth: string;
     modalHeight: string;
+    maxHeight: string;
     hideFooter: boolean;
     private scrollable;
+    private hasDropdownOpen;
     static styles: (import("lit").CSSResult | CSSStyleSheet)[];
     private closeModal;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private handleDropdownOpen;
     private setScrollableMode;
     private getFooterClass;
     render(): import("lit-html").TemplateResult<1>;

package/dist/components/Popup.d.ts

@@ -13,6 +13,7 @@ export declare class CustomPopup extends LitElement {
     title: string;
     description: string;
     width: string;
+    height: string;
     buttonText: string;
     confirmText: string;
     cancelText: string;

package/dist/components/Select.d.ts

@@ -15,6 +15,7 @@ export declare class FilterableSelect extends BaseControl {
     textLabelFilterNotResult: string;
     textLabelMobileSearch: string;
     isRenderClearButton: boolean;
+    sortable: boolean;
     private isMobile;
     private highlightedIndex;
     private _isCleared;
@@ -42,6 +43,7 @@ export declare class FilterableSelect extends BaseControl {
     filterAndSortOptions(): void;
     private handleOptionHover;
     update(changedProperties: Map<string, any>): void;
+    protected willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     protected updated(changedProperties: Map<string | number | symbol, unknown>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -52,6 +54,7 @@ export declare class FilterableSelect extends BaseControl {
     handleMobileInput(event: Event): void;
     handleSelect(option: SelectOption): void;
     handleIconClick(): void;
+    private handleReset;
     handleClickOutside(event: Event): void;
     /**
       * Maneja los eventos de teclado cuando el foco está en el input o el filter-fake (combobox).

package/dist/components/Tabs.d.ts

@@ -13,7 +13,7 @@ export declare class TabsBar extends LitElement {
     private readonly SCROLL_OFFSET;
     static styles: import("lit").CSSResult;
     firstUpdated(): void;
-    updated(changed: Map<string, any>): void;
+    protected willUpdate(changed: Map<string, any>): void;
     private selectTab;
     private scrollTabsLeft;
     private scrollTabsRight;