@vonage/vivid-react 2.10.76 → 2.10.78

package/v3/VwcAudioPlayer/index.js

@@ -0,0 +1,150 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for audio-player",
+ "name": "AudioPlayer",
+ "members": [
+  {
+   "kind": "field",
+   "name": "playButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "pauseButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "sliderAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "AudioPlayerConnotation | undefined"
+   },
+   "description": "The connotation the audio-player should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "src",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the audio-player's src.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether audio player is disabled.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "notime",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "privacy": "public",
+   "description": ""
+  }
+ ],
+ "attributes": [
+  {
+   "name": "play-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "playButtonAriaLabel"
+  },
+  {
+   "name": "pause-button-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "pauseButtonAriaLabel"
+  },
+  {
+   "name": "slider-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "sliderAriaLabel"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "AudioPlayerConnotation | undefined"
+   },
+   "description": "The connotation the audio-player should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "src",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the audio-player's src.",
+   "fieldName": "src"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether audio player is disabled.",
+   "fieldName": "disabled"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "fieldName": "notime"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerAudioPlayer } from '@vonage/vivid'
+
+registerAudioPlayer('vvd3')
+
+const VwcAudioPlayer = wrapper(`vvd3-audio-player`,  {
+    events: [],
+    attributes: [],
+    properties: ['playButtonAriaLabel', 'pauseButtonAriaLabel', 'sliderAriaLabel', 'connotation', 'src', 'disabled', 'notime']
+})
+
+VwcAudioPlayer.displayName = 'VwcAudioPlayer'
+
+export default VwcAudioPlayer

package/v3/VwcAudioPlayer/package.json

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

package/v3/VwcAvatar/index.js

@@ -32,6 +32,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-avatar-cta-soft",
    "default": "var(--vvd-color-cta-100)"
   },
+  {
+   "name": "--vvd-avatar-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
   {
    "name": "--vvd-avatar-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -55,6 +59,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-avatar-accent-soft",
    "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-avatar-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
   }
  ],
  "slots": [

package/v3/VwcAvatar/package.json

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

package/v3/VwcBadge/index.js

@@ -36,6 +36,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
   },
+  {
+   "name": "--vvd-badge-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-badge-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -64,6 +68,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-success-fierce",
    "default": "var(--vvd-color-success-700)"
   },
+  {
+   "name": "--vvd-badge-success-firm",
+   "default": "var(--vvd-color-success-600)"
+  },
   {
    "name": "--vvd-badge-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -92,6 +100,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-alert-fierce",
    "default": "var(--vvd-color-alert-700)"
   },
+  {
+   "name": "--vvd-badge-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
+  },
   {
    "name": "--vvd-badge-warning-primary",
    "default": "var(--vvd-color-warning-300)"
@@ -120,6 +132,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-warning-fierce",
    "default": "var(--vvd-color-warning-700)"
   },
+  {
+   "name": "--vvd-badge-warning-firm",
+   "default": "var(--vvd-color-warning-600)"
+  },
   {
    "name": "--vvd-badge-information-primary",
    "default": "var(--vvd-color-information-500)"
@@ -148,6 +164,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-information-fierce",
    "default": "var(--vvd-color-information-700)"
   },
