@vonage/vivid-react 2.10.58 → 2.10.59

package/v3/VwcSlider/index.js

@@ -0,0 +1,51 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for slider",
+ "name": "Slider",
+ "members": [
+  {
+   "kind": "field",
+   "name": "markers",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Display markers on/off",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Display markers on/off",
+   "fieldName": "markers"
+  }
+ ],
+ "superclass": {
+  "name": "FastSlider",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerSlider } from '@vonage/vivid'
+
+registerSlider('vvd3')
+
+const VwcSlider = wrapper(`vvd3-slider`,  {
+    events: [],
+    attributes: [],
+    properties: ['markers']
+})
+
+VwcSlider.displayName = 'VwcSlider'
+
+export default VwcSlider

package/v3/VwcSlider/package.json

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

package/v3/VwcSwitch/index.d.ts

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

package/v3/VwcSwitch/index.js

@@ -0,0 +1,162 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for switch",
+ "name": "Switch",
+ "cssProperties": [
+  {
+   "name": "--vvd-switch-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-switch-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-switch-cta-backdrop",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-switch-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-switch-cta-intermediate",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-switch-alert-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-switch-alert-primary-increment",
+   "default": "var(--vvd-color-alert-600)"
+  },
+  {
+   "name": "--vvd-switch-alert-backdrop",
+   "default": "var(--vvd-color-alert-50)"
+  },
+  {
+   "name": "--vvd-switch-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
+  },
+  {
+   "name": "--vvd-switch-alert-intermediate",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-switch-success-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-switch-success-primary-increment",
+   "default": "var(--vvd-color-success-600)"
+  },
+  {
+   "name": "--vvd-switch-success-backdrop",
+   "default": "var(--vvd-color-success-50)"
+  },
+  {
+   "name": "--vvd-switch-success-firm",
+   "default": "var(--vvd-color-success-600)"
+  },
+  {
+   "name": "--vvd-switch-success-intermediate",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-switch-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-switch-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-switch-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-switch-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-switch-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the switch's label.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "SwitchConnotation | undefined"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the switch's label.",
+   "fieldName": "label"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "SwitchConnotation | undefined"
+   },
+   "fieldName": "connotation"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerSwitch } from '@vonage/vivid'
+
+registerSwitch('vvd3')
+
+const VwcSwitch = wrapper(`vvd3-switch`,  {
+    events: [],
+    attributes: [],
+    properties: ['label', 'connotation']
+})
+
+VwcSwitch.displayName = 'VwcSwitch'
+
+export default VwcSwitch

package/v3/VwcSwitch/package.json

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

package/v3/VwcTab/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** Base class for tab
+* @param {string | undefined} label - Indicates the tab's label. **attribute** `label`
+* @param {any} tabIndex  **attribute** `tabIndex`
+* @param {string | null} ariaSelected  **attribute** `aria-selected`
+*/
+declare const VwcTab: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        label?: string | undefined;
+        tabIndex?: any;
+        ariaSelected?: string | null | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTab;

package/v3/VwcTab/index.js

@@ -0,0 +1,81 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for tab",
+ "name": "Tab",
+ "members": [
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the tab's label.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "tabIndex",
+   "type": {
+    "text": "any"
+   },
+   "default": "'-1'"
+  },
+  {
+   "kind": "field",
+   "name": "ariaSelected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the tab's label.",
+   "fieldName": "label"
+  },
+  {
+   "type": {
+    "text": "any"
+   },
+   "default": "'-1'",
+   "fieldName": "tabIndex"
+  },
+  {
+   "name": "aria-selected",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaSelected"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationTab",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTab } from '@vonage/vivid'
+
+registerTab('vvd3')
+
+const VwcTab = wrapper(`vvd3-tab`,  {
+    events: [],
+    attributes: [],
+    properties: ['label', 'tabIndex', 'ariaSelected']
+})
+
+VwcTab.displayName = 'VwcTab'
+
+export default VwcTab

package/v3/VwcTab/package.json

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

package/v3/VwcTabPanel/index.d.ts

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

package/v3/VwcTabPanel/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": "Base class for tab-panel",
+ "name": "TabPanel",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "superclass": {
+  "name": "FoundationTabPanel",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTabPanel } from '@vonage/vivid'
+
+registerTabPanel('vvd3')
+
+const VwcTabPanel = wrapper(`vvd3-tab-panel`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcTabPanel.displayName = 'VwcTabPanel'
+
+export default VwcTabPanel

package/v3/VwcTabPanel/package.json

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

package/v3/VwcTabs/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for tabs
+* @param {HTMLElement | undefined} tablist
+*/
+declare const VwcTabs: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        tablist?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTabs;

package/v3/VwcTabs/index.js

@@ -0,0 +1,126 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for tabs",
+ "name": "Tabs",
+ "cssProperties": [
+  {
+   "name": "--vvd-tabs-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tabs-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-tabs-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-tabs-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-tabs-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "tablist",
+   "type": {
+    "text": "HTMLElement | undefined"
+   }
+  },
+  {
+   "kind": "method",
+   "name": "orientationChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "activeidChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "oldValue",
+     "type": {
+      "text": "string"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "tabsChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "tabpanelsChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "method",
+   "name": "patchIndicatorStyleTransition",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "patchActiveID",
+   "privacy": "private"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationTabs",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTabs } from '@vonage/vivid'
+
+registerTabs('vvd3')
+
+const VwcTabs = wrapper(`vvd3-tabs`,  {
+    events: [],
+    attributes: [],
+    properties: ['tablist']
+})
+
+VwcTabs.displayName = 'VwcTabs'
+
+export default VwcTabs

package/v3/VwcTabs/package.json

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

package/v3/VwcTag/index.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from 'react';
+/** Base class for tag.
+* @param {TagConnotation | undefined} connotation - The connotation the tag should have. **attribute** `connotation`
+* @param {TagShape | undefined} shape - The shape the tag should have. **attribute** `shape`
+* @param {TagAppearance | undefined} appearance - The appearance the tag should have. **attribute** `appearance`
+* @param {string | undefined} label - Indicates the tag's label. **attribute** `label`
+* @param {boolean} removable - indicates whether the tag is removable **attribute** `removable`
+* @param {boolean} disabled - indicates whether the tag is disabled **attribute** `disabled`
+* @param {boolean} selectable - indicates whether the tag is selectable **attribute** `selectable`
+* @param {boolean} selected - indicates whether the tag is selected **attribute** `selected`
+*/
+declare const VwcTag: {
+    (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;
+        shape?: any;
+        appearance?: any;
+        label?: string | undefined;
+        removable?: boolean | undefined;
+        disabled?: boolean | undefined;
+        selectable?: boolean | undefined;
+        selected?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcTag;