@vonage/vivid-vue 4.23.0 → 4.25.0

package/generated/components/VDialPad.vue3.d.ts

@@ -5,6 +5,13 @@ import type { SlotsType } from 'vue';
  * Base class for dial-pad
  */
 declare const _default: import("vue").DefineComponent<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -87,6 +94,10 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcDialPadElement | null>;
 }, unknown, {}, {
+    /**
+     * Moves focus into the diapl-pad.
+     */
+    focus(): void;
     valueChanged(_oldValue: string, newValue: string): unknown;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
@@ -205,6 +216,13 @@ declare const _default: import("vue").DefineComponent<{
      */
     "update:modelValue"(event: string): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Indicates that this element should get focus after the page finishes loading.
+     */
+    autofocus: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * Indicates the active state of the dial-pad.
      */
@@ -358,6 +376,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     value: string;
     disabled: boolean;
+    autofocus: boolean;
     pending: boolean;
     modelValue: string;
     helperText: string;

package/generated/components/VDivider.types.d.ts

@@ -67,7 +67,7 @@ export interface VDividerProps {
      */
     orientation?: 'horizontal' | 'vertical';
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role?: 'separator' | 'presentation';
     /**

package/generated/components/VDivider.vue2.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -27,14 +27,14 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
         default: undefined;
     };
 }>>, {
-    role: "separator" | "presentation";
     orientation: "horizontal" | "vertical";
+    role: "separator" | "presentation";
 }>;
 export default _default;

package/generated/components/VDivider.vue3.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The role of the element.
+     * The role of the element. This property will be removed
      */
     role: {
         type: PropType<"separator" | "presentation">;
@@ -145,7 +145,7 @@ declare const _default: import("vue").DefineComponent<{
         currentTarget: VwcDividerElement;
     }) => any) | undefined;
 }, {
-    role: "separator" | "presentation";
     orientation: "horizontal" | "vertical";
+    role: "separator" | "presentation";
 }, SlotsType<Record<string, never>>>;
 export default _default;

package/generated/components/VEmptyState.types.d.ts

@@ -76,9 +76,6 @@ export interface VEmptyStateProps {
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon?: IconId;
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration?: 'outlined' | 'filled';
     /**
      * Fires when the element loses focus.

package/generated/components/VEmptyState.vue2.d.ts

@@ -27,9 +27,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;
@@ -60,9 +57,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;

package/generated/components/VEmptyState.vue3.d.ts

@@ -28,9 +28,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;
@@ -128,9 +125,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<IconId>;
         default: undefined;
     };
-    /**
-     * option to a new design for the icon circle
-     */
     iconDecoration: {
         type: PropType<"outlined" | "filled">;
         default: undefined;

package/generated/components/VFab.types.d.ts

@@ -109,7 +109,7 @@ export interface VFabProps {
      */
     iconTrailing?: boolean;
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue?: string;
@@ -134,11 +134,7 @@ export interface VFabProps {
      */
     type?: 'submit' | 'reset' | 'button';
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value?: string;
     /**

package/generated/components/VFab.vue2.d.ts

@@ -81,7 +81,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -124,11 +124,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -138,6 +134,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFabElement | null>;
 }, import("vue").Data, {}, {
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     /**
      * {@inheritDoc (FormAssociated:interface).validate}
      */
@@ -222,7 +227,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -265,11 +270,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;

package/generated/components/VFab.vue3.d.ts

@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -125,11 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -139,6 +135,15 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<VwcFabElement | null>;
 }, unknown, {}, {
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     /**
      * {@inheritDoc (FormAssociated:interface).validate}
      */
@@ -290,7 +295,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -333,11 +338,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -407,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
 }, SlotsType<{
     /**
-     * Slot to add an icon to fab.
+     * The preferred way to add an icon to the component.
      */
     icon: Record<string, never>;
 }>>;

package/generated/components/VFilePicker.types.d.ts

@@ -81,7 +81,7 @@ export interface VFilePickerProps {
      */
     disabled?: boolean;
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText?: string;
     /**
@@ -89,11 +89,12 @@ export interface VFilePickerProps {
      */
     fileTooBigError?: string;
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText?: string;
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue?: string;
@@ -134,11 +135,7 @@ export interface VFilePickerProps {
      */
     size?: 'normal' | 'expanded';
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value?: string;
     /**

package/generated/components/VFilePicker.vue2.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
@@ -30,14 +30,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -108,11 +109,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -123,6 +120,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     element: import("vue").Ref<VwcFilePickerElement | null>;
 }, import("vue").Data, {}, {
     acceptChanged(_oldValue: string, newValue: string): void;
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
     fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     formResetCallback(): void;
     invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
@@ -134,7 +135,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
      * Removes all files from the File Picker.
      */
     removeAllFiles(): unknown;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     singleFileChanged(): unknown;
+    /**
+     * {@inheritDoc (FormAssociated:interface).validate}
+     */
     validate(): void;
 }, 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<{
     /**
@@ -152,7 +161,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
@@ -166,14 +175,15 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -244,11 +254,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;

package/generated/components/VFilePicker.vue3.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
@@ -31,14 +31,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -109,11 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;
@@ -124,6 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcFilePickerElement | null>;
 }, unknown, {}, {
     acceptChanged(_oldValue: string, newValue: string): void;
+    /**
+     * Return the current validity of the element.
+     */
+    checkValidity(): boolean;
     fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     formResetCallback(): void;
     invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
@@ -135,7 +136,15 @@ declare const _default: import("vue").DefineComponent<{
      * Removes all files from the File Picker.
      */
     removeAllFiles(): unknown;
+    /**
+     * Return the current validity of the element.
+     * If false, fires an invalid event at the element.
+     */
+    reportValidity(): boolean;
     singleFileChanged(): unknown;
+    /**
+     * {@inheritDoc (FormAssociated:interface).validate}
+     */
     validate(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     /**
@@ -231,7 +240,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The error text for the form element.
+     * Provides a custom error message. Any current error state will be overridden.
      */
     errorText: {
         type: PropType<string>;
@@ -245,14 +254,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The helper text for the form element.
+     * Provides additional information to help the user enter the correct information.
+     * To add HTML to the helper text, use the helper-text slot instead.
      */
     helperText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The initial value of the form. This value sets the `value` property
+     * The default value of the element. This value sets the `value` property
      * only when the `value` property has not been explicitly set.
      */
     initialValue: {
@@ -323,11 +333,7 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The current value of the element. This property serves as a mechanism
-     * to set the `value` property through both property assignment and the
-     * .setAttribute() method. This is useful for setting the field's value
-     * in UI libraries that bind data through the .setAttribute() API
-     * and don't support IDL attribute binding.
+     * The current value of the element.
      */
     value: {
         type: PropType<string>;

package/generated/components/VIcon.types.d.ts

@@ -67,6 +67,10 @@ export interface VIconProps {
      * The connotation the icon should have.
      */
     connotation?: 'accent' | 'cta' | 'success' | 'alert' | 'warning' | 'information' | 'announcement';
+    /**
+     * Provides a (screen reader only) descriptive label for the icon.
+     */
+    label?: string;
     /**
      * Indicates which icon to resolve.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/