@vonage/vivid-vue 4.31.0 → 5.0.0

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

@@ -13,27 +13,21 @@ declare const _default: import("vue").DefineComponent<{
     slottedTreeItemsChanged(): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
     click(event: MouseEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
     focus(event: FocusEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
     input(event: Event & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
     keydown(event: KeyboardEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
     keyup(event: KeyboardEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -43,27 +37,21 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: VwcTreeViewElement;
         currentTarget: VwcTreeViewElement;
     }) => any) | undefined;
 }, {

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

@@ -1,39 +1,30 @@
 import type { VwcVideoPlayerElement } from '@vonage/vivid';
 export interface VVideoPlayerEvents {
     blur: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     click: MouseEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     ended: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     focus: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     input: Event & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     keydown: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     keyup: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     pause: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
     play: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     };
 }

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

@@ -31,39 +31,30 @@ declare const _default: import("vue").DefineComponent<{
     element: import("vue").Ref<VwcVideoPlayerElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur(event: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     click(event: MouseEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     ended(event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     focus(event: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     input(event: Event & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     keydown(event: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     keyup(event: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     pause(event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
     play(event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }): true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -93,39 +84,30 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onKeydown?: ((event: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onBlur?: ((event: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onClick?: ((event: MouseEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onFocus?: ((event: FocusEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onInput?: ((event: Event & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onKeyup?: ((event: KeyboardEvent & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onPause?: ((event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onPlay?: ((event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
     onEnded?: ((event: CustomEvent<undefined> & {
-        target: VwcVideoPlayerElement;
         currentTarget: VwcVideoPlayerElement;
     }) => any) | undefined;
 }, {

package/dist/index.cjs

@@ -2843,9 +2843,6 @@ const VCheckbox = vue.defineComponent({
     "update:modelValue"
   ],
   methods: {
-    ariaCheckedChanged() {
-      return this.element?.ariaCheckedChanged();
-    },
     /**
      * Return the current validity of the element.
      */
@@ -3463,14 +3460,6 @@ const VDataGrid = vue.defineComponent({
 const VDataGridCell = vue.defineComponent({
   name: "VDataGridCell",
   props: {
-    /**
-     * Indicates the selected status.
-     */
-    ariaSelected: { type: String, default: void 0 },
-    /**
-     * Indicates the sort status.
-     */
-    ariaSort: { type: String, default: void 0 },
     /**
      * The type of cell
      */
@@ -3570,8 +3559,6 @@ const VDataGridCell = vue.defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
-            ...this.ariaSort !== void 0 ? { "aria-sort": this.ariaSort } : {},
             ...this.cellType !== void 0 ? { "cell-type": this.cellType } : {},
             ...this.gridColumn !== void 0 ? { "grid-column": this.gridColumn } : {},
             ...this.selected !== void 0 ? { selected: this.selected } : {},
@@ -3620,8 +3607,6 @@ const VDataGridCell = vue.defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
-          ...this.ariaSort !== void 0 ? { "^aria-sort": this.ariaSort } : {},
           ...this.cellType !== void 0 ? { "^cell-type": this.cellType } : {},
           ...this.columnDefinition !== void 0 ? { ".columnDefinition": this.columnDefinition } : {},
           ...this.gridColumn !== void 0 ? { "^grid-column": this.gridColumn } : {},
@@ -3667,10 +3652,6 @@ const VDataGridCell = vue.defineComponent({
 const VDataGridRow = vue.defineComponent({
   name: "VDataGridRow",
   props: {
-    /**
-     * Indicates the selected status.
-     */
-    ariaSelected: { type: String, default: void 0 },
     /**
      * String that gets applied to the the css gridTemplateColumns attribute for the row
      * x
@@ -3756,7 +3737,6 @@ const VDataGridRow = vue.defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
             ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
             ...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
             ...this.selected !== void 0 ? { selected: this.selected } : {}
@@ -3798,7 +3778,6 @@ const VDataGridRow = vue.defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
           ...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
           ...this.rowType !== void 0 ? { "^row-type": this.rowType } : {},
           ...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {}
@@ -5124,13 +5103,6 @@ const VDivider = vue.defineComponent({
     orientation: {
       type: String,
       default: void 0
-    },
-    /**
-     * The role of the element. This property will be removed
-     */
-    role: {
-      type: String,
-      default: void 0
     }
   },
   emits: [
@@ -5179,8 +5151,7 @@ const VDivider = vue.defineComponent({
           ref: "element",
           attrs: {
             ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
-            ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
-            ...this.role !== void 0 ? { role: this.role } : {}
+            ...this.orientation !== void 0 ? { orientation: this.orientation } : {}
           },
           class: "vvd-component",
           on: {
@@ -5214,8 +5185,7 @@ const VDivider = vue.defineComponent({
         class: "vvd-component",
         ...handleVue3Props({
           ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
-          ...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
-          ...this.role !== void 0 ? { "^role": this.role } : {}
+          ...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
         }),
         onBlur: (event) => {
           this.$emit("blur", event);
@@ -6631,13 +6601,6 @@ const VMenuItem = vue.defineComponent({
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: { type: String, default: void 0 },
-    /**
-     * The role of the element.
-     */
-    role: {
-      type: String,
-      default: void 0
-    },
     /**
      * Indicates the menu item's text.
      */
@@ -6715,7 +6678,6 @@ const VMenuItem = vue.defineComponent({
             ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
             ...this.expanded !== void 0 ? { expanded: this.expanded } : {},
             ...this.icon !== void 0 ? { icon: this.icon } : {},
-            ...this.role !== void 0 ? { role: this.role } : {},
             ...this.text !== void 0 ? { text: this.text } : {},
             ...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
           },
@@ -6773,7 +6735,6 @@ const VMenuItem = vue.defineComponent({
           ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
           ...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
           ...this.icon !== void 0 ? { "^icon": this.icon } : {},
-          ...this.role !== void 0 ? { "^role": this.role } : {},
           ...this.text !== void 0 ? { "^text": this.text } : {},
           ...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
         }),
@@ -7798,6 +7759,12 @@ const VNumberField = vue.defineComponent({
 const VOption = vue.defineComponent({
   name: "VOption",
   props: {
+    /**
+     * The checked state is used when the parent listbox is in multiple selection mode.
+     * To avoid accessibility conflicts, the checked state should not be present in
+     * single selection mode.
+     */
+    checked: { type: Boolean, default: void 0 },
     /**
      * The defaultSelected state of the option.
      */
@@ -7882,6 +7849,7 @@ const VOption = vue.defineComponent({
         {
           ref: "element",
           attrs: {
+            ...this.checked !== void 0 ? { checked: this.checked } : {},
             ...this.defaultSelected !== void 0 ? { selected: this.defaultSelected } : {},
             ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
             ...this.icon !== void 0 ? { icon: this.icon } : {},
@@ -7928,6 +7896,7 @@ const VOption = vue.defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
+          ...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
           ...this.defaultSelected !== void 0 && this.defaultSelected !== false ? { "^selected": this.defaultSelected } : {},
           ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
           ...this.icon !== void 0 ? { "^icon": this.icon } : {},
@@ -8430,7 +8399,6 @@ const VProgressRing = vue.defineComponent({
 const VRadio = vue.defineComponent({
   name: "VRadio",
   props: {
-    ariaLabel: { type: String, default: void 0 },
     /**
      * The current checkedness of the element.
      */
@@ -8545,7 +8513,6 @@ const VRadio = vue.defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
             ...this.checked !== void 0 ? { "current-checked": this.checked } : {},
             ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
             ...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
@@ -8592,7 +8559,6 @@ const VRadio = vue.defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
           ...this.checked !== void 0 && this.checked !== false ? { "^current-checked": this.checked } : {},
           ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
           ...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
@@ -9927,7 +9893,6 @@ const VSelectableBox = vue.defineComponent({
      * Controls the checked state of the box
      */
     checked: { type: Boolean, default: void 0 },
-    clickable: { type: Boolean, default: void 0 },
     /**
      * Makes the entire selectable box clickable
      */
@@ -10012,7 +9977,6 @@ const VSelectableBox = vue.defineComponent({
           ref: "element",
           attrs: {
             ...this.checked !== void 0 ? { checked: this.checked } : {},
-            ...this.clickable !== void 0 ? { clickable: this.clickable } : {},
             ...this.clickableBox !== void 0 ? { "clickable-box": this.clickableBox } : {},
             ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
             ...this.controlPlacement !== void 0 ? { "control-placement": this.controlPlacement } : {},
@@ -10054,7 +10018,6 @@ const VSelectableBox = vue.defineComponent({
         class: "vvd-component",
         ...handleVue3Props({
           ...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
-          ...this.clickable !== void 0 && this.clickable !== false ? { "^clickable": this.clickable } : {},
           ...this.clickableBox !== void 0 && this.clickableBox !== false ? { "^clickable-box": this.clickableBox } : {},
           ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
           ...this.controlPlacement !== void 0 ? { "^control-placement": this.controlPlacement } : {},

package/dist/index.js

@@ -2839,9 +2839,6 @@ const VCheckbox = defineComponent({
     "update:modelValue"
   ],
   methods: {
-    ariaCheckedChanged() {
-      return this.element?.ariaCheckedChanged();
-    },
     /**
      * Return the current validity of the element.
      */
@@ -3459,14 +3456,6 @@ const VDataGrid = defineComponent({
 const VDataGridCell = defineComponent({
   name: "VDataGridCell",
   props: {
-    /**
-     * Indicates the selected status.
-     */
-    ariaSelected: { type: String, default: void 0 },
-    /**
-     * Indicates the sort status.
-     */
-    ariaSort: { type: String, default: void 0 },
     /**
      * The type of cell
      */
@@ -3566,8 +3555,6 @@ const VDataGridCell = defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
-            ...this.ariaSort !== void 0 ? { "aria-sort": this.ariaSort } : {},
             ...this.cellType !== void 0 ? { "cell-type": this.cellType } : {},
             ...this.gridColumn !== void 0 ? { "grid-column": this.gridColumn } : {},
             ...this.selected !== void 0 ? { selected: this.selected } : {},
@@ -3616,8 +3603,6 @@ const VDataGridCell = defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
-          ...this.ariaSort !== void 0 ? { "^aria-sort": this.ariaSort } : {},
           ...this.cellType !== void 0 ? { "^cell-type": this.cellType } : {},
           ...this.columnDefinition !== void 0 ? { ".columnDefinition": this.columnDefinition } : {},
           ...this.gridColumn !== void 0 ? { "^grid-column": this.gridColumn } : {},
@@ -3663,10 +3648,6 @@ const VDataGridCell = defineComponent({
 const VDataGridRow = defineComponent({
   name: "VDataGridRow",
   props: {
-    /**
-     * Indicates the selected status.
-     */
-    ariaSelected: { type: String, default: void 0 },
     /**
      * String that gets applied to the the css gridTemplateColumns attribute for the row
      * x
@@ -3752,7 +3733,6 @@ const VDataGridRow = defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaSelected !== void 0 ? { "aria-selected": this.ariaSelected } : {},
             ...this.gridTemplateColumns !== void 0 ? { "grid-template-columns": this.gridTemplateColumns } : {},
             ...this.rowType !== void 0 ? { "row-type": this.rowType } : {},
             ...this.selected !== void 0 ? { selected: this.selected } : {}
@@ -3794,7 +3774,6 @@ const VDataGridRow = defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaSelected !== void 0 ? { "^aria-selected": this.ariaSelected } : {},
           ...this.gridTemplateColumns !== void 0 ? { "^grid-template-columns": this.gridTemplateColumns } : {},
           ...this.rowType !== void 0 ? { "^row-type": this.rowType } : {},
           ...this.selected !== void 0 && this.selected !== false ? { "^selected": this.selected } : {}
@@ -5120,13 +5099,6 @@ const VDivider = defineComponent({
     orientation: {
       type: String,
       default: void 0
-    },
-    /**
-     * The role of the element. This property will be removed
-     */
-    role: {
-      type: String,
-      default: void 0
     }
   },
   emits: [
@@ -5175,8 +5147,7 @@ const VDivider = defineComponent({
           ref: "element",
           attrs: {
             ...this.appearance !== void 0 ? { appearance: this.appearance } : {},
-            ...this.orientation !== void 0 ? { orientation: this.orientation } : {},
-            ...this.role !== void 0 ? { role: this.role } : {}
+            ...this.orientation !== void 0 ? { orientation: this.orientation } : {}
           },
           class: "vvd-component",
           on: {
@@ -5210,8 +5181,7 @@ const VDivider = defineComponent({
         class: "vvd-component",
         ...handleVue3Props({
           ...this.appearance !== void 0 ? { "^appearance": this.appearance } : {},
-          ...this.orientation !== void 0 ? { "^orientation": this.orientation } : {},
-          ...this.role !== void 0 ? { "^role": this.role } : {}
+          ...this.orientation !== void 0 ? { "^orientation": this.orientation } : {}
         }),
         onBlur: (event) => {
           this.$emit("blur", event);
@@ -6627,13 +6597,6 @@ const VMenuItem = defineComponent({
      * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
      */
     icon: { type: String, default: void 0 },
-    /**
-     * The role of the element.
-     */
-    role: {
-      type: String,
-      default: void 0
-    },
     /**
      * Indicates the menu item's text.
      */
@@ -6711,7 +6674,6 @@ const VMenuItem = defineComponent({
             ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
             ...this.expanded !== void 0 ? { expanded: this.expanded } : {},
             ...this.icon !== void 0 ? { icon: this.icon } : {},
-            ...this.role !== void 0 ? { role: this.role } : {},
             ...this.text !== void 0 ? { text: this.text } : {},
             ...this.textSecondary !== void 0 ? { "text-secondary": this.textSecondary } : {}
           },
@@ -6769,7 +6731,6 @@ const VMenuItem = defineComponent({
           ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
           ...this.expanded !== void 0 && this.expanded !== false ? { "^expanded": this.expanded } : {},
           ...this.icon !== void 0 ? { "^icon": this.icon } : {},
-          ...this.role !== void 0 ? { "^role": this.role } : {},
           ...this.text !== void 0 ? { "^text": this.text } : {},
           ...this.textSecondary !== void 0 ? { "^text-secondary": this.textSecondary } : {}
         }),
@@ -7794,6 +7755,12 @@ const VNumberField = defineComponent({
 const VOption = defineComponent({
   name: "VOption",
   props: {
+    /**
+     * The checked state is used when the parent listbox is in multiple selection mode.
+     * To avoid accessibility conflicts, the checked state should not be present in
+     * single selection mode.
+     */
+    checked: { type: Boolean, default: void 0 },
     /**
      * The defaultSelected state of the option.
      */
@@ -7878,6 +7845,7 @@ const VOption = defineComponent({
         {
           ref: "element",
           attrs: {
+            ...this.checked !== void 0 ? { checked: this.checked } : {},
             ...this.defaultSelected !== void 0 ? { selected: this.defaultSelected } : {},
             ...this.disabled !== void 0 ? { disabled: this.disabled } : {},
             ...this.icon !== void 0 ? { icon: this.icon } : {},
@@ -7924,6 +7892,7 @@ const VOption = defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
+          ...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
           ...this.defaultSelected !== void 0 && this.defaultSelected !== false ? { "^selected": this.defaultSelected } : {},
           ...this.disabled !== void 0 && this.disabled !== false ? { "^disabled": this.disabled } : {},
           ...this.icon !== void 0 ? { "^icon": this.icon } : {},
@@ -8426,7 +8395,6 @@ const VProgressRing = defineComponent({
 const VRadio = defineComponent({
   name: "VRadio",
   props: {
-    ariaLabel: { type: String, default: void 0 },
     /**
      * The current checkedness of the element.
      */
@@ -8541,7 +8509,6 @@ const VRadio = defineComponent({
         {
           ref: "element",
           attrs: {
-            ...this.ariaLabel !== void 0 ? { "aria-label": this.ariaLabel } : {},
             ...this.checked !== void 0 ? { "current-checked": this.checked } : {},
             ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
             ...this.defaultChecked !== void 0 ? { checked: this.defaultChecked } : {},
@@ -8588,7 +8555,6 @@ const VRadio = defineComponent({
         ref: "element",
         class: "vvd-component",
         ...handleVue3Props({
-          ...this.ariaLabel !== void 0 ? { "^aria-label": this.ariaLabel } : {},
           ...this.checked !== void 0 && this.checked !== false ? { "^current-checked": this.checked } : {},
           ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
           ...this.defaultChecked !== void 0 && this.defaultChecked !== false ? { "^checked": this.defaultChecked } : {},
@@ -9923,7 +9889,6 @@ const VSelectableBox = defineComponent({
      * Controls the checked state of the box
      */
     checked: { type: Boolean, default: void 0 },
-    clickable: { type: Boolean, default: void 0 },
     /**
      * Makes the entire selectable box clickable
      */
@@ -10008,7 +9973,6 @@ const VSelectableBox = defineComponent({
           ref: "element",
           attrs: {
             ...this.checked !== void 0 ? { checked: this.checked } : {},
-            ...this.clickable !== void 0 ? { clickable: this.clickable } : {},
             ...this.clickableBox !== void 0 ? { "clickable-box": this.clickableBox } : {},
             ...this.connotation !== void 0 ? { connotation: this.connotation } : {},
             ...this.controlPlacement !== void 0 ? { "control-placement": this.controlPlacement } : {},
@@ -10050,7 +10014,6 @@ const VSelectableBox = defineComponent({
         class: "vvd-component",
         ...handleVue3Props({
           ...this.checked !== void 0 && this.checked !== false ? { "^checked": this.checked } : {},
-          ...this.clickable !== void 0 && this.clickable !== false ? { "^clickable": this.clickable } : {},
           ...this.clickableBox !== void 0 && this.clickableBox !== false ? { "^clickable-box": this.clickableBox } : {},
           ...this.connotation !== void 0 ? { "^connotation": this.connotation } : {},
           ...this.controlPlacement !== void 0 ? { "^control-placement": this.controlPlacement } : {},

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-vue",
-  "version": "4.31.0",
+  "version": "5.0.0",
   "description": "A Vue wrapper library for Vivid components.",
   "author": "Vonage",
   "license": "ISC",
@@ -35,7 +35,7 @@
     "vue": "^2.7.0 || >=3.0.0"
   },
   "dependencies": {
-    "@vonage/vivid": "^4.31.0"
+    "@vonage/vivid": "^5.0.0"
   },
   "devDependencies": {
     "@repo/wrapper-gen": "*",