@vonage/vivid-react 2.10.98 → 3.0.0

package/v3/VwcDialPad/index.js

@@ -102,7 +102,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'callActive', 'noCall']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'
@@ -122,6 +122,16 @@ export default VwcDialPad
    "description": "Indicates the disabled state of the dial-pad.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "pending",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the pending state of the dial-pad.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "callActive",
@@ -141,34 +151,85 @@ export default VwcDialPad
    "default": "false",
    "description": "Indicates the no-call state of the dial-pad.",
    "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "noInput",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the no-input state of the dial-pad.",
+   "privacy": "public"
+  },
+  {
+   "kind": "field",
+   "name": "endCallButtonLabel",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null",
+   "privacy": "public",
+   "description": ""
+  },
+  {
+   "kind": "field",
+   "name": "callButtonLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "privacy": "public",
+   "description": ""
   }
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the text field value changes",
    "name": "change"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the text field value changes",
    "name": "input"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the text field loses focus",
    "name": "blur"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the text field receives focus",
    "name": "focus"
   },
   {
+   "type": {
+    "text": "CustomEvent<HTMLElement>"
+   },
    "description": "Emitted when a digit button is clicked",
    "name": "keypad-click"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the call button is clicked",
    "name": "dial"
   },
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when the end call button is clicked",
    "name": "end-call"
   }
@@ -214,7 +275,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'callActive', 'noCall']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'
@@ -232,6 +293,14 @@ export default VwcDialPad
    "description": "Indicates the disabled state of the dial-pad.",
    "fieldName": "disabled"
   },
+  {
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the pending state of the dial-pad.",
+   "fieldName": "pending"
+  },
   {
    "name": "call-active",
    "type": {
@@ -249,6 +318,31 @@ export default VwcDialPad
    "default": "false",
    "description": "Indicates the no-call state of the dial-pad.",
    "fieldName": "noCall"
+  },
+  {
+   "name": "no-input",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the no-input state of the dial-pad.",
+   "fieldName": "noInput"
+  },
+  {
+   "name": "end-call-button-label",
+   "type": {
+    "text": "| string\n\t\t| null"
+   },
+   "default": "null",
+   "fieldName": "endCallButtonLabel"
+  },
+  {
+   "name": "call-button-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "callButtonLabel"
   }
  ],
  "superclass": {
@@ -277,7 +371,7 @@ registerDialPad('vvd3')
 const VwcDialPad = wrapper(`vvd3-dial-pad`,  {
     events: [{"name":"end-call","propName":"onEndCall"},{"name":"dial","propName":"onDial"},{"name":"keypad-click","propName":"onKeypadClick"},{"name":"focus","propName":"onFocus"},{"name":"blur","propName":"onBlur"},{"name":"input","propName":"onInput"},{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'callActive', 'noCall']
+    properties: ['helperText', 'placeholder', 'value', 'pattern', 'disabled', 'pending', 'callActive', 'noCall', 'noInput', 'endCallButtonLabel', 'callButtonLabel']
 })
 
 VwcDialPad.displayName = 'VwcDialPad'

package/v3/VwcDialPad/package.json

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

package/v3/VwcDialog/index.js

@@ -167,7 +167,10 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
-   "description": "Fired when the dialog is closed.",
+   "type": {
+    "text": "CustomEvent<string>"
+   },
+   "description": "The `close` event fires when the dialog closes (either via user interaction or via the API). It returns the return value inside the event's details property.",
    "name": "close"
   }
  ],

package/v3/VwcDialog/package.json

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

package/v3/VwcDivider/package.json

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

package/v3/VwcElevation/package.json

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

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.js

@@ -55,6 +55,30 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-fab-cta-firm",
    "default": "var(--vvd-color-cta-600)"
+  },
+  {
+   "name": "--vvd-fab-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
+  {
+   "name": "--vvd-fab-announcement-primary-text",
+   "default": "var(--vvd-color-canvas)"
+  },
+  {
+   "name": "--vvd-fab-announcement-primary-increment",
+   "default": "var(--vvd-color-announcement-600)"
+  },
+  {
+   "name": "--vvd-fab-announcement-contrast",
+   "default": "var(--vvd-color-announcement-800)"
+  },
+  {
+   "name": "--vvd-fab-announcement-fierce",
+   "default": "var(--vvd-color-announcement-700)"
+  },
+  {
+   "name": "--vvd-fab-announcement-firm",
+   "default": "var(--vvd-color-announcement-600)"
   }
  ],
  "slots": [

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/index.js

@@ -223,6 +223,18 @@ Code in this file were generated using following JSON:
     }
    }
   },
