@vonage/vivid-react 2.10.80 → 2.10.83

package/v3/VwcMenuItem/index.js

@@ -42,6 +42,10 @@ Code in this file were generated using following JSON:
    "description": "Assign nodes to the `meta` slot to set a badge or an additional icon.",
    "name": "meta"
   },
+  {
+   "description": "Assign nodes to the `meta` slot to set a badge or an additional icon.",
+   "name": "trailing-meta"
+  },
   {
    "description": "Assign a Menu to the `submenu` slot to add a submenu.",
    "name": "submenu"
@@ -85,6 +89,13 @@ Code in this file were generated using following JSON:
    "description": "Controls the appearance of the check indicator.",
    "privacy": "public"
   },
+  {
+   "kind": "field",
+   "name": "trailingMetaSlottedContent",
+   "type": {
+    "text": "HTMLElement[] | undefined"
+   }
+  },
   {
    "kind": "field",
    "name": "#submenuArray",
@@ -160,7 +171,7 @@ registerMenuItem('vvd3')
 const VwcMenuItem = wrapper(`vvd3-menu-item`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['text', 'textSecondary', 'checkTrailing', 'checkedAppearance', 'updateSubmenu']
+    properties: ['text', 'textSecondary', 'checkTrailing', 'checkedAppearance', 'trailingMetaSlottedContent', 'updateSubmenu', 'icon']
 })
 
 VwcMenuItem.displayName = 'VwcMenuItem'

package/v3/VwcMenuItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-menu-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/VwcNav/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav",
-  "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/VwcNavDisclosure/index.js

