@vonage/vivid-react 2.10.56 → 2.10.59

package/v3/VwcCalendarEvent/index.js

@@ -0,0 +1,264 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for calendar-event",
+ "name": "CalendarEvent",
+ "cssProperties": [
+  {
+   "name": "--vvd-calendar-event-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-calendar-event-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-accent-contrast",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-accent-soft",
+   "default": "var(--vvd-color-neutral-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-calendar-event-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-cta-contrast",
+   "default": "var(--vvd-color-cta-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-cta-soft",
+   "default": "var(--vvd-color-cta-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
+  {
+   "name": "--vvd-calendar-event-success-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-success-contrast",
+   "default": "var(--vvd-color-success-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-success-soft",
+   "default": "var(--vvd-color-success-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
+  {
+   "name": "--vvd-calendar-event-alert-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-alert-contrast",
+   "default": "var(--vvd-color-alert-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-alert-soft",
+   "default": "var(--vvd-color-alert-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
+  {
+   "name": "--vvd-calendar-event-warning-primary-text",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-calendar-event-warning-contrast",
+   "default": "var(--vvd-color-warning-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-warning-soft",
+   "default": "var(--vvd-color-warning-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-calendar-event-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-announcement-contrast",
+   "default": "var(--vvd-color-announcement-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-announcement-soft",
+   "default": "var(--vvd-color-announcement-100)"
+  },
+  {
+   "name": "--vvd-calendar-event-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
+  {
+   "name": "--vvd-calendar-event-information-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-calendar-event-information-contrast",
+   "default": "var(--vvd-color-information-800)"
+  },
+  {
+   "name": "--vvd-calendar-event-information-soft",
+   "default": "var(--vvd-color-information-100)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "heading",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the heading of the event",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "description",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the description of the event",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "CalendarEventConnotation | undefined"
+   },
+   "description": "The connotation the calendar event should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "CalendarEventAppearance | undefined"
+   },
+   "description": "The appearance the calendar event should have.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "overlapCount",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "sets card display precendence and indentation",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "start",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "time of day event starts",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "duration",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "event's time duration in hours",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "heading",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the heading of the event",
+   "fieldName": "heading"
+  },
+  {
+   "name": "description",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the description of the event",
+   "fieldName": "description"
+  },
+  {
+   "name": "connotation",
+   "type": {
+    "text": "CalendarEventConnotation | undefined"
+   },
+   "description": "The connotation the calendar event should have.",
+   "fieldName": "connotation"
+  },
+  {
+   "name": "appearance",
+   "type": {
+    "text": "CalendarEventAppearance | undefined"
+   },
+   "description": "The appearance the calendar event should have.",
+   "fieldName": "appearance"
+  },
+  {
+   "name": "overlap-count",
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "sets card display precendence and indentation",
+   "fieldName": "overlapCount"
+  },
+  {
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "time of day event starts",
+   "fieldName": "start"
+  },
+  {
+   "type": {
+    "text": "number | undefined"
+   },
+   "description": "event's time duration in hours",
+   "fieldName": "duration"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerCalendarEvent } from '@vonage/vivid'
+
+registerCalendarEvent('vvd3')
+
+const VwcCalendarEvent = wrapper(`vvd3-calendar-event`,  {
+    events: [],
+    attributes: [],
+    properties: ['heading', 'description', 'connotation', 'appearance', 'overlapCount', 'start', 'duration']
+})
+
+VwcCalendarEvent.displayName = 'VwcCalendarEvent'
+
+export default VwcCalendarEvent

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/index.d.ts

@@ -0,0 +1,31 @@
+import React, { ReactNode } from 'react';
+/** Base class for card
+* @param {string | undefined} headline - the text of the card heading
+accepts string **attribute** `headline`
+* @param {string | undefined} subtitle - the text of the card sub-heading
+accepts string **attribute** `subtitle`
+* @param {string | undefined} text - the text of the card sub-heading
+accepts string **attribute** `text`
+* @param {string | undefined} icon - card header icon **attribute** `icon`
+* @param {0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined} elevation - card elevation dp **attribute** `elevation`
+* @param {HTMLElement[] | undefined} graphicSlottedContent
+* @param {HTMLElement[] | undefined} hasMetaSlottedContent
+*/
+declare const VwcCard: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        headline?: string | undefined;
+        subtitle?: string | undefined;
+        text?: string | undefined;
+        icon?: string | undefined;
+        elevation?: any;
+        graphicSlottedContent?: any;
+        hasMetaSlottedContent?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcCard;

package/v3/VwcCard/index.js

@@ -0,0 +1,154 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for card",
+ "name": "Card",
+ "slots": [
+  {
+   "description": "The graphic slot overrides the icon property.",
+   "name": "graphic"
+  },
+  {
+   "description": "The media slot is mainly for images or video content above the card header.",
+   "name": "media"
+  },
+  {
+   "description": "The meta slot is for action content in the card header.",
+   "name": "meta"
+  },
+  {
+   "description": "The footer slot is for content in the card footer.",
+   "name": "footer"
+  },
+  {
+   "description": "Assign nodes to main slot to fully override a card's predefined flow and style with your own.",
+   "name": "main"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card heading\naccepts string",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "subtitle",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card sub-heading\naccepts string",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card sub-heading\naccepts string",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "card header icon",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "elevation",
+   "type": {
+    "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
+   },
+   "description": "card elevation dp",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "graphicSlottedContent",
+   "type": {
+    "text": "HTMLElement[] | undefined"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "hasMetaSlottedContent",
+   "type": {
+    "text": "HTMLElement[] | undefined"
+   }
+  }
+ ],
+ "attributes": [
+  {
+   "name": "headline",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card heading\naccepts string",
+   "fieldName": "headline"
+  },
+  {
+   "name": "subtitle",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card sub-heading\naccepts string",
+   "fieldName": "subtitle"
+  },
+  {
+   "name": "text",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "the text of the card sub-heading\naccepts string",
+   "fieldName": "text"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "card header icon",
+   "fieldName": "icon"
+  },
+  {
+   "name": "elevation",
+   "type": {
+    "text": "0 | 2 | 4 | 8 | 12 | 16 | 24 | undefined"
+   },
+   "description": "card elevation dp",
+   "fieldName": "elevation"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationElement",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerCard } from '@vonage/vivid'
+
+registerCard('vvd3')
+
+const VwcCard = wrapper(`vvd3-card`,  {
+    events: [],
+    attributes: [],
+    properties: ['headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
+})
+
+VwcCard.displayName = 'VwcCard'
+
+export default VwcCard

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.d.ts

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

package/v3/VwcCheckbox/index.js

@@ -0,0 +1,100 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "Base class for checkbox",
+ "name": "Checkbox",
+ "cssProperties": [
+  {
+   "name": "--vvd-checkbox-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-checkbox-cta-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-checkbox-cta-primary-increment",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-checkbox-cta-intermediate",
+   "default": "var(--vvd-color-cta-500)"
+  },
+  {
+   "name": "--vvd-checkbox-cta-backdrop",
+   "default": "var(--vvd-color-cta-50)"
+  },
+  {
+   "name": "--vvd-checkbox-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-backdrop",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-checkbox-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
+  }
+ ],
+ "members": [
+  {
+   "kind": "field",
+   "name": "connotation",
+   "type": {
+    "text": "CheckboxConnotation | undefined"
+   },
+   "description": "The connotation the checklist should have.",
+   "privacy": "public"
+  }
+ ],
+ "attributes": [
+  {
+   "name": "connotation",
+   "type": {
+    "text": "CheckboxConnotation | undefined"
+   },
+   "description": "The connotation the checklist should have.",
+   "fieldName": "connotation"
+  }
+ ],
+ "superclass": {
+  "name": "FoundationCheckbox",
+  "package": "@microsoft/fast-foundation"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerCheckbox } from '@vonage/vivid'
+
+registerCheckbox('vvd3')
+
+const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
+    events: [],
+    attributes: [],
+    properties: ['connotation']
+})
+
+VwcCheckbox.displayName = 'VwcCheckbox'
+
+export default VwcCheckbox

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+/** Base class for combobox
+* @param {PopupPlacement | undefined} placement - the placement of the combobox
+
+HTML Attribute: string **attribute** `placement`
+* @param {Popup} _popup
+* @param {HTMLElement} _anchor
+*/
+declare const VwcCombobox: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        placement?: any;
+        _popup?: any;
+        _anchor?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcCombobox;