@vonage/vivid-react 2.10.84 → 2.10.85

package/v3/VwcSideDrawer/index.js

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

package/v3/VwcSideDrawer/package.json

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

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

package/v3/VwcSlider/index.js

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

package/v3/VwcSlider/package.json

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

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for split button
+/** VwcSplitButton
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/split-button
 * @param {HTMLButtonElement} _action - Action HTML button element
 * @param {HTMLButtonElement} _indicator - Indicator HTML button element
@@ -13,7 +13,8 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} disabled - Indicates if the button is disabled. **attribute** `disabled`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {string | null} ariaExpanded  **attribute** `aria-expanded`
-* @param {string | null} indicatorAriaLabel - Defines a string value that labels the indicator element.
+* @param {| string
+        | null} indicatorAriaLabel - Defines a string value that labels the indicator element.
 
 https://www.w3.org/TR/wai-aria-1.1/#aria-label **attribute** `indicator-aria-label`
 */
@@ -39,7 +40,7 @@ declare const VwcSplitButton: {
         disabled?: boolean | undefined;
         ariaLabel?: string | null | undefined;
         ariaExpanded?: string | null | undefined;
-        indicatorAriaLabel?: string | null | undefined;
+        indicatorAriaLabel?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcSplitButton/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for split button",
+ "description": "",
  "name": "SplitButton",
  "cssProperties": [
   {
@@ -276,7 +276,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "indicatorAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
@@ -379,7 +379,7 @@ Code in this file were generated using following JSON:
   {
    "name": "indicator-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
@@ -389,6 +389,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "split-button"
  }
 }
 */

package/v3/VwcSplitButton/package.json

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

@@ -1,5 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for switch
+/** VwcSwitch
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/switch
 * @param {string | undefined} label - Indicates the switch's label. **attribute** `label`
 * @param {SwitchConnotation | undefined} connotation - Indicates the switch's connotation. **attribute** `connotation`

package/v3/VwcSwitch/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for switch",
+ "description": "",
  "name": "Switch",
  "cssProperties": [
   {
@@ -28,6 +28,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-cta-intermediate",
    "default": "var(--vvd-color-cta-500)"
   },
+  {
+   "name": "--vvd-switch-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
   {
    "name": "--vvd-switch-alert-primary-text",
    "default": "var(--vvd-color-canvas)"
@@ -48,6 +52,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-alert-intermediate",
    "default": "var(--vvd-color-alert-500)"
   },
+  {
+   "name": "--vvd-switch-alert-fierce",
+   "default": "var(--vvd-color-alert-700)"
+  },
   {
    "name": "--vvd-switch-success-primary-text",
    "default": "var(--vvd-color-canvas)"
@@ -68,6 +76,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-success-intermediate",
    "default": "var(--vvd-color-success-500)"
   },
+  {
+   "name": "--vvd-switch-success-fierce",
+   "default": "var(--vvd-color-success-700)"
+  },
   {
    "name": "--vvd-switch-accent-primary-text",
    "default": "var(--vvd-color-canvas)"
@@ -87,6 +99,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-switch-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-switch-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
   }
  ],
  "members": [
@@ -130,6 +146,18 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationSwitch",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "switch",
+  "vueModels": [
+   {
+    "name": "modelValue",
+    "attributeName": "current-checked",
+    "eventName": "change",
+    "valueMapping": "(event.target as HTMLInputElement).checked"
+   }
+  ]
  }
 }
 */

package/v3/VwcSwitch/package.json

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

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

package/v3/VwcTab/index.js

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

package/v3/VwcTab/package.json

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

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

package/v3/VwcTabPanel/index.js

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

package/v3/VwcTabPanel/package.json

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

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

package/v3/VwcTabs/index.js

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

package/v3/VwcTabs/package.json

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

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

package/v3/VwcTag/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for tag.",
+ "description": "",
  "name": "Tag",
  "cssProperties": [
   {
@@ -25,7 +25,7 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-cta-700)"
   },
   {
-   "name": "--vvd-tag-cta-firm",
+   "name": "--vvd-tag-cta-firm-all",
    "default": "var(--vvd-color-cta-600)"
   },
   {
@@ -53,8 +53,8 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-700)"
   },
   {
-   "name": "--vvd-tag-accent-firm",
-   "default": "var(--vvd-color-canvas-text)"
+   "name": "--vvd-tag-accent-firm-all",
+   "default": "var(--vvd-color-neutral-600)"
   },
   {
    "name": "--vvd-tag-accent-faint",
@@ -253,6 +253,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "tag"
  }
 }
 */

package/v3/VwcTag/package.json

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

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

package/v3/VwcTagGroup/index.js

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

package/v3/VwcTagGroup/package.json

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

@@ -1,7 +1,9 @@
 import React, { ReactNode } from 'react';
-/** Base class for text-anchor
+/** VwcTextAnchor
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/text-anchor
 * @param {string | undefined} text - Indicates the text anchor's text. **attribute** `text`
+* @param {TextAnchorConnotation | undefined} connotation - The connotation Text-Anchor should have. **attribute** `connotation`
+* @param {TextAnchorAppearance | undefined} appearance - The appearance Text-Anchor should have. **attribute** `appearance`
 */
 declare const VwcTextAnchor: {
     (props: {
@@ -11,6 +13,8 @@ declare const VwcTextAnchor: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         text?: string | undefined;
+        connotation?: any;
+        appearance?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTextAnchor/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for text-anchor",
+ "description": "",
  "name": "TextAnchor",
  "slots": [
   {
@@ -22,6 +22,24 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the text anchor's text.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TextAnchorConnotation | undefined"
+   },
+   "description": "The connotation Text-Anchor should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "TextAnchorAppearance | undefined"
+   },
+   "description": "The appearance Text-Anchor should have.",
+   "privacy": "public"
   }
  ],
  "attributes": [
@@ -32,11 +50,30 @@ Code in this file were generated using following JSON:
    },
    "description": "Indicates the text anchor's text.",
    "fieldName": "text"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "TextAnchorConnotation | undefined"
+   },
+   "description": "The connotation Text-Anchor should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "TextAnchorAppearance | undefined"
+   },
+   "description": "The appearance Text-Anchor should have.",
+   "fieldName": "appearance"
   }
  ],
  "superclass": {
   "name": "Anchor",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "name": "text-anchor"
  }
 }
 */
@@ -48,7 +85,7 @@ registerTextAnchor('vvd3')
 const VwcTextAnchor = wrapper(`vvd3-text-anchor`,  {
     events: [],
     attributes: [],
-    properties: ['text']
+    properties: ['text', 'connotation', 'appearance']
 })
 
 VwcTextAnchor.displayName = 'VwcTextAnchor'

package/v3/VwcTextAnchor/package.json

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

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

package/v3/VwcTextArea/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for text-area",
+ "description": "",
  "name": "TextArea",
  "cssProperties": [
   {
@@ -105,6 +105,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-100)"
   }
  ],
+ "slots": [
+  {
+   "description": "Describes how to use the text-area. Alternative to the `helper-text` attribute.",
+   "name": "helper-text"
+  }
+ ],
  "members": [
   {
    "kind": "field",
@@ -137,6 +143,18 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationTextArea",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "text-area",
+  "vueModels": [
+   {
+    "name": "modelValue",
+    "attributeName": "current-value",
+    "eventName": "input",
+    "valueMapping": "(event.target as HTMLInputElement).value"
+   }
+  ]
  }
 }
 */