@vonage/vivid-react 2.10.75 → 2.10.77

package/v3/VwcEmptyState/package.json

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

package/v3/VwcFab/package.json

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

package/v3/VwcFilePicker/package.json

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

package/v3/VwcFocus/package.json

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

package/v3/VwcFormAssociatedFilePicker/package.json

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

package/v3/VwcHeader/package.json

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

package/v3/VwcIcon/package.json

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

package/v3/VwcLayout/package.json

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

package/v3/VwcListbox/package.json

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

package/v3/VwcMenu/package.json

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

package/v3/VwcMenuItem/package.json

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

package/v3/VwcNav/package.json

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

package/v3/VwcNavDisclosure/package.json

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

package/v3/VwcNavItem/package.json

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

package/v3/VwcNote/index.js

@@ -8,65 +8,65 @@ Code in this file were generated using following JSON:
  "description": "Base class for note",
  "name": "Note",
  "cssProperties": [
-  {
-   "name": "--vvd-note-success-primary",
-   "default": "var(--vvd-color-success-500)"
-  },
   {
    "name": "--vvd-note-success-intermediate",
    "default": "var(--vvd-color-success-500)"
   },
   {
-   "name": "--vvd-note-success-backdrop",
+   "name": "--vvd-note-success-faint",
    "default": "var(--vvd-color-success-50)"
   },
   {
-   "name": "--vvd-note-information-primary",
-   "default": "var(--vvd-color-information-500)"
+   "name": "--vvd-note-success-fierce",
+   "default": "var(--vvd-color-success-700)"
   },
   {
    "name": "--vvd-note-information-intermediate",
    "default": "var(--vvd-color-information-500)"
   },
   {
-   "name": "--vvd-note-information-backdrop",
+   "name": "--vvd-note-information-faint",
    "default": "var(--vvd-color-information-50)"
   },
   {
-   "name": "--vvd-note-alert-primary",
-   "default": "var(--vvd-color-alert-500)"
+   "name": "--vvd-note-information-fierce",
+   "default": "var(--vvd-color-information-700)"
   },
   {
    "name": "--vvd-note-alert-intermediate",
    "default": "var(--vvd-color-alert-500)"
   },
   {
-   "name": "--vvd-note-alert-backdrop",
+   "name": "--vvd-note-alert-faint",
    "default": "var(--vvd-color-alert-50)"
   },
   {
-   "name": "--vvd-note-warning-primary",
-   "default": "var(--vvd-color-warning-300)"
+   "name": "--vvd-note-alert-fierce",
+   "default": "var(--vvd-color-alert-700)"
   },
   {
    "name": "--vvd-note-warning-intermediate",
    "default": "var(--vvd-color-warning-300)"
   },
   {
-   "name": "--vvd-note-warning-backdrop",
+   "name": "--vvd-note-warning-faint",
    "default": "var(--vvd-color-warning-50)"
   },
   {
-   "name": "--vvd-note-accent-primary",
-   "default": "var(--vvd-color-canvas-text)"
+   "name": "--vvd-note-warning-fierce",
+   "default": "var(--vvd-color-warning-700)"
   },
   {
    "name": "--vvd-note-accent-intermediate",
    "default": "var(--vvd-color-neutral-500)"
   },
   {
-   "name": "--vvd-note-accent-backdrop",
-   "default": "var(--vvd-color-canvas)"
+   "name": "--vvd-note-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
+  {
+   "name": "--vvd-note-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
   }
  ],
  "slots": [

package/v3/VwcNote/package.json

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

package/v3/VwcNumberField/package.json

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

package/v3/VwcOption/package.json

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

package/v3/VwcPagination/package.json

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

package/v3/VwcPopup/package.json

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

package/v3/VwcProgress/package.json

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

package/v3/VwcProgressRing/package.json

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

package/v3/VwcRadio/package.json

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

package/v3/VwcRadioGroup/package.json

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

package/v3/VwcSelect/package.json

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

package/v3/VwcSelectableBox/index.d.ts

@@ -1,11 +1,11 @@
 import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for selectable-box
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/selectable-box
+* @param {string | null} ariaLabel  **attribute** `aria-label`
 * @param {boolean} checked - Controls the checked state of the box **attribute** `checked`
-* @param {boolean} clickable - Makes the whole selectable box clickable **attribute** `clickable`
+* @param {boolean} clickable - DEPRECATED: Replaced by the clickable-box prop **attribute** `clickable`
+* @param {boolean} clickableBox - Makes the entire selectable box clickable **attribute** `clickable-box`
 * @param {SelectableBoxConnotation | undefined} connotation - The connotation the selectable box should have. **attribute** `connotation`
-* @param {string | null} controlAriaLabel - Adds an accessible label to selectable box **attribute** `control-aria-label`
-* @param {string | null} controlAriaLabelledby - Links a piece of content as an accessible label **attribute** `control-aria-labelledby`
 * @param {SelectableBoxControlType | undefined} controlType - The type of control the box should have: checkbox or radio. **attribute** `control-type`
 * @param {boolean} tight - Removes the padding around the box's slot content **attribute** `tight`
 */
@@ -17,11 +17,11 @@ declare const VwcSelectableBox: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
+        ariaLabel?: string | null | undefined;
         checked?: boolean | undefined;
         clickable?: boolean | undefined;
+        clickableBox?: boolean | undefined;
         connotation?: any;
-        controlAriaLabel?: string | null | undefined;
-        controlAriaLabelledby?: string | null | undefined;
         controlType?: any;
         tight?: boolean | undefined;
     }): JSX.Element;

