@vonage/vivid-vue 3.50.1 → 3.52.0

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DataGridCell } from '@vonage/vivid/lib/data-grid/data-grid-cell';
 import type { SlotsType } from 'vue';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Extends the data grid cell definition to hold more options.
@@ -114,10 +111,10 @@ declare const _default: import("vue").DefineComponent<{
     "onCell-focused"?: ((...args: any[]) => any) | undefined;
 }, {
     ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    ariaSelected: string;
     columnDefinition: any;
     cellType: "default" | "columnheader" | "rowheader";
     gridColumn: string;
+    ariaSelected: string;
     ariaSort: string;
 }, SlotsType<{
     /**

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
-/**
- * Base class for data-grid
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DataGridRow } from '@vonage/vivid/lib/data-grid/data-grid-row';
 import type { SlotsType } from 'vue';
-/**
- * Base class for data-grid
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
-/**
- * Base class for date-range-picker
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { DateRangePicker } from '@vonage/vivid/lib/date-range-picker/date-range-picker';
 import type { SlotsType } from 'vue';
-/**
- * Base class for date-range-picker
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Dialog } from '@vonage/vivid/lib/dialog/dialog';
-/**
- * Base class for dialog
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Dialog } from '@vonage/vivid/lib/dialog/dialog';
 import type { SlotsType } from 'vue';
-/**
- * Base class for dialog
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Divider } from '@vonage/vivid/lib/divider/divider';
-/**
- * Base class for divider
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Divider } from '@vonage/vivid/lib/divider/divider';
 import type { SlotsType } from 'vue';
-/**
- * Base class for divider
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Fab } from '@vonage/vivid/lib/fab/fab';
-/**
- * Base class for fab
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Fab } from '@vonage/vivid/lib/fab/fab';
 import type { SlotsType } from 'vue';
-/**
- * Base class for fab
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { FilePicker } from '@vonage/vivid/lib/file-picker/file-picker';
-/**
- * File-picker component
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { FilePicker } from '@vonage/vivid/lib/file-picker/file-picker';
 import type { SlotsType } from 'vue';
-/**
- * File-picker component
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The label for the form element.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Header } from '@vonage/vivid/lib/header/header';
-/**
- * Base class for header
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Header } from '@vonage/vivid/lib/header/header';
 import type { SlotsType } from 'vue';
-/**
- * Base class for header
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,6 @@
 import { PropType } from 'vue';
 import type { Layout } from '@vonage/vivid/lib/layout/layout';
 /**
- * Base class for layout
- *
  * [--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],
  * minmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.
  */

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

@@ -2,8 +2,6 @@ import { PropType } from 'vue';
 import type { Layout } from '@vonage/vivid/lib/layout/layout';
 import type { SlotsType } from 'vue';
 /**
- * Base class for layout
- *
  * [--layout-grid-template-columns=repeat([the `auto-sizing` mapped value],
  * minmax([the `column-basis` mapped value], 1fr))] - Controls the `grid-template-columns` of the layout.
  */

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Menu } from '@vonage/vivid/lib/menu/menu';
-/**
- * Base class for menu
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * ID or direct reference to the component's anchor element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Menu } from '@vonage/vivid/lib/menu/menu';
 import type { SlotsType } from 'vue';
-/**
- * Base class for menu
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * ID or direct reference to the component's anchor element.
@@ -121,6 +118,10 @@ declare const _default: import("vue").DefineComponent<{
      * Default slot.
      */
     default: Record<string, never>;
+    /**
+     * Used to set the anchor element for the menu.
+     */
+    anchor: Record<string, never>;
     /**
      * Used to add additional content to the top of the menu.
      */

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
-/**
- * Base class for menu-item
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -61,6 +58,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -136,6 +140,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -156,6 +167,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
     expanded: boolean;
     role: "presentation" | "menuitem" | "menuitemcheckbox" | "menuitemradio";
     text: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     modelValue: boolean;
     textSecondary: string;

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { MenuItem } from '@vonage/vivid/lib/menu-item/menu-item';
 import type { SlotsType } from 'vue';
-/**
- * Base class for menu-item
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.
@@ -62,6 +59,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -137,6 +141,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: undefined;
     };
+    /**
+     * The connotation the fab should have.
+     */
+    connotation: {
+        type: PropType<"accent" | "cta">;
+        default: undefined;
+    };
     /**
      * Controls the placement of the menu item's checkmark or radio icon.
      */
