@vonage/vivid-vue 4.12.1 → 4.13.0

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

@@ -9,43 +9,43 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * Allows setting a custom aria-label for the dismiss button.
+     */
     dismissButtonAriaLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * if the alert is removable
-     * accepts boolean
+     * Adds a close button to the Alert.
      */
     removable: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the placement of the alert
+     * The placement of the Alert on the screen.
      */
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
         default: undefined;
     };
     /**
-     * the text of the alert heading
-     * accepts string
+     * Adds a headline to the Alert.
      */
     headline: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * the main text of the alert
-     * accepts string
+     * The main text of the Alert.
      */
     text: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * alert header icon
+     * The icon to display in the Alert. Takes precedence over the connotation's icon.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: {
@@ -53,29 +53,28 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * the timeout ms to show the alert
-     * accepts number
+     * Timeout after which the Alert will close.
      */
     timeoutms: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * alert connotation
+     * Sets an appropriate icon / icon color for the connotation.
      */
     connotation: {
         type: PropType<"accent" | "information" | "success" | "warning" | "announcement" | "alert">;
         default: undefined;
     };
     /**
-     * alert state
+     * Controls the `position` of the Alert.
      */
     strategy: {
         type: PropType<"fixed" | "static">;
         default: undefined;
     };
     /**
-     * indicates whether the alert is open
+     * Open state of the Alert.
      */
     open: {
         type: PropType<boolean>;
@@ -94,43 +93,43 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * Allows setting a custom aria-label for the dismiss button.
+     */
     dismissButtonAriaLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * if the alert is removable
-     * accepts boolean
+     * Adds a close button to the Alert.
      */
     removable: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the placement of the alert
+     * The placement of the Alert on the screen.
      */
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
         default: undefined;
     };
     /**
-     * the text of the alert heading
-     * accepts string
+     * Adds a headline to the Alert.
      */
     headline: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * the main text of the alert
-     * accepts string
+     * The main text of the Alert.
      */
     text: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * alert header icon
+     * The icon to display in the Alert. Takes precedence over the connotation's icon.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: {
@@ -138,29 +137,28 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         default: undefined;
     };
     /**
-     * the timeout ms to show the alert
-     * accepts number
+     * Timeout after which the Alert will close.
      */
     timeoutms: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * alert connotation
+     * Sets an appropriate icon / icon color for the connotation.
      */
     connotation: {
         type: PropType<"accent" | "information" | "success" | "warning" | "announcement" | "alert">;
         default: undefined;
     };
     /**
-     * alert state
+     * Controls the `position` of the Alert.
      */
     strategy: {
         type: PropType<"fixed" | "static">;
         default: undefined;
     };
     /**
-     * indicates whether the alert is open
+     * Open state of the Alert.
      */
     open: {
         type: PropType<boolean>;

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

@@ -10,43 +10,43 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * Allows setting a custom aria-label for the dismiss button.
+     */
     dismissButtonAriaLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * if the alert is removable
-     * accepts boolean
+     * Adds a close button to the Alert.
      */
     removable: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the placement of the alert
+     * The placement of the Alert on the screen.
      */
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
         default: undefined;
     };
     /**
-     * the text of the alert heading
-     * accepts string
+     * Adds a headline to the Alert.
      */
     headline: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * the main text of the alert
-     * accepts string
+     * The main text of the Alert.
      */
     text: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * alert header icon
+     * The icon to display in the Alert. Takes precedence over the connotation's icon.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: {
@@ -54,29 +54,28 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * the timeout ms to show the alert
-     * accepts number
+     * Timeout after which the Alert will close.
      */
     timeoutms: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * alert connotation
