@vonage/vivid-react 2.10.77 → 2.10.79

package/v3/VwcMenu/index.js

@@ -24,26 +24,12 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "#observer",
-   "privacy": "private",
+   "name": "ariaLabel",
    "type": {
-    "text": "MutationObserver | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "#anchorEl",
-   "privacy": "private",
-   "type": {
-    "text": "HTMLElement | null"
+    "text": "string | null"
    },
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "#observeMissingAnchor",
-   "privacy": "private"
-  },
   {
    "kind": "field",
    "name": "placement",
@@ -54,39 +40,6 @@ Code in this file were generated using following JSON:
    "description": "placement of the menu",
    "privacy": "public"
   },
-  {
-   "kind": "field",
-   "name": "anchor",
-   "type": {
-    "text": "AnchorType"
-   },
-   "default": "''",
-   "description": "id or direct reference to the menu's anchor element",
-   "privacy": "public"
-  },
-  {
-   "kind": "method",
-   "name": "anchorChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
-   "parameters": [
-    {
-     "name": "_",
-     "type": {
-      "text": "AnchorType"
-     }
-    },
-    {
-     "name": "newValue",
-     "type": {
-      "text": "AnchorType"
-     }
-    }
-   ]
-  },
   {
    "kind": "field",
    "name": "autoDismiss",
@@ -100,20 +53,10 @@ Code in this file were generated using following JSON:
   {
    "kind": "method",
    "name": "autoDismissChanged",
-   "return": {
-    "type": {
-     "text": "void"
-    }
-   },
    "parameters": [
     {
      "name": "oldValue",
-     "type": {
-      "text": "boolean"
-     }
-    },
-    {
-     "name": "newValue",
+     "optional": true,
      "type": {
       "text": "boolean"
      }
@@ -165,6 +108,18 @@ Code in this file were generated using following JSON:
     }
    ]
   },
+  {
+   "kind": "method",
+   "name": "#updateAnchor",
+   "parameters": [
+    {
+     "name": "a",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
   {
    "kind": "method",
    "name": "#cleanupAnchor",
@@ -182,6 +137,11 @@ Code in this file were generated using following JSON:
    "name": "#openIfClosed",
    "privacy": "private"
   },
+  {
+   "kind": "field",
+   "name": "#updateClickOutsideListener",
+   "privacy": "private"
+  },
   {
    "kind": "field",
    "name": "#closeOnClickOutside",
@@ -211,20 +171,20 @@ Code in this file were generated using following JSON:
  ],
  "attributes": [
   {
+   "name": "aria-label",
    "type": {
-    "text": "Placement | undefined"
+    "text": "string | null"
    },
-   "default": "'bottom'",
-   "description": "placement of the menu",
-   "fieldName": "placement"
+   "default": "null",
+   "fieldName": "ariaLabel"
   },
   {
    "type": {
-    "text": "AnchorType"
+    "text": "Placement | undefined"
    },
-   "default": "''",
-   "description": "id or direct reference to the menu's anchor element",
-   "fieldName": "anchor"
+   "default": "'bottom'",
+   "description": "placement of the menu",
+   "fieldName": "placement"
   },
   {
    "name": "auto-dismiss",
@@ -258,7 +218,7 @@ registerMenu('vvd3')
 const VwcMenu = wrapper(`vvd3-menu`,  {
     events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['placement', 'anchor', 'autoDismiss', 'open', 'actionItemsSlottedContent', 'handleFocusOut']
+    properties: ['ariaLabel', 'placement', 'autoDismiss', 'open', 'actionItemsSlottedContent', 'handleFocusOut']
 })
 
 VwcMenu.displayName = 'VwcMenu'

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/package.json

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

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/index.d.ts

@@ -9,7 +9,7 @@ import React, { ReactNode } from 'react';
 * @param {boolean} alternate - set the color-scheme to dark **attribute** `alternate`
 * @param {Placement | undefined} placement - the placement of the popup **attribute** `placement`
 * @param {Strategy | undefined} strategy - the strategy of the popup **attribute** `strategy`
-* @param {string | HTMLElement | undefined} anchor - ID reference to element in the popup’s owner document or HTMLElement. **attribute** `anchor`
+* @param {HTMLElement | undefined} anchor - The element to anchor the popup to.
 */
 declare const VwcPopup: {
     (props: {

package/v3/VwcPopup/index.js

@@ -131,11 +131,15 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "anchor",
    "type": {
-    "text": "string | HTMLElement | undefined"
+    "text": "HTMLElement | undefined"
    },
-   "description": "ID reference to element in the popup’s owner document or HTMLElement.",
+   "description": "The element to anchor the popup to.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "#updateAutoUpdate"
+  },
   {
    "kind": "method",
    "name": "updatePosition",
@@ -183,7 +187,6 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "HTMLElement | null"
    },
-   "description": "Gets the anchor element by id",
    "readonly": true
   },
   {
@@ -252,14 +255,6 @@ Code in this file were generated using following JSON:
    "default": "'fixed'",
    "description": "the strategy of the popup",
    "fieldName": "strategy"
-  },
-  {
-   "name": "anchor",
-   "type": {
-    "text": "string | HTMLElement | undefined"
-   },
-   "description": "ID reference to element in the popup’s owner document or HTMLElement.",
-   "fieldName": "anchor"
   }
  ],
  "superclass": {

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcSelect/index.d.ts

@@ -1,8 +1,6 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for select
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/select
-* @param {Popup} _popup
-* @param {HTMLElement} _anchor
 * @param {SelectAppearance | undefined} appearance - The appearance attribute. **attribute** `appearance`
 * @param {SelectShape | undefined} shape - The shape attribute. **attribute** `shape`
 * @param {boolean} fixedDropdown - The fixed-dropdown attribute. **attribute** `fixed-dropdown`
@@ -16,8 +14,6 @@ declare const VwcSelect: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
-        _popup?: any;
-        _anchor?: any;
         appearance?: any;
         shape?: any;
         fixedDropdown?: boolean | undefined;

package/v3/VwcSelect/index.js

@@ -72,20 +72,6 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
-  {
-   "kind": "field",
-   "name": "_popup",
-   "type": {
-    "text": "Popup"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "_anchor",
-   "type": {
-    "text": "HTMLElement"
-   }
-  },
   {
    "kind": "field",
    "name": "appearance",
@@ -190,7 +176,7 @@ registerSelect('vvd3')
 const VwcSelect = wrapper(`vvd3-select`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['_popup', '_anchor', 'appearance', 'shape', 'fixedDropdown', 'placeholder']
+    properties: ['appearance', 'shape', 'fixedDropdown', 'placeholder']
 })
 
 VwcSelect.displayName = 'VwcSelect'

package/v3/VwcSelect/package.json

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

package/v3/VwcSelectableBox/package.json

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

package/v3/VwcSideDrawer/package.json

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

package/v3/VwcSlider/package.json

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

package/v3/VwcSplitButton/index.d.ts

@@ -24,6 +24,8 @@ declare const VwcSplitButton: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onActionClick?: ((event: SyntheticEvent) => void) | undefined;
+        onIndicatorClick?: ((event: SyntheticEvent) => void) | undefined;
         onClick?: ((event: SyntheticEvent) => void) | undefined;
         _action?: any;
         _indicator?: any;

package/v3/VwcSplitButton/index.js

@@ -279,6 +279,16 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "description": "Event emitted when the action button is clicked",
+   "name": "action-click"
+  },
+  {
+   "description": "Event emitted when the indicator button is clicked",
+   "name": "indicator-click"
+  }
+ ],
  "attributes": [
   {
    "name": "connotation",
@@ -384,7 +394,7 @@ import { registerSplitButton } from '@vonage/vivid'
 registerSplitButton('vvd3')
 
 const VwcSplitButton = wrapper(`vvd3-split-button`,  {
-    events: [{"name":"click","propName":"onClick"}],
+    events: [{"name":"click","propName":"onClick"},{"name":"indicator-click","propName":"onIndicatorClick"},{"name":"action-click","propName":"onActionClick"}],
     attributes: [],
     properties: ['_action', '_indicator', 'connotation', 'shape', 'appearance', 'size', 'label', 'icon', 'splitIndicator', 'disabled', 'ariaLabel', 'ariaExpanded', 'indicatorAriaLabel']
 })

package/v3/VwcSplitButton/package.json

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

package/v3/VwcSwitch/package.json

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

package/v3/VwcTab/package.json

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

package/v3/VwcTabPanel/package.json

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

package/v3/VwcTabs/index.d.ts

@@ -3,6 +3,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * 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`
+* @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
 */
 declare const VwcTabs: {
     (props: {
@@ -14,6 +15,7 @@ declare const VwcTabs: {
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         tablist?: any;
         connotation?: any;
+        gutters?: any;
     }): JSX.Element;
     displayName: string;
 };