@vonage/vivid-react 5.24.0 → 5.27.0

package/v3/VwcDataGrid/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDataGrid/index.js
 /*
 Code in this file were generated using following JSON:
@@ -65,7 +64,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 +90,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 +98,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 +106,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 +399,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.24.0",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.0"
   }
 }

package/v3/VwcDataGridCell/index.d.ts

@@ -4,11 +4,11 @@ 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`

package/v3/VwcDataGridCell/index.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 //#region dist/v3/VwcDataGridCell/index.js
-var VwcDataGridCell = require("../../index.es-CX858N60.js").g(`vvd3-data-grid-cell`, {
+var VwcDataGridCell = require("../../index.es-CjR6v8ME.js").g(`vvd3-data-grid-cell`, {
 	events: [
 		{
 			"name": "cell-focused",

package/v3/VwcDataGridCell/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-cell",
-  "version": "5.24.0",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.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
@@ -12,7 +11,7 @@ x **attribute** `grid-template-columns`
 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

package/v3/VwcDataGridRow/index.js

@@ -3,7 +3,7 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 //#region dist/v3/VwcDataGridRow/index.js
-var VwcDataGridRow = require("../../index.es-CX858N60.js").g(`vvd3-data-grid-row`, {
+var VwcDataGridRow = require("../../index.es-CjR6v8ME.js").g(`vvd3-data-grid-row`, {
 	events: [{
 		"name": "row-focused",
 		"propName": "onRowFocused"

package/v3/VwcDataGridRow/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-data-grid-row",
-  "version": "5.24.0",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.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/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDatePicker/index.js
 (0, require("@vonage/vivid").registerDatePicker)("vvd3");
 var VwcDatePicker = require_index_es.g(`vvd3-date-picker`, {

package/v3/VwcDatePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-picker",
-  "version": "5.24.0",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.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/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDateRangePicker/index.js
 (0, require("@vonage/vivid").registerDateRangePicker)("vvd3");
 var VwcDateRangePicker = require_index_es.g(`vvd3-date-range-picker`, {

package/v3/VwcDateRangePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-date-range-picker",
-  "version": "5.24.0",
+  "version": "5.27.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "5.24.0"
+    "@vonage/vivid": "5.27.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/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDateTimePicker/index.js
 (0, require("@vonage/vivid").registerDateTimePicker)("vvd3");
 var VwcDateTimePicker = require_index_es.g(`vvd3-date-time-picker`, {

package/v3/VwcDateTimePicker/package.json

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

package/v3/VwcDialPad/index.d.ts

@@ -18,7 +18,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | null} deleteAriaLabel - The aria-label for the delete button **attribute** `delete-aria-label`
 * @param {boolean} autofocus - Indicates that an element should be focused on page load, or when the Dialog that it is part of
 is displayed. When `no-input` attribute is specified, it will be the first digit button.
-Otherwise, the text field will be focused.` **attribute** `autofocus`
+Otherwise, the text field will be focused. **attribute** `autofocus`
 * @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/VwcDialPad/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDialPad/index.js
 (0, require("@vonage/vivid").registerDialPad)("vvd3");
 var VwcDialPad = require_index_es.g(`vvd3-dial-pad`, {

package/v3/VwcDialPad/package.json

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

package/v3/VwcDialog/index.d.ts

@@ -1,21 +1,22 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcDialog
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/dialog
-* @param {boolean} open - Sets the element's to be opened **attribute** `open`
-* @param {string | undefined} icon  **attribute** `icon`
-* @param {IconPlacement | undefined} iconPlacement  **attribute** `icon-placement`
-* @param {string | undefined} subtitle  **attribute** `subtitle`
-* @param {string | undefined} headline  **attribute** `headline`
-* @param {boolean} fullWidthBody  **attribute** `full-width-body`
+* @param {boolean} open - Sets whether the Dialog is open. **attribute** `open`
+* @param {string | undefined} icon - A decorative icon the Dialog should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons. **attribute** `icon`
+* @param {IconPlacement | undefined} iconPlacement - Controls the placement of the icon relative to the headline. **attribute** `icon-placement`
+* @param {string | undefined} subtitle - An optional subtitle for the Dialog. **attribute** `subtitle`
+* @param {string | undefined} headline - The headline for the Dialog. **attribute** `headline`
+* @param {boolean} fullWidthBody - Removes the body's inline padding. Use when embedding components such as Progress or Tabs in the Dialog's body. **attribute** `full-width-body`
 * @param {| string
-        | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
-* @param {boolean} noLightDismiss - prevent a modal dialog from being dismissed by clicking outside of it. **attribute** `no-light-dismiss`
-* @param {boolean} noDismissOnEsc - prevent a modal dialog from being dismissed by pressing esc **attribute** `no-dismiss-on-esc`
-* @param {boolean} noDismissButton - Remove the element's dismiss button **attribute** `no-dismiss-button`
-* @param {boolean} nonDismissible - combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button` **attribute** `non-dismissible`
-* @param {boolean} modal - Sets the element's to be opened **attribute** `modal`
-* @param {boolean} scrollableBody - Makes only the element's content area between the header and footer scrollable **attribute** `scrollable-body`
-* @param {string} returnValue
+        | null} dismissButtonAriaLabel - Overrides the dismiss button's accessible name. Defaults to a localized version of "close". **attribute** `dismiss-button-aria-label`
+* @param {boolean} noLightDismiss - Prevents a modal Dialog from being dismissed by clicking outside of it. **attribute** `no-light-dismiss`
+* @param {boolean} noDismissOnEsc - Prevents a modal Dialog from being dismissed by pressing Escape. **attribute** `no-dismiss-on-esc`
+* @param {boolean} noDismissButton - Removes the Dialog's dismiss button. **attribute** `no-dismiss-button`
+* @param {boolean} nonDismissible - Combines `no-light-dismiss`, `no-dismiss-on-esc`, and `no-dismiss-button`. **attribute** `non-dismissible`
+* @param {boolean} modal - Sets the Dialog to be modal. **attribute** `modal`
+* @param {boolean} scrollableBody - Makes only the Dialog's content area between the header and footer scrollable, instead of the whole Dialog. **attribute** `scrollable-body`
+* @param {string} returnValue - Gets or sets the Dialog's return value, often used to indicate which button the user pressed to close it.
 * @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/VwcDialog/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDialog/index.js
 (0, require("@vonage/vivid").registerDialog)("vvd3");
 var VwcDialog = require_index_es.g(`vvd3-dialog`, {

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcDivider/index.js
 (0, require("@vonage/vivid").registerDivider)("vvd3");
 var VwcDivider = require_index_es.g(`vvd3-divider`, {

package/v3/VwcDivider/package.json

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

package/v3/VwcEmptyState/index.d.ts

@@ -3,11 +3,11 @@ import React, { ReactNode } from 'react';
 * 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 button should have. **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 - A decorative icon the Empty State should have. See the [Vivid Icon
-Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
-* @param {EmptyStateIconDecoration | undefined} iconDecoration - Has no effect on the component **attribute** `icon-decoration`
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s. **attribute** `icon`
+* @param {EmptyStateIconDecoration | undefined} iconDecoration - Has no effect on the component. **attribute** `icon-decoration`
 * @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/VwcEmptyState/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcEmptyState/index.js
 (0, require("@vonage/vivid").registerEmptyState)("vvd3");
 var VwcEmptyState = require_index_es.g(`vvd3-empty-state`, {

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.d.ts

@@ -6,14 +6,14 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} label - Indicates the Fab'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`
+Gallery](/icons/icons-gallery/) for available icons and their names. **attribute** `icon`
 * @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 {'submit' | 'reset' | 'button'} type - The button type. **attribute** `type`
 * @param {HTMLButtonElement} control
 * @param {string} value - The current value of the element. **attribute** `current-value`

package/v3/VwcFab/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcFab/index.js
 (0, require("@vonage/vivid").registerFab)("vvd3");
 var VwcFab = require_index_es.g(`vvd3-fab`, {

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcFilePicker/index.js
 (0, require("@vonage/vivid").registerFilePicker)("vvd3");
 var VwcFilePicker = require_index_es.g(`vvd3-file-picker`, {

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFlag/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 /** VwcFlag
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/flag
-* @param {string | undefined} code - ISO 3166-1 alpha-2 country code (e.g. "GB", "UK", "US"). When set, the component shows the
+* @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 the Vivid/Vonage icon set). **attribute** `code`
 * @param {string | undefined} label - Provides a (screen reader only) descriptive label for the flag. **attribute** `label`
 * @param {| -6
@@ -15,7 +15,7 @@ matching flag (from the Vivid/Vonage icon set). **attribute** `code`
         | 2
         | 3
         | 4
-        | 5 | undefined} size - Controls the rendered size. Uses the same scale and behavior as `Icon.size`. **attribute** `size`
+        | 5 | undefined} size - Controls the rendered size. Uses the same scale and behavior as the [Icon](/components/icon/) component's `size`. **attribute** `size`
 * @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/VwcFlag/index.js

@@ -2,8 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../chunk-KmRHZBOW.js");
-const require_index_es = require("../../index.es-CX858N60.js");
+const require_index_es = require("../../index.es-CjR6v8ME.js");
 //#region dist/v3/VwcFlag/index.js
 (0, require("@vonage/vivid").registerFlag)("vvd3");
 var VwcFlag = require_index_es.g(`vvd3-flag`, {

package/v3/VwcFlag/package.json

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

package/v3/{VwcFeedbackMessage → VwcFormField}/index.d.ts

@@ -1,22 +1,24 @@
 import React, { ReactNode } from 'react';
-/** Renders a feedback message of the given type. When type='none', nothing is rendered.
-* For more info on this Vivid element please visit https://vivid.deno.dev/components/feedback-message
-* @param {FeedbackType} type  **attribute** `type`
+/** VwcFormField
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-field
+* @param {FormFieldState | undefined} state - Controls the connotation of the `message` slot (and its icon), mirroring
+the error/success states of built-in form elements. Leave unset for a
+neutral/helper message. **attribute** `state`
 * @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
 */
-declare const VwcFeedbackMessage: {
+declare const VwcFormField: {
     (props: {
         children?: ReactNode;
         slot?: string;
         id?: string;
         style?: React.CSSProperties;
         ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-        "type"?: any;
+        "state"?: any;
         "VIVID_VERSION"?: string;
         "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };
-export default VwcFeedbackMessage;
+export default VwcFormField;

package/v3/VwcFormField/index.js

@@ -0,0 +1,19 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_index_es = require("../../index.es-CjR6v8ME.js");
+//#region dist/v3/VwcFormField/index.js
+(0, require("@vonage/vivid").registerFormField)("vvd3");
+var VwcFormField = require_index_es.g(`vvd3-form-field`, {
+	events: [],
+	attributes: [],
+	properties: [
+		"state",
+		"VIVID_VERSION",
+		"componentName"
+	]
+});
+VwcFormField.displayName = "VwcFormField";
+//#endregion
+exports.default = VwcFormField;