@vonage/vivid-vue 3.20.1 → 3.22.0

package/dist/generated/components/VRadio.vue2.d.ts

@@ -75,6 +75,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Indicates the radio's label.
      */
@@ -92,6 +96,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
         label?: string | undefined;
         connotation?: import("@vonage/vivid/lib/radio/radio").RadioConnotation | undefined;
     } | null>;
@@ -168,6 +173,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Indicates the radio's label.
      */
@@ -186,6 +195,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
+    ariaLabel: string;
     connotation: "accent" | "cta";
     disabled: boolean;
     currentValue: string;

package/dist/generated/components/VRadio.vue3.d.ts

@@ -75,6 +75,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Indicates the radio's label.
      */
@@ -92,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
         label?: string | undefined;
         connotation?: import("@vonage/vivid/lib/radio/radio").RadioConnotation | undefined;
     } | null>;
@@ -168,6 +173,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Indicates the radio's label.
      */
@@ -194,6 +203,7 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: string;
+    ariaLabel: string;
     connotation: "accent" | "cta";
     disabled: boolean;
     currentValue: string;

package/dist/generated/components/VSelectableBox.d.ts

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+import VSelectableBoxVue2 from './VSelectableBox.vue2';
+import VSelectableBoxVue3 from './VSelectableBox.vue3';
+
+// @ts-ignore
+type VNodeData = VNode["data"];
+type IsAny<T> = 0 extends (1 & T) ? true : false;
+type VueVersion = IsAny<VNodeData> extends true ? 'v3' : 'v2';
+declare const _default: VueVersion extends 'v2' ? typeof VSelectableBoxVue2 : typeof VSelectableBoxVue3;
+export default _default;

package/dist/generated/components/VSelectableBox.vue2.d.ts

@@ -0,0 +1,118 @@
+import { PropType } from 'vue';
+/**
+ * Base class for selectable-box
+ */
+declare const _default: import("vue/types/v3-define-component").DefineComponent<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Controls the checked state of the box
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the whole selectable box clickable
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the selectable box should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
+    /**
+     * The type of control the box should have: checkbox or radio.
+     */
+    controlType: {
+        type: PropType<"checkbox" | "radio">;
+        default: undefined;
+    };
+    /**
+     * Removes the padding around the box's slot content
+     */
+    tight: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<{
+        ariaLabel: string | null;
+        checked: boolean;
+        clickable: boolean;
+        connotation?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxConnotation | undefined;
+        controlType?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxControlType | undefined;
+        tight: boolean;
+    } | null>;
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], string, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Controls the checked state of the box
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the whole selectable box clickable
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the selectable box should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
+    /**
+     * The type of control the box should have: checkbox or radio.
+     */
+    controlType: {
+        type: PropType<"checkbox" | "radio">;
+        default: undefined;
+    };
+    /**
+     * Removes the padding around the box's slot content
+     */
+    tight: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>>, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    tight: boolean;
+    ariaLabel: string;
+    connotation: "accent" | "cta";
+    checked: boolean;
+    clickable: boolean;
+    controlType: "checkbox" | "radio";
+}>;
+export default _default;

package/dist/generated/components/VSelectableBox.vue3.d.ts

@@ -0,0 +1,126 @@
+import { PropType } from 'vue';
+/**
+ * Base class for selectable-box
+ */
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Controls the checked state of the box
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the whole selectable box clickable
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the selectable box should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
+    /**
+     * The type of control the box should have: checkbox or radio.
+     */
+    controlType: {
+        type: PropType<"checkbox" | "radio">;
+        default: undefined;
+    };
+    /**
+     * Removes the padding around the box's slot content
+     */
+    tight: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<{
+        ariaLabel: string | null;
+        checked: boolean;
+        clickable: boolean;
+        connotation?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxConnotation | undefined;
+        controlType?: import("@vonage/vivid/lib/selectable-box/selectable-box").SelectableBoxControlType | undefined;
+        tight: boolean;
+    } | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Controls the checked state of the box
+     */
+    checked: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the whole selectable box clickable
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The connotation the selectable box should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
+    /**
+     * The type of control the box should have: checkbox or radio.
+     */
+    controlType: {
+        type: PropType<"checkbox" | "radio">;
+        default: undefined;
+    };
+    /**
+     * Removes the padding around the box's slot content
+     */
+    tight: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+}>> & {
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    tight: boolean;
+    ariaLabel: string;
+    connotation: "accent" | "cta";
+    checked: boolean;
+    clickable: boolean;
+    controlType: "checkbox" | "radio";
+}>;
+export default _default;

package/dist/generated/components/VSideDrawer.vue2.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         trailing: boolean;
         attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
     } | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */

package/dist/generated/components/VSideDrawer.vue3.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         trailing: boolean;
         attributeChangedCallback: (name: string, oldValue: string, newValue: string) => void;
     } | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
      */
@@ -90,6 +90,8 @@ declare const _default: import("vue").DefineComponent<{
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeyup?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     open: boolean;

package/dist/generated/components/VSlider.vue2.d.ts

@@ -92,6 +92,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"single-value">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    ariaValuetext: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Display markers on/off
      */
@@ -99,10 +107,20 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
+        ariaValuetext: string | null;
         markers: boolean;
+        connotation?: import("@vonage/vivid").SliderConnotation | undefined;
     } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -194,6 +212,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"single-value">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    ariaValuetext: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Display markers on/off
      */
@@ -201,19 +227,29 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     step: number;
     value: string;
+    ariaLabel: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     required: boolean;
     modelValue: string;
     readonly: boolean;
-    min: number;
     max: number;
+    min: number;
     orientation: "horizontal" | "vertical";
     mode: "single-value";
+    ariaValuetext: string;
     markers: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSlider.vue3.d.ts

@@ -92,6 +92,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"single-value">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    ariaValuetext: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Display markers on/off
      */
@@ -99,10 +107,20 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
+        ariaValuetext: string | null;
         markers: boolean;
+        connotation?: import("@vonage/vivid").SliderConnotation | undefined;
     } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -194,6 +212,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"single-value">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    ariaValuetext: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * Display markers on/off
      */
@@ -201,6 +227,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    /**
+     * slider connotation
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -215,14 +248,17 @@ declare const _default: import("vue").DefineComponent<{
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     step: number;
     value: string;
+    ariaLabel: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     required: boolean;
     modelValue: string;
     readonly: boolean;
-    min: number;
     max: number;
+    min: number;
     orientation: "horizontal" | "vertical";
     mode: "single-value";
+    ariaValuetext: string;
     markers: boolean;
 }>;
 export default _default;

package/dist/generated/components/VSwitch.vue2.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Indicates the switch's connotation.
+     */
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -49,6 +52,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Indicates the switch's connotation.
+     */
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;

package/dist/generated/components/VSwitch.vue3.d.ts

@@ -17,6 +17,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Indicates the switch's connotation.
+     */
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -49,6 +52,9 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Indicates the switch's connotation.
+     */
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;

package/dist/generated/components/VTagGroup.vue2.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TagGroup } from '@vonage/vivid/lib/tag-group/tag-group';
 /**
  * Base class for tag-group
  */
@@ -11,9 +10,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TagGroup | null>;
+    element: import("vue").Ref<{
+        ariaLabel: string | null;
+    } | null>;
 }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -22,7 +27,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>>, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    ariaLabel: string;
 }>;
 export default _default;

package/dist/generated/components/VTagGroup.vue3.d.ts

@@ -1,5 +1,4 @@
 import { PropType } from 'vue';
-import type { TagGroup } from '@vonage/vivid/lib/tag-group/tag-group';
 /**
  * Base class for tag-group
  */
@@ -11,9 +10,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
-    element: import("vue").Ref<TagGroup | null>;
+    element: import("vue").Ref<{
+        ariaLabel: string | null;
+    } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.
@@ -22,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -31,5 +40,6 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    ariaLabel: string;
 }>;
 export default _default;

package/dist/generated/components/VTextArea.vue2.d.ts

@@ -14,6 +14,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
         wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
         errorValidationMessage: string;
         label: string;
         userValid: boolean;

package/dist/generated/components/VTextArea.vue3.d.ts

@@ -14,6 +14,8 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
         wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
         errorValidationMessage: string;
         label: string;
         userValid: boolean;

package/dist/generated/components/VTextField.vue2.d.ts

@@ -182,6 +182,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         shape?: import("@vonage/vivid").TextFieldShape | undefined;
         autoComplete?: string | undefined;
         leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
+        connectedCallback: () => void;
+        disconnectedCallback: () => void;
+        focus: () => void;
         icon?: string | undefined;
         errorText: string;
         errorValidationMessage: string;