@vonage/vivid-react 5.23.1 → 5.25.0

package/v3/VwcButton/index.d.ts

@@ -6,10 +6,10 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} type  **attribute** `type`
 * @param {boolean | undefined} icon-trailing
 * @param {string} title - Specifies extra information about the button. This information is typically used by browsers to display a tooltip. **attribute** `title`
-* @param {ButtonConnotation | undefined} connotation - The connotation the button should have. **attribute** `connotation`
-* @param {ButtonShape | undefined} shape - The shape the button should have. **attribute** `shape`
-* @param {ButtonAppearance | undefined} appearance - The appearance the button should have. **attribute** `appearance`
-* @param {ButtonSize | undefined} size - The size the button should have. **attribute** `size`
+* @param {ButtonConnotation | undefined} connotation - The connotation the Button should have. **attribute** `connotation`
+* @param {ButtonShape | undefined} shape - The shape the Button should have. **attribute** `shape`
+* @param {ButtonAppearance | undefined} appearance - The appearance the Button should have. **attribute** `appearance`
+* @param {ButtonSize | undefined} size - The size the Button should have. **attribute** `size`
 * @param {boolean} stacked - Indicates the icon is stacked. **attribute** `stacked`
 * @param {boolean} pending - Displays the button in pending state. **attribute** `pending`
 * @param {boolean} dropdownIndicator - Display a chevron to indicate that the button opens a dropdown. **attribute** `dropdown-indicator`
@@ -19,23 +19,23 @@ Sets `aria-pressed` on the button element. **attribute** `pressed`
 * @param {string | undefined} label - Indicates the button's label. **attribute** `label`
 * @param {boolean} iconTrailing - Indicates the icon affix alignment. **attribute** `icon-trailing`
 * @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
-Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
-* @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
-* @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
-* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
-* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
-* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
-* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
-* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
-* @param {'submit' | 'reset' | 'button'} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
+* @param {string | undefined} download - Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `download`
+* @param {string | undefined} href - The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `href`
+* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `hreflang`
+* @param {string | undefined} ping - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `target`
+* @param {'submit' | 'reset' | 'button'} type - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `type`
 * @param {HTMLButtonElement} control - References the root element
 * @param {boolean} autofocus - Determines if the element should receive document focus on page load. **attribute** `autofocus`
 * @param {string} formId - The id of a form to associate the element to. **attribute** `form`
-* @param {string} formaction - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formaction`
-* @param {string} formenctype - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formenctype`
-* @param {string} formmethod - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formmethod`
-* @param {boolean} formnovalidate - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formnovalidate`
-* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | <button> element for more details. **attribute** `formtarget`
+* @param {string} formaction - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formaction`
+* @param {string} formenctype - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formenctype`
+* @param {string} formmethod - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formmethod`
+* @param {boolean} formnovalidate - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formnovalidate`
+* @param {'_self' | '_blank' | '_parent' | '_top'} formtarget - See [`<button>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button) for more details. **attribute** `formtarget`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @param  currentValue
 * @param {string} initialValue - The default value of the element. This value sets the `value` property

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/index.d.ts

@@ -4,8 +4,8 @@ import React, { ReactNode } from 'react';
 * @param {Date | string | undefined} datetime - Sets the week to display **attribute** `datetime`
 * @param {'sunday' | 'monday' | undefined} startDay - Sets the first day of the week to display **attribute** `start-day`
 * @param {string | string[] | undefined | undefined} locales - Sets the locale to be displayed **attribute** `locales`
-* @param {boolean} hour12 - Displays a time in 12 hour format **attribute** `hour12`
-* @param {CalendarSticky} stickyMode - Set the `sticky-mode` attribute **attribute** `sticky-mode`
+* @param {boolean} hour12 - Displays times in 12-hour format. **attribute** `hour12`
+* @param {CalendarSticky} stickyMode - Sets which parts of the Calendar (`header`, `column`, `all`, or `none`) stay fixed in place while scrolling. **attribute** `sticky-mode`
 * @param  getEventContext - Fire an event
 * @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`.

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/index.d.ts

@@ -3,7 +3,7 @@ import React, { ReactNode } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/calendar-event
 * @param {string | undefined} heading - Sets the event heading **attribute** `heading`
 * @param {string | undefined} description - Sets the event description **attribute** `description`
-* @param {CalendarEventConnotation | undefined} connotation - Sets the first day of the week to display **attribute** `connotation`
+* @param {CalendarEventConnotation | undefined} connotation - Sets the event's connotation (color). **attribute** `connotation`
 * @param {CalendarEventAppearance | undefined} appearance - Sets the event's appearance **attribute** `appearance`
 * @param {number | undefined} overlapCount - Sets the stacking context of the event when it overlaps with another **attribute** `overlap-count`
 * @param {number | undefined} start - Sets the event start time (e.g. `14` = 2pm) **attribute** `start`

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.d.ts

@@ -7,15 +7,15 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} text - Sets the element's text. **attribute** `text`
 * @param {string | undefined} icon - Sets the element's icon. **attribute** `icon`
 * @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} elevation - Sets the element's elevation. **attribute** `elevation`
