@vonage/vivid-react 2.10.63 → 2.10.64

package/v3/VwcMenu/index.js

@@ -11,30 +11,38 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Used to add additional content to the top of the menu.",
+   "name": "header"
+  },
+  {
+   "description": "Used to add action items to the bottom of the menu.",
+   "name": "action-items"
   }
  ],
  "members": [
   {
    "kind": "field",
-   "name": "#dismissOnClickOutside",
-   "privacy": "private"
-  },
-  {
-   "kind": "field",
-   "name": "_popup",
+   "name": "#observer",
+   "privacy": "private",
    "type": {
-    "text": "Popup | undefined"
+    "text": "MutationObserver | undefined"
    }
   },
   {
    "kind": "field",
-   "name": "open",
+   "name": "#anchorEl",
+   "privacy": "private",
    "type": {
-    "text": "boolean"
+    "text": "HTMLElement | null"
    },
-   "default": "false",
-   "description": "indicates whether the menu is open",
-   "privacy": "public"
+   "default": "null"
+  },
+  {
+   "kind": "field",
+   "name": "#observeMissingAnchor",
+   "privacy": "private"
   },
   {
    "kind": "field",
@@ -42,18 +50,43 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "Placement | undefined"
    },
-   "description": "the placement of the menu",
+   "default": "'bottom'",
+   "description": "placement of the menu",
    "privacy": "public"
   },
   {
    "kind": "field",
    "name": "anchor",
    "type": {
-    "text": "string | undefined"
+    "text": "AnchorType"
    },
-   "description": "ID reference to element in the menu's owner document.",
+   "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",
@@ -66,54 +99,127 @@ Code in this file were generated using following JSON:
   },
   {
    "kind": "method",
-   "name": "anchorChanged",
+   "name": "autoDismissChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
    "parameters": [
     {
-     "name": "prevAnchor",
+     "name": "oldValue",
      "type": {
-      "text": "string"
+      "text": "boolean"
      }
     },
     {
-     "name": "newAnchor",
+     "name": "newValue",
      "type": {
-      "text": "string"
+      "text": "boolean"
      }
     }
    ]
   },
   {
    "kind": "field",
-   "name": "popupOpenChanged"
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu is open",
+   "privacy": "public"
   },
   {
    "kind": "method",
-   "name": "autoDismissChanged"
+   "name": "openChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "_",
+     "type": {
+      "text": "boolean"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#setupAnchor",
+   "parameters": [
+    {
+     "name": "a",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "#cleanupAnchor",
+   "parameters": [
+    {
+     "name": "a",
+     "type": {
+      "text": "HTMLElement"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "#openIfClosed",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#closeOnClickOutside",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "actionItemsSlottedContent",
+   "type": {
+    "text": "HTMLElement[] | undefined"
+   }
   }
  ],
- "attributes": [
+ "events": [
   {
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "description": "indicates whether the menu is open",
-   "fieldName": "open"
+   "description": "Fired when the menu is opened",
+   "name": "open"
   },
   {
-   "name": "placement",
+   "description": "Fired when the menu is closed",
+   "name": "close"
+  }
+ ],
+ "attributes": [
+  {
    "type": {
     "text": "Placement | undefined"
    },
-   "description": "the placement of the menu",
+   "default": "'bottom'",
+   "description": "placement of the menu",
    "fieldName": "placement"
   },
   {
-   "name": "anchor",
    "type": {
-    "text": "string | undefined"
+    "text": "AnchorType"
    },
-   "description": "ID reference to element in the menu's owner document.",
+   "default": "''",
+   "description": "id or direct reference to the menu's anchor element",
    "fieldName": "anchor"
   },
   {
@@ -124,6 +230,14 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
    "fieldName": "autoDismiss"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu is open",
+   "fieldName": "open"
   }
  ],
  "superclass": {
@@ -138,9 +252,9 @@ import { registerMenu } from '@vonage/vivid'
 registerMenu('vvd3')
 
 const VwcMenu = wrapper(`vvd3-menu`,  {
-    events: [],
+    events: [{"name":"close","propName":"onClose"},{"name":"open","propName":"onOpen"}],
     attributes: [],
-    properties: ['_popup', 'open', 'placement', 'anchor', 'autoDismiss', 'popupOpenChanged']
+    properties: ['placement', 'anchor', 'autoDismiss', 'open', 'actionItemsSlottedContent']
 })
 
 VwcMenu.displayName = 'VwcMenu'

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.js

@@ -37,6 +37,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-200)"
   }
  ],
+ "slots": [
+  {
+   "description": "Assign nodes to the `meta` slot to set a badge or an additional icon.",
+   "name": "meta"
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/index.d.ts

@@ -1,10 +1,11 @@
-import React, { ReactNode } from 'react';
+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 .
 * 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`
+* @param {string | null} ariaCurrent  **attribute** `aria-current`
 */
 declare const VwcNavDisclosure: {
     (props: {
@@ -13,9 +14,11 @@ declare const VwcNavDisclosure: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onToggle?: ((event: SyntheticEvent) => void) | undefined;
         details?: any;
         label?: string | undefined;
         open?: boolean | undefined;
+        ariaCurrent?: string | null | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcNavDisclosure/index.js

@@ -16,6 +16,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-nav-disclosure-accent-primary-text",
    "default": "var(--vvd-color-canvas)"
   },
+  {
+   "name": "--vvd-nav-disclosure-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
   {
    "name": "--vvd-nav-disclosure-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
@@ -29,6 +33,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "A slot to add additional content to the nav disclosure.",
+   "name": "meta"
   }
  ],
  "members": [
@@ -58,12 +66,26 @@ Code in this file were generated using following JSON:
    "description": "Indicates whether the nav-disclosure is open",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "ariaCurrent",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "#onToggle",
    "privacy": "private"
   }
  ],
+ "events": [
+  {
+   "description": "Event emitted when the nav disclosure is toggled.",
+   "name": "toggle"
+  }
+ ],
  "attributes": [
   {
    "name": "label",
@@ -79,6 +101,14 @@ Code in this file were generated using following JSON:
    "default": "false",
    "description": "Indicates whether the nav-disclosure is open",
    "fieldName": "open"
+  },
+  {
+   "name": "aria-current",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaCurrent"
   }
  ],
  "superclass": {
@@ -93,9 +123,9 @@ import { registerNavDisclosure } from '@vonage/vivid'
 registerNavDisclosure('vvd3')
 
 const VwcNavDisclosure = wrapper(`vvd3-nav-disclosure`,  {
-    events: [],
+    events: [{"name":"toggle","propName":"onToggle"}],
     attributes: [],
-    properties: ['details', 'label', 'open']
+    properties: ['details', 'label', 'open', 'ariaCurrent']
 })
 
 VwcNavDisclosure.displayName = 'VwcNavDisclosure'

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/index.js

@@ -29,33 +29,43 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-100)"
   }
  ],
- "superclass": {
-  "name": "TextAnchor",
-  "module": "/libs/components/src/lib/text-anchor/text-anchor"
- },
- "attributes": [
+ "slots": [
+  {
+   "description": "A slot to add additional content to the nav item.",
+   "name": "meta"
+  }
+ ],
+ "members": [
   {
+   "kind": "method",
+   "name": "getBodyTemplate"
+  },
+  {
+   "kind": "field",
    "name": "text",
    "type": {
     "text": "string | undefined"
    },
    "description": "Indicates the text anchor's text.",
-   "fieldName": "text",
+   "privacy": "public",
    "inheritedFrom": {
     "name": "TextAnchor",
     "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
    }
   }
  ],
- "members": [
+ "superclass": {
+  "name": "TextAnchor",
+  "module": "/libs/components/src/lib/text-anchor/text-anchor"
+ },
+ "attributes": [
   {
-   "kind": "field",
    "name": "text",
    "type": {
     "text": "string | undefined"
    },
    "description": "Indicates the text anchor's text.",
-   "privacy": "public",
+   "fieldName": "text",
    "inheritedFrom": {
     "name": "TextAnchor",
     "module": "libs/components/src/lib/text-anchor/text-anchor.ts"

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/package.json

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

package/v3/VwcPagination/index.d.ts

@@ -1,7 +1,8 @@
 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 {PaginationSize | undefined} size - The size the pagination should have. **attribute** `size`
+* @param {PaginationShape | undefined} shape - The shape the pagination should have. **attribute** `shape`
 * @param {Button[] | undefined} paginationButtons
 * @param {Button | undefined} prevButton
 * @param {Button | undefined} nextButton
@@ -17,6 +18,7 @@ declare const VwcPagination: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         size?: any;
+        shape?: any;
         paginationButtons?: any;
         prevButton?: any;
         nextButton?: any;

package/v3/VwcPagination/index.js

@@ -13,7 +13,18 @@ Code in this file were generated using following JSON:
    "name": "size",
    "type": {
     "text": "PaginationSize | undefined"
-   }
+   },
+   "description": "The size the pagination should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "PaginationShape | undefined"
+   },
+   "description": "The shape the pagination should have.",
+   "privacy": "public"
   },
   {
    "kind": "field",
@@ -126,8 +137,17 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "PaginationSize | undefined"
    },
+   "description": "The size the pagination should have.",
    "fieldName": "size"
   },
+  {
+   "name": "shape",
+   "type": {
+    "text": "PaginationShape | undefined"
+   },
+   "description": "The shape the pagination should have.",
+   "fieldName": "shape"
+  },
   {
    "name": "nav-icons",
    "type": {
@@ -166,7 +186,7 @@ registerPagination('vvd3')
 const VwcPagination = wrapper(`vvd3-pagination`,  {
     events: [],
     attributes: [],
-    properties: ['size', 'paginationButtons', 'prevButton', 'nextButton', 'navIcons', 'total', 'selectedIndex']
+    properties: ['size', 'shape', 'paginationButtons', 'prevButton', 'nextButton', 'navIcons', 'total', 'selectedIndex']
 })
 
 VwcPagination.displayName = 'VwcPagination'

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/package.json

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