@vonage/vivid-react 2.10.84 → 2.10.85

package/v3/VwcNav/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+ "description": "",
  "name": "Nav",
  "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": "nav"
  }
 }
 */

package/v3/VwcNav/package.json

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

@@ -1,6 +1,5 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** A Nav Item Custom HTML Element.
-Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
+/** VwcNavDisclosure
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/nav-disclosure
 * @param {HTMLDetailsElement} details
 * @param {string | undefined} label  **attribute** `label`

package/v3/VwcNavDisclosure/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "A Nav Item Custom HTML Element.\nBased largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
+ "description": "",
  "name": "NavDisclosure",
  "cssProperties": [
   {
@@ -118,6 +118,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationElement",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "nav-disclosure"
  }
 }
 */

package/v3/VwcNavDisclosure/package.json

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

@@ -3,6 +3,8 @@ import React, { ReactNode } from 'react';
 Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/nav-item
 * @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 VwcNavItem: {
     (props: {
@@ -12,6 +14,8 @@ declare const VwcNavItem: {
         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/VwcNavItem/index.js

@@ -56,12 +56,42 @@ Code in this file were generated using following JSON:
     "name": "TextAnchor",
     "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
    }
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TextAnchorConnotation | undefined"
+   },
+   "description": "The connotation Text-Anchor should have.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "TextAnchorAppearance | undefined"
+   },
+   "description": "The appearance Text-Anchor should have.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
   }
  ],
  "superclass": {
   "name": "TextAnchor",
   "module": "/libs/components/src/lib/text-anchor/text-anchor"
  },
+ "vividComponent": {
+  "public": true,
+  "name": "nav-item"
+ },
  "attributes": [
   {
    "name": "text",
@@ -74,6 +104,30 @@ Code in this file were generated using following JSON:
     "name": "TextAnchor",
     "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
    }
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "TextAnchorConnotation | undefined"
+   },
+   "description": "The connotation Text-Anchor should have.",
+   "fieldName": "connotation",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "TextAnchorAppearance | undefined"
+   },
+   "description": "The appearance Text-Anchor should have.",
+   "fieldName": "appearance",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
   }
  ]
 }
@@ -86,7 +140,7 @@ registerNavItem('vvd3')
 const VwcNavItem = wrapper(`vvd3-nav-item`,  {
     events: [],
     attributes: [],
-    properties: ['text']
+    properties: ['text', 'connotation', 'appearance']
 })
 
 VwcNavItem.displayName = 'VwcNavItem'

package/v3/VwcNavItem/package.json

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

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

package/v3/VwcNote/index.js

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

package/v3/VwcNote/package.json

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

@@ -1,8 +1,10 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
-/** Base class for number-field
+/** VwcNumberField
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/number-field
-* @param {string | null} incrementButtonAriaLabel  **attribute** `increment-button-aria-label`
-* @param {string | null} decrementButtonAriaLabel  **attribute** `decrement-button-aria-label`
+* @param {| string
+        | null} incrementButtonAriaLabel  **attribute** `increment-button-aria-label`
+* @param {| string
+        | null} decrementButtonAriaLabel  **attribute** `decrement-button-aria-label`
 * @param {NumberFieldAppearance | undefined} appearance  **attribute** `appearance`
 * @param {NumberFieldShape | undefined} shape  **attribute** `shape`
 * @param {string | undefined} autoComplete  **attribute** `autoComplete`
@@ -16,8 +18,8 @@ declare const VwcNumberField: {
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         onInput?: ((event: SyntheticEvent) => void) | undefined;
-        incrementButtonAriaLabel?: string | null | undefined;
-        decrementButtonAriaLabel?: string | null | undefined;
+        incrementButtonAriaLabel?: any;
+        decrementButtonAriaLabel?: any;
         appearance?: any;
         shape?: any;
         autoComplete?: string | undefined;

package/v3/VwcNumberField/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for number-field",
+ "description": "",
  "name": "NumberField",
  "cssProperties": [
   {
@@ -41,12 +41,18 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-100)"
   }
  ],
+ "slots": [
+  {
+   "description": "Describes how to use the number-field. Alternative to the `helper-text` attribute.",
+   "name": "helper-text"
+  }
+ ],
  "members": [
   {
    "kind": "field",
    "name": "incrementButtonAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null"
   },
@@ -54,7 +60,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "decrementButtonAriaLabel",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null"
   },
@@ -115,7 +121,7 @@ Code in this file were generated using following JSON:
   {
    "name": "increment-button-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "fieldName": "incrementButtonAriaLabel"
@@ -123,7 +129,7 @@ Code in this file were generated using following JSON:
   {
    "name": "decrement-button-aria-label",
    "type": {
-    "text": "string | null"
+    "text": "| string\n\t\t| null"
    },
    "default": "null",
    "fieldName": "decrementButtonAriaLabel"
@@ -153,6 +159,18 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FastNumberField",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "number-field",
+  "vueModels": [
+   {
+    "name": "modelValue",
+    "attributeName": "current-value",
+    "eventName": "input",
+    "valueMapping": "(event.target as HTMLInputElement).value"
+   }
+  ]
  }
 }
 */

package/v3/VwcNumberField/package.json

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

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

package/v3/VwcOption/index.js

@@ -5,7 +5,7 @@
 Code in this file were generated using following JSON:
 {
  "kind": "class",
- "description": "Base class for option",
+ "description": "",
  "name": "ListboxOption",
  "cssProperties": [
   {
@@ -20,6 +20,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-option-accent-primary-increment",
    "default": "var(--vvd-color-neutral-800)"
   },
+  {
+   "name": "--vvd-option-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
   {
    "name": "--vvd-option-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
@@ -91,6 +95,10 @@ Code in this file were generated using following JSON:
  "superclass": {
   "name": "FoundationListboxOption",
   "package": "@microsoft/fast-foundation"
+ },
+ "vividComponent": {
+  "public": true,
+  "name": "option"
  }
 }
 */

package/v3/VwcOption/package.json

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

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

package/v3/VwcPagination/index.js

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

package/v3/VwcPagination/package.json

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

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

package/v3/VwcProgress/index.js

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

package/v3/VwcProgress/package.json

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

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

package/v3/VwcProgressRing/index.js

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

package/v3/VwcProgressRing/package.json

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

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

package/v3/VwcRadio/index.js

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

package/v3/VwcRadio/package.json

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

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

package/v3/VwcRadioGroup/index.js

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

package/v3/VwcRadioGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-radio-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"
   }
 }