@@ -167,6 +178,7 @@ declare const _default: import("vue").DefineComponent<{
     expanded: boolean;
     role: "presentation" | "menuitem" | "menuitemcheckbox" | "menuitemradio";
     text: string;
+    connotation: "accent" | "cta";
     disabled: boolean;
     modelValue: boolean;
     textSecondary: string;

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

@@ -1,9 +1,5 @@
 import { PropType } from 'vue';
 import type { Nav } from '@vonage/vivid/lib/nav/nav';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 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.

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

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import type { Nav } from '@vonage/vivid/lib/nav/nav';
 import type { SlotsType } from 'vue';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,9 +1,5 @@
 import { PropType } from 'vue';
 import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,10 +1,6 @@
 import { PropType } from 'vue';
 import type { NavDisclosure } from '@vonage/vivid/lib/nav-disclosure/nav-disclosure';
 import type { SlotsType } from 'vue';
-/**
- * A Nav Item Custom HTML Element.
- * Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Note } from '@vonage/vivid/lib/note/note';
-/**
- * Base class for note
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Note } from '@vonage/vivid/lib/note/note';
 import type { SlotsType } from 'vue';
-/**
- * Base class for note
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
-/**
- * Base class for number-field
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * The success text for the form element.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { NumberField } from '@vonage/vivid/lib/number-field/number-field';
 import type { SlotsType } from 'vue';
-/**
- * Base class for number-field
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * The success text for the form element.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { ListboxOption } from '@vonage/vivid/lib/option/option';
-/**
- * Base class for option
- */
 declare const _default: import("vue/types/v3-define-component").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { ListboxOption } from '@vonage/vivid/lib/option/option';
 import type { SlotsType } from 'vue';
-/**
- * Base class for option
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * A decorative icon the custom element should have.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
-/**
- * Base class for pagination
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Pagination } from '@vonage/vivid/lib/pagination/pagination';
 import type { SlotsType } from 'vue';
-/**
- * Base class for pagination
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Progress } from '@vonage/vivid/lib/progress/progress';
-/**
- * Base class for progress
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Progress } from '@vonage/vivid/lib/progress/progress';
 import type { SlotsType } from 'vue';
-/**
- * Base class for progress
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
-/**
- * Base class for progress-ring
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { ProgressRing } from '@vonage/vivid/lib/progress-ring/progress-ring';
 import type { SlotsType } from 'vue';
-/**
- * Base class for progress-ring
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { Radio } from '@vonage/vivid/lib/radio/radio';
-/**
- * Base class for radio
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { Radio } from '@vonage/vivid/lib/radio/radio';
 import type { SlotsType } from 'vue';
-/**
- * Base class for radio
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

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

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
 import type { RadioGroup } from '@vonage/vivid/lib/radio-group/radio-group';
-/**
- * Base class for radio-group
- */
 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.

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

@@ -1,9 +1,6 @@
 import { PropType } from 'vue';
 import type { RadioGroup } from '@vonage/vivid/lib/radio-group/radio-group';
 import type { SlotsType } from 'vue';
-/**
- * Base class for radio-group
- */
 declare const _default: import("vue").DefineComponent<{
     /**
      * Indicates the element that represents the current item within a container or set of related elements.

package/generated/components/VRangeSlider.d.ts

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+import VRangeSliderVue2 from './VRangeSlider.vue2';
+import VRangeSliderVue3 from './VRangeSlider.vue3';
+
+// @ts-ignore
+type VNodeData = VNode["data"];
+type IsAny<T> = 0 extends (1 & T) ? true : false;
+type VueVersion = IsAny<VNodeData> extends true ? 'v3' : 'v2';
+declare const _default: VueVersion extends 'v2' ? typeof VRangeSliderVue2 : typeof VRangeSliderVue3;
+export default _default;