@vonage/vivid-react 2.10.58 → 2.10.59

package/v3/VwcActionGroup/index.js

@@ -0,0 +1,139 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for action-group",
+ "name": "ActionGroup",
+ "cssProperties": [
+  {
+   "name": "--vvd-action-group-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-action-group-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-action-group-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-action-group-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "ActionGroupShape | undefined"
+   },
+   "description": "The shape the ActionGroup should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "ActionGroupAppearance | undefined"
+   },
+   "description": "The appearance the ActionGroup should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "tight",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether action group should have padding.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "role",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "ariaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "shape",
+   "type": {
+    "text": "ActionGroupShape | undefined"
+   },
+   "description": "The shape the ActionGroup should have.",
+   "fieldName": "shape"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "ActionGroupAppearance | undefined"
+   },
+   "description": "The appearance the ActionGroup should have.",
+   "fieldName": "appearance"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates whether action group should have padding.",
+   "fieldName": "tight"
+  },
+  {
+   "name": "role",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "role"
+  },
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerActionGroup } from '@vonage/vivid'
+
+registerActionGroup('vvd3')
+
+const VwcActionGroup = wrapper(`vvd3-action-group`,  {
+    events: [],
+    attributes: [],
+    properties: ['shape', 'appearance', 'tight', 'role', 'ariaLabel']
+})
+
+VwcActionGroup.displayName = 'VwcActionGroup'
+
+export default VwcActionGroup

package/v3/VwcActionGroup/package.json

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

package/v3/VwcAlert/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from 'react';
+/** Base class for alert
+* @param {boolean} removable - if the alert is removable
+accepts boolean **attribute** `removable`
+* @param {AlertPlacement | undefined} placement - the placement of the alert **attribute** `placement`
+* @param {string | undefined} headline - the text of the alert heading
+accepts string **attribute** `headline`
+* @param {string | undefined} text - the main text of the alert
+accepts string **attribute** `text`
+* @param {string | undefined} icon - alert header icon **attribute** `icon`
+* @param {number} timeoutms - the timeout ms to show the alert
+accepts number **attribute** `timeoutms`
+* @param {AlertConnotation | undefined} connotation - alert connotation **attribute** `connotation`
+* @param {boolean} open - indicates whether the alert is open **attribute** `open`
+*/
+declare const VwcAlert: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        removable?: boolean | undefined;
+        placement?: any;
+        headline?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        timeoutms?: number | undefined;
+        connotation?: any;
+        open?: boolean | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcAlert;

package/v3/VwcAlert/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 alert",
+ "name": "Alert",
+ "cssProperties": [
+  {
+   "name": "--vvd-alert-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-alert-success-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-alert-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-alert-information-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-alert-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-alert-alert-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-alert-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-alert-warning-primary-text",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-alert-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-alert-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Add action items to alert using this slot.",
+   "name": "action-items"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "#timeoutID",
+   "privacy": "private",
+   "type": {
+    "text": "NodeJS.Timeout | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "removable",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "if the alert is removable\naccepts boolean",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "placement",
+   "type": {
+    "text": "AlertPlacement | undefined"
+   },
+   "default": "'bottom'",
+   "description": "the placement of the alert",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the alert heading\naccepts string",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the main text of the alert\naccepts string",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "alert header icon",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "timeoutms",
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "the timeout ms to show the alert\naccepts number",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "AlertConnotation | undefined"
+   },
+   "description": "alert connotation",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "open",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the alert is open",
+   "privacy": "public"
+  },
+  {
+   "kind": "method",
+   "name": "openChanged",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   },
+   "parameters": [
+    {
+     "name": "oldValue",
+     "type": {
+      "text": "boolean"
+     }
+    },
+    {
+     "name": "newValue",
+     "type": {
+      "text": "boolean"
+     }
+    }
+   ]
+  },
+  {
+   "kind": "field",
+   "name": "conditionedIcon",
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "#setupTimeout"
+  },
+  {
+   "kind": "field",
+   "name": "#closeOnEscape",
+   "privacy": "private"
+  }
+ ],
+ "attributes": [
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "if the alert is removable\naccepts boolean",
+   "fieldName": "removable"
+  },
+  {
+   "type": {
+    "text": "AlertPlacement | undefined"
+   },
+   "default": "'bottom'",
+   "description": "the placement of the alert",
+   "fieldName": "placement"
+  },
+  {
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the alert heading\naccepts string",
+   "fieldName": "headline"
+  },
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the main text of the alert\naccepts string",
+   "fieldName": "text"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "alert header icon",
+   "fieldName": "icon"
+  },
+  {
+   "type": {
+    "text": "number"
+   },
+   "default": "0",
+   "description": "the timeout ms to show the alert\naccepts number",
+   "fieldName": "timeoutms"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "AlertConnotation | undefined"
+   },
+   "description": "alert connotation",
+   "fieldName": "connotation"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "indicates whether the alert is open",
+   "fieldName": "open"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerAlert } from '@vonage/vivid'
+
+registerAlert('vvd3')
+
+const VwcAlert = wrapper(`vvd3-alert`,  {
+    events: [],
+    attributes: [],
+    properties: ['removable', 'placement', 'headline', 'text', 'icon', 'timeoutms', 'connotation', 'open']
+})
+
+VwcAlert.displayName = 'VwcAlert'
+
+export default VwcAlert

package/v3/VwcAlert/package.json

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

package/v3/VwcAvatar/index.d.ts

@@ -0,0 +1,26 @@
+import React, { ReactNode } from 'react';
+/** VwcAvatar
+* @param {AvatarConnotation | undefined} connotation - The connotation the avatar should have. **attribute** `connotation`
+* @param {AvatarShape | undefined} shape - The shape the avatar should have. **attribute** `shape`
+* @param {AvatarAppearance | undefined} appearance - The appearance the avatar should have. **attribute** `appearance`
+* @param {AvatarSize | undefined} size - The size the avatar should have. **attribute** `size`
+* @param {string | undefined} icon - avatar header icon **attribute** `icon`
+* @param {string | undefined} initials - avatar name **attribute** `initials`
+*/
+declare const VwcAvatar: {
+    (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;
+        size?: any;
+        icon?: string | undefined;
+        initials?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcAvatar;

package/v3/VwcAvatar/index.js

@@ -0,0 +1,183 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "Avatar",
+ "cssProperties": [
+  {
+   "name": "--vvd-avatar-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-avatar-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-avatar-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-avatar-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-avatar-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-avatar-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-avatar-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-avatar-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-avatar-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-avatar-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Assign nodes to the graphic slot to set a graphic media of any kind (e.g. image, illustration etc).",
+   "name": "graphic"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "AvatarConnotation | undefined"
+   },
+   "description": "The connotation the avatar should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "AvatarShape | undefined"
+   },
+   "description": "The shape the avatar should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "AvatarAppearance | undefined"
+   },
+   "description": "The appearance the avatar should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "size",
+   "type": {
+    "text": "AvatarSize | undefined"
+   },
+   "description": "The size the avatar should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "avatar header icon",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "initials",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "avatar name",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "AvatarConnotation | undefined"
+   },
+   "description": "The connotation the avatar should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "shape",
+   "type": {
+    "text": "AvatarShape | undefined"
+   },
+   "description": "The shape the avatar should have.",
+   "fieldName": "shape"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "AvatarAppearance | undefined"
+   },
+   "description": "The appearance the avatar should have.",
+   "fieldName": "appearance"
+  },
+  {
+   "name": "size",
+   "type": {
+    "text": "AvatarSize | undefined"
+   },
+   "description": "The size the avatar should have.",
+   "fieldName": "size"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "avatar header icon",
+   "fieldName": "icon"
+  },
+  {
+   "name": "initials",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "avatar name",
+   "fieldName": "initials"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerAvatar } from '@vonage/vivid'
+
+registerAvatar('vvd3')
+
+const VwcAvatar = wrapper(`vvd3-avatar`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation', 'shape', 'appearance', 'size', 'icon', 'initials']
+})
+
+VwcAvatar.displayName = 'VwcAvatar'
+
+export default VwcAvatar

package/v3/VwcAvatar/package.json

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