@vonage/vivid-vue 4.31.0 → 5.1.0

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

@@ -2,31 +2,24 @@ import type { VwcSelectElement } from '@vonage/vivid';
 import type { IconId } from '../icons';
 export interface VSelectEvents {
     blur: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     change: CustomEvent<HTMLElement> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     click: MouseEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     focus: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     input: CustomEvent<undefined> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     keydown: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     keyup: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     };
     'update:modelValue': string;

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

@@ -92,31 +92,24 @@ declare const _default: import("vue").DefineComponent<{
     slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     change(event: CustomEvent<HTMLElement> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     click(event: MouseEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     focus(event: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     input(event: CustomEvent<undefined> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     keydown(event: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     keyup(event: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }): true;
     "update:modelValue"(event: string): true;
@@ -199,31 +192,24 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<HTMLElement> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onInput?: ((event: CustomEvent<undefined> & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: VwcSelectElement;
         currentTarget: VwcSelectElement;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((event: string) => any) | undefined;

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

@@ -1,37 +1,29 @@
 import type { VwcSelectableBoxElement } from '@vonage/vivid';
 export interface VSelectableBoxEvents {
     blur: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     change: CustomEvent<undefined> & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     click: MouseEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     focus: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     input: Event & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     keydown: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
     keyup: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     };
 }
 export interface VSelectableBoxProps {
     checked?: boolean;
-    clickable?: boolean;
     clickableBox?: boolean;
     connotation?: 'accent' | 'cta';
     controlPlacement?: 'start' | 'start-stacked' | 'end' | 'end-stacked';

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

@@ -5,10 +5,6 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<boolean>;
         default: undefined;
     };
-    clickable: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     clickableBox: {
         type: PropType<boolean>;
         default: undefined;
@@ -37,10 +33,6 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
         type: PropType<boolean>;
         default: undefined;
     };
-    clickable: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     clickableBox: {
         type: PropType<boolean>;
         default: undefined;
@@ -64,7 +56,6 @@ declare const _default: import("vue/types/v3-define-component.js").DefineCompone
 }>>, {
     tight: boolean;
     connotation: "accent" | "cta";
-    clickable: boolean;
     checked: boolean;
     controlType: "checkbox" | "radio";
     clickableBox: boolean;

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

@@ -6,10 +6,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    clickable: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     clickableBox: {
         type: PropType<boolean>;
         default: undefined;
@@ -35,31 +31,24 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcSelectableBoxElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     change(event: CustomEvent<undefined> & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     click(event: MouseEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     focus(event: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     input(event: Event & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     keydown(event: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
     keyup(event: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -67,10 +56,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: undefined;
     };
-    clickable: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
     clickableBox: {
         type: PropType<boolean>;
         default: undefined;
@@ -93,37 +78,29 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onChange?: ((event: CustomEvent<undefined> & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: VwcSelectableBoxElement;
         currentTarget: VwcSelectableBoxElement;
     }) => any) | undefined;
 }, {
     tight: boolean;
     connotation: "accent" | "cta";
-    clickable: boolean;
     checked: boolean;
     controlType: "checkbox" | "radio";
     clickableBox: boolean;

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

@@ -1,39 +1,30 @@
 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;
     };
 }

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

@@ -23,39 +23,30 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcSideDrawerElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     cancel(event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     click(event: MouseEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     close(event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     focus(event: FocusEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     input(event: Event & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     keydown(event: KeyboardEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     keyup(event: KeyboardEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
     open(event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -77,39 +68,30 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onOpen?: ((event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onClose?: ((event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
     onCancel?: ((event: CustomEvent<undefined> & {
-        target: VwcSideDrawerElement;
         currentTarget: VwcSideDrawerElement;
     }) => any) | undefined;
 }, {

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

@@ -0,0 +1,7 @@
+import { VNode } from 'vue';
+import VSimpleColorPickerVue2 from './VSimpleColorPicker.vue2';
+import VSimpleColorPickerVue3 from './VSimpleColorPicker.vue3';
+
+type IsVue2 = "data" extends keyof VNode ? true : false;
+declare const _default: IsVue2 extends true ? typeof VSimpleColorPickerVue2 : typeof VSimpleColorPickerVue3;
+export default _default;

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

@@ -0,0 +1,46 @@
+import type { VwcSimpleColorPickerElement } from '@vonage/vivid';
+export interface VSimpleColorPickerEvents {
+    blur: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    change: CustomEvent<undefined> & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    click: MouseEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    focus: FocusEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    input: Event & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    keydown: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    keyup: KeyboardEvent & {
+        currentTarget: VwcSimpleColorPickerElement;
+    };
+    'update:modelValue': string;
+}
+export interface VSimpleColorPickerProps {
+    anchor?: string | HTMLElement;
+    disabled?: boolean;
+    initialValue?: string;
+    label?: string;
+    name?: string;
+    open?: boolean;
+    placement?: 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
+    required?: boolean;
+    swatchesPerRow?: number;
+    value?: string;
+    modelValue?: string;
+    onBlur?: (event: VSimpleColorPickerEvents['blur']) => void;
+    onChange?: (event: VSimpleColorPickerEvents['change']) => void;
+    onClick?: (event: VSimpleColorPickerEvents['click']) => void;
+    onFocus?: (event: VSimpleColorPickerEvents['focus']) => void;
+    onInput?: (event: VSimpleColorPickerEvents['input']) => void;
+    onKeydown?: (event: VSimpleColorPickerEvents['keydown']) => void;
+    onKeyup?: (event: VSimpleColorPickerEvents['keyup']) => void;
+    'onUpdate:modelValue'?: (event: VSimpleColorPickerEvents['update:modelValue']) => void;
+}

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

@@ -0,0 +1,112 @@
+import { PropType } from 'vue';
+import type { VwcSimpleColorPickerElement } from '@vonage/vivid';
+declare const _default: import("vue/types/v3-define-component.js").DefineComponent<{
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    swatchesPerRow: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}, {
+    componentName: import("vue").Ref<string>;
+    element: import("vue").Ref<VwcSimpleColorPickerElement | null>;
+}, import("vue").Data, {}, {
+    checkValidity(): boolean;
+    reportValidity(): boolean;
+}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
+    anchor: {
+        type: PropType<string | HTMLElement>;
+        default: undefined;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    initialValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+        default: undefined;
+    };
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    swatchesPerRow: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    value: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: undefined;
+    };
+}>>, {
+    name: string;
+    anchor: string | HTMLElement;
+    value: string;
+    open: boolean;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "left" | "right-start" | "right-end" | "left-start" | "left-end";
+    disabled: boolean;
+    initialValue: string;
+    label: string;
+    required: boolean;
+    modelValue: string;
+    swatchesPerRow: number;
+}>;
+export default _default;