@vonage/vivid-react 5.23.0 → 5.24.0

package/types/index.d.ts

@@ -13,6 +13,7 @@ declare namespace JSX {
             "expanded": boolean;
             "id": string;
             "heading": string | undefined;
+            "secondary-text": string | undefined;
             "no-indicator": boolean;
             "meta": string | undefined;
             "size": AccordionItemSize | undefined;
@@ -255,10 +256,12 @@ declare namespace JSX {
             "grid-column": string;
             "selected": boolean;
             "sort-direction": DataGridCellSortStates | undefined;
+            "connotation": DataGridConnotation | undefined;
         }>;
         "vvd3-data-grid-row": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "grid-template-columns": string;
             "row-type": DataGridRowTypes;
+            "connotation": DataGridConnotation | undefined;
             "selected": boolean | undefined;
         }>;
         "vvd3-date-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
@@ -324,6 +327,7 @@ declare namespace JSX {
             "call-active": boolean;
             "no-call": boolean;
             "no-input": boolean;
+            "no-letters": boolean;
             "size": DialPadSize | undefined;
             "end-call-button-label": | string
 		| null;
@@ -566,6 +570,9 @@ declare namespace JSX {
             "disabled": boolean;
             "name": string;
             "required": boolean;
+        }>;
+        "vvd3-optgroup": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
         }>;
         "vvd3-option-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "shape": OptionTagShape | undefined;

package/v3/VwcAccordion/package.json

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

package/v3/VwcAccordionItem/index.d.ts

@@ -7,6 +7,7 @@ heading element. **attribute** `heading-level`
 * @param {boolean} expanded - Expands or collapses the item. **attribute** `expanded`
 * @param {string} id - The item ID **attribute** `id`
 * @param {string | undefined} heading  **attribute** `heading`
+* @param {string | undefined} secondaryText - Optional supporting text shown below the heading text. **attribute** `secondary-text`
 * @param {boolean} noIndicator - Indicates whether the accordion-item has indicator **attribute** `no-indicator`
 * @param {string | undefined} meta  **attribute** `meta`
 * @param {AccordionItemSize | undefined} size - The size the accordion-item should have. **attribute** `size`