package/v3/VwcSelectableBox/index.js

@@ -16,6 +16,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-selectable-box-cta-pale",
    "default": "var(--vvd-color-cta-300)"
   },
+  {
+   "name": "--vvd-selectable-box-cta-fierce",
+   "default": "var(--vvd-color-cta-700)"
+  },
+  {
+   "name": "--vvd-selectable-box-cta-faint",
+   "default": "var(--vvd-color-cta-50)"
+  },
   {
    "name": "--vvd-selectable-box-cta-soft",
    "default": "var(--vvd-color-cta-100)"
@@ -28,6 +36,14 @@ Code in this file were generated using following JSON:
    "name": "--vvd-selectable-box-accent-pale",
    "default": "var(--vvd-color-neutral-300)"
   },
+  {
+   "name": "--vvd-selectable-box-accent-fierce",
+   "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-selectable-box-accent-faint",
+   "default": "var(--vvd-color-neutral-50)"
+  },
   {
    "name": "--vvd-selectable-box-accent-soft",
    "default": "var(--vvd-color-neutral-100)"
@@ -42,51 +58,49 @@ Code in this file were generated using following JSON:
  "members": [
   {
    "kind": "field",
-   "name": "checked",
+   "name": "ariaLabel",
    "type": {
-    "text": "boolean"
+    "text": "string | null"
    },
-   "default": "false",
-   "description": "Controls the checked state of the box",
-   "privacy": "public"
+   "default": "null"
   },
   {
    "kind": "field",
-   "name": "clickable",
+   "name": "checked",
    "type": {
     "text": "boolean"
    },
    "default": "false",
-   "description": "Makes the whole selectable box clickable",
+   "description": "Controls the checked state of the box",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "connotation",
+   "name": "clickable",
    "type": {
-    "text": "SelectableBoxConnotation | undefined"
+    "text": "boolean"
    },
-   "description": "The connotation the selectable box should have.",
+   "default": "false",
+   "description": "DEPRECATED: Replaced by the clickable-box prop",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "controlAriaLabel",
+   "name": "clickableBox",
    "type": {
-    "text": "string | null"
+    "text": "boolean"
    },
-   "default": "null",
-   "description": "Adds an accessible label to selectable box",
+   "default": "false",
+   "description": "Makes the entire selectable box clickable",
    "privacy": "public"
   },
   {
    "kind": "field",
-   "name": "controlAriaLabelledby",
+   "name": "connotation",
    "type": {
-    "text": "string | null"
+    "text": "SelectableBoxConnotation | undefined"
    },
-   "default": "null",
-   "description": "Links a piece of content as an accessible label",
+   "description": "The connotation the selectable box should have.",
    "privacy": "public"
   },
   {
@@ -116,6 +130,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "ariaLabel"
+  },
   {
    "type": {
     "text": "boolean"
@@ -129,34 +151,25 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Makes the whole selectable box clickable",
+   "description": "DEPRECATED: Replaced by the clickable-box prop",
    "fieldName": "clickable"
   },
   {
-   "name": "connotation",
-   "type": {
-    "text": "SelectableBoxConnotation | undefined"
-   },
-   "description": "The connotation the selectable box should have.",
-   "fieldName": "connotation"
-  },
-  {
-   "name": "control-aria-label",
+   "name": "clickable-box",
    "type": {
-    "text": "string | null"
+    "text": "boolean"
    },
-   "default": "null",
-   "description": "Adds an accessible label to selectable box",
-   "fieldName": "controlAriaLabel"
+   "default": "false",
+   "description": "Makes the entire selectable box clickable",
+   "fieldName": "clickableBox"
   },
   {
-   "name": "control-aria-labelledby",
+   "name": "connotation",
    "type": {
-    "text": "string | null"
+    "text": "SelectableBoxConnotation | undefined"
    },
-   "default": "null",
-   "description": "Links a piece of content as an accessible label",
-   "fieldName": "controlAriaLabelledby"
+   "description": "The connotation the selectable box should have.",
+   "fieldName": "connotation"
   },
   {
    "name": "control-type",
@@ -189,7 +202,7 @@ registerSelectableBox('vvd3')
 const VwcSelectableBox = wrapper(`vvd3-selectable-box`,  {
     events: [{"name":"change","propName":"onChange"}],
     attributes: [],
-    properties: ['checked', 'clickable', 'connotation', 'controlAriaLabel', 'controlAriaLabelledby', 'controlType', 'tight']
+    properties: ['ariaLabel', 'checked', 'clickable', 'clickableBox', 'connotation', 'controlType', 'tight']
 })
 
 VwcSelectableBox.displayName = 'VwcSelectableBox'

package/v3/VwcSelectableBox/package.json

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