@vonage/vivid-react 3.5.0 → 3.5.1

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/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/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/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/VwcMenuItem/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcMenuItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu-item
+* @param {string | undefined} icon  **attribute** `icon`
 * @param {boolean} disabled - The disabled state of the element. **attribute** `disabled`
 * @param {boolean} expanded - The expanded state of the element. **attribute** `expanded`
 * @param {MenuItemRole} role - The role of the element. **attribute** `role`
@@ -18,7 +19,6 @@ import React, { ReactNode, SyntheticEvent } 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} icon  **attribute** `icon`
 */
 declare const VwcMenuItem: {
     (props: {
@@ -29,6 +29,7 @@ declare const VwcMenuItem: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onExpandedChange?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        icon?: string | undefined;
         disabled?: boolean | undefined;
         expanded?: boolean | undefined;
         role?: any;
@@ -41,7 +42,6 @@ declare const VwcMenuItem: {
         checkedAppearance?: any;
         trailingMetaSlottedContent?: any;
         _vividAriaBehaviour?: any;
-        icon?: string | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcMenuItem/index.js

@@ -417,7 +417,7 @@ registerMenuItem('vvd3')
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"expanded-change","propName":"onExpandedChange"}],
     attributes: [],
-    properties: ['disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName', 'icon']
+    properties: ['icon', 'disabled', 'expanded', 'role', 'controlType', 'checked', 'text', 'textSecondary', 'connotation', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', '_vividAriaBehaviour', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcMenuItem.displayName = 'VwcMenuItem'

package/v3/VwcSelect/index.d.ts

@@ -1,6 +1,17 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSelect
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/select
+* @param {boolean | undefined} disabled  **attribute** `disabled`
+* @param {string | undefined} errorText  **attribute** `error-text`
+* @param {string | undefined} helperText  **attribute** `helper-text`
+* @param {string | undefined} icon  **attribute** `icon`
+* @param {boolean | undefined} iconTrailing  **attribute** `icon-trailing`
+* @param {string | undefined} initialValue  **attribute** `value`
+* @param {string | undefined} label  **attribute** `label`
+* @param {string | undefined} name  **attribute** `name`
+* @param {boolean | undefined} required  **attribute** `required`
+* @param {string | undefined} successText  **attribute** `success-text`
+* @param {string | undefined} value  **attribute** `current-value`
 * @param {boolean} multiple - Indicates if the listbox is in multi-selection mode. **attribute** `multiple`
 * @param {boolean} open - The open attribute. **attribute** `open`
 * @param {SelectSize | undefined} scale - The size the select should have. **attribute** `scale`
@@ -31,17 +42,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 {boolean | undefined} disabled  **attribute** `disabled`
-* @param {string | undefined} errorText  **attribute** `error-text`
-* @param {string | undefined} helperText  **attribute** `helper-text`
-* @param {string | undefined} icon  **attribute** `icon`
-* @param {boolean | undefined} iconTrailing  **attribute** `icon-trailing`
-* @param {string | undefined} initialValue  **attribute** `value`
-* @param {string | undefined} label  **attribute** `label`
-* @param {string | undefined} name  **attribute** `name`
-* @param {boolean | undefined} required  **attribute** `required`
-* @param {string | undefined} successText  **attribute** `success-text`
-* @param {string | undefined} value  **attribute** `current-value`
 */
 declare const VwcSelect: {
     (props: {
@@ -52,6 +52,17 @@ declare const VwcSelect: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        disabled?: any;
+        errorText?: string | undefined;
+        helperText?: string | undefined;
+        icon?: string | undefined;
+        iconTrailing?: any;
+        initialValue?: string | undefined;
+        label?: string | undefined;
+        name?: string | undefined;
+        required?: any;
+        successText?: string | undefined;
+        value?: string | undefined;
         multiple?: boolean | undefined;
         open?: boolean | undefined;
         scale?: any;
@@ -59,20 +70,9 @@ declare const VwcSelect: {
         shape?: any;
         fixedDropdown?: boolean | undefined;
         placeholder?: string | undefined;
-        helperText?: string | undefined;
-        errorText?: string | undefined;
         validate?: any;
-        successText?: string | undefined;
-        label?: string | undefined;
         _vividAriaBehaviour?: any;
-        iconTrailing?: boolean | undefined;
-        icon?: string | undefined;
-        value?: string | undefined;
         currentValue?: any;
-        initialValue?: string | undefined;
-        disabled?: boolean | undefined;
-        name?: string | undefined;
-        required?: boolean | undefined;
         options?: any[] | undefined;
         selectedIndex?: number | undefined;
         selectedOptions?: any[] | undefined;

package/v3/VwcSelect/index.js

@@ -878,7 +878,7 @@ registerSelect('vvd3')
 const VwcSelect = wrapper(`vvd3-select`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['multiple', 'open', 'scale', 'appearance', 'shape', 'fixedDropdown', 'placeholder', 'helperText', 'errorText', 'validate', 'successText', 'label', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'options', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter', 'VIVID_VERSION', 'componentName', 'disabled', 'errorText', 'helperText', 'icon', 'iconTrailing', 'initialValue', 'label', 'name', 'required', 'successText', 'value']
+    properties: ['disabled', 'errorText', 'helperText', 'icon', 'iconTrailing', 'initialValue', 'label', 'name', 'required', 'successText', 'value', 'multiple', 'open', 'scale', 'appearance', 'shape', 'fixedDropdown', 'placeholder', 'helperText', 'errorText', 'validate', 'successText', 'label', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'options', 'selectedIndex', 'selectedOptions', 'slottedOptionFilter', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSelect.displayName = 'VwcSelect'

package/v3/VwcSlider/index.d.ts

@@ -1,6 +1,15 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSlider
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/slider
+* @param {number} min  **attribute** `min`
+* @param {number} max  **attribute** `max`
+* @param {number} step  **attribute** `step`
+* @param {string} orientation  **attribute** `orientation`
+* @param {boolean} markers  **attribute** `markers`
+* @param {string} connotation  **attribute** `connotation`
+* @param {boolean} pin  **attribute** `pin`
+* @param {boolean} disabled  **attribute** `disabled`
+* @param {string} value  **attribute** `current-value`
 * @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`
 * @param {number} valueAsNumber - The value property, typed as a number.
 * @param {(value: string) => string} valueTextFormatter - Custom function that generates a string for the component's "aria-valuetext" attribute based on the current value.
@@ -23,15 +32,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 {number} min  **attribute** `min`
-* @param {number} max  **attribute** `max`
-* @param {number} step  **attribute** `step`
-* @param {string} orientation  **attribute** `orientation`
-* @param {boolean} markers  **attribute** `markers`
-* @param {string} connotation  **attribute** `connotation`
-* @param {boolean} pin  **attribute** `pin`
-* @param {boolean} disabled  **attribute** `disabled`
-* @param {string} value  **attribute** `current-value`
 */
 declare const VwcSlider: {
     (props: {
@@ -41,22 +41,22 @@ declare const VwcSlider: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        readOnly?: boolean | undefined;
-        valueAsNumber?: number | undefined;
-        valueTextFormatter?: any;
         min?: number | undefined;
         max?: number | undefined;
         step?: number | undefined;
-        orientation?: any;
-        mode?: any;
+        orientation?: string | undefined;
         markers?: boolean | undefined;
+        connotation?: string | undefined;
         pin?: boolean | undefined;
-        connotation?: any;
-        _vividAriaBehaviour?: any;
+        disabled?: boolean | undefined;
         value?: string | undefined;
+        readOnly?: boolean | undefined;
+        valueAsNumber?: number | undefined;
+        valueTextFormatter?: any;
+        mode?: any;
+        _vividAriaBehaviour?: any;
         currentValue?: any;
         initialValue?: string | undefined;
-        disabled?: boolean | undefined;
         name?: string | undefined;
         required?: boolean | undefined;
         VIVID_VERSION?: string | undefined;

package/v3/VwcSlider/index.js

@@ -705,7 +705,7 @@ registerSlider('vvd3')
 const VwcSlider = wrapper(`vvd3-slider`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['readOnly', 'valueAsNumber', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'mode', 'markers', 'pin', 'connotation', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', 'min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value']
+    properties: ['min', 'max', 'step', 'orientation', 'markers', 'connotation', 'pin', 'disabled', 'value', 'readOnly', 'valueAsNumber', 'valueTextFormatter', 'min', 'max', 'step', 'orientation', 'mode', 'markers', 'pin', 'connotation', '_vividAriaBehaviour', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSlider.displayName = 'VwcSlider'

package/v3/VwcSwitch/index.d.ts

@@ -1,6 +1,11 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcSwitch
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/switch
+* @param {boolean} checked  **attribute** `current-checked`
+* @param {boolean} readonly
+* @param {boolean} disabled  **attribute** `disabled`
+* @param {string | undefined} value  **attribute** `current-value`
+* @param {string | undefined} name  **attribute** `name`
 * @param {string | undefined} label - Indicates the switch's label. **attribute** `label`
 * @param {SwitchConnotation | undefined} connotation - Indicates the switch's connotation. **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`
@@ -20,11 +25,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 {boolean} checked  **attribute** `current-checked`
-* @param {boolean} readonly
-* @param {boolean} disabled  **attribute** `disabled`
-* @param {string | undefined} value  **attribute** `current-value`
-* @param {string | undefined} name  **attribute** `name`
 */
 declare const VwcSwitch: {
     (props: {
@@ -35,23 +35,23 @@ declare const VwcSwitch: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onClick?: ((event: SyntheticEvent) => void) | undefined;
+        checked?: boolean | undefined;
+        readonly?: boolean | undefined;
+        disabled?: boolean | undefined;
+        value?: string | undefined;
+        name?: string | undefined;
         label?: string | undefined;
         connotation?: any;
         readOnly?: boolean | undefined;
-        checked?: boolean | undefined;
         _vividAriaBehaviour?: any;
         defaultChecked?: 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;
-        readonly?: boolean | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSwitch/index.js

@@ -563,7 +563,7 @@ registerSwitch('vvd3')
 const VwcSwitch = wrapper(`vvd3-switch`,  {
     events: [{"name":"change","propName":"onChange"},{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['label', 'connotation', 'readOnly', 'checked', '_vividAriaBehaviour', 'defaultChecked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', 'checked', 'readonly', 'disabled', 'value', 'name']
+    properties: ['checked', 'readonly', 'disabled', 'value', 'name', 'label', 'connotation', 'readOnly', 'checked', '_vividAriaBehaviour', 'defaultChecked', 'checkedAttribute', 'currentChecked', 'value', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcSwitch.displayName = 'VwcSwitch'

package/v3/VwcTextField/index.d.ts

@@ -1,6 +1,17 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for text-field
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-field
+* @param {string | undefined} icon  **attribute** `icon`
+* @param {string | undefined} value  **attribute** `current-value`
+* @param {string | undefined} placeholder  **attribute** `placeholder`
+* @param {string | undefined} label  **attribute** `label`
+* @param {any} onInput
+* @param {number | undefined} charCount  **attribute** `char-count`
+* @param {boolean | undefined} disabled  **attribute** `disabled`
+* @param {string | undefined} errorText  **attribute** `error-text`
+* @param {string | undefined} helperText  **attribute** `helper-text`
+* @param {boolean | undefined} required  **attribute** `required`
+* @param {string | undefined} successText  **attribute** `success-text`
 * @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`
 * @param {boolean} autofocus - Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information. **attribute** `autofocus`
 * @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
@@ -36,17 +47,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} icon  **attribute** `icon`
-* @param {string | undefined} value  **attribute** `current-value`
-* @param {string | undefined} placeholder  **attribute** `placeholder`
-* @param {string | undefined} label  **attribute** `label`
-* @param {any} onInput
-* @param {number | undefined} charCount  **attribute** `char-count`
-* @param {boolean | undefined} disabled  **attribute** `disabled`
-* @param {string | undefined} errorText  **attribute** `error-text`
-* @param {string | undefined} helperText  **attribute** `helper-text`
-* @param {boolean | undefined} required  **attribute** `required`
-* @param {string | undefined} successText  **attribute** `success-text`
 */
 declare const VwcTextField: {
     (props: {
@@ -59,9 +59,18 @@ declare const VwcTextField: {
         onBlur?: ((event: SyntheticEvent) => void) | undefined;
         onFocus?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
+        icon?: string | undefined;
+        value?: string | undefined;
+        placeholder?: string | undefined;
+        label?: string | undefined;
+        charCount?: any;
+        disabled?: any;
+        errorText?: string | undefined;
+        helperText?: string | undefined;
+        required?: any;
+        successText?: string | undefined;
         readOnly?: boolean | undefined;
         autofocus?: boolean | undefined;
-        placeholder?: string | undefined;
         type?: any;
         list?: string | undefined;
         maxlength?: number | undefined;
@@ -75,19 +84,10 @@ declare const VwcTextField: {
         scale?: any;
         inputMode?: string | undefined;
         leadingActionItemsSlottedContent?: any;
-        helperText?: string | undefined;
-        value?: string | undefined;
-        charCount?: boolean | undefined;
-        errorText?: string | undefined;
-        successText?: string | undefined;
-        label?: string | undefined;
-        icon?: string | undefined;
         _vividAriaBehaviour?: any;
         currentValue?: any;
         initialValue?: string | undefined;
-        disabled?: boolean | undefined;
         name?: string | undefined;
-        required?: boolean | undefined;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcTextField/index.js

@@ -884,7 +884,7 @@ registerTextField('vvd3')
 const VwcTextField = wrapper(`vvd3-text-field`,  {
     events: [{"name":"input","propName":"onInput"},{"name":"focus","propName":"onFocus"},{"name":"change","propName":"onChange"},{"name":"blur","propName":"onBlur"}],
     attributes: [],
-    properties: ['readOnly', 'autofocus', 'placeholder', 'type', 'list', 'maxlength', 'minlength', 'pattern', 'size', 'spellcheck', 'appearance', 'shape', 'autoComplete', 'scale', 'inputMode', 'leadingActionItemsSlottedContent', 'helperText', 'value', 'charCount', 'errorText', 'successText', 'label', 'icon', '_vividAriaBehaviour', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName', 'icon', 'value', 'placeholder', 'label', 'onInput', 'charCount', 'disabled', 'errorText', 'helperText', 'required', 'successText']
+    properties: ['icon', 'value', 'placeholder', 'label', 'onInput', 'charCount', 'disabled', 'errorText', 'helperText', 'required', 'successText', 'readOnly', 'autofocus', 'placeholder', 'type', 'list', 'maxlength', 'minlength', 'pattern', 'size', 'spellcheck', 'appearance', 'shape', 'autoComplete', 'scale', 'inputMode', 'leadingActionItemsSlottedContent', 'helperText', 'value', 'charCount', 'errorText', 'successText', 'label', 'icon', '_vividAriaBehaviour', 'currentValue', 'initialValue', 'disabled', 'name', 'required', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTextField.displayName = 'VwcTextField'

package/v3/VwcToggletip/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** VwcToggletip
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/toggletip
+* @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {string | undefined} headline - the optional title of the toggletip **attribute** `headline`
 * @param {boolean} alternate - toggle color scheme **attribute** `alternate`
 * @param {Placement | undefined} placement - placement of the toggletip **attribute** `placement`
@@ -9,7 +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 | HTMLElement} anchor  **attribute** `anchor`
 */
 declare const VwcToggletip: {
     (props: {
@@ -18,11 +18,11 @@ declare const VwcToggletip: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        anchor?: any;
         headline?: string | undefined;
         alternate?: boolean | undefined;
         placement?: any;
         open?: boolean | undefined;
-        anchor?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcToggletip/index.js

@@ -301,7 +301,7 @@ registerToggletip('vvd3')
 const VwcToggletip = wrapper(`vvd3-toggletip`,  {
     events: [],
     attributes: [],
-    properties: ['headline', 'alternate', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName', 'anchor']
+    properties: ['anchor', 'headline', 'alternate', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName']
 })
 
 VwcToggletip.displayName = 'VwcToggletip'

package/v3/VwcTooltip/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** VwcTooltip
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tooltip
+* @param {string | HTMLElement} anchor  **attribute** `anchor`
 * @param {string | undefined} text - the text of the tooltip
 accepts string **attribute** `text`
 * @param {Placement | undefined} placement  **attribute** `placement`
@@ -9,7 +10,6 @@ accepts string **attribute** `text`
 * @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 | HTMLElement} anchor  **attribute** `anchor`
 */
 declare const VwcTooltip: {
     (props: {
@@ -18,10 +18,10 @@ declare const VwcTooltip: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        anchor?: any;
         text?: string | undefined;
         placement?: any;
         open?: boolean | undefined;
-        anchor?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
     }): JSX.Element;

package/v3/VwcTooltip/index.js

@@ -222,7 +222,7 @@ registerTooltip('vvd3')
 const VwcTooltip = wrapper(`vvd3-tooltip`,  {
     events: [],
     attributes: [],
-    properties: ['text', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName', 'anchor']
+    properties: ['anchor', 'text', 'placement', 'open', 'anchor', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTooltip.displayName = 'VwcTooltip'