@@ -30,6 +31,7 @@ declare const VwcAccordionItem: {
         "expanded"?: boolean;
         "id"?: string;
         "heading"?: string | undefined;
+        "secondaryText"?: string | undefined;
         "noIndicator"?: boolean;
         "meta"?: string | undefined;
         "size"?: any;

package/v3/VwcAccordionItem/index.js

@@ -18,6 +18,7 @@ var VwcAccordionItem = require_index_es.g(`vvd3-accordion-item`, {
 		"expanded",
 		"id",
 		"heading",
+		"secondaryText",
 		"noIndicator",
 		"meta",
 		"size",

package/v3/VwcAccordionItem/package.json

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

package/v3/VwcActionGroup/package.json

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

package/v3/VwcAlert/package.json

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

package/v3/VwcAriaBindingDirective/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-aria-binding-directive",
-  "version": "5.23.0",
+  "version": "5.24.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.23.0"
+    "@vonage/vivid": "5.24.0"
   }
 }

package/v3/VwcAudioPlayer/package.json

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

package/v3/VwcAvatar/package.json

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

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/package.json

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

package/v3/VwcBaseProgress/package.json

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

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/package.json

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

package/v3/VwcColorPicker/package.json

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

package/v3/VwcCombobox/index.d.ts

@@ -6,13 +6,12 @@ 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
-
-HTML Attribute: string **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.
-* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user. **attribute** `placeholder`
+* @param {string} placeholder - Sets the placeholder value of the element, generally used to provide a hint to the user.
+Using this attribute is not a valid substitute for a labeling element. **attribute** `placeholder`
 * @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`
@@ -29,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.0",
+  "version": "5.24.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.23.0"
+    "@vonage/vivid": "5.24.0"
   }
 }

package/v3/VwcContextualHelp/package.json

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

package/v3/VwcCountry/package.json

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

package/v3/VwcCountryGroup/package.json

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

package/v3/VwcDataGrid/index.js

@@ -45,8 +45,7 @@ Code in this file were generated using following JSON:
 "text": "boolean"
 },
 "default": "false",
-"description": "Remove the grid from the tab order",
-"privacy": "public"
+"description": "Remove the grid from the tab order"
 },
 {
 "kind": "method",
@@ -58,8 +57,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "GenerateHeaderOptions"
 },
-"description": "Whether the grid should automatically generate a header row and its type",
-"privacy": "public"
+"description": "Whether the grid should automatically generate a header row and its type"
 },
 {
 "kind": "field",
@@ -67,8 +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",
-"privacy": "public"
+"description": "String that gets applied to the css gridTemplateColumns attribute of child rows"
 },
 {
 "kind": "field",
@@ -77,8 +74,7 @@ Code in this file were generated using following JSON:
 "text": "object[]"
 },
 "default": "[]",
-"description": "Content of the grid in data format",
-"privacy": "public"
+"description": "Content of the grid in data format"
 },
 {
 "kind": "field",
@@ -87,8 +83,7 @@ Code in this file were generated using following JSON:
 "text": "ColumnDefinition[] | null"
 },
 "default": "null",
-"description": "Configure the grid header columns",
-"privacy": "public"
+"description": "Configure the grid header columns"
 },
 {
 "kind": "field",
@@ -96,8 +91,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate"
 },
-"description": "Templete to use when rendering rows",
-"privacy": "public"
+"description": "Templete to use when rendering rows"
 },
 {
 "kind": "field",
@@ -105,8 +99,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate | undefined"
 },
-"description": "Templete to use when rendering cells",
-"privacy": "public"
+"description": "Templete to use when rendering cells"
 },
 {
 "kind": "field",
@@ -114,8 +107,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "ViewTemplate | undefined"
 },
-"description": "Templete to use when rendering grid header cells",
-"privacy": "public"
+"description": "Templete to use when rendering grid header cells"
 },
 {
 "kind": "field",
@@ -124,8 +116,7 @@ Code in this file were generated using following JSON:
 "text": "number"
 },
 "default": "0",
-"description": "Index of row to be focused on when the Data Grid receives focus",
-"privacy": "public"
+"description": "Index of row to be focused on when the Data Grid receives focus"
 },
 {
 "kind": "field",
@@ -134,8 +125,7 @@ Code in this file were generated using following JSON:
 "text": "number"
 },
 "default": "0",
-"description": "Index of column to be focused on when the Data Grid receives focus",
-"privacy": "public"
+"description": "Index of column to be focused on when the Data Grid receives focus"
 },
 {
 "kind": "field",
@@ -143,8 +133,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "number | undefined"
 },
-"description": "Sets the number of columns fixed to the left when horizontal scrolling",
-"privacy": "public"
+"description": "Sets the number of columns fixed to the left when horizontal scrolling"
 },
 {
 "kind": "field",
@@ -289,8 +278,7 @@ Code in this file were generated using following JSON:
 "type": {
 "text": "DataGridSelectionMode | undefined"
 },
-"description": "Set the selection mode",
-"privacy": "public"
+"description": "Set the selection mode"
 },
 {
 "kind": "field",

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -12,6 +12,7 @@ applied to the cell **attribute** `grid-column`
 * @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.0",
+  "version": "5.24.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.23.0"
+    "@vonage/vivid": "5.24.0"
   }
 }

package/v3/VwcDataGridRow/index.d.ts

@@ -10,6 +10,7 @@ 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 {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
@@ -32,6 +33,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.0",
+  "version": "5.24.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.23.0"
+    "@vonage/vivid": "5.24.0"
   }
 }

package/v3/VwcDatePicker/package.json

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