@vonage/vivid-react 2.10.60 → 2.10.62

package/v3/VwcDivider/index.d.ts

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

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for elevation
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/elevation
 * @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} dp - Indicates the elevation's dp. **attribute** `dp`
 * @param {boolean | undefined} noShadow - toggles the elevation's shadow. **attribute** `no-shadow`
 */

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** An empty state element. Used when there is no data to display to the user.
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/empty-state
 * @param {string | undefined} headline - An optional headline for the empty state. **attribute** `headline`
 * @param {string | undefined} icon - Icon for the empty state. **attribute** `icon`
 */

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for fab
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/fab
 * @param {FabConnotation | undefined} connotation - The connotation the fab should have. **attribute** `connotation`
 * @param {FABSize | undefined} size - The size the FAB should have. **attribute** `size`
 * @param {string | undefined} label - Indicates the fab's label. **attribute** `label`

package/v3/VwcFab/package.json

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

package/v3/VwcFocus/index.d.ts

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

package/v3/VwcFocus/package.json

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

package/v3/VwcHeader/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for header
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/header
 * @param {boolean} elevationShadow - header elevation shadow **attribute** `elevation-shadow`
 * @param {boolean} alternate - applies scheme alternate to header region **attribute** `alternate`
 */

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** VwcIcon
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/icon
 * @param {IconConnotation | undefined} connotation - The connotation the icon should have. **attribute** `connotation`
 * @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
 * @param {string | undefined} name - Indicates which icon to resolve. **attribute** `name`

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for layout
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/layout
 * @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
 * @param {ColumnBasis | undefined} columnBasis - sets the initial preferred measure of a column from predefined available options **attribute** `column-basis`
 * @param {ColumnSpacing | undefined} columnSpacing - sets the initial preferred spacing of a column from predefined available options **attribute** `column-spacing`

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for listbox
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/listbox
 * @param {LisboxAppearance | undefined} appearance - The appearance the listbox should have. **attribute** `appearance`
 */
 declare const VwcListbox: {

package/v3/VwcListbox/package.json

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

package/v3/VwcListboxOption/index.d.ts

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

package/v3/VwcListboxOption/index.js

@@ -37,6 +37,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-200)"
   }
  ],
+ "slots": [
+  {
+   "description": "Slot to add an icon to the option.",
+   "name": "icon"
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcListboxOption/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for menu
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
 * @param {Popup | undefined} _popup
 * @param {boolean} open - indicates whether the menu is open **attribute** `open`
 * @param {Placement | undefined} placement - the placement of the menu **attribute** `placement`

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

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

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } 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 .
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/nav
 
 */
 declare const VwcNav: {

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } 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 .
+* 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`
 * @param {boolean} open - Indicates whether the nav-disclosure is open **attribute** `open`

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/index.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } 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 .
+* 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`
 */
 declare const VwcNavItem: {

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for note
+* 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/package.json

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

package/v3/VwcNumberField/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for number-field
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/number-field
 * @param {NumberFieldAppearance | undefined} appearance  **attribute** `appearance`
 * @param {NumberFieldShape | undefined} shape  **attribute** `shape`
 * @param {string | undefined} autoComplete  **attribute** `autoComplete`

package/v3/VwcNumberField/package.json

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

package/v3/VwcPagination/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for pagination
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/pagination
 * @param {PaginationSize | undefined} size  **attribute** `size`
 * @param {Button[] | undefined} paginationButtons
 * @param {Button | undefined} prevButton

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for popup
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/popup
 * @param {HTMLElement} popupEl
 * @param {HTMLElement} arrowEl
 * @param {boolean} open - indicates whether the popup is open **attribute** `open`

package/v3/VwcPopup/index.js

@@ -14,33 +14,6 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
-  {
-   "kind": "field",
-   "name": "#arrowPosition",
-   "privacy": "private",
-   "type": {
-    "text": "any"
-   },
-   "readonly": true
-  },
-  {
-   "kind": "field",
-   "name": "#padding",
-   "privacy": "private",
-   "type": {
-    "text": "number"
-   },
-   "readonly": true
-  },
-  {
-   "kind": "field",
-   "name": "#distance",
-   "privacy": "private",
-   "type": {
-    "text": "number"
-   },
-   "readonly": true
-  },
   {
    "kind": "field",
    "name": "#middleware",

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for progress
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/progress
 * @param {ProgressShape | undefined} shape  **attribute** `shape`
 * @param {ProgressConnotation | undefined} connotation  **attribute** `connotation`
 * @param {boolean} reverse  **attribute** `reverse`

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for progress-ring
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/progress-ring
 * @param {ProgressRingConnotation | undefined} connotation  **attribute** `connotation`
 * @param {-5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
 */

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/index.d.ts

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

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for radio-group
+* 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`
 */
 declare const VwcRadioGroup: {

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcSelect/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for select
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/select
 * @param {SelectAppearance | undefined} appearance  **attribute** `appearance`
 * @param {SelectShape | undefined} shape  **attribute** `shape`
 * @param {Popup} _popup

package/v3/VwcSelect/index.js

@@ -62,6 +62,10 @@ Code in this file were generated using following JSON:
    "description": "Default slot.",
    "name": ""
   },
+  {
+   "description": "Slot to add an icon to the select control.",
+   "name": "icon"
+  },
   {
    "description": "Slot to add meta content to the select control.",
    "name": "meta"

package/v3/VwcSelect/package.json

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

package/v3/VwcSideDrawer/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 /** Base class for side-drawer
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/side-drawer
 * @param {boolean} alternate - applies scheme alternate region **attribute** `alternate`
 * @param {boolean} modal - sets the side drawer's type to modal **attribute** `modal`
 * @param {boolean} open - indicates whether the side drawer is open **attribute** `open`