-* @param {boolean} clickableCard - Indicates whether card should be a clickable <button> element. **attribute** `clickable-card`
-* @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
-* @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
-* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
-* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
-* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
-* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
-* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
-* @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+* @param {boolean} clickableCard - Indicates whether the card should be a clickable button element. **attribute** `clickable-card`
+* @param {string | undefined} download - Prompts the user to save the linked URL. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `download`
+* @param {string | undefined} href - The URL the hyperlink references. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `href`
+* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `hreflang`
+* @param {string | undefined} ping - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `target`
+* @param {string | undefined} type - See [`<a>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a) for more information. **attribute** `type`
 * @param {HTMLAnchorElement} control - References the root element
 * @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`.

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -8,9 +8,9 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @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`
+* @param {string | null} tabindex - The tab index of the Checkbox. **attribute** `tabindex`
+* @param {CheckboxConnotation | undefined} connotation - The connotation the Checkbox should have. **attribute** `connotation`
+* @param {boolean} readOnly - When true, the control will be immutable by user interaction. See [readonly HTML attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly) for more information. **attribute** `readonly`
 * @param {boolean} indeterminate - Indicates whether a checkbox is in an indeterminate state. **attribute** `indeterminate`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`

package/v3/VwcCheckbox/package.json

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

package/v3/VwcColorPicker/index.d.ts

@@ -3,8 +3,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/color-picker
 * @param {string} placeholder - Text that appears in the input element when it has no value set **attribute** `placeholder`
 * @param {string | undefined} savedColorsKey - Sets the localStorage key used to store saved colors explicitly **attribute** `saved-colors-key`
-* @param {boolean} disableSavedColors - Disables the saving colors functionality **attribute** `disable-saved-colors`
-* @param {number} maxSwatches - Limits number of swatches that can be saved. **attribute** `max-swatches`
+* @param {boolean} disableSavedColors - Disables the save-colors functionality. **attribute** `disable-saved-colors`
+* @param {number} maxSwatches - Limits the number of swatches that can be saved. **attribute** `max-swatches`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`

package/v3/VwcColorPicker/package.json

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

package/v3/VwcCombobox/index.d.ts

@@ -6,7 +6,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {ComboboxAppearance | undefined} appearance - Sets the element's appearance **attribute** `appearance`
 * @param {ComboboxShape | undefined} shape - Sets the shape of the combobox element **attribute** `shape`
 * @param {ComboboxSize | undefined} scale - Sets the display size of the input element **attribute** `scale`
-* @param {PopupPlacement | undefined} placement - the placement of the combobox **attribute** `placement`
+* @param {PopupPlacement | undefined} placement - The placement of the Combobox. **attribute** `placement`
 * @param {boolean} fixedDropdown - Sets the position strategy of the dropdown to fixed **attribute** `fixed-dropdown`
 * @param {boolean} open - Sets the element's menu to be open **attribute** `open`
 * @param {ListboxOption[]} options - A read-only list of options.
@@ -18,7 +18,7 @@ To add HTML to the helper text, use the helper-text slot instead. **attribute**
 * @param {string | undefined} successText - Provides a custom success message. Any current error state will be overridden. **attribute** `success-text`
 * @param {string | undefined} label - The label for the form element. **attribute** `label`
 * @param {string | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
-Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
 * @param {string} value - The current value of the element. **attribute** `current-value`
 * @param  currentValue
 * @param {string} initialValue - The default value of the element. This value sets the `value` property
@@ -28,7 +28,7 @@ only when the `value` property has not been explicitly set. **attribute** `value
 * @param {boolean} required - Require the field to be completed prior to form submission. **attribute** `required`
 * @param {number} selectedIndex - The index of the selected option.
 * @param {ListboxOption[]} selectedOptions - A collection of the selected options.
-* @param  slottedOptionFilter - A static filter to include only selectable options.
+* @param  slottedOptionFilter - A static filter to include selectable options and optgroups.
 * @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

package/v3/VwcCombobox/package.json

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

package/v3/VwcContextualHelp/package.json

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

package/v3/VwcCountry/index.d.ts

@@ -1,8 +1,8 @@
 import React, { ReactNode } from 'react';
 /** VwcCountry
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/country
-* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "UK", "US"). When set, the component shows the
-matching flag (from [flag-icons](https://github.com/lipis/flag-icons)) and the code (e.g. "UK")
+* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "US", "DE"). When set, the component shows the
+matching flag (from [flag-icons](https://github.com/lipis/flag-icons)) and the code (e.g. "GB")
 automatically. **attribute** `code`
 * @param {string | undefined} label - Optional text to show instead of the country code (e.g. "Saint Helena" for "SH"). Useful for
 less familiar codes. **attribute** `label`

package/v3/VwcCountry/package.json

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

package/v3/VwcCountryGroup/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -3,12 +3,12 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
 * @param {boolean} noTabbing - Remove the grid from the tab order **attribute** `no-tabbing`
 * @param {GenerateHeaderOptions} generateHeader - Whether the grid should automatically generate a header row and its type **attribute** `generate-header`
-* @param {string} gridTemplateColumns - String that gets applied to the css gridTemplateColumns attribute of child rows **attribute** `grid-template-columns`
+* @param {string} gridTemplateColumns - String that gets applied to the CSS gridTemplateColumns attribute of child rows **attribute** `grid-template-columns`
 * @param {object[]} rowsData - Content of the grid in data format
 * @param {ColumnDefinition[] | null} columnDefinitions - Configure the grid header columns
-* @param {ViewTemplate} rowItemTemplate - Templete to use when rendering rows
-* @param {ViewTemplate | undefined} cellItemTemplate - Templete to use when rendering cells
-* @param {ViewTemplate | undefined} headerCellItemTemplate - Templete to use when rendering grid header cells
+* @param {ViewTemplate} rowItemTemplate - Template to use when rendering rows
+* @param {ViewTemplate | undefined} cellItemTemplate - Template to use when rendering cells
+* @param {ViewTemplate | undefined} headerCellItemTemplate - Template to use when rendering grid header cells
 * @param {number} focusRowIndex - Index of row to be focused on when the Data Grid receives focus
 * @param {number} focusColumnIndex - Index of column to be focused on when the Data Grid receives focus
 * @param {number | undefined} fixedColumns - Sets the number of columns fixed to the left when horizontal scrolling **attribute** `fixed-columns`

package/v3/VwcDataGrid/index.js

@@ -65,7 +65,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "string"
 },
-"description": "String that gets applied to the css gridTemplateColumns attribute of child rows"
+"description": "String that gets applied to the CSS gridTemplateColumns attribute of child rows"
 },
 {
 "kind": "field",
@@ -91,7 +91,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate"
 },
-"description": "Templete to use when rendering rows"
+"description": "Template to use when rendering rows"
 },
 {
 "kind": "field",
@@ -99,7 +99,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate | undefined"
 },
-"description": "Templete to use when rendering cells"
+"description": "Template to use when rendering cells"
 },
 {
 "kind": "field",
@@ -107,7 +107,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate | undefined"
 },
-"description": "Templete to use when rendering grid header cells"
+"description": "Template to use when rendering grid header cells"
 },
 {
 "kind": "field",
@@ -400,7 +400,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "string"
 },
-"description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
+"description": "String that gets applied to the CSS gridTemplateColumns attribute of child rows",
 "fieldName": "gridTemplateColumns"
 },
 {

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -4,14 +4,15 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean | undefined} ariaSelected
 * @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
+This will be applied to the CSS grid-column-index value
 applied to the cell **attribute** `grid-column`
 * @param {object | null} rowData - The base data for the parent row
 * @param {ColumnDefinitionExtended | null} columnDefinition - The base data for the column
-* @param {boolean} selected - Reflects selected state of the row **attribute** `selected`
+* @param {boolean} selected - Reflects the selected state of the cell. **attribute** `selected`
 * @param {string | null} ariaSelected - Indicates the selected status.
 * @param {string | null} ariaSort - Indicates the sort status.
 * @param {DataGridCellSortStates | undefined} sortDirection - Sets the sorting direction. **attribute** `sort-direction`
+* @param {DataGridConnotation | undefined} connotation - The connotation of the cell, affecting hover and selected colors. **attribute** `connotation`
 * @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
@@ -34,6 +35,7 @@ declare const VwcDataGridCell: {
         "selected"?: boolean;
         "ariaSort"?: string | null;
         "sortDirection"?: any;
+        "connotation"?: any;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;

package/v3/VwcDataGridCell/index.js

@@ -29,6 +29,7 @@ var VwcDataGridCell = require("../../index.es-CX858N60.js").g(`vvd3-data-grid-ce
 		"ariaSelected",
 		"ariaSort",
 		"sortDirection",
+		"connotation",
 		"VIVID_VERSION",
 		"componentName"
 	]

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -1,8 +1,7 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDataGridRow
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-row
-* @param {string} gridTemplateColumns - String that gets applied to the the css gridTemplateColumns attribute for the row
-x **attribute** `grid-template-columns`
+* @param {string} gridTemplateColumns - String that gets applied to the CSS gridTemplateColumns attribute for the row. **attribute** `grid-template-columns`
 * @param {DataGridRowTypes} rowType - The type of row **attribute** `row-type`
 * @param {object | null} rowData - The base data for this row
 * @param {ColumnDefinition[] | null} columnDefinitions - The column definitions of the row
@@ -10,8 +9,9 @@ x **attribute** `grid-template-columns`
 * @param {ViewTemplate | undefined} headerCellItemTemplate - The template used to render header cells in generated rows.
 * @param {number} rowIndex - The index of the row in the parent grid.
 This is typically set programmatically by the parent grid.
+* @param {DataGridConnotation | undefined} connotation - The connotation of the row, affecting hover and selected colors. **attribute** `connotation`
 * @param {string | null} ariaSelected - Indicates the selected status.
-* @param {boolean | undefined} selected - Reflects selected state of the row **attribute** `selected`
+* @param {boolean | undefined} selected - Reflects the selected state of the row. **attribute** `selected`
 * @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
@@ -32,6 +32,7 @@ declare const VwcDataGridRow: {
         "cellItemTemplate"?: any;
         "headerCellItemTemplate"?: any;
         "rowIndex"?: number;
+        "connotation"?: any;
         "ariaSelected"?: string | null;
         "selected"?: boolean | undefined;
         "VIVID_VERSION"?: string;

package/v3/VwcDataGridRow/index.js

@@ -20,6 +20,7 @@ var VwcDataGridRow = require("../../index.es-CX858N60.js").g(`vvd3-data-grid-row
 		"cellItemTemplate",
 		"headerCellItemTemplate",
 		"rowIndex",
+		"connotation",
 		"ariaSelected",
 		"selected",
 		"VIVID_VERSION",

package/v3/VwcDataGridRow/package.json

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

package/v3/VwcDatePicker/index.d.ts

@@ -6,8 +6,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string} min - The earliest accepted date. **attribute** `min`
 * @param {string} max - The latest accepted date. **attribute** `max`
 * @param {string} value - The current value of the element. **attribute** `current-value`
-* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
-* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker's input element. **attribute** `scale`
+* @param {boolean} readOnly - Whether the picker is read-only. **attribute** `readonly`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`

package/v3/VwcDatePicker/package.json

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

package/v3/VwcDateRangePicker/index.d.ts

@@ -20,8 +20,8 @@ and don't support IDL attribute binding. **attribute** `current-end`
 * @param {string} min - The earliest accepted date. **attribute** `min`
 * @param {string} max - The latest accepted date. **attribute** `max`
 * @param {string} value - The current value of the element. **attribute** `current-value`
-* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
-* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker's input element. **attribute** `scale`
+* @param {boolean} readOnly - Whether the picker is read-only. **attribute** `readonly`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`

package/v3/VwcDateRangePicker/package.json

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

package/v3/VwcDateTimePicker/index.d.ts

@@ -13,8 +13,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {number | null} secondsStep - Distance between presented seconds options. If null, seconds are not presented. **attribute** `seconds-step`
 * @param {'12h' | '24h' | undefined} clock - Forces a 12h or 24h clock to be used. **attribute** `clock`
 * @param {string} value - The current value of the element. **attribute** `current-value`
-* @param {TextFieldSize | undefined} scale - Sets the display size of the picker field input element. **attribute** `scale`
-* @param {boolean} readOnly - Whether the date-picker is readonly. **attribute** `readonly`
+* @param {TextFieldSize | undefined} scale - Sets the display size of the picker's input element. **attribute** `scale`
+* @param {boolean} readOnly - Whether the picker is read-only. **attribute** `readonly`
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`

package/v3/VwcDateTimePicker/package.json

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