@vonage/vivid-react 2.10.83 → 2.10.85

package/v3/VwcAppearanceUi/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for appearance-ui",
+ "description": "",
  "name": "AppearanceUi",
  "cssProperties": [
   {
@@ -44,6 +44,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-cta-firm",
    "default": "var(--vvd-color-cta-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-cta-firm-all",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-appearanceUI-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
@@ -92,6 +96,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-success-firm",
    "default": "var(--vvd-color-success-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-success-firm-all",
+   "default": "var(--vvd-color-success-600)"
+  },
   {
    "name": "--vvd-appearanceUI-success-fierce",
    "default": "var(--vvd-color-success-700)"
@@ -140,6 +148,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-alert-firm",
    "default": "var(--vvd-color-alert-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-alert-firm-all",
+   "default": "var(--vvd-color-alert-600)"
+  },
   {
    "name": "--vvd-appearanceUI-alert-fierce",
    "default": "var(--vvd-color-alert-700)"
@@ -188,6 +200,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-warning-firm",
    "default": "var(--vvd-color-warning-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-warning-firm-all",
+   "default": "var(--vvd-color-warning-600)"
+  },
   {
    "name": "--vvd-appearanceUI-warning-fierce",
    "default": "var(--vvd-color-warning-700)"
@@ -236,6 +252,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-information-firm",
    "default": "var(--vvd-color-information-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-information-firm-all",
+   "default": "var(--vvd-color-information-600)"
+  },
   {
    "name": "--vvd-appearanceUI-information-fierce",
    "default": "var(--vvd-color-information-700)"
@@ -284,6 +304,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-announcement-firm",
    "default": "var(--vvd-color-announcement-600)"
   },
+  {
+   "name": "--vvd-appearanceUI-announcement-firm-all",
+   "default": "var(--vvd-color-announcement-600)"
+  },
   {
    "name": "--vvd-appearanceUI-announcement-fierce",
    "default": "var(--vvd-color-announcement-700)"
@@ -332,6 +356,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
   },
+  {
+   "name": "--vvd-appearanceUI-accent-firm-all",
+   "default": "var(--vvd-color-neutral-600)"
+  },
   {
    "name": "--vvd-appearanceUI-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
@@ -481,6 +509,9 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "name": "appearance-ui"
  }
 }
 */

package/v3/VwcAppearanceUi/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-appearance-ui",
-  "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/VwcAudioPlayer/index.d.ts

@@ -1,8 +1,10 @@
 import React, { ReactNode } from 'react';
-/** Base class for audio-player
+/** VwcAudioPlayer
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/audio-player
-* @param {string | null} playButtonAriaLabel  **attribute** `play-button-aria-label`
-* @param {string | null} pauseButtonAriaLabel  **attribute** `pause-button-aria-label`
+* @param {| string
+        | null} playButtonAriaLabel  **attribute** `play-button-aria-label`
+* @param {| string
+        | null} pauseButtonAriaLabel  **attribute** `pause-button-aria-label`
 * @param {string | null} sliderAriaLabel  **attribute** `slider-aria-label`
 * @param {AudioPlayerConnotation | undefined} connotation - The connotation the audio-player should have. **attribute** `connotation`
 * @param {string | undefined} src - Indicates the audio-player's src. **attribute** `src`
@@ -16,8 +18,8 @@ declare const VwcAudioPlayer: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        playButtonAriaLabel?: string | null | undefined;
-        pauseButtonAriaLabel?: string | null | undefined;
+        playButtonAriaLabel?: any;
+        pauseButtonAriaLabel?: any;
         sliderAriaLabel?: string | null | undefined;
         connotation?: any;
         src?: string | undefined;

package/v3/VwcAudioPlayer/index.js

@@ -5,14 +5,14 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for audio-player",
+ "description": "",
  "name": "AudioPlayer",
  "members": [
   {
    "kind": "field",
    "name": "playButtonAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null"
   },
@@ -20,7 +20,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "pauseButtonAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null"
   },
@@ -75,7 +75,7 @@ Code in this file were generated using following JSON:
   {
    "name": "play-button-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "fieldName": "playButtonAriaLabel"
@@ -83,7 +83,7 @@ Code in this file were generated using following JSON:
   {
    "name": "pause-button-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "fieldName": "pauseButtonAriaLabel"
@@ -131,6 +131,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "audio-player"
  }
 }
 */

package/v3/VwcAudioPlayer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-audio-player",
-  "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/VwcAvatar/index.js

@@ -20,6 +20,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-avatar-cta-firm",
    "default": "var(--vvd-color-cta-600)"
   },
+  {
+   "name": "--vvd-avatar-cta-firm-all",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-avatar-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
@@ -48,6 +52,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-avatar-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
   },
+  {
+   "name": "--vvd-avatar-accent-firm-all",
+   "default": "var(--vvd-color-neutral-600)"
+  },
   {
    "name": "--vvd-avatar-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
@@ -180,6 +188,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "avatar"
  }
 }
 */

