@vonage/vivid-vue 3.21.0 → 3.23.0

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

@@ -0,0 +1,134 @@
+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;
+    };
+    /**
+     * DEPRECATED: Replaced by the clickable-box prop
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the entire selectable box clickable
+     */
+    clickableBox: {
+        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;
+        clickableBox: 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;
+    };
+    /**
+     * DEPRECATED: Replaced by the clickable-box prop
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the entire selectable box clickable
+     */
+    clickableBox: {
+        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;
+    clickableBox: boolean;
+    controlType: "checkbox" | "radio";
+}>;
+export default _default;

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

@@ -0,0 +1,142 @@
+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;
+    };
+    /**
+     * DEPRECATED: Replaced by the clickable-box prop
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the entire selectable box clickable
+     */
+    clickableBox: {
+        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;
+        clickableBox: 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;
+    };
+    /**
+     * DEPRECATED: Replaced by the clickable-box prop
+     */
+    clickable: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Makes the entire selectable box clickable
+     */
+    clickableBox: {
+        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;
+    clickableBox: boolean;
+    controlType: "checkbox" | "radio";
+}, {}>;
+export default _default;

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

@@ -98,5 +98,5 @@ declare const _default: import("vue").DefineComponent<{
     modal: boolean;
     alternate: boolean;
     trailing: boolean;
-}>;
+}, {}>;
 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/VSwitch.vue3.d.ts

@@ -80,5 +80,5 @@ declare const _default: import("vue").DefineComponent<{
     connotation: "accent" | "success" | "alert" | "cta";
     label: string;
     modelValue: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -148,5 +148,5 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     ariaSelected: string;
     tabIndex: any;
-}>;
+}, {}>;
 export default _default;

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

@@ -31,5 +31,5 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-}>;
+}, {}>;
 export default _default;

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

@@ -100,5 +100,5 @@ declare const _default: import("vue").DefineComponent<{
     orientation: "horizontal" | "vertical";
     activeid: string;
     activeindicator: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -180,5 +180,5 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     selected: boolean;
     selectable: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -41,5 +41,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     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;
@@ -41,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-}>;
+}, {}>;
 export default _default;

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;
@@ -400,5 +403,5 @@ declare const _default: import("vue").DefineComponent<{
     autoComplete: string;
     pattern: string;
     spellcheck: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -114,5 +114,5 @@ declare const _default: import("vue").DefineComponent<{
     headline: string;
     open: boolean;
     alternate: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -82,5 +82,5 @@ declare const _default: import("vue").DefineComponent<{
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
     text: string;
     open: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -112,5 +112,5 @@ declare const _default: import("vue").DefineComponent<{
     text: string;
     disabled: boolean;
     selected: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -48,5 +48,5 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     renderCollapsedNodes: boolean;
-}>;
+}, {}>;
 export default _default;

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';

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { setCustomComponentPrefix } from './init/prefix';
 export * from './generated/components';
 export * from './generated/icons';
+export * from './plugin';