energy-components 1.20.0-beta.0 → 1.21.0-beta.0

package/dist/types/src/components/content/accordion/accordion.vue.d.ts

@@ -42,6 +42,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<RDSTagProps>;
         default: null;
     };
+    /**
+     * Label a la derecha del título. Se muestra sólo si no hay tag.
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
 }>, {
     /**
      * Abre el panel.
@@ -90,6 +97,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<RDSTagProps>;
         default: null;
     };
+    /**
+     * Label a la derecha del título. Se muestra sólo si no hay tag.
+     */
+    label: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {

package/dist/types/src/components/feedback/badge/badge.vue.d.ts

@@ -0,0 +1,119 @@
+type Kind = 'numeric' | 'dot';
+type SemanticColor = 'promo' | 'success' | 'error' | 'warning' | 'information';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo de badge.
+     * `numeric` muestra un contador, `dot` solo un punto.
+     */
+    kind: {
+        type: () => Kind;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    /**
+     * Valor numérico a mostrar cuando `kind` es `numeric`.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+        validator: (v: number) => boolean;
+    };
+    /**
+     * Define el color semántico de fondo.
+     * Para el diseño inicial solo se implementa `promo` y `default`.
+     */
+    color: {
+        type: () => SemanticColor;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    /**
+     * Forza el uso de content-high en texto cuando el contraste inverse no sea suficiente.
+     */
+    forceContentHigh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ID para testing.
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Mensaje alternativo accesible. Si no se provee se genera automáticamente.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, {
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Tipo de badge.
+     * `numeric` muestra un contador, `dot` solo un punto.
+     */
+    kind: {
+        type: () => Kind;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    /**
+     * Valor numérico a mostrar cuando `kind` es `numeric`.
+     */
+    value: {
+        type: NumberConstructor;
+        default: number;
+        validator: (v: number) => boolean;
+    };
+    /**
+     * Define el color semántico de fondo.
+     * Para el diseño inicial solo se implementa `promo` y `default`.
+     */
+    color: {
+        type: () => SemanticColor;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    /**
+     * Forza el uso de content-high en texto cuando el contraste inverse no sea suficiente.
+     */
+    forceContentHigh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * ID para testing.
+     */
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Mensaje alternativo accesible. Si no se provee se genera automáticamente.
+     */
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    color: SemanticColor;
+    id: string;
+    value: number;
+    ariaLabel: string;
+    kind: Kind;
+    forceContentHigh: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/index.d.ts

@@ -31,6 +31,7 @@ export { default as RDSTabBar } from './navigation/tab-bar/tab-bar.vue';
 export { default as RDSPagination } from './navigation/pagination/pagination.vue';
 export { default as RDSDirectAccess } from './navigation/direct-access/direct-access.vue';
 export { default as RDSIndicator } from './feedback/indicator/indicator.vue';
+export { default as RDSBadge } from './feedback/badge/badge.vue';
 export { default as RDSPersistentToast } from './feedback/persistent-toast/persistent-toast.vue';
 export { default as RDSSnackBar } from './feedback/snack-bar/snack-bar.vue';
 export { default as RDSInfoBox } from './feedback/info-box/info-box.vue';

package/dist/types/src/components/input/checkbox/checkbox.vue.d.ts

@@ -81,6 +81,34 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Nombre del campo para formularios HTML.</span>
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Valor enviado en formularios cuando el checkbox está marcado.</span>
+     */
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * <span>Indica que el checkbox es de solo lectura (no modificable por usuario).</span>
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Id(s) de elementos descriptivos (mensaje de error / ayuda) enlazados con <code>aria-describedby</code>.</span>
+     */
+    describedBy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -162,11 +190,40 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * <span>Nombre del campo para formularios HTML.</span>
+     */
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * <span>Valor enviado en formularios cuando el checkbox está marcado.</span>
+     */
+    value: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * <span>Indica que el checkbox es de solo lectura (no modificable por usuario).</span>
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Id(s) de elementos descriptivos (mensaje de error / ayuda) enlazados con <code>aria-describedby</code>.</span>
+     */
+    describedBy: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     error: boolean;
     label: string;
+    name: string;
     id: string | number;
     required: boolean;
     icon: string;
@@ -176,6 +233,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     isChecked: boolean;
     modelValue: boolean;
     indeterminate: boolean;
+    value: string | number | boolean;
+    readonly: boolean;
+    describedBy: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/input/file-upload-item/file-upload-item.vue.d.ts

@@ -105,6 +105,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Indica si se debe mostrar el tamaño del archivo.
+     * Si es false, el tamaño no se muestra.
+     */
+    showFileSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     action: (payload: {
         actionType: string;
@@ -204,6 +212,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Indica si se debe mostrar el tamaño del archivo.
+     * Si es false, el tamaño no se muestra.
+     */
+    showFileSize: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onAction?: ((payload: {
         actionType: string;
@@ -219,6 +235,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     timeRemaining: string;
     action: FileAction;
     showProgressBar: boolean;
+    showFileSize: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/src/components/input/text-field/text-field.vue.d.ts

@@ -308,8 +308,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     icon: string;
     disabled: boolean;
     fullWidth: boolean;
-    password: boolean;
     readonly: boolean;
+    password: boolean;
     rightIcon: string;
     helper: boolean;
     helperText: string;

package/dist/types/src/components/overlay/popover/popover.vue.d.ts

@@ -16,6 +16,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     fallbackPlacements: unknown[];
     autoFlip: boolean;
     closeOnTriggerHidden: boolean;
+    triggerOnHover: boolean;
     $props: {
         readonly width?: number | undefined;
         readonly placement?: string | undefined;
@@ -25,6 +26,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
         readonly fallbackPlacements?: unknown[] | undefined;
         readonly autoFlip?: boolean | undefined;
         readonly closeOnTriggerHidden?: boolean | undefined;
+        readonly triggerOnHover?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts

@@ -26,6 +26,8 @@ interface RDSPopoverMenuProps {
     autoFlip: boolean;
     /** Cerrar si el trigger deja de ser visible en viewport */
     closeOnTriggerHidden: boolean;
+    /** Si true abre/cierra con hover/focus (desktop). Por defecto sólo click */
+    triggerOnHover?: boolean;
 }
 declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {
     item: RDSPopoverMenuItem;
@@ -63,6 +65,7 @@ declare const __VLS_component: import("vue").DefineComponent<RDSPopoverMenuProps
     fallbackPlacements: (Placement | string)[];
     autoFlip: boolean;
     closeOnTriggerHidden: boolean;
+    triggerOnHover: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;