@vonage/vivid-vue 3.21.0 → 3.22.0

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

@@ -38,6 +38,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -49,6 +53,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
         connotation?: import("@vonage/vivid").ProgressRingConnotation | undefined;
         size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | undefined;
     } | null>;
@@ -88,6 +93,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -100,6 +109,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: number;
     size: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1;
+    ariaLabel: string;
     connotation: "accent" | "success" | "alert" | "cta";
     max: number;
     min: number;

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

@@ -38,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -49,6 +53,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
+        ariaLabel: string | null;
         connotation?: import("@vonage/vivid").ProgressRingConnotation | undefined;
         size?: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1 | undefined;
     } | null>;
@@ -88,6 +93,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
+    ariaLabel: {
+        type: PropType<string>;
+        default: undefined;
+    };
     connotation: {
         type: PropType<"accent" | "success" | "alert" | "cta">;
         default: undefined;
@@ -107,6 +116,7 @@ declare const _default: import("vue").DefineComponent<{
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     value: number;
     size: 0 | 1 | 2 | 3 | 4 | 5 | -6 | -5 | -4 | -3 | -2 | -1;
+    ariaLabel: string;
     connotation: "accent" | "success" | "alert" | "cta";
     max: number;
     min: number;

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/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,11 +227,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;
+    };
 }>>, {
     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;
@@ -214,6 +249,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     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,6 +248,8 @@ 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;
@@ -223,6 +258,7 @@ declare const _default: import("vue").DefineComponent<{
     min: number;
     orientation: "horizontal" | "vertical";
     mode: "single-value";
+    ariaValuetext: string;
     markers: boolean;
 }>;
 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;

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

@@ -182,6 +182,9 @@ declare const _default: import("vue").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;

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

@@ -38,6 +38,7 @@ export { default as VProgress } from './VProgress';
 export { default as VProgressRing } from './VProgressRing';
 export { default as VRadio } from './VRadio';
 export { default as VRadioGroup } from './VRadioGroup';
+export { default as VSelectableBox } from './VSelectableBox';
 export { default as VSelect } from './VSelect';
 export { default as VSideDrawer } from './VSideDrawer';
 export { default as VSlider } from './VSlider';