+     * Sets an appropriate icon / icon color for the connotation.
      */
     connotation: {
         type: PropType<"accent" | "information" | "success" | "warning" | "announcement" | "alert">;
         default: undefined;
     };
     /**
-     * alert state
+     * Controls the `position` of the Alert.
      */
     strategy: {
         type: PropType<"fixed" | "static">;
         default: undefined;
     };
     /**
-     * indicates whether the alert is open
+     * Open state of the Alert.
      */
     open: {
         type: PropType<boolean>;
@@ -131,14 +130,14 @@ declare const _default: import("vue").DefineComponent<{
         target: Alert;
     }): true;
     /**
-     * Fired when the alert is opened
+     * Fired when the Alert is opened
      * @type {CustomEvent<undefined>}
      */
     open(event: CustomEvent<undefined> & {
         target: Alert;
     }): true;
     /**
-     * Fired when the alert is closed
+     * Fired when the Alert is closed
      * @type {CustomEvent<undefined>}
      */
     close(event: CustomEvent<undefined> & {
@@ -152,43 +151,43 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
         default: undefined;
     };
+    /**
+     * Allows setting a custom aria-label for the dismiss button.
+     */
     dismissButtonAriaLabel: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * if the alert is removable
-     * accepts boolean
+     * Adds a close button to the Alert.
      */
     removable: {
         type: PropType<boolean>;
         default: undefined;
     };
     /**
-     * the placement of the alert
+     * The placement of the Alert on the screen.
      */
     placement: {
         type: PropType<"top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end">;
         default: undefined;
     };
     /**
-     * the text of the alert heading
-     * accepts string
+     * Adds a headline to the Alert.
      */
     headline: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * the main text of the alert
-     * accepts string
+     * The main text of the Alert.
      */
     text: {
         type: PropType<string>;
         default: undefined;
     };
     /**
-     * alert header icon
+     * The icon to display in the Alert. Takes precedence over the connotation's icon.
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: {
@@ -196,29 +195,28 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     /**
-     * the timeout ms to show the alert
-     * accepts number
+     * Timeout after which the Alert will close.
      */
     timeoutms: {
         type: PropType<number>;
         default: undefined;
     };
     /**
-     * alert connotation
+     * Sets an appropriate icon / icon color for the connotation.
      */
     connotation: {
         type: PropType<"accent" | "information" | "success" | "warning" | "announcement" | "alert">;
         default: undefined;
     };
     /**
-     * alert state
+     * Controls the `position` of the Alert.
      */
     strategy: {
         type: PropType<"fixed" | "static">;
         default: undefined;
     };
     /**
-     * indicates whether the alert is open
+     * Open state of the Alert.
      */
     open: {
         type: PropType<boolean>;
@@ -263,11 +261,11 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
 }, SlotsType<{
     /**
-     * The main content of the alert.
+     * The main content of the Alert.
      */
     main: Record<string, never>;
     /**
-     * Add action items to alert using this slot.
+     * Add action items to the Alert using this slot.
      */
     'action-items': Record<string, never>;
     /**

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

@@ -104,6 +104,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"normal" | "expanded">;
         default: undefined;
     };
+    /**
+     * Overrides the localized error message for invalid file type
+     */
+    invalidFileTypeError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for max file exceed
+     */
+    maxFilesExceededError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for file too big
+     */
+    fileTooBigError: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<FilePicker | null>;
@@ -112,6 +133,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     maxFilesChanged(_oldValue: number, newValue: number): void;
     maxFileSizeChanged(_oldValue: number, newValue: number): void;
     acceptChanged(_oldValue: string, newValue: string): void;
+    invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
+    maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void;
+    fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     nameChanged(previous: string, next: string): unknown;
     validate(): void;
     formResetCallback(): void;
@@ -223,6 +247,27 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<"normal" | "expanded">;
         default: undefined;
     };
+    /**
+     * Overrides the localized error message for invalid file type
+     */
+    invalidFileTypeError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for max file exceed
+     */
+    maxFilesExceededError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for file too big
+     */
+    fileTooBigError: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>>, {
     name: string;
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
@@ -238,5 +283,8 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     maxFiles: number;
     maxFileSize: number;
     accept: string;
+    invalidFileTypeError: string;
+    maxFilesExceededError: string;
+    fileTooBigError: string;
 }>;
 export default _default;

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

@@ -105,6 +105,27 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"normal" | "expanded">;
         default: undefined;
     };
+    /**
+     * Overrides the localized error message for invalid file type
+     */
+    invalidFileTypeError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for max file exceed
+     */
+    maxFilesExceededError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for file too big
+     */
+    fileTooBigError: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }, {
     componentName: import("vue").Ref<string>;
     element: import("vue").Ref<FilePicker | null>;
@@ -113,6 +134,9 @@ declare const _default: import("vue").DefineComponent<{
     maxFilesChanged(_oldValue: number, newValue: number): void;
     maxFileSizeChanged(_oldValue: number, newValue: number): void;
     acceptChanged(_oldValue: string, newValue: string): void;
+    invalidFileTypeErrorChanged(_oldValue: string, newValue: string): void;
+    maxFilesExceededErrorChanged(_oldValue: string, newValue: string): void;
+    fileTooBigErrorChanged(_oldValue: string, newValue: string): void;
     nameChanged(previous: string, next: string): unknown;
     validate(): void;
     formResetCallback(): void;
@@ -274,6 +298,27 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"normal" | "expanded">;
         default: undefined;
     };
+    /**
+     * Overrides the localized error message for invalid file type
+     */
+    invalidFileTypeError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for max file exceed
+     */
+    maxFilesExceededError: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Overrides the localized error message for file too big
+     */
+    fileTooBigError: {
+        type: PropType<string>;
+        default: undefined;
+    };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
         target: FilePicker;
@@ -311,6 +356,9 @@ declare const _default: import("vue").DefineComponent<{
     maxFiles: number;
     maxFileSize: number;
     accept: string;
+    invalidFileTypeError: string;
+    maxFilesExceededError: string;
+    fileTooBigError: string;
 }, SlotsType<{
     /**
      * Describes how to use the file-picker. Alternative to the `helper-text` attribute.

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

@@ -59,11 +59,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     element: import("vue").Ref<Menu | null>;
 }, import("vue").Data, {}, {
     /**
-     * Focuses the first item in the menu.
+     * Moves focus into the menu. If there is a child with the `autofocus` attribute, it will be focused.
+     * Otherwise, the first focusable child will be focused.
      */
     focus(): void;
     /**
-     * Collapses any expanded menu items.
+     * Collapses any expanded Menu Items.
      */
     collapseExpandedItem(): void;
     openChanged(_: boolean, newValue: boolean): void;

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

@@ -60,11 +60,12 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<Menu | null>;
 }, unknown, {}, {
     /**
-     * Focuses the first item in the menu.
+     * Moves focus into the menu. If there is a child with the `autofocus` attribute, it will be focused.
+     * Otherwise, the first focusable child will be focused.
      */
     focus(): void;
     /**
-     * Collapses any expanded menu items.
+     * Collapses any expanded Menu Items.
      */
     collapseExpandedItem(): void;
     openChanged(_: boolean, newValue: boolean): void;