@vonage/vivid-react 2.10.58 → 2.10.60

package/v3/VwcFab/index.js

@@ -0,0 +1,134 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for fab",
+ "name": "Fab",
+ "cssProperties": [
+  {
+   "name": "--vvd-fab-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-fab-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-fab-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-fab-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-fab-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-fab-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-fab-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-fab-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-fab-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-fab-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
+  {
+   "name": "--vvd-fab-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-fab-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "FabConnotation | undefined"
+   },
+   "description": "The connotation the fab should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "FABSize | undefined"
+   },
+   "description": "The size the FAB should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the fab's label.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "FabConnotation | undefined"
+   },
+   "description": "The connotation the fab should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "FABSize | undefined"
+   },
+   "description": "The size the FAB should have.",
+   "fieldName": "size"
+  },
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the fab's label.",
+   "fieldName": "label"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationButton",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFab } from '@vonage/vivid'
+
+registerFab('vvd3')
+
+const VwcFab = wrapper(`vvd3-fab`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation', 'size', 'label']
+})
+
+VwcFab.displayName = 'VwcFab'
+
+export default VwcFab

package/v3/VwcFab/package.json

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

package/v3/VwcFocus/index.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+/** Base class for focus
+
+*/
+declare const VwcFocus: {
+    (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 VwcFocus;

package/v3/VwcFocus/index.js

@@ -0,0 +1,29 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for focus",
+ "name": "Focus",
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFocus } from '@vonage/vivid'
+
+registerFocus('vvd3')
+
+const VwcFocus = wrapper(`vvd3-focus`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcFocus.displayName = 'VwcFocus'
+
+export default VwcFocus

package/v3/VwcFocus/package.json

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

package/v3/VwcHeader/index.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+/** Base class for header
+* @param {boolean} elevationShadow - header elevation shadow **attribute** `elevation-shadow`
+* @param {boolean} alternate - applies scheme alternate to header region **attribute** `alternate`
+*/
+declare const VwcHeader: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        elevationShadow?: boolean | undefined;
+        alternate?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcHeader;

package/v3/VwcHeader/index.js

@@ -0,0 +1,84 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for header",
+ "name": "Header",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  },
+  {
+   "description": "Nodes assigned to action-items slot will be set at the end of the header.",
+   "name": "action-items"
+  },
+  {
+   "description": "Content vertically aligned with header.",
+   "name": "app-content"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "elevationShadow",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "header elevation shadow",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "alternate",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "applies scheme alternate to header region",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "elevation-shadow",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "header elevation shadow",
+   "fieldName": "elevationShadow"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "applies scheme alternate to header region",
+   "fieldName": "alternate"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerHeader } from '@vonage/vivid'
+
+registerHeader('vvd3')
+
+const VwcHeader = wrapper(`vvd3-header`,  {
+    events: [],
+    attributes: [],
+    properties: ['elevationShadow', 'alternate']
+})
+
+VwcHeader.displayName = 'VwcHeader'
+
+export default VwcHeader

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** VwcIcon
+* @param {IconConnotation | undefined} connotation - The connotation the icon should have. **attribute** `connotation`
+* @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+* @param {string | undefined} name - Indicates which icon to resolve. **attribute** `name`
+*/
+declare const VwcIcon: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        connotation?: any;
+        size?: any;
+        name?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcIcon;

package/v3/VwcIcon/index.js

@@ -0,0 +1,118 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Icon",
+ "cssProperties": [
+  {
+   "name": "--vvd-icon-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-icon-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-icon-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-icon-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-icon-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-icon-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "IconConnotation | undefined"
+   },
+   "description": "The connotation the icon should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "name",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates which icon to resolve.",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "nameChanged",
+   "async": true
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "IconConnotation | undefined"
+   },
+   "description": "The connotation the icon should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+   },
+   "fieldName": "size"
+  },
+  {
+   "name": "name",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates which icon to resolve.",
+   "fieldName": "name"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerIcon } from '@vonage/vivid'
+
+registerIcon('vvd3')
+
+const VwcIcon = wrapper(`vvd3-icon`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation', 'size', 'name']
+})
+
+VwcIcon.displayName = 'VwcIcon'
+
+export default VwcIcon

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/index.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+/** Base class for layout
+* @param {Gutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
+* @param {ColumnBasis | undefined} columnBasis - sets the initial preferred measure of a column from predefined available options **attribute** `column-basis`
+* @param {ColumnSpacing | undefined} columnSpacing - sets the initial preferred spacing of a column from predefined available options **attribute** `column-spacing`
+* @param {RowSpacing | undefined} rowSpacing - sets the initial preferred spacing of a row from predefined available options **attribute** `row-spacing`
+* @param {AUTO_SIZING | undefined} autoSizing - sets the initial preferred auto-sizing from predefined available options **attribute** `auto-sizing`
+*/
+declare const VwcLayout: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        gutters?: any;
+        columnBasis?: any;
+        columnSpacing?: any;
+        rowSpacing?: any;
+        autoSizing?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcLayout;

