@vonage/vivid-react 2.10.75 → 2.10.77

package/v3/VwcBadge/index.js

@@ -36,6 +36,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-cta-fierce",
    "default": "var(--vvd-color-cta-700)"
   },
+  {
+   "name": "--vvd-badge-cta-firm",
+   "default": "var(--vvd-color-cta-600)"
+  },
   {
    "name": "--vvd-badge-success-primary",
    "default": "var(--vvd-color-success-500)"
@@ -64,6 +68,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-success-fierce",
    "default": "var(--vvd-color-success-700)"
   },
+  {
+   "name": "--vvd-badge-success-firm",
+   "default": "var(--vvd-color-success-600)"
+  },
   {
    "name": "--vvd-badge-alert-primary",
    "default": "var(--vvd-color-alert-500)"
@@ -92,6 +100,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-alert-fierce",
    "default": "var(--vvd-color-alert-700)"
   },
+  {
+   "name": "--vvd-badge-alert-firm",
+   "default": "var(--vvd-color-alert-600)"
+  },
   {
    "name": "--vvd-badge-warning-primary",
    "default": "var(--vvd-color-warning-300)"
@@ -120,6 +132,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-warning-fierce",
    "default": "var(--vvd-color-warning-700)"
   },
+  {
+   "name": "--vvd-badge-warning-firm",
+   "default": "var(--vvd-color-warning-600)"
+  },
   {
    "name": "--vvd-badge-information-primary",
    "default": "var(--vvd-color-information-500)"
@@ -148,6 +164,10 @@ Code in this file were generated using following JSON:
    "name": "--vvd-badge-information-fierce",
    "default": "var(--vvd-color-information-700)"
   },