+  {
+   "kind": "method",
+   "name": "#formatNumbersInMessage",
+   "parameters": [
+    {
+     "name": "message",
+     "type": {
+      "text": "string"
+     }
+    }
+   ]
+  },
   {
    "kind": "field",
    "name": "autoDiscover",
@@ -245,6 +257,9 @@ Code in this file were generated using following JSON:
  ],
  "events": [
   {
+   "type": {
+    "text": "CustomEvent<undefined>"
+   },
    "description": "Emitted when a file is added or removed.",
    "name": "change"
   }

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFormAssociatedFilePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-form-associated-file-picker",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcFormAssociatedNumberField/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+/** VwcFormAssociatedNumberField
+* For more info on this Vivid element please visit https://vivid.deno.dev/components/form-associated-number-field
+* @param  proxy
+*/
+declare const VwcFormAssociatedNumberField: {
+    (props: {
+        children?: ReactNode;
+        slot?: string | undefined;
+        id?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        proxy?: any;
+    }): JSX.Element;
+    displayName: string;
+};
+export default VwcFormAssociatedNumberField;

package/v3/VwcFormAssociatedNumberField/index.js

@@ -0,0 +1,41 @@
+/*
+* DO NOT EDIT THIS FILE. IT IS GENERATED
+*/
+/*
+Code in this file were generated using following JSON:
+{
+ "kind": "class",
+ "description": "",
+ "name": "FormAssociatedNumberField",
+ "members": [
+  {
+   "kind": "field",
+   "name": "proxy"
+  }
+ ],
+ "mixins": [
+  {
+   "name": "FormAssociated",
+   "package": "@microsoft/fast-foundation"
+  }
+ ],
+ "superclass": {
+  "name": "_NumberField",
+  "module": "libs/components/src/lib/number-field/number-field.form-associated.ts"
+ }
+}
+*/
+import wrapper from '@vonage/vivid-react-wrapper'
+import { registerFormAssociatedNumberField } from '@vonage/vivid'
+
+registerFormAssociatedNumberField('vvd3')
+
+const VwcFormAssociatedNumberField = wrapper(`vvd3-form-associated-number-field`,  {
+    events: [],
+    attributes: [],
+    properties: ['proxy']
+})
+
+VwcFormAssociatedNumberField.displayName = 'VwcFormAssociatedNumberField'
+
+export default VwcFormAssociatedNumberField

package/v3/VwcFormAssociatedNumberField/package.json

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

package/v3/VwcFormAssociatedRangeSlider/package.json

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

package/v3/VwcFormAssociatedTimePicker/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-form-associated-time-picker",
-  "version": "3.53.0",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vivid": "3.53.0"
+    "@vonage/vivid": "4.1.0"
   }
 }

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/index.d.ts

@@ -2,7 +2,18 @@ import React, { ReactNode } from 'react';
 /** VwcIcon
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/icon
 * @param {IconConnotation | undefined} connotation - The connotation the icon should have. **attribute** `connotation`
-* @param {-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined} size  **attribute** `size`
+* @param {| -6
+        | -5
+        | -4
+        | -3
+        | -2
+        | -1
+        | 0
+        | 1
+        | 2
+        | 3
+        | 4
+        | 5 | undefined} size  **attribute** `size`
 * @param {boolean} iconLoaded
 * @param {string | undefined} name - Indicates which icon to resolve. **attribute** `name`
 */

package/v3/VwcIcon/index.js

@@ -53,7 +53,7 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "size",
    "type": {
-    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+    "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
    }
   },
   {
@@ -94,9 +94,8 @@ Code in this file were generated using following JSON:
    "fieldName": "connotation"
   },
   {
-   "name": "size",
    "type": {
-    "text": "-6 | -5 | -4 | -3 | -2 | -1 | 0 | 1 | 2 | 3 | 4 | 5 | undefined"
+    "text": "| -6\n\t\t| -5\n\t\t| -4\n\t\t| -3\n\t\t| -2\n\t\t| -1\n\t\t| 0\n\t\t| 1\n\t\t| 2\n\t\t| 3\n\t\t| 4\n\t\t| 5 | undefined"
    },
    "fieldName": "size"
   },

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/index.d.ts

@@ -3,11 +3,13 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/menu
 * @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {Placement | undefined} placement - placement of the menu **attribute** `placement`
-* @param {boolean} autoDismiss - indicates whether the menu will automatically close when
-the user clicks outside the menu **attribute** `auto-dismiss`
+* @param {'auto' | 'legacy' | 'off' | undefined} trigger - Controls how the menu opens and closes itself. **attribute** `trigger`
+* @param {boolean} autoDismiss - indicates whether the menu will automatically close when focus moves away from it. **attribute** `auto-dismiss`
 * @param {boolean} open - indicates whether the menu is open **attribute** `open`
+* @param  _onFocusout
 * @param {HTMLElement[] | undefined} actionItemsSlottedContent
 * @param  handleFocusOut
+* @param  domChildren
 */
 declare const VwcMenu: {
     (props: {
@@ -20,10 +22,13 @@ declare const VwcMenu: {
         onClose?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
         placement?: any;
+        trigger?: any;
         autoDismiss?: boolean | undefined;
         open?: boolean | undefined;
+        _onFocusout?: any;
         actionItemsSlottedContent?: any;
         handleFocusOut?: any;
+        domChildren?: any;
     }): JSX.Element;
     displayName: string;
 };