@vonage/vivid-vue 4.26.0 → 4.28.0

package/{generated → dist/generated}/components/VSelectableBox.vue2.d.ts

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { VwcSelectableBoxElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * Controls the checked state of the box
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     checked: {
         type: PropType<boolean>;
         default: undefined;
@@ -12,30 +9,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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;
@@ -43,10 +28,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSelectableBoxElement | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Controls the checked state of the box
-     */
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup")[], string, Readonly<import("vue").ExtractPropTypes<{
     checked: {
         type: PropType<boolean>;
         default: undefined;
@@ -55,30 +37,18 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         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;
@@ -86,9 +56,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }>>, {
     tight: boolean;
     connotation: "accent" | "cta";
+    clickable: boolean;
     checked: boolean;
     controlType: "checkbox" | "radio";
-    clickable: boolean;
     clickableBox: boolean;
 }>;
 export default _default;

package/{generated → dist/generated}/components/VSelectableBox.vue3.d.ts

@@ -2,9 +2,6 @@ import { PropType } from 'vue';
 import type { VwcSelectableBoxElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * Controls the checked state of the box
-     */
     checked: {
         type: PropType<boolean>;
         default: undefined;
@@ -13,30 +10,18 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -45,87 +30,35 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSelectableBoxElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
-     */
     blur(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fired when the checked state changes
-     * @type {CustomEvent<undefined>}
-     */
     change(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
-     * @type {MouseEvent}
-     */
     click(event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fires when the element receives focus.
-     * @type {FocusEvent}
-     */
     focus(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
     input(event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
-     */
     keydown(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
-    /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
-     */
     keyup(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * Controls the checked state of the box
-     */
     checked: {
         type: PropType<boolean>;
         default: undefined;
@@ -134,95 +67,59 @@ declare const _default: import("vue").DefineComponent<{
         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?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
 }, {
     tight: boolean;
     connotation: "accent" | "cta";
+    clickable: boolean;
     checked: boolean;
     controlType: "checkbox" | "radio";
-    clickable: boolean;
     clickableBox: boolean;
 }, SlotsType<{
-    /**
-     * Slot for box's content.
-     */
     default: Record<string, never>;
 }>>;
 export default _default;

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

@@ -0,0 +1,54 @@
+import type { VwcSideDrawerElement } from '@vonage/vivid';
+export interface VSideDrawerEvents {
+    blur: FocusEvent & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    cancel: CustomEvent<undefined> & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    click: MouseEvent & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    close: CustomEvent<undefined> & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    focus: FocusEvent & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    input: Event & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    keydown: KeyboardEvent & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    keyup: KeyboardEvent & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+    open: CustomEvent<undefined> & {
+        target: VwcSideDrawerElement;
+        currentTarget: VwcSideDrawerElement;
+    };
+}
+export interface VSideDrawerProps {
+    alternate?: boolean;
+    modal?: boolean;
+    open?: boolean;
+    trailing?: boolean;
+    onBlur?: (event: VSideDrawerEvents['blur']) => void;
+    onCancel?: (event: VSideDrawerEvents['cancel']) => void;
+    onClick?: (event: VSideDrawerEvents['click']) => void;
+    onClose?: (event: VSideDrawerEvents['close']) => void;
+    onFocus?: (event: VSideDrawerEvents['focus']) => void;
+    onInput?: (event: VSideDrawerEvents['input']) => void;
+    onKeydown?: (event: VSideDrawerEvents['keydown']) => void;
+    onKeyup?: (event: VSideDrawerEvents['keyup']) => void;
+    onOpen?: (event: VSideDrawerEvents['open']) => void;
+}

package/{generated → dist/generated}/components/VSideDrawer.vue2.d.ts

@@ -1,30 +1,18 @@
 import { PropType } from 'vue';
 import type { VwcSideDrawerElement } from '@vonage/vivid';
-declare const _default: import("vue/types/v3-define-component").DefineComponent<{
-    /**
-     * applies scheme alternate region
-     */
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
     alternate: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side drawer's type to modal
-     */
     modal: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * indicates whether the side drawer is open
-     */
     open: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side of the side drawer
-     */
     trailing: {
         type: PropType<boolean>;
         default: undefined;
@@ -32,31 +20,19 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSideDrawerElement | null>;
-}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "open" | "close" | "cancel")[], string, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * applies scheme alternate region
-     */
+}, import("vue").Data, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "click" | "focus" | "input" | "keydown" | "keyup" | "open" | "close" | "cancel")[], string, Readonly<import("vue").ExtractPropTypes<{
     alternate: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side drawer's type to modal
-     */
     modal: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * indicates whether the side drawer is open
-     */
     open: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side of the side drawer
-     */
     trailing: {
         type: PropType<boolean>;
         default: undefined;

package/{generated → dist/generated}/components/VSideDrawer.vue3.d.ts

@@ -2,30 +2,18 @@ import { PropType } from 'vue';
 import type { VwcSideDrawerElement } from '@vonage/vivid';
 import type { SlotsType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    /**
-     * applies scheme alternate region
-     */
     alternate: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side drawer's type to modal
-     */
     modal: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * indicates whether the side drawer is open
-     */
     open: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side of the side drawer
-     */
     trailing: {
         type: PropType<boolean>;
         default: undefined;
@@ -34,195 +22,93 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcSideDrawerElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    /**
-     * Fires when the element loses focus.
-     * @type {FocusEvent}
-     */
     blur(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fired when the user requests to close the side-drawer. You can prevent the side drawer from closing by calling `.preventDefault()` on the event.
-     * @type {CustomEvent<undefined>}
-     */
     cancel(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
-     * @type {MouseEvent}
-     */
     click(event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fired when the side drawer is closed.
-     * @type {CustomEvent<undefined>}
-     */
     close(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fires when the element receives focus.
-     * @type {FocusEvent}
-     */
     focus(event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fires when the value of an element has been changed.
-     * @type {Event}
-     */
     input(event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fires when a key is pressed.
-     * @type {KeyboardEvent}
-     */
     keydown(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fires when a key is released.
-     * @type {KeyboardEvent}
-     */
     keyup(event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
-    /**
-     * Fired when the side drawer is opened.
-     * @type {CustomEvent<undefined>}
-     */
     open(event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * applies scheme alternate region
-     */
     alternate: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side drawer's type to modal
-     */
     modal: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * indicates whether the side drawer is open
-     */
     open: {
         type: PropType<boolean>;
         default: undefined;
     };
-    /**
-     * sets the side of the side drawer
-     */
     trailing: {
         type: PropType<boolean>;
         default: undefined;
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onOpen?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onClose?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onCancel?: ((event: CustomEvent<undefined> & {
-        /**
-         * @deprecated Target may not refer to component in some cases. Use currentTarget instead.
-         */
         target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
@@ -232,13 +118,7 @@ declare const _default: import("vue").DefineComponent<{
     alternate: boolean;
     trailing: boolean;
 }, SlotsType<{
-    /**
-     * Sets assigned nodes to the main application content, the side drawer is opened next to.
-     */
     'app-content': Record<string, never>;
-    /**
-     * Sets assigned nodes to the side drawer itself.
-     */
     default: Record<string, never>;
 }>>;
 export default _default;