@vonage/vivid-react 2.10.58 → 2.10.60

package/v3/VwcNavDisclosure/index.js

@@ -0,0 +1,103 @@
+/*
+* 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": "NavDisclosure",
+ "cssProperties": [
+  {
+   "name": "--vvd-nav-disclosure-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-nav-disclosure-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-nav-disclosure-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-nav-disclosure-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "details",
+   "type": {
+    "text": "HTMLDetailsElement"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "privacy": "public",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether the nav-disclosure is open",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "#onToggle",
+   "privacy": "private"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "label"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether the nav-disclosure is open",
+   "fieldName": "open"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerNavDisclosure } from '@vonage/vivid'
+
+registerNavDisclosure('vvd3')
+
+const VwcNavDisclosure = wrapper(`vvd3-nav-disclosure`,  {
+    events: [],
+    attributes: [],
+    properties: ['details', 'label', 'open']
+})
+
+VwcNavDisclosure.displayName = 'VwcNavDisclosure'
+
+export default VwcNavDisclosure

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/index.d.ts

@@ -0,0 +1,17 @@
+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 {string | undefined} text - Indicates the text anchor's text. **attribute** `text`
+*/
+declare const VwcNavItem: {
+    (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;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcNavItem;

package/v3/VwcNavItem/index.js

@@ -0,0 +1,80 @@
+/*
+* 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": "NavItem",
+ "cssProperties": [
+  {
+   "name": "--vvd-nav-item-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-nav-item-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-nav-item-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-nav-item-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-nav-item-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "superclass": {
+  "name": "TextAnchor",
+  "module": "/libs/components/src/lib/text-anchor/text-anchor"
+ },
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text anchor's text.",
+   "fieldName": "text",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text anchor's text.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "TextAnchor",
+    "module": "libs/components/src/lib/text-anchor/text-anchor.ts"
+   }
+  }
+ ]
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerNavItem } from '@vonage/vivid'
+
+registerNavItem('vvd3')
+
+const VwcNavItem = wrapper(`vvd3-nav-item`,  {
+    events: [],
+    attributes: [],
+    properties: ['text']
+})
+
+VwcNavItem.displayName = 'VwcNavItem'
+
+export default VwcNavItem

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+/** Base class for note
+* @param {string | undefined} headline - Indicates the note's headline text **attribute** `headline`
+* @param {NoteConnotation | undefined} connotation  **attribute** `connotation`
+*/
+declare const VwcNote: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        headline?: string | undefined;
+        connotation?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcNote;

package/v3/VwcNote/index.js

@@ -0,0 +1,132 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for note",
+ "name": "Note",
+ "cssProperties": [
+  {
+   "name": "--vvd-note-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-note-success-intermediate",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-note-success-backdrop",
+   "default": "var(--vvd-color-success-50)"
+  },
+  {
+   "name": "--vvd-note-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-note-information-intermediate",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-note-information-backdrop",
+   "default": "var(--vvd-color-information-50)"
+  },
+  {
+   "name": "--vvd-note-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-note-alert-intermediate",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-note-alert-backdrop",
+   "default": "var(--vvd-color-alert-50)"
+  },
+  {
+   "name": "--vvd-note-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-note-warning-intermediate",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-note-warning-backdrop",
+   "default": "var(--vvd-color-warning-50)"
+  },
+  {
+   "name": "--vvd-note-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-note-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-note-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Any slotted content will appear below the headline.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the note's headline text",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "NoteConnotation | undefined"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the note's headline text",
+   "fieldName": "headline"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "NoteConnotation | undefined"
+   },
+   "fieldName": "connotation"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerNote } from '@vonage/vivid'
+
+registerNote('vvd3')
+
+const VwcNote = wrapper(`vvd3-note`,  {
+    events: [],
+    attributes: [],
+    properties: ['headline', 'connotation']
+})
+
+VwcNote.displayName = 'VwcNote'
+
+export default VwcNote

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** Base class for number-field
+* @param {NumberFieldAppearance | undefined} appearance  **attribute** `appearance`
+* @param {NumberFieldShape | undefined} shape  **attribute** `shape`
+* @param {string | undefined} autoComplete  **attribute** `autoComplete`
+*/
+declare const VwcNumberField: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        appearance?: any;
+        shape?: any;
+        autoComplete?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcNumberField;

package/v3/VwcNumberField/index.js

@@ -0,0 +1,149 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for number-field",
+ "name": "NumberField",
+ "cssProperties": [
+  {
+   "name": "--vvd-text-field-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-text-field-success-backdrop",
+   "default": "var(--vvd-color-success-50)"
+  },
+  {
+   "name": "--vvd-text-field-success-intermediate",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-text-field-success-firm",
+   "default": "var(--vvd-color-success-600)"
+  },
+  {
+   "name": "--vvd-text-field-success-faint",
+   "default": "var(--vvd-color-success-50)"
+  },
+  {
+   "name": "--vvd-text-field-success-soft",
+   "default": "var(--vvd-color-success-100)"
+  },
+  {
+   "name": "--vvd-text-field-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-text-field-alert-backdrop",
+   "default": "var(--vvd-color-alert-50)"
+  },
+  {
+   "name": "--vvd-text-field-alert-intermediate",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-text-field-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
+  },
+  {
+   "name": "--vvd-text-field-alert-faint",
+   "default": "var(--vvd-color-alert-50)"
+  },
+  {
+   "name": "--vvd-text-field-alert-soft",
+   "default": "var(--vvd-color-alert-100)"
+  },
+  {
+   "name": "--vvd-text-field-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-text-field-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-text-field-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-text-field-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-text-field-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-text-field-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "NumberFieldAppearance | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "NumberFieldShape | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "autoComplete",
+   "type": {
+    "text": "string | undefined"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "appearance",
+   "type": {
+    "text": "NumberFieldAppearance | undefined"
+   },
+   "fieldName": "appearance"
+  },
+  {
+   "name": "shape",
+   "type": {
+    "text": "NumberFieldShape | undefined"
+   },
+   "fieldName": "shape"
+  },
+  {
+   "name": "autoComplete",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "autoComplete"
+  }
+ ],
+ "superclass": {
+  "name": "FastNumberField",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerNumberField } from '@vonage/vivid'
+
+registerNumberField('vvd3')
+
+const VwcNumberField = wrapper(`vvd3-number-field`,  {
+    events: [],
+    attributes: [],
+    properties: ['appearance', 'shape', 'autoComplete']
+})
+
+VwcNumberField.displayName = 'VwcNumberField'
+
+export default VwcNumberField

package/v3/VwcNumberField/package.json

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

package/v3/VwcPagination/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** Base class for pagination
+* @param {PaginationSize | undefined} size  **attribute** `size`
+* @param {Button[] | undefined} paginationButtons
+* @param {Button | undefined} prevButton
+* @param {Button | undefined} nextButton
+* @param {boolean} navIcons  **attribute** `nav-icons`
+* @param {number} total  **attribute** `total`
+* @param {number | undefined} selectedIndex  **attribute** `selected-index`
+*/
+declare const VwcPagination: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        size?: any;
+        paginationButtons?: any;
+        prevButton?: any;
+        nextButton?: any;
+        navIcons?: boolean | undefined;
+        total?: number | undefined;
+        selectedIndex?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcPagination;