@vonage/vivid-react 2.10.58 → 2.10.59

package/v3/VwcBadge/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+/** Base class for badge
+* @param {BadgeConnotation | undefined} connotation - The connotation the badge should have. **attribute** `connotation`
+* @param {BadgeShape | undefined} shape - The shape the badge should have. **attribute** `shape`
+* @param {BadgeAppearance | undefined} appearance - The appearance the badge should have. **attribute** `appearance`
+* @param {string | undefined} text - Indicates the badge's text. **attribute** `text`
+*/
+declare const VwcBadge: {
+    (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;
+        text?: string | undefined;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcBadge;

package/v3/VwcBadge/index.js

@@ -0,0 +1,271 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for badge",
+ "name": "Badge",
+ "cssProperties": [
+  {
+   "name": "--vvd-badge-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-badge-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-cta-intermediate",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-badge-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
+  {
+   "name": "--vvd-badge-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
+  {
+   "name": "--vvd-badge-cta-pale",
+   "default": "var(--vvd-color-cta-300)"
+  },
+  {
+   "name": "--vvd-badge-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-badge-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-badge-success-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-success-intermediate",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-badge-success-soft",
+   "default": "var(--vvd-color-success-100)"
+  },
+  {
+   "name": "--vvd-badge-success-contrast",
+   "default": "var(--vvd-color-success-800)"
+  },
+  {
+   "name": "--vvd-badge-success-pale",
+   "default": "var(--vvd-color-success-300)"
+  },
+  {
+   "name": "--vvd-badge-success-fierce",
+   "default": "var(--vvd-color-success-700)"
+  },
+  {
+   "name": "--vvd-badge-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-badge-alert-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-alert-intermediate",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-badge-alert-soft",
+   "default": "var(--vvd-color-alert-100)"
+  },
+  {
+   "name": "--vvd-badge-alert-contrast",
+   "default": "var(--vvd-color-alert-800)"
+  },
+  {
+   "name": "--vvd-badge-alert-pale",
+   "default": "var(--vvd-color-alert-300)"
+  },
+  {
+   "name": "--vvd-badge-alert-fierce",
+   "default": "var(--vvd-color-alert-700)"
+  },
+  {
+   "name": "--vvd-badge-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-badge-warning-primary-text",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-badge-warning-intermediate",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-badge-warning-soft",
+   "default": "var(--vvd-color-warning-100)"
+  },
+  {
+   "name": "--vvd-badge-warning-contrast",
+   "default": "var(--vvd-color-warning-800)"
+  },
+  {
+   "name": "--vvd-badge-warning-pale",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-badge-warning-fierce",
+   "default": "var(--vvd-color-warning-700)"
+  },
+  {
+   "name": "--vvd-badge-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-badge-information-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-information-intermediate",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-badge-information-soft",
+   "default": "var(--vvd-color-information-100)"
+  },
+  {
+   "name": "--vvd-badge-information-contrast",
+   "default": "var(--vvd-color-information-800)"
+  },
+  {
+   "name": "--vvd-badge-information-pale",
+   "default": "var(--vvd-color-information-300)"
+  },
+  {
+   "name": "--vvd-badge-information-fierce",
+   "default": "var(--vvd-color-information-700)"
+  },
+  {
+   "name": "--vvd-badge-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-badge-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-badge-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-badge-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-badge-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-badge-accent-pale",
+   "default": "var(--vvd-color-neutral-300)"
+  },
+  {
+   "name": "--vvd-badge-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "BadgeConnotation | undefined"
+   },
+   "description": "The connotation the badge should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "shape",
+   "type": {
+    "text": "BadgeShape | undefined"
+   },
+   "description": "The shape the badge should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "BadgeAppearance | undefined"
+   },
+   "description": "The appearance the badge should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the badge's text.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "BadgeConnotation | undefined"
+   },
+   "description": "The connotation the badge should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "shape",
+   "type": {
+    "text": "BadgeShape | undefined"
+   },
+   "description": "The shape the badge should have.",
+   "fieldName": "shape"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "BadgeAppearance | undefined"
+   },
+   "description": "The appearance the badge should have.",
+   "fieldName": "appearance"
+  },
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "Indicates the badge's text.",
+   "fieldName": "text"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerBadge } from '@vonage/vivid'
+
+registerBadge('vvd3')
+
+const VwcBadge = wrapper(`vvd3-badge`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation', 'shape', 'appearance', 'text']
+})
+
+VwcBadge.displayName = 'VwcBadge'
+
+export default VwcBadge

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.d.ts