+  {
+   "name": "--vvd-badge-information-firm",
+   "default": "var(--vvd-color-information-600)"
+  },
   {
    "name": "--vvd-badge-accent-primary",
    "default": "var(--vvd-color-canvas-text)"
@@ -175,6 +195,10 @@ Code in this file were generated using following JSON:
   {
    "name": "--vvd-badge-accent-fierce",
    "default": "var(--vvd-color-neutral-700)"
+  },
+  {
+   "name": "--vvd-badge-accent-firm",
+   "default": "var(--vvd-color-canvas-text)"
   }
  ],
  "members": [

package/v3/VwcBadge/package.json

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

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for banner
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/banner
+* @param {string | null} dismissButtonAriaLabel  **attribute** `dismiss-aria-label`
 * @param {string | null} role  **attribute** `role`
 * @param {string | undefined} actionHref  **attribute** `action-href`
 * @param {string | undefined} actionText  **attribute** `action-text`
@@ -16,6 +17,7 @@ declare const VwcBanner: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        dismissButtonAriaLabel?: string | null | undefined;
         role?: string | null | undefined;
         actionHref?: string | undefined;
         actionText?: string | undefined;

package/v3/VwcBanner/index.js

@@ -56,6 +56,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "dismissButtonAriaLabel",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "role",
@@ -133,6 +141,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "dismiss-aria-label",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "dismissButtonAriaLabel"
+  },
   {
    "name": "role",
    "type": {
@@ -198,7 +214,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
+    properties: ['dismissButtonAriaLabel', 'role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

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

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

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

@@ -9,6 +9,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {boolean} stacked - Indicates the icon is stacked. **attribute** `stacked`
 * @param {boolean} pending - Displays the button in pending state. **attribute** `pending`
 * @param {string | undefined} label - Indicates the button's label. **attribute** `label`
+* @param {string | undefined} icon
 */
 declare const VwcButton: {
     (props: {
@@ -26,6 +27,7 @@ declare const VwcButton: {
         stacked?: boolean | undefined;
         pending?: boolean | undefined;
         label?: string | undefined;
+        icon?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcButton/index.js

@@ -293,7 +293,7 @@ registerButton('vvd3')
 const VwcButton = wrapper(`vvd3-button`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'label']
+    properties: ['title', 'connotation', 'shape', 'appearance', 'size', 'stacked', 'pending', 'label', 'icon']
 })
 
 VwcButton.displayName = 'VwcButton'

package/v3/VwcButton/package.json

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

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

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

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 /** Base class for card
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/card
+* @param {CardAppearance | undefined} appearance - The appearance the card should have. **attribute** `appearance`
 * @param {string | undefined} headline - the text of the card heading
 accepts string **attribute** `headline`
 * @param {string | undefined} subtitle - the text of the card sub-heading
@@ -19,6 +20,7 @@ declare const VwcCard: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        appearance?: any;
         headline?: string | undefined;
         subtitle?: string | undefined;
         text?: string | undefined;

package/v3/VwcCard/index.js

@@ -30,6 +30,15 @@ Code in this file were generated using following JSON:
   }
  ],
  "members": [
+  {
+   "kind": "field",
+   "name": "appearance",
+   "type": {
+    "text": "CardAppearance | undefined"
+   },
+   "description": "The appearance the card should have.",
+   "privacy": "public"
+  },
   {
    "kind": "field",
    "name": "headline",
@@ -91,6 +100,14 @@ Code in this file were generated using following JSON:
   }
  ],
  "attributes": [
+  {
+   "name": "appearance",
+   "type": {
+    "text": "CardAppearance | undefined"
+   },
+   "description": "The appearance the card should have.",
+   "fieldName": "appearance"
+  },
   {
    "name": "headline",
    "type": {
@@ -146,7 +163,7 @@ registerCard('vvd3')
 const VwcCard = wrapper(`vvd3-card`,  {
     events: [],
     attributes: [],
-    properties: ['headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
+    properties: ['appearance', 'headline', 'subtitle', 'text', 'icon', 'elevation', 'graphicSlottedContent', 'hasMetaSlottedContent']
 })
 
 VwcCard.displayName = 'VwcCard'

package/v3/VwcCard/package.json

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

@@ -2,6 +2,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 /** Base class for checkbox
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/checkbox
 * @param {string | null} ariaLabel  **attribute** `aria-label`
+* @param {string | null} tabindex  **attribute** `tabindex`
 * @param {CheckboxConnotation | undefined} connotation - The connotation the checklist should have. **attribute** `connotation`
 * @param {boolean} checked
 * @param {any} onClick
@@ -13,8 +14,10 @@ declare const VwcCheckbox: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        onInput?: ((event: SyntheticEvent) => void) | undefined;
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         ariaLabel?: string | null | undefined;
+        tabindex?: string | null | undefined;
         connotation?: any;
         checked?: boolean | undefined;
         onClick?: any;

package/v3/VwcCheckbox/index.js

@@ -66,6 +66,14 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
+  {
+   "kind": "field",
+   "name": "tabindex",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null"
+  },
   {
    "kind": "field",
    "name": "connotation",
@@ -76,6 +84,12 @@ Code in this file were generated using following JSON:
    "privacy": "public"
   }
  ],
+ "events": [
+  {
+   "description": "Event that emits when the component checked state changes",
+   "name": "input"
+  }
+ ],
  "attributes": [
   {
    "name": "aria-label",
@@ -85,6 +99,14 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "ariaLabel"
   },
+  {
+   "name": "tabindex",
+   "type": {
+    "text": "string | null"
+   },
+   "default": "null",
+   "fieldName": "tabindex"
+  },
   {
    "name": "connotation",
    "type": {
@@ -106,9 +128,9 @@ import { registerCheckbox } from '@vonage/vivid'
 registerCheckbox('vvd3')
 
 const VwcCheckbox = wrapper(`vvd3-checkbox`,  {
-    events: [{"name":"change","propName":"onChange"}],
+    events: [{"name":"change","propName":"onChange"},{"name":"input","propName":"onInput"}],
     attributes: [],
-    properties: ['ariaLabel', 'connotation', 'checked', 'onClick']
+    properties: ['ariaLabel', 'tabindex', 'connotation', 'checked', 'onClick']
 })
 
 VwcCheckbox.displayName = 'VwcCheckbox'

package/v3/VwcCheckbox/package.json

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

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

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

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

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

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

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

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

@@ -7,9 +7,7 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * @param {string | undefined} subtitle  **attribute** `subtitle`
 * @param {string | undefined} headline  **attribute** `headline`
 * @param {boolean} fullWidthBody  **attribute** `full-width-body`
-* @param {string | null} ariaLabelledBy  **attribute** `aria-labelledby`
 * @param {string | null} ariaLabel  **attribute** `aria-label`
-* @param {string | null} ariaDescribedBy  **attribute** `aria-describedby`
 * @param {string | null} dismissButtonAriaLabel  **attribute** `dismiss-button-aria-label`
 * @param {string} returnValue
 * @param {HTMLElement[] | undefined} footerSlottedContent
@@ -29,9 +27,7 @@ declare const VwcDialog: {
         subtitle?: string | undefined;
         headline?: string | undefined;
         fullWidthBody?: boolean | undefined;
-        ariaLabelledBy?: string | null | undefined;
         ariaLabel?: string | null | undefined;
-        ariaDescribedBy?: string | null | undefined;
         dismissButtonAriaLabel?: string | null | undefined;
         returnValue?: string | undefined;
         footerSlottedContent?: any;

package/v3/VwcDialog/index.js

@@ -76,14 +76,6 @@ Code in this file were generated using following JSON:
    },
    "default": "false"
   },
-  {
-   "kind": "field",
-   "name": "ariaLabelledBy",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "ariaLabel",
@@ -92,14 +84,6 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "ariaDescribedBy",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "dismissButtonAriaLabel",
@@ -261,14 +245,6 @@ Code in this file were generated using following JSON:
    "default": "false",
    "fieldName": "fullWidthBody"
   },
-  {
-   "name": "aria-labelledby",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "ariaLabelledBy"
-  },
   {
    "name": "aria-label",
    "type": {
@@ -277,14 +253,6 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "ariaLabel"
   },
-  {
-   "name": "aria-describedby",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "ariaDescribedBy"
-  },
   {
    "name": "dismiss-button-aria-label",
    "type": {
@@ -308,7 +276,7 @@ registerDialog('vvd3')
 const VwcDialog = wrapper(`vvd3-dialog`,  {
     events: [{"name":"close","propName":"onClose"}],
     attributes: [],
-    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabelledBy', 'ariaLabel', 'ariaDescribedBy', 'dismissButtonAriaLabel', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
+    properties: ['open', 'icon', 'iconPlacement', 'subtitle', 'headline', 'fullWidthBody', 'ariaLabel', 'dismissButtonAriaLabel', 'returnValue', 'footerSlottedContent', 'actionItemsSlottedContent']
 })
 
 VwcDialog.displayName = 'VwcDialog'

package/v3/VwcDialog/package.json

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

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

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