package/v3/VwcLayout/index.js

@@ -0,0 +1,127 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for layout",
+ "name": "Layout",
+ "cssProperties": [
+  {}
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "gutters",
+   "type": {
+    "text": "Gutters | undefined"
+   },
+   "description": "sets the initial preferred margin from predefined available options",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "columnBasis",
+   "type": {
+    "text": "ColumnBasis | undefined"
+   },
+   "description": "sets the initial preferred measure of a column from predefined available options",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "columnSpacing",
+   "type": {
+    "text": "ColumnSpacing | undefined"
+   },
+   "description": "sets the initial preferred spacing of a column from predefined available options",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "rowSpacing",
+   "type": {
+    "text": "RowSpacing | undefined"
+   },
+   "description": "sets the initial preferred spacing of a row from predefined available options",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "autoSizing",
+   "type": {
+    "text": "AUTO_SIZING | undefined"
+   },
+   "description": "sets the initial preferred auto-sizing from predefined available options",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "gutters",
+   "type": {
+    "text": "Gutters | undefined"
+   },
+   "description": "sets the initial preferred margin from predefined available options",
+   "fieldName": "gutters"
+  },
+  {
+   "name": "column-basis",
+   "type": {
+    "text": "ColumnBasis | undefined"
+   },
+   "description": "sets the initial preferred measure of a column from predefined available options",
+   "fieldName": "columnBasis"
+  },
+  {
+   "name": "column-spacing",
+   "type": {
+    "text": "ColumnSpacing | undefined"
+   },
+   "description": "sets the initial preferred spacing of a column from predefined available options",
+   "fieldName": "columnSpacing"
+  },
+  {
+   "name": "row-spacing",
+   "type": {
+    "text": "RowSpacing | undefined"
+   },
+   "description": "sets the initial preferred spacing of a row from predefined available options",
+   "fieldName": "rowSpacing"
+  },
+  {
+   "name": "auto-sizing",
+   "type": {
+    "text": "AUTO_SIZING | undefined"
+   },
+   "description": "sets the initial preferred auto-sizing from predefined available options",
+   "fieldName": "autoSizing"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerLayout } from '@vonage/vivid'
+
+registerLayout('vvd3')
+
+const VwcLayout = wrapper(`vvd3-layout`,  {
+    events: [],
+    attributes: [],
+    properties: ['gutters', 'columnBasis', 'columnSpacing', 'rowSpacing', 'autoSizing']
+})
+
+VwcLayout.displayName = 'VwcLayout'
+
+export default VwcLayout

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for listbox
+* @param {LisboxAppearance | undefined} appearance - The appearance the listbox should have. **attribute** `appearance`
+*/
+declare const VwcListbox: {
+    (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;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcListbox;