energy-components 1.20.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/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;