@randstad-uca/design-system 1.0.79 → 1.0.81

package/dist/components/Accordion.d.ts

@@ -3,10 +3,11 @@ export declare class AccordionPanel extends LitElement {
     title: string;
     private isOpen;
     private isDesktop;
+    private mediaQueryList;
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private handleResize;
+    private handleMediaQueryChange;
     private toggle;
     render(): TemplateResult<1>;
 }

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,6 +6,7 @@ export declare class DatePickerComponent extends BaseControl {
     readonly: boolean;
     minDate?: string;
     maxDate?: string;
+    type: 'date' | 'month';
     eighteenOrOlder: boolean;
     private _maxLength;
     get maxLength(): number;
@@ -19,6 +20,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).
@@ -45,6 +47,7 @@ export declare class DatePickerComponent extends BaseControl {
       
       * @param changedProperties - Mapa de propiedades que han cambiado.
     */
+    protected willUpdate(changedProperties: Map<string, any>): void;
     updated(changedProperties: Map<string, any>): void;
     private setInitialWidth;
     /**
@@ -83,6 +86,7 @@ export declare class DatePickerComponent extends BaseControl {
       * Maneja la selección de fecha desde el calendario.
     */
     private handleDateSelect;
+    private _emitToggle;
     /**
       * Maneja el cambio de la fecha de vista en el calendario.
       

package/dist/components/Modal.d.ts

@@ -18,6 +18,7 @@ export declare class CustomModal extends LitElement {
     isPrimaryDisabled: boolean;
     modalWidth: string;
     modalHeight: string;
+    maxHeight: string;
     hideFooter: boolean;
     private scrollable;
     static styles: (import("lit").CSSResult | CSSStyleSheet)[];

package/dist/components/Select.d.ts

@@ -15,9 +15,12 @@ export declare class FilterableSelect extends BaseControl {
     textLabelFilterNotResult: string;
     textLabelMobileSearch: string;
     isRenderClearButton: boolean;
+    sortable: boolean;
     private isMobile;
     private highlightedIndex;
     private _isCleared;
+    private originalHtmlOverflow;
+    private originalHtmlPaddingRight;
     filteredOptions: SelectOption[];
     filterValue: string;
     isOpen: boolean;
@@ -26,8 +29,21 @@ export declare class FilterableSelect extends BaseControl {
     mobileInputRef: HTMLInputElement;
     private debounceTimeout;
     static styles: (import("lit").CSSResult | CSSStyleSheet)[];
+    /**
+   * Función auxiliar para aplicar/limpiar los estilos de bloqueo.
+   */
+    private manageScrollElement;
+    /**
+     * Bloquea/Desbloquea el scroll manipulando directamente <html> y guardando el estado.
+     * @param block Si es true, bloquea; si es false, limpia.
+     */
+    private toggleDynamicScrollLock;
+    private getOptionLabel;
     private sortOptions;
+    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;

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;