@vonage/vivid-react 3.5.1 → 4.0.0

package/v3/VwcEmptyState/index.js

@@ -20,6 +20,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-cta-faint",
    "default": "var(--vvd-color-cta-50)"
   },
+  {
+   "name": "--vvd-empty-state-cta-primary",
+   "default": "var(--vvd-color-cta-500)"
+  },
   {
    "name": "--vvd-empty-state-success-firm-all",
    "default": "var(--vvd-color-success-600)"
@@ -32,6 +36,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-success-faint",
    "default": "var(--vvd-color-success-50)"
   },
+  {
+   "name": "--vvd-empty-state-success-primary",
+   "default": "var(--vvd-color-success-500)"
+  },
   {
    "name": "--vvd-empty-state-alert-firm-all",
    "default": "var(--vvd-color-alert-600)"
@@ -44,6 +52,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-alert-faint",
    "default": "var(--vvd-color-alert-50)"
   },
+  {
+   "name": "--vvd-empty-state-alert-primary",
+   "default": "var(--vvd-color-alert-500)"
+  },
   {
    "name": "--vvd-empty-state-warning-firm-all",
    "default": "var(--vvd-color-warning-600)"
@@ -56,6 +68,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-warning-faint",
    "default": "var(--vvd-color-warning-50)"
   },
+  {
+   "name": "--vvd-empty-state-warning-primary",
+   "default": "var(--vvd-color-warning-300)"
+  },
   {
    "name": "--vvd-empty-state-information-firm-all",
    "default": "var(--vvd-color-information-600)"
@@ -68,6 +84,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-information-faint",
    "default": "var(--vvd-color-information-50)"
   },
+  {
+   "name": "--vvd-empty-state-information-primary",
+   "default": "var(--vvd-color-information-500)"
+  },
   {
    "name": "--vvd-empty-state-announcement-firm-all",
    "default": "var(--vvd-color-announcement-600)"
@@ -80,6 +100,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-empty-state-announcement-faint",
    "default": "var(--vvd-color-announcement-50)"
   },
+  {
+   "name": "--vvd-empty-state-announcement-primary",
+   "default": "var(--vvd-color-announcement-500)"
+  },
   {
    "name": "--vvd-empty-state-accent-firm-all",
    "default": "var(--vvd-color-neutral-600)"
@@ -91,6 +115,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-empty-state-accent-faint",
    "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-empty-state-accent-primary",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "slots": [

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/index.js

@@ -115,6 +115,19 @@ Code in this file were generated using following JSON:
    "description": "Indicates the fab's label.",
    "privacy": "public"
   },
+  {
+   "kind": "method",
+   "name": "clickHandler",
+   "parameters": [
+    {
+     "name": "event",
+     "type": {
+      "text": "Event"
+     }
+    }
+   ],
+   "description": "Handles click events.\nPrevents interaction when disabled."
+  },
   {
    "kind": "field",
    "name": "iconTrailing",
@@ -826,6 +839,35 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "fab"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byLabel",
+    "args": [
+     "byLabel"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "click",
+    "args": [
+     "click",
+     "#control"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "control",
+    "args": [
+     "shadow",
+     "button.control"
+    ]
+   }
+  ]
  }
 }
 */

package/v3/VwcFab/package.json

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

package/v3/VwcFeedbackMessage/index.d.ts

@@ -5,7 +5,6 @@ import React, { ReactNode } from 'react';
 * @param {string} VIVID_VERSION - The current version of the Vivid library, which is useful for debugging.
 It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 * @param {string} componentName - Core component name, without prefix
-* @param {boolean} specialHandling
 * @param {VividAriaBehaviour} _vividAriaBehaviour
 */
 declare const VwcFeedbackMessage: {
@@ -18,7 +17,6 @@ declare const VwcFeedbackMessage: {
         type?: any;
         VIVID_VERSION?: string | undefined;
         componentName?: string | undefined;
-        specialHandling?: boolean | undefined;
         _vividAriaBehaviour?: any;
     }): JSX.Element;
     displayName: string;

package/v3/VwcFeedbackMessage/index.js

@@ -43,18 +43,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/foundation/vivid-element/vivid-element.ts"
    }
   },
-  {
-   "kind": "field",
-   "name": "specialHandling",
-   "type": {
-    "text": "boolean"
-   },
-   "default": "false",
-   "inheritedFrom": {
-    "name": "VividElement",
-    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
-   }
-  },
   {
    "kind": "field",
    "name": "_vividAriaBehaviour",
@@ -114,7 +102,7 @@ registerFeedbackMessage('vvd3')
 const VwcFeedbackMessage = wrapper(`vvd3-feedback-message`,  {
     events: [],
     attributes: [],
-    properties: ['type', 'VIVID_VERSION', 'componentName', 'specialHandling', '_vividAriaBehaviour']
+    properties: ['type', 'VIVID_VERSION', 'componentName', '_vividAriaBehaviour']
 })
 
 VwcFeedbackMessage.displayName = 'VwcFeedbackMessage'

package/v3/VwcFeedbackMessage/package.json

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

package/v3/VwcFilePicker/index.d.ts

@@ -1,19 +1,18 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** VwcFilePicker
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/file-picker
-* @param {boolean} singleFile - Single file state. **attribute** `single-file`
-* @param {number | undefined} maxFiles - The max files that can be selected. **attribute** `max-files`
-* @param {number} maxFileSize - The max file size that can be selected. **attribute** `max-file-size`
+* @param {boolean} singleFile - Whether to allow only a single file. Subsequent added file will replace the current file. **attribute** `single-file`
+* @param {number | undefined} maxFiles - The max number of files that can be selected. Additional files will be rejected. **attribute** `max-files`
+* @param {number} maxFileSize - The maximum file size (in megabytes) for each file. **attribute** `max-file-size`
 * @param {string | undefined} accept - List of accepted files types **attribute** `accept`
 * @param {FilePickerSize | undefined} size - The size the file-uploader should have. **attribute** `size`
 * @param {string | undefined} invalidFileTypeError - Overrides the localized error message for invalid file type **attribute** `invalid-file-type-error`
 * @param {string | undefined} maxFilesExceededError - Overrides the localized error message for max file exceed **attribute** `max-files-exceeded-error`
 * @param {string | undefined} fileTooBigError - Overrides the localized error message for file too big **attribute** `file-too-big-error`
-* @param  setFormValue
-* @param {boolean} autoDiscover
 * @param {string | undefined} helperText - Provides additional information to help the user enter the correct information.
 To add HTML to the helper text, use the helper-text slot instead. **attribute** `helper-text`
 * @param {string | undefined} errorText - Provides a custom error message. Any current error state will be overridden. **attribute** `error-text`
+* @param  validate
 * @param {string | undefined} label - The label for the form element. **attribute** `label`
 * @param {'delegate'} _vividAriaBehaviour
 * @param {string} value - The current value of the element. **attribute** `current-value`
@@ -43,10 +42,9 @@ declare const VwcFilePicker: {
         invalidFileTypeError?: string | undefined;
         maxFilesExceededError?: string | undefined;
         fileTooBigError?: string | undefined;
-        setFormValue?: any;
-        autoDiscover?: boolean | undefined;
         helperText?: string | undefined;
         errorText?: string | undefined;
+        validate?: any;
         label?: string | undefined;
         _vividAriaBehaviour?: any;
         value?: string | undefined;