@vonage/vivid-react 2.10.98 → 3.0.0

package/v3/VwcAudioPlayer/index.js

@@ -32,6 +32,22 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "skipForwardButtonAriaLabel",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "skipBackwardButtonAriaLabel",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -50,6 +66,14 @@ Code in this file were generated using following JSON:
    "description": "Indicates the audio-player's src.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "playbackRate"
+  },
+  {
+   "kind": "method",
+   "name": "srcChanged"
+  },
   {
    "kind": "field",
    "name": "disabled",
@@ -69,6 +93,115 @@ Code in this file were generated using following JSON:
    "default": "false",
    "privacy": "public",
    "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "skipBy",
+   "type": {
+    "text": "MediaSkipBy | undefined"
+   },
+   "description": "Allows the audio to skip back or forward",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "playbackRates",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "description": "Sets the available playback rates. When an empty string, no choices will be available",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "paused",
+   "type": {
+    "text": "boolean"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "duration"
+  },
+  {
+   "kind": "field",
+   "name": "currentTime"
+  },
+  {
+   "kind": "field",
+   "name": "#sliderEl",
+   "privacy": "private",
+   "type": {
+    "text": "Slider | null"
+   },
+   "readonly": true
+  },
+  {
+   "kind": "field",
+   "name": "#playerEl",
+   "privacy": "private",
+   "default": "new Audio()"
+  },
+  {
+   "kind": "method",
+   "name": "play"
+  },
+  {
+   "kind": "method",
+   "name": "pause"
+  },
+  {
+   "kind": "method",
+   "name": "#setSliderInteractionListeners",
+   "parameters": [
+    {
+     "name": "add",
+     "default": "true"
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#pausedChanged",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#currentTimeChanged",
+   "privacy": "private",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "#updateProgress",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#updateTotalTime",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#dragInterval",
+   "privacy": "private",
+   "type": {
+    "text": "number | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#updateCurrentTimeOnSliderChange",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#setPausedState",
+   "privacy": "private"
   }
  ],
  "attributes": [
@@ -96,6 +229,22 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "sliderAriaLabel"
   },
+  {
+   "name": "skip-forward-aria-label",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null",
+   "fieldName": "skipForwardButtonAriaLabel"
+  },
+  {
+   "name": "skip-backward-aria-label",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null",
+   "fieldName": "skipBackwardButtonAriaLabel"
+  },
   {
    "name": "connotation",
    "type": {
@@ -126,6 +275,23 @@ Code in this file were generated using following JSON:
    },
    "default": "false",
    "fieldName": "notime"
+  },
+  {
+   "name": "skip-by",
+   "type": {
+    "text": "MediaSkipBy | undefined"
+   },
+   "description": "Allows the audio to skip back or forward",
+   "fieldName": "skipBy"
+  },
+  {
+   "name": "playback-rates",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "description": "Sets the available playback rates. When an empty string, no choices will be available",
+   "fieldName": "playbackRates"
   }
  ],
  "superclass": {
@@ -146,7 +312,7 @@ registerAudioPlayer('vvd3')
 const VwcAudioPlayer = wrapper(`vvd3-audio-player`,  {
     events: [],
     attributes: [],
-    properties: ['playButtonAriaLabel', 'pauseButtonAriaLabel', 'sliderAriaLabel', 'connotation', 'src', 'disabled', 'notime']
+    properties: ['playButtonAriaLabel', 'pauseButtonAriaLabel', 'sliderAriaLabel', 'skipForwardButtonAriaLabel', 'skipBackwardButtonAriaLabel', 'connotation', 'src', 'playbackRate', 'disabled', 'notime', 'skipBy', 'playbackRates', 'paused', 'duration', 'currentTime']
 })
 
 VwcAudioPlayer.displayName = 'VwcAudioPlayer'

package/v3/VwcAudioPlayer/package.json

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

package/v3/VwcAvatar/package.json

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

package/v3/VwcBadge/index.js

@@ -168,6 +168,38 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-information-firm-all",
    "default": "var(--vvd-color-information-600)"
   },
+  {
+   "name": "--vvd-badge-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-badge-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-announcement-intermediate",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-badge-announcement-soft",
+   "default": "var(--vvd-color-announcement-100)"
+  },
+  {
+   "name": "--vvd-badge-announcement-contrast",
+   "default": "var(--vvd-color-announcement-800)"
+  },
+  {
+   "name": "--vvd-badge-announcement-pale",
+   "default": "var(--vvd-color-announcement-300)"
+  },
+  {
+   "name": "--vvd-badge-announcement-fierce",
+   "default": "var(--vvd-color-announcement-700)"
+  },
+  {
+   "name": "--vvd-badge-announcement-firm-all",
+   "default": "var(--vvd-color-announcement-600)"
+  },
   {
    "name": "--vvd-badge-accent-primary",
    "default": "var(--vvd-color-canvas-text)"

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.d.ts

@@ -7,7 +7,7 @@ import React, { ReactNode } from 'react';
 * @param {string | undefined} actionHref  **attribute** `action-href`
 * @param {string | undefined} actionText  **attribute** `action-text`
 * @param {boolean} removable  **attribute** `removable`
-* @param {any} ariaLive  **attribute** `aria-live`
+* @param {string | null} ariaLive  **attribute** `aria-live`
 * @param {string | undefined} text  **attribute** `text`
 * @param {BannerConnotation | undefined} connotation  **attribute** `connotation`
 */
@@ -23,7 +23,7 @@ declare const VwcBanner: {
         actionHref?: string | undefined;
         actionText?: string | undefined;
         removable?: boolean | undefined;
-        ariaLive?: any;
+        ariaLive?: string | null | undefined;
         text?: string | undefined;
         connotation?: any;
     }): JSX.Element;

package/v3/VwcBanner/index.js

@@ -102,7 +102,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "ariaLive",
    "type": {
-    "text": "any"
+    "text": "string | null"
    }
   },
   {
@@ -185,7 +185,7 @@ Code in this file were generated using following JSON:
   {
    "name": "aria-live",
    "type": {
-    "text": "any"
+    "text": "string | null"
    },
    "fieldName": "ariaLive"
   },

package/v3/VwcBanner/package.json

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

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/index.js

@@ -40,6 +40,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-cta-faint",
    "default": "var(--vvd-color-cta-50)"
   },
+  {
+   "name": "--vvd-button-cta-fierce-primary",
+   "default": "var(--vvd-color-cta-700)"
+  },
   {
    "name": "--vvd-button-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -72,6 +76,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-success-faint",
    "default": "var(--vvd-color-success-50)"
   },
+  {
+   "name": "--vvd-button-success-fierce-primary",
+   "default": "var(--vvd-color-success-700)"
+  },
   {
    "name": "--vvd-button-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -104,6 +112,46 @@ Code in this file were generated using following JSON:
    "name": "--vvd-button-alert-faint",
    "default": "var(--vvd-color-alert-50)"
   },
+  {
+   "name": "--vvd-button-alert-fierce-primary",
+   "default": "var(--vvd-color-alert-700)"
+  },
+  {
+   "name": "--vvd-button-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-button-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-button-announcement-primary-increment",
+   "default": "var(--vvd-color-announcement-600)"
+  },
+  {
+   "name": "--vvd-button-announcement-contrast",
+   "default": "var(--vvd-color-announcement-800)"
+  },
+  {
+   "name": "--vvd-button-announcement-fierce",
+   "default": "var(--vvd-color-announcement-700)"
+  },
+  {
+   "name": "--vvd-button-announcement-firm",
+   "default": "var(--vvd-color-announcement-600)"
+  },
+  {
+   "name": "--vvd-button-announcement-soft",
+   "default": "var(--vvd-color-announcement-100)"
+  },
+  {
+   "name": "--vvd-button-announcement-faint",
+   "default": "var(--vvd-color-announcement-50)"
+  },
+  {
+   "name": "--vvd-button-announcement-fierce-primary",
+   "default": "var(--vvd-color-announcement-700)"
+  },
   {
    "name": "--vvd-button-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -135,6 +183,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-button-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-button-accent-fierce-primary",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

@@ -14,8 +14,8 @@ 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;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
         tabindex?: string | null | undefined;
         connotation?: any;

package/v3/VwcCheckbox/index.js

@@ -92,7 +92,17 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
-   "description": "Event that emits when the component checked state changes",
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Emitted when the checked state changes.",
+   "name": "change"
+  },
+  {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
+   "description": "Emitted when the checked state changes.",
    "name": "input"
   }
  ],
@@ -132,7 +142,7 @@ Code in this file were generated using following JSON:
   "vueModels": [
    {
     "name": "modelValue",
-    "attributeName": "current-checked",
+    "attributeName": "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.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcCombobox/index.d.ts

@@ -1,9 +1,11 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcCombobox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/combobox
+* @param {ComboboxAppearance | undefined} appearance - The appearance attribute. **attribute** `appearance`
 * @param {PopupPlacement | undefined} placement - the placement of the combobox
 
 HTML Attribute: string **attribute** `placement`
+* @param {boolean} fixedDropdown - Whether the dropdown is using a fixed positioning strategy. **attribute** `fixed-dropdown`
 * @param {Popup} _popup
 * @param {HTMLElement} _anchor
 */
@@ -15,7 +17,9 @@ declare const VwcCombobox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        appearance?: any;
         placement?: any;
+        fixedDropdown?: boolean | undefined;
         _popup?: any;
         _anchor?: any;
     }): JSX.Element;