@vonage/vivid-vue 3.19.0 → 3.20.0

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

@@ -114,7 +114,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
         connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -114,7 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
         connotation?: import("@vonage/vivid/lib/checkbox/checkbox").CheckboxConnotation | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -127,7 +127,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         _anchor: HTMLElement;
         connectedCallback: () => void;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
         _anchor: HTMLElement;
         connectedCallback: () => void;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -4,33 +4,54 @@ import { PropType } from 'vue';
  */
 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.
+     * The helper text for the form element.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    helperText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The label text of the date-picker.
+     * The label for the form element.
      */
     label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The helper-text text of the date-picker.
+     * The error text for the form element.
      */
-    helperText: {
+    errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The error-text text of the date-picker.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    errorText: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * The earliest accepted date of the date-picker.
      */
@@ -46,17 +67,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The currently selected date of the date-picker.
+     * The initial value of the date-picker.
      */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is disabled.
+     * The current value of the date-picker.
      */
-    disabled: {
-        type: PropType<boolean>;
+    currentValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -69,16 +90,16 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
-        label?: string | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
-        min: string | null;
-        max: string | null;
-        value: string | null;
-        disabled: boolean;
+        min: string;
+        max: string;
+        initialValue: string;
+        currentValue: string;
         readOnly: boolean;
         connectedCallback: () => void;
         disconnectedCallback: () => void;
+        validate: () => void;
+        _presentationValueChanged: () => void;
+        proxy: HTMLInputElement;
         readonly locale: {
             datePicker: {
                 months: {
@@ -102,36 +123,63 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
                 invalidDateError: string;
             };
         };
+        errorText: string;
+        errorValidationMessage: string;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        helperText?: string | 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" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * The helper text for the form element.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    helperText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The label text of the date-picker.
+     * The label for the form element.
      */
     label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The helper-text text of the date-picker.
+     * The error text for the form element.
      */
-    helperText: {
+    errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The error-text text of the date-picker.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    errorText: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * The earliest accepted date of the date-picker.
      */
@@ -147,17 +195,17 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * The currently selected date of the date-picker.
+     * The initial value of the date-picker.
      */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is disabled.
+     * The current value of the date-picker.
      */
-    disabled: {
-        type: PropType<boolean>;
+    currentValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -168,8 +216,11 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
 }>>, {
+    name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     disabled: boolean;
+    currentValue: string;
+    required: boolean;
     label: string;
     modelValue: string;
     errorText: string;

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

@@ -4,33 +4,54 @@ import { PropType } from 'vue';
  */
 declare const _default: import("vue").DefineComponent<{
     /**
-     * Indicates the element that represents the current item within a container or set of related elements.
+     * The helper text for the form element.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    helperText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The label text of the date-picker.
+     * The label for the form element.
      */
     label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The helper-text text of the date-picker.
+     * The error text for the form element.
      */
-    helperText: {
+    errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The error-text text of the date-picker.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    errorText: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * The earliest accepted date of the date-picker.
      */
@@ -46,17 +67,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The currently selected date of the date-picker.
+     * The initial value of the date-picker.
      */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is disabled.
+     * The current value of the date-picker.
      */
-    disabled: {
-        type: PropType<boolean>;
+    currentValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -69,16 +90,16 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
-        label?: string | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
-        min: string | null;
-        max: string | null;
-        value: string | null;
-        disabled: boolean;
+        min: string;
+        max: string;
+        initialValue: string;
+        currentValue: string;
         readOnly: boolean;
         connectedCallback: () => void;
         disconnectedCallback: () => void;
+        validate: () => void;
+        _presentationValueChanged: () => void;
+        proxy: HTMLInputElement;
         readonly locale: {
             datePicker: {
                 months: {
@@ -102,36 +123,63 @@ declare const _default: import("vue").DefineComponent<{
                 invalidDateError: string;
             };
         };
+        errorText: string;
+        errorValidationMessage: string;
+        label: string;
+        userValid: boolean;
+        dirtyValue: boolean;
+        helperText?: string | undefined;
     } | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "update:modelValue", 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.
+     * The helper text for the form element.
      */
-    ariaCurrent: {
-        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    helperText: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
-     * The label text of the date-picker.
+     * The label for the form element.
      */
     label: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The helper-text text of the date-picker.
+     * The error text for the form element.
      */
-    helperText: {
+    errorText: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * The error-text text of the date-picker.
+     * Indicates the element that represents the current item within a container or set of related elements.
      */
-    errorText: {
+    ariaCurrent: {
+        type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+        default: undefined;
+    };
+    /**
+     * Sets the element's disabled state. A disabled element will not be included during form submission.
+     */
+    disabled: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     */
+    name: {
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * Require the field to be completed prior to form submission.
+     */
+    required: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
     /**
      * The earliest accepted date of the date-picker.
      */
@@ -147,17 +195,17 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * The currently selected date of the date-picker.
+     * The initial value of the date-picker.
      */
     modelValue: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * Whether the date-picker is disabled.
+     * The current value of the date-picker.
      */
-    disabled: {
-        type: PropType<boolean>;
+    currentValue: {
+        type: PropType<string>;
         default: undefined;
     };
     /**
@@ -176,8 +224,11 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
     disabled: boolean;
+    currentValue: string;
+    required: boolean;
     label: string;
     modelValue: string;
     errorText: string;

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

@@ -31,6 +31,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -181,8 +188,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         appearance?: import("@vonage/vivid").NumberFieldAppearance | undefined;
         shape?: import("@vonage/vivid").NumberFieldShape | undefined;
         autoComplete?: string | undefined;
+        stepChanged: (_previous: number, next: number) => void;
+        attributeChangedCallback: (name: string, previous: string, next: string) => void;
+        stepUp: () => void;
+        stepDown: () => void;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorText: string;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;
@@ -219,6 +231,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -378,6 +397,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     label: string;
     modelValue: string;
     successText: string;
+    errorText: string;
     helperText: string;
     readonly: boolean;
     list: string;

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

@@ -31,6 +31,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -181,8 +188,13 @@ declare const _default: import("vue").DefineComponent<{
         appearance?: import("@vonage/vivid").NumberFieldAppearance | undefined;
         shape?: import("@vonage/vivid").NumberFieldShape | undefined;
         autoComplete?: string | undefined;
+        stepChanged: (_previous: number, next: number) => void;
+        attributeChangedCallback: (name: string, previous: string, next: string) => void;
+        stepUp: () => void;
+        stepDown: () => void;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorText: string;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;
@@ -219,6 +231,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The error text for the form element.
+     */
+    errorText: {
+        type: PropType<string>;
+        default: undefined;
+    };
     /**
      * A decorative icon the custom element should have.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
@@ -387,6 +406,7 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     modelValue: string;
     successText: string;
+    errorText: string;
     helperText: string;
     readonly: boolean;
     list: string;

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

@@ -173,7 +173,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         setDefaultSelectedOption: () => void;
         iconTrailing: boolean;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
         setDefaultSelectedOption: () => void;
         iconTrailing: boolean;
         icon?: string | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -14,7 +14,7 @@ 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;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<{
         wrap?: import("@vonage/vivid").TextAreaWrap | undefined;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -184,7 +184,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
         icon?: string | undefined;
         errorText: string;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;

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

@@ -184,7 +184,7 @@ declare const _default: import("vue").DefineComponent<{
         leadingActionItemsSlottedContent?: HTMLElement[] | undefined;
         icon?: string | undefined;
         errorText: string;
-        errorValidationMessage: boolean;
+        errorValidationMessage: string;
         label: string;
         userValid: boolean;
         dirtyValue: boolean;