@vonage/vivid-react 2.10.58 → 2.10.60

package/v3/VwcListbox/index.js

@@ -0,0 +1,74 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for listbox",
+ "name": "Listbox",
+ "cssProperties": [
+  {
+   "name": "--vvd-listbox-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-listbox-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-listbox-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-listbox-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "LisboxAppearance | undefined"
+   },
+   "description": "The appearance the listbox should have.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "appearance",
+   "type": {
+    "text": "LisboxAppearance | undefined"
+   },
+   "description": "The appearance the listbox should have.",
+   "fieldName": "appearance"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationListboxElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerListbox } from '@vonage/vivid'
+
+registerListbox('vvd3')
+
+const VwcListbox = wrapper(`vvd3-listbox`,  {
+    events: [],
+    attributes: [],
+    properties: ['appearance']
+})
+
+VwcListbox.displayName = 'VwcListbox'
+
+export default VwcListbox

package/v3/VwcListbox/package.json

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

package/v3/VwcListboxOption/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+/** Base class for option
+* @param {string | undefined} _text  **attribute** `text`
+* @param  text
+* @param {string | undefined} _label  **attribute** `label`
+* @param {string} label
+*/
+declare const VwcListboxOption: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        _text?: string | undefined;
+        text?: any;
+        _label?: string | undefined;
+        label?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcListboxOption;

package/v3/VwcListboxOption/index.js

@@ -0,0 +1,104 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for option",
+ "name": "ListboxOption",
+ "cssProperties": [
+  {
+   "name": "--vvd-option-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-option-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-option-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-option-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-option-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-option-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-option-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "_text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "privacy": "public",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "text"
+  },
+  {
+   "kind": "field",
+   "name": "_label",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "_text"
+  },
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "_label"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationListboxOption",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerListboxOption } from '@vonage/vivid'
+
+registerListboxOption('vvd3')
+
+const VwcListboxOption = wrapper(`vvd3-listbox-option`,  {
+    events: [],
+    attributes: [],
+    properties: ['_text', 'text', '_label', 'label']
+})
+
+VwcListboxOption.displayName = 'VwcListboxOption'
+
+export default VwcListboxOption

package/v3/VwcListboxOption/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+/** Base class for 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`
+* @param {string | undefined} anchor - ID reference to element in the menu's owner document. **attribute** `anchor`
+* @param {boolean} autoDismiss - indicates whether the menu will automatically close when
+the user clicks outside the menu **attribute** `auto-dismiss`
+* @param  popupOpenChanged
+*/
+declare const VwcMenu: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        _popup?: any;
+        open?: boolean | undefined;
+        placement?: any;
+        anchor?: string | undefined;
+        autoDismiss?: boolean | undefined;
+        popupOpenChanged?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcMenu;

package/v3/VwcMenu/index.js

@@ -0,0 +1,148 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for menu",
+ "name": "Menu",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "#dismissOnClickOutside",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "_popup",
+   "type": {
+    "text": "Popup | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu is open",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the menu",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "anchor",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "ID reference to element in the menu's owner document.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "autoDismiss",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "anchorChanged",
+   "parameters": [
+    {
+     "name": "prevAnchor",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newAnchor",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "popupOpenChanged"
+  },
+  {
+   "kind": "method",
+   "name": "autoDismissChanged"
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu is open",
+   "fieldName": "open"
+  },
+  {
+   "name": "placement",
+   "type": {
+    "text": "Placement | undefined"
+   },
+   "description": "the placement of the menu",
+   "fieldName": "placement"
+  },
+  {
+   "name": "anchor",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "ID reference to element in the menu's owner document.",
+   "fieldName": "anchor"
+  },
+  {
+   "name": "auto-dismiss",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the menu will automatically close when\nthe user clicks outside the menu",
+   "fieldName": "autoDismiss"
+  }
+ ],
+ "superclass": {
+  "name": "FastMenu",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerMenu } from '@vonage/vivid'
+
+registerMenu('vvd3')
+
+const VwcMenu = wrapper(`vvd3-menu`,  {
+    events: [],
+    attributes: [],
+    properties: ['_popup', 'open', 'placement', 'anchor', 'autoDismiss', 'popupOpenChanged']
+})
+
+VwcMenu.displayName = 'VwcMenu'
+
+export default VwcMenu

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+/** Base class for 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`
+*/
+declare const VwcMenuItem: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        text?: string | undefined;
+        textSecondary?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcMenuItem;

package/v3/VwcMenuItem/index.js

@@ -0,0 +1,97 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for menu-item",
+ "name": "MenuItem",
+ "cssProperties": [
+  {
+   "name": "--vvd-menu-item-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-menu-item-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the menu item's text.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "textSecondary",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the menu item's secondary text.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the menu item's text.",
+   "fieldName": "text"
+  },
+  {
+   "name": "text-secondary",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the menu item's secondary text.",
+   "fieldName": "textSecondary"
+  }
+ ],
+ "superclass": {
+  "name": "FastMenuItem",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerMenuItem } from '@vonage/vivid'
+
+registerMenuItem('vvd3')
+
+const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
+    events: [],
+    attributes: [],
+    properties: ['text', 'textSecondary']
+})
+
+VwcMenuItem.displayName = 'VwcMenuItem'
+
+export default VwcMenuItem

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/index.d.ts

@@ -0,0 +1,16 @@
+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 .
+
+*/
+declare const VwcNav: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcNav;

package/v3/VwcNav/index.js

@@ -0,0 +1,35 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+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 .",
+ "name": "Nav",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerNav } from '@vonage/vivid'
+
+registerNav('vvd3')
+
+const VwcNav = wrapper(`vvd3-nav`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcNav.displayName = 'VwcNav'
+
+export default VwcNav

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/index.d.ts

@@ -0,0 +1,21 @@
+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 .
+* @param {HTMLDetailsElement} details
+* @param {string | undefined} label  **attribute** `label`
+* @param {boolean} open - Indicates whether the nav-disclosure is open **attribute** `open`
+*/
+declare const VwcNavDisclosure: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        details?: any;
+        label?: string | undefined;
+        open?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcNavDisclosure;