@vonage/vivid-react 2.10.56 → 2.10.59

package/v3/VwcTag/index.js

@@ -0,0 +1,266 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for tag.",
+ "name": "Tag",
+ "cssProperties": [
+  {
+   "name": "--vvd-tag-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
+  {
+   "name": "--vvd-tag-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
+  {
+   "name": "--vvd-tag-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-tag-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-tag-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-tag-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-tag-cta-dim",
+   "default": "var(--vvd-color-cta-200)"
+  },
+  {
+   "name": "--vvd-tag-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-tag-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-tag-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-tag-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-tag-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-tag-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-tag-accent-dim",
+   "default": "var(--vvd-color-neutral-200)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "TagConnotation | undefined"
+   },
+   "description": "The connotation the tag should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "TagShape | undefined"
+   },
+   "description": "The shape the tag should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "TagAppearance | undefined"
+   },
+   "description": "The appearance the tag should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the tag's label.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "removable",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is removable",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "disabled",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is disabled",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "selectable",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is selectable",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "selected",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is selected",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "remove",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#select",
+   "privacy": "private"
+  },
+  {
+   "kind": "method",
+   "name": "handleKeydown",
+   "parameters": [
+    {
+     "name": "e",
+     "type": {
+      "text": "KeyboardEvent"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "method",
+   "name": "handleClick",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "TagConnotation | undefined"
+   },
+   "description": "The connotation the tag should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "shape",
+   "type": {
+    "text": "TagShape | undefined"
+   },
+   "description": "The shape the tag should have.",
+   "fieldName": "shape"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "TagAppearance | undefined"
+   },
+   "description": "The appearance the tag should have.",
+   "fieldName": "appearance"
+  },
+  {
+   "name": "label",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the tag's label.",
+   "fieldName": "label"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is removable",
+   "fieldName": "removable"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is disabled",
+   "fieldName": "disabled"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is selectable",
+   "fieldName": "selectable"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the tag is selected",
+   "fieldName": "selected"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTag } from '@vonage/vivid'
+
+registerTag('vvd3')
+
+const VwcTag = wrapper(`vvd3-tag`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation', 'shape', 'appearance', 'label', 'removable', 'disabled', 'selectable', 'selected']
+})
+
+VwcTag.displayName = 'VwcTag'
+
+export default VwcTag

package/v3/VwcTag/package.json

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

package/v3/VwcTagGroup/index.d.ts

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

package/v3/VwcTagGroup/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 tag-group",
+ "name": "TagGroup",
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTagGroup } from '@vonage/vivid'
+
+registerTagGroup('vvd3')
+
+const VwcTagGroup = wrapper(`vvd3-tag-group`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcTagGroup.displayName = 'VwcTagGroup'
+
+export default VwcTagGroup

package/v3/VwcTagGroup/package.json

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

package/v3/VwcTextAnchor/index.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+/** Base class for text-anchor
+* @param {string | undefined} text - Indicates the text anchor's text. **attribute** `text`
+*/
+declare const VwcTextAnchor: {
+    (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 VwcTextAnchor;

package/v3/VwcTextAnchor/index.js

@@ -0,0 +1,50 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for text-anchor",
+ "name": "TextAnchor",
+ "members": [
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text anchor's text.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the text anchor's text.",
+   "fieldName": "text"
+  }
+ ],
+ "superclass": {
+  "name": "Anchor",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerTextAnchor } from '@vonage/vivid'
+
+registerTextAnchor('vvd3')
+
+const VwcTextAnchor = wrapper(`vvd3-text-anchor`,  {
+    events: [],
+    attributes: [],
+    properties: ['text']
+})
+
+VwcTextAnchor.displayName = 'VwcTextAnchor'
+
+export default VwcTextAnchor

package/v3/VwcTextAnchor/package.json

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

package/v3/VwcTextArea/index.d.ts

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

package/v3/VwcTextArea/index.js

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

package/v3/VwcTextArea/package.json

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

package/v3/VwcTextField/index.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+/** Base class for text-field
+* @param {TextFieldAppearance | undefined} appearance  **attribute** `appearance`
+* @param {TextFieldShape | undefined} shape  **attribute** `shape`
+* @param {string | undefined} autoComplete  **attribute** `autoComplete`
+*/
+declare const VwcTextField: {
+    (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 VwcTextField;