@vonage/vivid-react 2.10.83 → 2.10.85

package/v3/VwcButton/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for button",
+ "description": "",
  "name": "Button",
  "cssProperties": [
   {
@@ -208,6 +208,16 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in pending state.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "active",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Displays the button in active state.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "label",
@@ -216,6 +226,69 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the button's label.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "href",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's href.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "download",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's download.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "hreflang",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's hreflang.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "ping",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's ping.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's referrerpolicy.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rel",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's rel.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+   },
+   "description": "Indicates the target's rel.",
+   "privacy": "public"
   }
  ],
  "attributes": [
@@ -276,6 +349,15 @@ Code in this file were generated using following JSON:
    "description": "Displays the button in pending state.",
    "fieldName": "pending"
   },
+  {
+   "name": "active",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Displays the button in active state.",
+   "fieldName": "active"
+  },
   {
    "name": "label",
    "type": {
@@ -283,11 +365,71 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the button's label.",
    "fieldName": "label"
+  },
+  {
+   "name": "href",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's href.",
+   "fieldName": "href"
+  },
+  {
+   "name": "download",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's download.",
+   "fieldName": "download"
+  },
+  {
+   "name": "hreflang",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's hreflang.",
+   "fieldName": "hreflang"
+  },
+  {
+   "name": "ping",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's ping.",
+   "fieldName": "ping"
+  },
+  {
+   "name": "referrerpolicy",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's referrerpolicy.",
+   "fieldName": "referrerpolicy"
+  },
+  {
+   "name": "rel",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the button's rel.",
+   "fieldName": "rel"
+  },
+  {
+   "name": "target",
+   "type": {
+    "text": "'_self' | '_blank' | '_parent' | '_top' | undefined"
+   },
+   "description": "Indicates the target's rel.",
+   "fieldName": "target"
   }
  ],
  "superclass": {
   "name": "FoundationButton",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "button"
  }
 }
 */
@@ -299,7 +441,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'label', 'icon']
+    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'active', 'label', 'href', 'download', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'icon']
 })
 
 VwcButton.displayName = 'VwcButton'

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for calendar
+/** VwcCalendar
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/calendar
 * @param {Date | string | undefined} datetime - The date within a week of choice.
 Accepts any parameter acceptable by the `Date()` constructor. **attribute** `datetime`

package/v3/VwcCalendar/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for calendar",
+ "description": "",
  "name": "Calendar",
  "slots": [
   {
@@ -194,6 +194,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "calendar"
  }
 }
 */

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for calendar-event
+/** VwcCalendarEvent
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/calendar-event
 * @param {string | undefined} heading - the heading of the event **attribute** `heading`
 * @param {string | undefined} description - the description of the event **attribute** `description`

package/v3/VwcCalendarEvent/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for calendar-event",
+ "description": "",
  "name": "CalendarEvent",
  "cssProperties": [
   {
@@ -245,6 +245,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "calendar-event"
  }
 }
 */

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for card
+/** VwcCard
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/card
 * @param {CardAppearance | undefined} appearance - The appearance the card should have. **attribute** `appearance`
 * @param {string | undefined} headline - the text of the card heading

package/v3/VwcCard/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for card",
+ "description": "",
  "name": "Card",
  "slots": [
   {
@@ -152,6 +152,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "card"
  }
 }
 */

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for checkbox
+/** VwcCheckbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/checkbox
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} tabindex  **attribute** `tabindex`

package/v3/VwcCheckbox/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for checkbox",
+ "description": "",
  "name": "Checkbox",
  "cssProperties": [
   {
@@ -57,6 +57,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-canvas-text)"
   }
  ],
+ "slots": [
+  {
+   "description": "Describes how to use the checkbox. Alternative to the `helper-text` attribute.",
+   "name": "helper-text"
+  }
+ ],
  "members": [
   {
    "kind": "field",
@@ -119,6 +125,18 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationCheckbox",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "checkbox",
+  "vueModels": [
+   {
+    "name": "modelValue",
+    "attributeName": "current-checked",
+    "eventName": "change",
+    "valueMapping": "(event.target as HTMLInputElement).checked"
+   }
+  ]
  }
 }
 */

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for combobox
+/** VwcCombobox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/combobox
 * @param {PopupPlacement | undefined} placement - the placement of the combobox
 

package/v3/VwcCombobox/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for combobox",
+ "description": "",
  "name": "Combobox",
  "cssProperties": [
   {
@@ -64,6 +64,18 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationCombobox",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "combobox",
+  "vueModels": [
+   {
+    "name": "modelValue",
+    "attributeName": "current-value",
+    "eventName": "change",
+    "valueMapping": "(event.target as HTMLInputElement).value"
+   }
+  ]
  }
 }
 */

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for data-grid
+/** VwcDataGrid
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid
 * @param {DataGridSelectionMode | undefined} selectionMode - Indicates the selection mode. **attribute** `selection-mode`
 * @param  toggleGeneratedHeader

package/v3/VwcDataGrid/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for data-grid",
+ "description": "",
  "name": "DataGrid",
  "slots": [
   {
@@ -80,7 +80,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "object"
    },
-   "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}"
+   "default": "{\n\t\thandleChange(dataGrid: DataGrid, propertyName: string) {\n\t\t\tif (propertyName === 'columnDefinitions') {\n\t\t\t\tif (dataGrid.$fastController.isConnected) {\n\t\t\t\t\t(dataGrid as any).toggleGeneratedHeader();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}"
   },
   {
    "kind": "field",
@@ -134,6 +134,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationDataGrid",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "data-grid"
  }
 }
 */

package/v3/VwcDataGrid/package.json

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

package/v3/VwcDataGridCell/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for data-grid
+/** VwcDataGridCell
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-cell
 * @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
 * @param {string | null} ariaSort - Indicates the sort status. **attribute** `aria-sort`

package/v3/VwcDataGridCell/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for data-grid",
+ "description": "",
  "name": "DataGridCell",
  "cssProperties": [
   {
@@ -20,6 +20,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-data-grid-cell-cta-primary-increment",
    "default": "var(--vvd-color-cta-600)"
   },
+  {
+   "name": "--vvd-data-grid-cell-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
   {
    "name": "--vvd-data-grid-cell-cta-faint",
    "default": "var(--vvd-color-cta-50)"
@@ -44,6 +52,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-data-grid-cell-accent-primary-increment",
    "default": "var(--vvd-color-neutral-800)"
   },
+  {
+   "name": "--vvd-data-grid-cell-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-data-grid-cell-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
   {
    "name": "--vvd-data-grid-cell-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
@@ -168,6 +184,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationDataGridCell",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "data-grid-cell"
  }
 }
 */

package/v3/VwcDataGridCell/package.json

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

package/v3/VwcDataGridRow/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for data-grid
+/** VwcDataGridRow
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/data-grid-row
 * @param {string | null} ariaSelected - Indicates the selected status. **attribute** `aria-selected`
 */

package/v3/VwcDataGridRow/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for data-grid",
+ "description": "",
  "name": "DataGridRow",
  "cssProperties": [
   {
@@ -20,10 +20,18 @@ Code in this file were generated using following JSON:
    "name": "--vvd-data-grid-row-cta-primary-increment",
    "default": "var(--vvd-color-cta-600)"
   },
+  {
+   "name": "--vvd-data-grid-row-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-data-grid-row-cta-faint",
    "default": "var(--vvd-color-cta-50)"
   },
+  {
+   "name": "--vvd-data-grid-row-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
   {
    "name": "--vvd-data-grid-row-cta-pale",
    "default": "var(--vvd-color-cta-300)"
@@ -44,10 +52,18 @@ Code in this file were generated using following JSON:
    "name": "--vvd-data-grid-row-accent-primary-increment",
    "default": "var(--vvd-color-neutral-800)"
   },
+  {
+   "name": "--vvd-data-grid-row-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
   {
    "name": "--vvd-data-grid-row-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
   },
+  {
+   "name": "--vvd-data-grid-row-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
   {
    "name": "--vvd-data-grid-row-accent-pale",
    "default": "var(--vvd-color-neutral-300)"
@@ -95,6 +111,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationDataGridRow",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "data-grid-row"
  }
 }
 */

package/v3/VwcDataGridRow/package.json

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