@@ -0,0 +1,28 @@
+import React, { ReactNode } from 'react';
+/** Base class for banner
+* @param {string | undefined} actionHref  **attribute** `action-href`
+* @param {string | undefined} actionText  **attribute** `action-text`
+* @param {boolean} removable  **attribute** `removable`
+* @param {any} ariaLive  **attribute** `aria-live`
+* @param {string | undefined} role  **attribute** `role`
+* @param {string | undefined} text  **attribute** `text`
+* @param {BannerConnotation | undefined} connotation  **attribute** `connotation`
+*/
+declare const VwcBanner: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        actionHref?: string | undefined;
+        actionText?: string | undefined;
+        removable?: boolean | undefined;
+        ariaLive?: any;
+        role?: string | undefined;
+        text?: string | undefined;
+        connotation?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcBanner;

package/v3/VwcBanner/index.js

@@ -0,0 +1,204 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for banner",
+ "name": "Banner",
+ "cssProperties": [
+  {
+   "name": "--vvd-banner-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-banner-success-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-banner-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-banner-alert-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-banner-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-banner-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-banner-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-banner-warning-primary-text",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-banner-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-banner-information-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  }
+ ],
+ "slots": [
+  {
+   "description": "Add action items to banner using this slot.",
+   "name": "action-items"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "actionHref",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "actionText",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "removable",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false"
+  },
+  {
+   "kind": "field",
+   "name": "ariaLive",
+   "type": {
+    "text": "any"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "role",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "BannerConnotation | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "conditionedIcon",
+   "readonly": true
+  },
+  {
+   "kind": "method",
+   "name": "remove",
+   "return": {
+    "type": {
+     "text": "void"
+    }
+   }
+  },
+  {
+   "kind": "field",
+   "name": "#handleRemoveEnd",
+   "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "#closeOnKeyDown",
+   "privacy": "private"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "action-href",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "actionHref"
+  },
+  {
+   "name": "action-text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "actionText"
+  },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "fieldName": "removable"
+  },
+  {
+   "name": "aria-live",
+   "type": {
+    "text": "any"
+   },
+   "fieldName": "ariaLive"
+  },
+  {
+   "name": "role",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "role"
+  },
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "text"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "BannerConnotation | undefined"
+   },
+   "fieldName": "connotation"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerBanner } from '@vonage/vivid'
+
+registerBanner('vvd3')
+
+const VwcBanner = wrapper(`vvd3-banner`,  {
+    events: [],
+    attributes: [],
+    properties: ['actionHref', 'actionText', 'removable', 'ariaLive', 'role', 'text', 'connotation']
+})
+
+VwcBanner.displayName = 'VwcBanner'
+
+export default VwcBanner

package/v3/VwcBanner/package.json

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

package/v3/VwcBreadcrumb/index.d.ts

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

package/v3/VwcBreadcrumb/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 breadcrumb",
+ "name": "Breadcrumb",
+ "slots": [
+  {
+   "description": "Default slot.",
+   "name": ""
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerBreadcrumb } from '@vonage/vivid'
+
+registerBreadcrumb('vvd3')
+
+const VwcBreadcrumb = wrapper(`vvd3-breadcrumb`,  {
+    events: [],
+    attributes: [],
+    properties: []
+})
+
+VwcBreadcrumb.displayName = 'VwcBreadcrumb'
+
+export default VwcBreadcrumb

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/index.d.ts

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

package/v3/VwcBreadcrumbItem/index.js

@@ -0,0 +1,47 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for breadcrumb-item",
+ "name": "BreadcrumbItem",
+ "members": [
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "fieldName": "text"
+  }
+ ],
+ "superclass": {
+  "name": "FastBreadcrumbItem",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerBreadcrumbItem } from '@vonage/vivid'
+
+registerBreadcrumbItem('vvd3')
+
+const VwcBreadcrumbItem = wrapper(`vvd3-breadcrumb-item`,  {
+    events: [],
+    attributes: [],
+    properties: ['text']
+})
+
+VwcBreadcrumbItem.displayName = 'VwcBreadcrumbItem'
+
+export default VwcBreadcrumbItem

package/v3/VwcBreadcrumbItem/package.json

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