@vonage/vivid-react 2.10.81 → 2.10.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vonage/vivid-react",
-  "version": "2.10.81",
+  "version": "2.10.83",
   "description": "Vivid wrapped for easy React usage & IDE autocomplete support & typescript typings",
   "main": "index.js",
   "types": "types/index.d.ts",
@@ -26,65 +26,65 @@
     "CLI"
   ],
   "dependencies": {
-    "@vonage/vivid": "3.46.0",
+    "@vonage/vivid": "3.50.1",
     "@vonage/vivid-react-wrapper": "1.2.9",
-    "@vonage/vvd-context": "2.44.0",
-    "@vonage/vvd-core": "2.44.0",
-    "@vonage/vvd-fonts": "2.44.0",
-    "@vonage/vwc-accordion": "2.44.0",
-    "@vonage/vwc-action-group": "2.44.0",
-    "@vonage/vwc-badge": "2.44.0",
-    "@vonage/vwc-banner": "2.44.0",
-    "@vonage/vwc-button": "2.44.0",
-    "@vonage/vwc-button-toggle-group": "2.44.0",
-    "@vonage/vwc-calendar": "2.44.0",
-    "@vonage/vwc-card": "2.44.0",
-    "@vonage/vwc-carousel": "2.44.0",
-    "@vonage/vwc-checkbox": "2.44.0",
-    "@vonage/vwc-chips": "2.44.0",
-    "@vonage/vwc-circular-progress": "2.44.0",
-    "@vonage/vwc-data-grid": "2.44.0",
-    "@vonage/vwc-datepicker": "2.44.0",
-    "@vonage/vwc-dialog": "2.44.0",
-    "@vonage/vwc-drawer": "2.44.0",
-    "@vonage/vwc-dropdown": "2.44.0",
-    "@vonage/vwc-elevation": "2.44.0",
-    "@vonage/vwc-empty-state": "2.44.0",
-    "@vonage/vwc-expansion-panel": "2.44.0",
-    "@vonage/vwc-fab": "2.44.0",
-    "@vonage/vwc-file-picker": "2.44.0",
-    "@vonage/vwc-formfield": "2.44.0",
-    "@vonage/vwc-helper-message": "2.44.0",
-    "@vonage/vwc-icon": "2.44.0",
-    "@vonage/vwc-icon-button": "2.44.0",
-    "@vonage/vwc-icon-button-toggle": "2.44.0",
-    "@vonage/vwc-keypad": "2.44.0",
-    "@vonage/vwc-layout": "2.44.0",
-    "@vonage/vwc-linear-progress": "2.44.0",
-    "@vonage/vwc-list": "2.44.0",
-    "@vonage/vwc-media-controller": "2.44.0",
-    "@vonage/vwc-menu": "2.44.0",
-    "@vonage/vwc-notched-outline": "2.44.0",
-    "@vonage/vwc-note": "2.44.0",
-    "@vonage/vwc-pagination": "2.44.0",
-    "@vonage/vwc-popup": "2.44.0",
-    "@vonage/vwc-radio": "2.44.0",
-    "@vonage/vwc-scheme-select": "2.44.0",
-    "@vonage/vwc-select": "2.44.0",
-    "@vonage/vwc-side-drawer": "2.44.0",
-    "@vonage/vwc-slider": "2.44.0",
-    "@vonage/vwc-snackbar": "2.44.0",
-    "@vonage/vwc-surface": "2.44.0",
-    "@vonage/vwc-switch": "2.44.0",
-    "@vonage/vwc-tab-bar": "2.44.0",
-    "@vonage/vwc-tags": "2.44.0",
-    "@vonage/vwc-text": "2.44.0",
-    "@vonage/vwc-textarea": "2.44.0",
-    "@vonage/vwc-textfield": "2.44.0",
-    "@vonage/vwc-theme-switch": "2.44.0",
-    "@vonage/vwc-tooltip": "2.44.0",
-    "@vonage/vwc-top-app-bar": "2.44.0",
-    "@vonage/vwc-top-app-bar-fixed": "2.44.0"
+    "@vonage/vvd-context": "2.45.0",
+    "@vonage/vvd-core": "2.45.0",
+    "@vonage/vvd-fonts": "2.45.0",
+    "@vonage/vwc-accordion": "2.45.0",
+    "@vonage/vwc-action-group": "2.45.0",
+    "@vonage/vwc-badge": "2.45.0",
+    "@vonage/vwc-banner": "2.45.0",
+    "@vonage/vwc-button": "2.45.0",
+    "@vonage/vwc-button-toggle-group": "2.45.0",
+    "@vonage/vwc-calendar": "2.45.0",
+    "@vonage/vwc-card": "2.45.0",
+    "@vonage/vwc-carousel": "2.45.0",
+    "@vonage/vwc-checkbox": "2.45.0",
+    "@vonage/vwc-chips": "2.45.0",
+    "@vonage/vwc-circular-progress": "2.45.0",
+    "@vonage/vwc-data-grid": "2.45.0",
+    "@vonage/vwc-datepicker": "2.45.0",
+    "@vonage/vwc-dialog": "2.45.0",
+    "@vonage/vwc-drawer": "2.45.0",
+    "@vonage/vwc-dropdown": "2.45.0",
+    "@vonage/vwc-elevation": "2.45.0",
+    "@vonage/vwc-empty-state": "2.45.0",
+    "@vonage/vwc-expansion-panel": "2.45.0",
+    "@vonage/vwc-fab": "2.45.0",
+    "@vonage/vwc-file-picker": "2.45.0",
+    "@vonage/vwc-formfield": "2.45.0",
+    "@vonage/vwc-helper-message": "2.45.0",
+    "@vonage/vwc-icon": "2.45.0",
+    "@vonage/vwc-icon-button": "2.45.0",
+    "@vonage/vwc-icon-button-toggle": "2.45.0",
+    "@vonage/vwc-keypad": "2.45.0",
+    "@vonage/vwc-layout": "2.45.0",
+    "@vonage/vwc-linear-progress": "2.45.0",
+    "@vonage/vwc-list": "2.45.0",
+    "@vonage/vwc-media-controller": "2.45.0",
+    "@vonage/vwc-menu": "2.45.0",
+    "@vonage/vwc-notched-outline": "2.45.0",
+    "@vonage/vwc-note": "2.45.0",
+    "@vonage/vwc-pagination": "2.45.0",
+    "@vonage/vwc-popup": "2.45.0",
+    "@vonage/vwc-radio": "2.45.0",
+    "@vonage/vwc-scheme-select": "2.45.0",
+    "@vonage/vwc-select": "2.45.0",
+    "@vonage/vwc-side-drawer": "2.45.0",
+    "@vonage/vwc-slider": "2.45.0",
+    "@vonage/vwc-snackbar": "2.45.0",
+    "@vonage/vwc-surface": "2.45.0",
+    "@vonage/vwc-switch": "2.45.0",
+    "@vonage/vwc-tab-bar": "2.45.0",
+    "@vonage/vwc-tags": "2.45.0",
+    "@vonage/vwc-text": "2.45.0",
+    "@vonage/vwc-textarea": "2.45.0",
+    "@vonage/vwc-textfield": "2.45.0",
+    "@vonage/vwc-theme-switch": "2.45.0",
+    "@vonage/vwc-tooltip": "2.45.0",
+    "@vonage/vwc-top-app-bar": "2.45.0",
+    "@vonage/vwc-top-app-bar-fixed": "2.45.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.5",

package/types/index.d.ts

@@ -182,7 +182,7 @@ declare namespace JSX {
             "max-files": number | undefined;
             "max-file-size": number;
             "accept": string | undefined;
-            "size": FileUploaderSize | undefined;
+            "size": FilePickerSize | undefined;
         }>;
         "vvd3-focus": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
 
@@ -337,6 +337,7 @@ declare namespace JSX {
         "vvd3-tabs": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": TabsConnotation | undefined;
             "gutters": Gutters | undefined;
+            "scrollable-panel": boolean;
         }>;
         "vvd3-tag": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "connotation": TagConnotation | undefined;
@@ -362,6 +363,17 @@ declare namespace JSX {
             "shape": TextFieldShape | undefined;
             "autoComplete": string | undefined;
         }>;
+        "vvd3-form-associated-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+
+        }>;
+        "vvd3-time-picker": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
+            "readonly": boolean;
+            "minutes-step": number | null;
+            "seconds-step": number | null;
+            "clock": '12h' | '24h' | undefined;
+            "min": string;
+            "max": string;
+        }>;
         "vvd3-toggletip": React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & Partial<{
             "headline": string | undefined;
             "alternate": boolean;

package/v3/VwcAccordion/package.json

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

package/v3/VwcAccordionItem/index.js

@@ -25,6 +25,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Default slot.",
    "name": ""
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcAccordionItem/package.json

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

package/v3/VwcActionGroup/index.js

@@ -8,10 +8,6 @@ Code in this file were generated using following JSON:
  "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)"

package/v3/VwcActionGroup/package.json

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

package/v3/VwcAlert/index.js

@@ -57,6 +57,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Add action items to alert using this slot.",
    "name": "action-items"
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcAlert/package.json

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

package/v3/VwcAppearanceUi/index.js

@@ -52,10 +52,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-cta-contrast",
    "default": "var(--vvd-color-cta-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-cta-backdrop",
-   "default": "var(--vvd-color-cta-50)"
-  },
   {
    "name": "--vvd-appearanceUI-cta-intermediate",
    "default": "var(--vvd-color-cta-500)"
@@ -104,10 +100,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-success-contrast",
    "default": "var(--vvd-color-success-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-success-backdrop",
-   "default": "var(--vvd-color-success-50)"
-  },
   {
    "name": "--vvd-appearanceUI-success-intermediate",
    "default": "var(--vvd-color-success-500)"
@@ -156,10 +148,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-alert-contrast",
    "default": "var(--vvd-color-alert-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-alert-backdrop",
-   "default": "var(--vvd-color-alert-50)"
-  },
   {
    "name": "--vvd-appearanceUI-alert-intermediate",
    "default": "var(--vvd-color-alert-500)"
@@ -208,10 +196,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-warning-contrast",
    "default": "var(--vvd-color-warning-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-warning-backdrop",
-   "default": "var(--vvd-color-warning-50)"
-  },
   {
    "name": "--vvd-appearanceUI-warning-intermediate",
    "default": "var(--vvd-color-warning-300)"
@@ -260,10 +244,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-information-contrast",
    "default": "var(--vvd-color-information-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-information-backdrop",
-   "default": "var(--vvd-color-information-50)"
-  },
   {
    "name": "--vvd-appearanceUI-information-intermediate",
    "default": "var(--vvd-color-information-500)"
@@ -312,10 +292,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-announcement-contrast",
    "default": "var(--vvd-color-announcement-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-announcement-backdrop",
-   "default": "var(--vvd-color-announcement-50)"
-  },
   {
    "name": "--vvd-appearanceUI-announcement-intermediate",
    "default": "var(--vvd-color-announcement-500)"
@@ -364,10 +340,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-appearanceUI-accent-contrast",
    "default": "var(--vvd-color-neutral-800)"
   },
-  {
-   "name": "--vvd-appearanceUI-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
-  },
   {
    "name": "--vvd-appearanceUI-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"

package/v3/VwcAppearanceUi/package.json

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

package/v3/VwcAudioPlayer/package.json

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

package/v3/VwcAvatar/package.json

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

package/v3/VwcBadge/index.js

@@ -201,6 +201,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-canvas-text)"
   }
  ],
+ "slots": [
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.js

@@ -53,6 +53,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Add action items to banner using this slot.",
    "name": "action-items"
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcBanner/package.json

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

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/package.json

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

package/v3/VwcButton/index.js

@@ -137,6 +137,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-50)"
   }
  ],
+ "slots": [
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
+  }
+ ],
  "members": [
   {
    "kind": "field",

package/v3/VwcButton/package.json

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

package/v3/VwcCalendar/package.json

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

package/v3/VwcCalendarEvent/package.json

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

package/v3/VwcCard/package.json

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

package/v3/VwcCheckbox/index.js

@@ -21,12 +21,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-cta-600)"
   },
   {
-   "name": "--vvd-checkbox-cta-intermediate",
-   "default": "var(--vvd-color-cta-500)"
+   "name": "--vvd-checkbox-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
   },
   {
-   "name": "--vvd-checkbox-cta-backdrop",
-   "default": "var(--vvd-color-cta-50)"
+   "name": "--vvd-checkbox-cta-intermediate",
+   "default": "var(--vvd-color-cta-500)"
   },
   {
    "name": "--vvd-checkbox-cta-firm",
@@ -45,12 +45,12 @@ Code in this file were generated using following JSON:
    "default": "var(--vvd-color-neutral-800)"
   },
   {
-   "name": "--vvd-checkbox-accent-intermediate",
-   "default": "var(--vvd-color-neutral-500)"
+   "name": "--vvd-checkbox-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
   },
   {
-   "name": "--vvd-checkbox-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
+   "name": "--vvd-checkbox-accent-intermediate",
+   "default": "var(--vvd-color-neutral-500)"
   },
   {
    "name": "--vvd-checkbox-accent-firm",

package/v3/VwcCheckbox/package.json

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

package/v3/VwcCombobox/index.js

@@ -8,10 +8,6 @@ Code in this file were generated using following JSON:
  "description": "Base class for combobox",
  "name": "Combobox",
  "cssProperties": [
-  {
-   "name": "--vvd-combobox-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
-  },
   {
    "name": "--vvd-combobox-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"

package/v3/VwcCombobox/package.json

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

package/v3/VwcDataGrid/package.json

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