@vonage/vivid-react 3.5.0 → 3.5.2

package/v3/VwcCalendar/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-calendar",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcCalendarEvent/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-calendar-event",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcCard/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-card",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcCheckbox/index.d.ts

@@ -1,6 +1,13 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcCheckbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/checkbox
+* @param {any} onClick
+* @param {string | undefined} label  **attribute** `label`
+* @param {string | undefined} value  **attribute** `current-value`
+* @param {boolean | undefined} checked  **attribute** `current-checked`
+* @param {boolean | undefined} indeterminate  **attribute** `indeterminate`
+* @param {boolean | undefined} disabled  **attribute** `disabled`
+* @param {boolean | undefined} readonly
 * @param {string | null} tabindex  **attribute** `tabindex`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
 * @param {boolean} readOnly - When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information. **attribute** `readonly`
@@ -27,13 +34,6 @@ only when the `value` property has not been explicitly set. **attribute** `value
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
-* @param {any} onClick
-* @param {string | undefined} label  **attribute** `label`
-* @param {string | undefined} value  **attribute** `current-value`
-* @param {boolean | undefined} checked  **attribute** `current-checked`
-* @param {boolean | undefined} indeterminate  **attribute** `indeterminate`
-* @param {boolean | undefined} disabled  **attribute** `disabled`
-* @param {boolean | undefined} readonly
 */
 declare const VwcCheckbox: {
     (props: {
@@ -44,30 +44,30 @@ declare const VwcCheckbox: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
+        onClick?: any;
+        label?: string | undefined;
+        value?: string | undefined;
+        checked?: any;
+        indeterminate?: any;
+        disabled?: any;
+        readonly?: any;
         tabindex?: string | null | undefined;
         connotation?: any;
         readOnly?: boolean | undefined;
-        indeterminate?: boolean | undefined;
         _vividAriaBehaviour?: any;
         helperText?: string | undefined;
         errorText?: string | undefined;
         validate?: any;
         successText?: string | undefined;
-        label?: string | undefined;
         defaultChecked?: boolean | undefined;
-        checked?: boolean | undefined;
         checkedAttribute?: any;
         currentChecked?: any;
-        value?: string | undefined;
         currentValue?: any;
         initialValue?: string | undefined;
-        disabled?: boolean | undefined;
         name?: string | undefined;
         required?: boolean | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
-        onClick?: any;
-        readonly?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcCheckbox/index.js

@@ -711,7 +711,7 @@ registerCheckbox('vvd3')
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['tabindex', 'connotation', 'readOnly', 'indeterminate', '_vividAriaBehaviour', 'helperText', 'errorText', 'validate', 'successText', 'label', 'defaultChecked', 'checked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', 'onClick', 'label', 'value', 'checked', 'indeterminate', 'disabled', 'readonly']
+    properties: ['onClick', 'label', 'value', 'checked', 'indeterminate', 'disabled', 'readonly', 'tabindex', 'connotation', 'readOnly', 'indeterminate', '_vividAriaBehaviour', 'helperText', 'errorText', 'validate', 'successText', 'label', 'defaultChecked', 'checked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcCheckbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-checkbox",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcCombobox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-combobox",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDataGrid/index.d.ts

@@ -18,6 +18,7 @@ within the grid moves focus to the specified row.
 grid is focused. This value changes as focus moves to different rows
 within the grid.  Changing this value when focus is already within
 the grid moves focus to the specified column.
+* @param {number | undefined} fixedColumns - Number of columns to be fixed when scrolling horizontally **attribute** `fixed-columns`
 * @param {string} rowElementTag - Set by the component templates.
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
@@ -42,6 +43,7 @@ declare const VwcDataGrid: {
         headerCellItemTemplate?: any;
         focusRowIndex?: number | undefined;
         focusColumnIndex?: number | undefined;
+        fixedColumns?: any;
         rowElementTag?: string | undefined;
         selectionMode?: any;
         VIVID_VERSION?: string | undefined;

package/v3/VwcDataGrid/index.js

@@ -133,6 +133,15 @@ Code in this file were generated using following JSON:
    "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid.  Changing this value when focus is already within\nthe grid moves focus to the specified column.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "fixedColumns",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "rowElementTag",
@@ -186,6 +195,14 @@ Code in this file were generated using following JSON:
    "privacy": "private",
    "default": "false"
   },
+  {
+   "kind": "field",
+   "name": "resizeObserver",
+   "type": {
+    "text": "ResizeObserver | undefined"
+   },
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "observer",
@@ -415,6 +432,14 @@ Code in this file were generated using following JSON:
    "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
    "fieldName": "gridTemplateColumns"
   },
+  {
+   "name": "fixed-columns",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "Number of columns to be fixed when scrolling horizontally",
+   "fieldName": "fixedColumns"
+  },
   {
    "name": "selection-mode",
    "type": {
@@ -442,7 +467,7 @@ registerDataGrid('vvd3')
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
     events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'rowElementTag', 'selectionMode', 'VIVID_VERSION', 'componentName']
+    properties: ['noTabbing', 'generateHeader', 'gridTemplateColumns', 'rowsData', 'columnDefinitions', 'rowItemTemplate', 'cellItemTemplate', 'headerCellItemTemplate', 'focusRowIndex', 'focusColumnIndex', 'fixedColumns', 'rowElementTag', 'selectionMode', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'

package/v3/VwcDataGrid/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDataGridCell/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGridCell
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-cell
+* @param {boolean | undefined} ariaSelected  **attribute** `aria-selected`
 * @param {DataGridCellTypes} cellType - The type of cell **attribute** `cell-type`
 * @param {string} gridColumn - The column index of the cell.
 This will be applied to the css grid-column-index value
@@ -25,12 +26,12 @@ declare const VwcDataGridCell: {
         onSort?: ((event: SyntheticEvent) => void) | undefined;
         onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         onCellFocused?: ((event: SyntheticEvent) => void) | undefined;
+        ariaSelected?: any;
         cellType?: any;
         gridColumn?: string | undefined;
         rowData?: any;
         columnDefinition?: any;
         selected?: boolean | undefined;
-        ariaSelected?: string | null | undefined;
         ariaSort?: string | null | undefined;
         sortDirection?: any;
         VIVID_VERSION?: string | undefined;

package/v3/VwcDataGridCell/index.js

@@ -387,7 +387,7 @@ import wrapper from '@vonage/vivid-react-wrapper'
 const VwcDataGridCell = wrapper(`vvd3-data-grid-cell`,  {
     events: [{"name":"cell-focused","propName":"onCellFocused"},{"name":"cell-click","propName":"onCellClick"},{"name":"sort","propName":"onSort"}],
     attributes: [],
-    properties: ['cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', 'VIVID_VERSION', 'componentName']
+    properties: ['ariaSelected', 'cellType', 'gridColumn', 'rowData', 'columnDefinition', 'selected', 'ariaSelected', 'ariaSort', 'sortDirection', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDataGridCell.displayName = 'VwcDataGridCell'

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDatePicker/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Single date picker component.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/date-picker
+* @param {string | undefined} errorText  **attribute** `error-text`
 * @param {string} type
 * @param {string} min - The earliest accepted date. **attribute** `min`
 * @param {string} max - The latest accepted date. **attribute** `max`
@@ -20,7 +21,6 @@ only when the `value` property has not been explicitly set. **attribute** `value
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
-* @param {string | undefined} errorText  **attribute** `error-text`
 */
 declare const VwcDatePicker: {
     (props: {
@@ -31,13 +31,13 @@ declare const VwcDatePicker: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        errorText?: string | undefined;
         type?: string | undefined;
         min?: string | undefined;
         max?: string | undefined;
         value?: string | undefined;
         readOnly?: boolean | undefined;
         helperText?: string | undefined;
-        errorText?: string | undefined;
         validate?: any;
         label?: string | undefined;
         currentValue?: any;

package/v3/VwcDatePicker/index.js

@@ -669,7 +669,7 @@ registerDatePicker('vvd3')
 const VwcDatePicker = wrapper(`vvd3-date-picker`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['type', 'min', 'max', 'value', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', 'errorText']
+    properties: ['errorText', 'type', 'min', 'max', 'value', 'readOnly', 'helperText', 'errorText', 'validate', 'label', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDatePicker.displayName = 'VwcDatePicker'

package/v3/VwcDatePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-picker",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDateRangePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-range-picker",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDateTimePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-time-picker",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDelegateAriaBehavior/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-delegate-aria-behavior",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDialPad/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-dial-pad",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDialog/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-dialog",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcDivider/index.d.ts

@@ -3,7 +3,8 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/divider
 * @param {DividerRole} role - The role of the element. This property will be removed **attribute** `role`
 * @param {Orientation} orientation - The orientation of the divider. **attribute** `orientation`
-* @param {'delegate'} _vividAriaBehaviour
+* @param {DividerAppearance | undefined} appearance - The appearance of the divider. **attribute** `appearance`
+* @param {'host'} _vividAriaBehaviour
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
@@ -17,6 +18,7 @@ declare const VwcDivider: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         role?: any;
         orientation?: any;
+        appearance?: any;
         _vividAriaBehaviour?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;

package/v3/VwcDivider/index.js

@@ -7,6 +7,16 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "",
  "name": "Divider",
+ "cssProperties": [
+  {
+   "name": "--vvd-divider-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-divider-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
  "members": [
   {
    "kind": "field",
@@ -26,16 +36,25 @@ Code in this file were generated using following JSON:
    "description": "The orientation of the divider.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "DividerAppearance | undefined"
+   },
+   "description": "The appearance of the divider.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
-   "default": "'delegate'",
+   "default": "'host'",
    "type": {
-    "text": "'delegate'"
+    "text": "'host'"
    },
    "inheritedFrom": {
-    "name": "DelegatesAria",
-    "module": "src/shared/aria/delegates-aria.ts"
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
    }
   },
   {
@@ -82,12 +101,20 @@ Code in this file were generated using following JSON:
    },
    "description": "The orientation of the divider.",
    "fieldName": "orientation"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "DividerAppearance | undefined"
+   },
+   "description": "The appearance of the divider.",
+   "fieldName": "appearance"
   }
  ],
  "mixins": [
   {
-   "name": "DelegatesAria",
-   "module": "/src/shared/aria/delegates-aria"
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
   }
  ],
  "superclass": {
@@ -108,7 +135,7 @@ registerDivider('vvd3')
 const VwcDivider = wrapper(`vvd3-divider`,  {
     events: [],
     attributes: [],
-    properties: ['role', 'orientation', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['role', 'orientation', 'appearance', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcDivider.displayName = 'VwcDivider'

package/v3/VwcDivider/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-divider",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcElevation/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-elevation",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcEmptyState/index.d.ts

@@ -1,6 +1,8 @@
 import React, { ReactNode } from 'react';
 /** An empty state element. Used when there is no data to display to the user.
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/empty-state
+* @param {string | undefined} iconDecoration  **attribute** `icon-decoration`
+* @param {string | undefined} connotation  **attribute** `connotation`
 * @param {EmptyStateConnotation | undefined} connotation - The connotation the empty state should have. **attribute** `connotation`
 * @param {string | undefined} headline - An optional headline for the empty state. **attribute** `headline`
 * @param {string | undefined} icon - Icon for the empty state. **attribute** `icon`
@@ -8,8 +10,6 @@ import React, { ReactNode } from 'react';
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
-* @param {string | undefined} iconDecoration  **attribute** `icon-decoration`
-* @param {string | undefined} connotation  **attribute** `connotation`
 */
 declare const VwcEmptyState: {
     (props: {
@@ -18,10 +18,10 @@ declare const VwcEmptyState: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        connotation?: any;
+        iconDecoration?: string | undefined;
+        connotation?: string | undefined;
         headline?: string | undefined;
         icon?: string | undefined;
-        iconDecoration?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcEmptyState/index.js

@@ -222,7 +222,7 @@ registerEmptyState('vvd3')
 const VwcEmptyState = wrapper(`vvd3-empty-state`,  {
     events: [],
     attributes: [],
-    properties: ['connotation', 'headline', 'icon', 'iconDecoration', 'VIVID_VERSION', 'componentName', 'iconDecoration', 'connotation']
+    properties: ['iconDecoration', 'connotation', 'connotation', 'headline', 'icon', 'iconDecoration', 'VIVID_VERSION', 'componentName']
 })
 
 VwcEmptyState.displayName = 'VwcEmptyState'

package/v3/VwcEmptyState/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-empty-state",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcFab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-fab",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }

package/v3/VwcFeedbackMessage/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-feedback-message",
-  "version": "4.28.0",
+  "version": "4.29.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "4.28.0"
+    "@vonage/vivid": "4.29.0"
   }
 }