package/v3/VwcAvatar/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-avatar",
-  "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/VwcBadge/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for badge
+/** VwcBadge
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/badge
 * @param {BadgeConnotation | undefined} connotation - The connotation the badge should have. **attribute** `connotation`
 * @param {BadgeShape | undefined} shape - The shape the badge should have. **attribute** `shape`

package/v3/VwcBadge/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for badge",
+ "description": "",
  "name": "Badge",
  "cssProperties": [
   {
@@ -37,7 +37,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-cta-700)"
   },
   {
-   "name": "--vvd-badge-cta-firm",
+   "name": "--vvd-badge-cta-firm-all",
    "default": "var(--vvd-color-cta-600)"
   },
   {
@@ -69,7 +69,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-success-700)"
   },
   {
-   "name": "--vvd-badge-success-firm",
+   "name": "--vvd-badge-success-firm-all",
    "default": "var(--vvd-color-success-600)"
   },
   {
@@ -101,7 +101,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-alert-700)"
   },
   {
-   "name": "--vvd-badge-alert-firm",
+   "name": "--vvd-badge-alert-firm-all",
    "default": "var(--vvd-color-alert-600)"
   },
   {
@@ -133,7 +133,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-warning-700)"
   },
   {
-   "name": "--vvd-badge-warning-firm",
+   "name": "--vvd-badge-warning-firm-all",
    "default": "var(--vvd-color-warning-600)"
   },
   {
@@ -165,7 +165,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-information-700)"
   },
   {
-   "name": "--vvd-badge-information-firm",
+   "name": "--vvd-badge-information-firm-all",
    "default": "var(--vvd-color-information-600)"
   },
   {
@@ -197,8 +197,8 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-700)"
   },
   {
-   "name": "--vvd-badge-accent-firm",
-   "default": "var(--vvd-color-canvas-text)"
+   "name": "--vvd-badge-accent-firm-all",
+   "default": "var(--vvd-color-neutral-600)"
   }
  ],
  "slots": [
@@ -282,6 +282,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "badge"
  }
 }
 */

package/v3/VwcBadge/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-badge",
-  "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/VwcBanner/index.d.ts

@@ -1,7 +1,8 @@
 import React, { ReactNode } from 'react';
-/** Base class for banner
+/** VwcBanner
 * 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} 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`
@@ -17,7 +18,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;
+        dismissButtonAriaLabel?: any;
         role?: string | null | undefined;
         actionHref?: string | undefined;
         actionText?: string | undefined;

package/v3/VwcBanner/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for banner",
+ "description": "",
  "name": "Banner",
  "cssProperties": [
   {
@@ -64,7 +64,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "dismissButtonAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null"
   },
@@ -148,7 +148,7 @@ Code in this file were generated using following JSON:
   {
    "name": "dismiss-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "fieldName": "dismissButtonAriaLabel"
@@ -207,6 +207,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "banner"
  }
 }
 */

package/v3/VwcBanner/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-banner",
-  "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/VwcBreadcrumb/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for breadcrumb
+/** VwcBreadcrumb
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/breadcrumb
 
 */

package/v3/VwcBreadcrumb/index.js

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

package/v3/VwcBreadcrumb/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb",
-  "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/VwcBreadcrumbItem/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-/** Base class for breadcrumb-item
+/** VwcBreadcrumbItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/breadcrumb-item
 * @param {string | undefined} text  **attribute** `text`
 */

package/v3/VwcBreadcrumbItem/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for breadcrumb-item",
+ "description": "",
  "name": "BreadcrumbItem",
  "members": [
   {
@@ -28,6 +28,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FastBreadcrumbItem",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "breadcrumb-item"
  }
 }
 */

package/v3/VwcBreadcrumbItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-breadcrumb-item",
-  "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/VwcButton/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for button
+/** VwcButton
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/button
 * @param {string} title  **attribute** `title`
 * @param {ButtonConnotation | undefined} connotation - The connotation the button should have. **attribute** `connotation`
@@ -8,7 +8,15 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {ButtonSize | undefined} size - The size the button should have. **attribute** `size`
 * @param {boolean} stacked - Indicates the icon is stacked. **attribute** `stacked`
 * @param {boolean} pending - Displays the button in pending state. **attribute** `pending`
+* @param {boolean} active - Displays the button in active state. **attribute** `active`
 * @param {string | undefined} label - Indicates the button's label. **attribute** `label`
+* @param {string | undefined} href - Indicates the button's href. **attribute** `href`
+* @param {string | undefined} download - Indicates the button's download. **attribute** `download`
+* @param {string | undefined} hreflang - Indicates the button's hreflang. **attribute** `hreflang`
+* @param {string | undefined} ping - Indicates the button's ping. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - Indicates the button's referrerpolicy. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - Indicates the button's rel. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - Indicates the target's rel. **attribute** `target`
 * @param {string | undefined} icon
 */
 declare const VwcButton: {
@@ -26,7 +34,15 @@ declare const VwcButton: {
         size?: any;
         stacked?: boolean | undefined;
         pending?: boolean | undefined;
+        active?: boolean | undefined;
         label?: string | undefined;
+        href?: string | undefined;
+        download?: string | undefined;
+        hreflang?: string | undefined;
+        ping?: string | undefined;
+        referrerpolicy?: string | undefined;
+        rel?: string | undefined;
+        target?: any;
         icon?: string | undefined;
     }): JSX.Element;
     displayName: string;