@@ -37,6 +37,10 @@ Code in this file were generated using following JSON:
   {
    "description": "A slot to add additional content to the nav disclosure.",
    "name": "meta"
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcNavDisclosure/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-disclosure",
-  "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/VwcNavItem/index.js

@@ -33,6 +33,10 @@ Code in this file were generated using following JSON:
   {
    "description": "A slot to add additional content to the nav item.",
    "name": "meta"
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcNavItem/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-nav-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/VwcNote/index.js

@@ -73,6 +73,10 @@ Code in this file were generated using following JSON:
   {
    "description": "Any slotted content will appear below the headline.",
    "name": ""
+  },
+  {
+   "description": "Add an icon to the component.",
+   "name": "icon"
   }
  ],
  "members": [

package/v3/VwcNote/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-note",
-  "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/VwcNumberField/index.js

@@ -8,62 +8,18 @@ Code in this file were generated using following JSON:
  "description": "Base class for number-field",
  "name": "NumberField",
  "cssProperties": [
-  {
-   "name": "--vvd-text-field-success-primary",
-   "default": "var(--vvd-color-success-500)"
-  },
-  {
-   "name": "--vvd-text-field-success-backdrop",
-   "default": "var(--vvd-color-success-50)"
-  },
-  {
-   "name": "--vvd-text-field-success-intermediate",
-   "default": "var(--vvd-color-success-500)"
-  },
-  {
-   "name": "--vvd-text-field-success-firm",
-   "default": "var(--vvd-color-success-600)"
-  },
-  {
-   "name": "--vvd-text-field-success-faint",
-   "default": "var(--vvd-color-success-50)"
-  },
-  {
-   "name": "--vvd-text-field-success-soft",
-   "default": "var(--vvd-color-success-100)"
-  },
-  {
-   "name": "--vvd-text-field-alert-primary",
-   "default": "var(--vvd-color-alert-500)"
-  },
-  {
-   "name": "--vvd-text-field-alert-backdrop",
-   "default": "var(--vvd-color-alert-50)"
-  },
-  {
-   "name": "--vvd-text-field-alert-intermediate",
-   "default": "var(--vvd-color-alert-500)"
-  },
-  {
-   "name": "--vvd-text-field-alert-firm",
-   "default": "var(--vvd-color-alert-600)"
-  },
-  {
-   "name": "--vvd-text-field-alert-faint",
-   "default": "var(--vvd-color-alert-50)"
-  },
-  {
-   "name": "--vvd-text-field-alert-soft",
-   "default": "var(--vvd-color-alert-100)"
-  },
   {
    "name": "--vvd-text-field-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
   },
   {
-   "name": "--vvd-text-field-accent-backdrop",
+   "name": "--vvd-text-field-accent-primary-text",
    "default": "var(--vvd-color-canvas)"
   },
+  {
+   "name": "--vvd-text-field-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
   {
    "name": "--vvd-text-field-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"
@@ -72,6 +28,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-text-field-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
   },
+  {
+   "name": "--vvd-text-field-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
   {
    "name": "--vvd-text-field-accent-faint",
    "default": "var(--vvd-color-neutral-50)"

package/v3/VwcNumberField/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-number-field",
-  "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/VwcOption/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-listbox-option",
-  "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/VwcPagination/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for pagination
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/pagination
 * @param {PaginationSize | undefined} size - The size the pagination should have. **attribute** `size`
@@ -17,6 +17,7 @@ declare const VwcPagination: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onPaginationChange?: ((event: SyntheticEvent) => void) | undefined;
         size?: any;
         shape?: any;
         paginationButtons?: any;

package/v3/VwcPagination/index.js

@@ -131,6 +131,12 @@ Code in this file were generated using following JSON:
    ]
   }
  ],
+ "events": [
+  {
+   "description": "Fires when the page changes.",
+   "name": "pagination-change"
+  }
+ ],
  "attributes": [
   {
    "name": "size",
@@ -184,7 +190,7 @@ import { registerPagination } from '@vonage/vivid'
 registerPagination('vvd3')
 
 const VwcPagination = wrapper(`vvd3-pagination`,  {
-    events: [],
+    events: [{"name":"pagination-change","propName":"onPaginationChange"}],
     attributes: [],
     properties: ['size', 'shape', 'paginationButtons', 'prevButton', 'nextButton', 'navIcons', 'total', 'selectedIndex']
 })

package/v3/VwcPagination/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-pagination",
-  "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/VwcPopup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-popup",
-  "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/VwcProgress/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-progress",
-  "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/VwcProgressRing/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-progress-ring",
-  "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/VwcRadio/index.js

@@ -24,14 +24,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-radio-cta-intermediate",
    "default": "var(--vvd-color-cta-500)"
   },
-  {
-   "name": "--vvd-radio-cta-backdrop",
-   "default": "var(--vvd-color-cta-50)"
-  },
   {
    "name": "--vvd-radio-cta-firm",
    "default": "var(--vvd-color-cta-600)"
   },
+  {
+   "name": "--vvd-radio-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
   {
    "name": "--vvd-radio-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -48,13 +48,13 @@ Code in this file were generated using following JSON:
    "name": "--vvd-radio-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"
   },
-  {
-   "name": "--vvd-radio-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
-  },
   {
    "name": "--vvd-radio-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-radio-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
   }
  ],
  "members": [

package/v3/VwcRadio/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-radio",
-  "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/VwcRadioGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-radio-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/VwcSelect/index.js

@@ -8,46 +8,18 @@ Code in this file were generated using following JSON:
  "description": "Base class for select",
  "name": "Select",
  "cssProperties": [
-  {
-   "name": "--vvd-select-success-primary",
-   "default": "var(--vvd-color-success-500)"
-  },
-  {
-   "name": "--vvd-select-success-backdrop",
-   "default": "var(--vvd-color-success-50)"
-  },
-  {
-   "name": "--vvd-select-success-intermediate",
-   "default": "var(--vvd-color-success-500)"
-  },
-  {
-   "name": "--vvd-select-success-firm",
-   "default": "var(--vvd-color-success-600)"
-  },
-  {
-   "name": "--vvd-select-alert-primary",
-   "default": "var(--vvd-color-alert-500)"
-  },
-  {
-   "name": "--vvd-select-alert-backdrop",
-   "default": "var(--vvd-color-alert-50)"
-  },
-  {
-   "name": "--vvd-select-alert-intermediate",
-   "default": "var(--vvd-color-alert-500)"
-  },
-  {
-   "name": "--vvd-select-alert-firm",
-   "default": "var(--vvd-color-alert-600)"
-  },
   {
    "name": "--vvd-select-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
   },
   {
-   "name": "--vvd-select-accent-backdrop",
+   "name": "--vvd-select-accent-primary-text",
    "default": "var(--vvd-color-canvas)"
   },
+  {
+   "name": "--vvd-select-accent-primary-increment",
+   "default": "var(--vvd-color-neutral-800)"
+  },
   {
    "name": "--vvd-select-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"
@@ -55,6 +27,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-select-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
+  },
+  {
+   "name": "--vvd-select-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
   }
  ],
  "slots": [

package/v3/VwcSelect/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-select",
-  "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/VwcSelectableBox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-selectable-box",
-  "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/VwcSideDrawer/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-side-drawer",
-  "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/VwcSlider/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-slider",
-  "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/VwcSplitButton/index.js

@@ -141,6 +141,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/VwcSplitButton/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-split-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/VwcSwitch/index.js

@@ -20,10 +20,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-cta-primary-increment",
    "default": "var(--vvd-color-cta-600)"
   },
-  {
-   "name": "--vvd-switch-cta-backdrop",
-   "default": "var(--vvd-color-cta-50)"
-  },
   {
    "name": "--vvd-switch-cta-firm",
    "default": "var(--vvd-color-cta-600)"
@@ -44,10 +40,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-alert-primary-increment",
    "default": "var(--vvd-color-alert-600)"
   },
-  {
-   "name": "--vvd-switch-alert-backdrop",
-   "default": "var(--vvd-color-alert-50)"
-  },
   {
    "name": "--vvd-switch-alert-firm",
    "default": "var(--vvd-color-alert-600)"
@@ -68,10 +60,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-success-primary-increment",
    "default": "var(--vvd-color-success-600)"
   },
-  {
-   "name": "--vvd-switch-success-backdrop",
-   "default": "var(--vvd-color-success-50)"
-  },
   {
    "name": "--vvd-switch-success-firm",
    "default": "var(--vvd-color-success-600)"
@@ -92,10 +80,6 @@ Code in this file were generated using following JSON:
    "name": "--vvd-switch-accent-primary-increment",
    "default": "var(--vvd-color-neutral-800)"
   },
-  {
-   "name": "--vvd-switch-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
-  },
   {
    "name": "--vvd-switch-accent-firm",
    "default": "var(--vvd-color-canvas-text)"
@@ -144,7 +128,7 @@ Code in this file were generated using following JSON:
   }
  ],
  "superclass": {
-  "name": "FoundationElement",
+  "name": "FoundationSwitch",
   "package": "@microsoft/fast-foundation"
  }
 }

package/v3/VwcSwitch/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-switch",
-  "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/VwcTab/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vvd3-tab",
-  "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"
   }
 }