+  {
+   "name": "--vvd-badge-information-firm",
+   "default": "var(--vvd-color-information-600)"
+  },
   {
    "name": "--vvd-badge-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -175,6 +195,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-badge-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-badge-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "members": [

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for banner
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/banner
+* @param {string | null} dismissButtonAriaLabel  **attribute** `dismiss-aria-label`
 * @param {string | null} role  **attribute** `role`
 * @param {string | undefined} actionHref  **attribute** `action-href`
 * @param {string | undefined} actionText  **attribute** `action-text`
@@ -16,6 +17,7 @@ declare const VwcBanner: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        dismissButtonAriaLabel?: string | null | undefined;
         role?: string | null | undefined;
         actionHref?: string | undefined;
         actionText?: string | undefined;

package/v3/VwcBanner/index.js

@@ -56,6 +56,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "dismissButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "role",
@@ -133,6 +141,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "dismiss-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "dismissButtonAriaLabel"
+  },
   {
    "name": "role",
    "type": {
@@ -198,7 +214,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
+    properties: ['dismissButtonAriaLabel', 'role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

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

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for card
 * 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
 accepts string **attribute** `headline`
 * @param {string | undefined} subtitle - the text of the card sub-heading
@@ -19,6 +20,7 @@ declare const VwcCard: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        appearance?: any;
         headline?: string | undefined;
         subtitle?: string | undefined;
         text?: string | undefined;

package/v3/VwcCard/index.js

@@ -30,6 +30,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "CardAppearance | undefined"
+   },
+   "description": "The appearance the card should have.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "headline",
@@ -91,6 +100,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "appearance",
+   "type": {
+    "text": "CardAppearance | undefined"
+   },
+   "description": "The appearance the card should have.",
+   "fieldName": "appearance"
+  },
   {
    "name": "headline",
    "type": {
@@ -146,7 +163,7 @@ registerCard('vvd3')
 const VwcCard = wrapper(`vvd3-card`,  {
     events: [],
     attributes: [],
-    properties: ['headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
+    properties: ['appearance', 'headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
 })
 
 VwcCard.displayName = 'VwcCard'

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -2,6 +2,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for checkbox
 * 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`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
 * @param {boolean} checked
 * @param {any} onClick
@@ -13,8 +14,10 @@ declare const VwcCheckbox: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
+        tabindex?: string | null | undefined;
         connotation?: any;
         checked?: boolean | undefined;
         onClick?: any;

package/v3/VwcCheckbox/index.js

@@ -66,6 +66,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "tabindex",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -76,6 +84,12 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "description": "Event that emits when the component checked state changes",
+   "name": "input"
+  }
+ ],
  "attributes": [
   {
    "name": "aria-label",
@@ -85,6 +99,14 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "ariaLabel"
   },
+  {
+   "name": "tabindex",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "tabindex"
+  },
   {
    "name": "connotation",
    "type": {
@@ -106,9 +128,9 @@ import { registerCheckbox } from '@vonage/vivid'
 registerCheckbox('vvd3')
 
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
-    events: [{"name":"change","propName":"onChange"}],
+    events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['ariaLabel', 'connotation', 'checked', 'onClick']
+    properties: ['ariaLabel', 'tabindex', 'connotation', 'checked', 'onClick']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/index.d.ts

@@ -1,7 +1,8 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for data-grid
 * 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
 */
 declare const VwcDataGrid: {
     (props: {
@@ -10,7 +11,9 @@ declare const VwcDataGrid: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onCellClick?: ((event: SyntheticEvent) => void) | undefined;
         selectionMode?: any;
+        toggleGeneratedHeader?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcDataGrid/index.js

@@ -73,6 +73,15 @@ Code in this file were generated using following JSON:
    "name": "#handleRowSelection",
    "privacy": "private"
   },
+  {
+   "kind": "field",
+   "name": "#changeHandler",
+   "privacy": "private",
+   "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}"
+  },
   {
    "kind": "field",
    "name": "#setSelectedState",
@@ -100,6 +109,16 @@ Code in this file were generated using following JSON:
      }
     }
    ]
+  },
+  {
+   "kind": "field",
+   "name": "toggleGeneratedHeader"
+  }
+ ],
+ "events": [
+  {
+   "description": "Event that fires when a cell is clicked",
+   "name": "cell-click"
   }
  ],
  "attributes": [
@@ -124,9 +143,9 @@ import { registerDataGrid } from '@vonage/vivid'
 registerDataGrid('vvd3')
 
 const VwcDataGrid = wrapper(`vvd3-data-grid`,  {
-    events: [],
+    events: [{"name":"cell-click","propName":"onCellClick"}],
     attributes: [],
-    properties: ['selectionMode']
+    properties: ['selectionMode', 'toggleGeneratedHeader']
 })
 
 VwcDataGrid.displayName = 'VwcDataGrid'