@vonage/vivid-react 2.10.61 → 2.10.62

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/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/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/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/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/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/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/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.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/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/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/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/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.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/package.json

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

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-slider",
-  "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/VwcSwitch/package.json

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

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for tab
 * 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 {string | undefined} label - Indicates the tab's label. **attribute** `label`
 * @param {any} tabIndex  **attribute** `tabIndex`
 * @param {string | null} ariaSelected  **attribute** `aria-selected`
@@ -12,6 +13,7 @@ declare const VwcTab: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        connotation?: any;
         label?: string | undefined;
         tabIndex?: any;
         ariaSelected?: string | null | undefined;

package/v3/VwcTab/index.js

@@ -7,7 +7,66 @@ Code in this file were generated using following JSON:
  "kind": "class",
  "description": "Base class for tab",
  "name": "Tab",
+ "cssProperties": [
+  {
+   "name": "--vvd-tab-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-tab-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-tab-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-tab-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-tab-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-tab-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-tab-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tab-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-tab-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tab-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-tab-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-tab-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
  "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TabConnotation | undefined"
+   },
+   "description": "The connotation the tab should have.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "label",
@@ -35,6 +94,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "TabConnotation | undefined"
+   },
+   "description": "The connotation the tab should have.",
+   "fieldName": "connotation"
+  },
   {
    "name": "label",
    "type": {
@@ -73,7 +140,7 @@ registerTab('vvd3')
 const VwcTab = wrapper(`vvd3-tab`,  {
     events: [],
     attributes: [],
-    properties: ['label', 'tabIndex', 'ariaSelected']
+    properties: ['connotation', 'label', 'tabIndex', 'ariaSelected']
 })
 
 VwcTab.displayName = 'VwcTab'

package/v3/VwcTab/package.json

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

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

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 /** Base class for tabs
 * 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`
 */
 declare const VwcTabs: {
     (props: {
@@ -11,6 +12,7 @@ declare const VwcTabs: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         tablist?: any;
+        connotation?: any;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcTabs/index.js

@@ -9,24 +9,12 @@ Code in this file were generated using following JSON:
  "name": "Tabs",
  "cssProperties": [
   {
-   "name": "--vvd-tabs-accent-primary",
-   "default": "var(--vvd-color-canvas-text)"
-  },
-  {
-   "name": "--vvd-tabs-accent-primary-text",
-   "default": "var(--vvd-color-canvas)"
-  },
-  {
-   "name": "--vvd-tabs-accent-primary-increment",
-   "default": "var(--vvd-color-neutral-800)"
-  },
-  {
-   "name": "--vvd-tabs-accent-faint",
-   "default": "var(--vvd-color-neutral-50)"
+   "name": "--vvd-tabs-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
   },
   {
-   "name": "--vvd-tabs-accent-soft",
-   "default": "var(--vvd-color-neutral-100)"
+   "name": "--vvd-tabs-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [
@@ -43,6 +31,19 @@ Code in this file were generated using following JSON:
     "text": "HTMLElement | undefined"
    }
   },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TabsConnotation | undefined"
+   },
+   "description": "The connotation the tabs should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "connotationChanged"
+  },
   {
    "kind": "method",
    "name": "orientationChanged",
@@ -95,13 +96,29 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "method",
-   "name": "patchIndicatorStyleTransition",
-   "privacy": "private"
+   "name": "patchIndicatorStyleTransition"
+  },
+  {
+   "kind": "method",
+   "name": "#updateTabsConnotation"
+  },
+  {
+   "kind": "method",
+   "name": "#patchActiveID"
   },
   {
    "kind": "method",
-   "name": "patchActiveID",
-   "privacy": "private"
+   "name": "#connotationClass"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "TabsConnotation | undefined"
+   },
+   "description": "The connotation the tabs should have.",
+   "fieldName": "connotation"
   }
  ],
  "superclass": {
@@ -118,7 +135,7 @@ registerTabs('vvd3')
 const VwcTabs = wrapper(`vvd3-tabs`,  {
     events: [],
     attributes: [],
-    properties: ['tablist']
+    properties: ['tablist', 'connotation']
 })
 
 VwcTabs.displayName = 'VwcTabs'

package/v3/VwcTabs/package.json

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

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

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

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

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-text-area",
-  "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/VwcTextField/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-text-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/VwcToggletip/package.json

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