@vonage/vivid-react 3.4.1 → 3.5.1

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.d.ts

@@ -3,13 +3,16 @@ import React, { ReactNode } from 'react';
 * 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`
 * @param {boolean} removable  **attribute** `removable`
-* @param {string | null} ariaLive  **attribute** `aria-live`
 * @param {string | undefined} text  **attribute** `text`
 * @param {BannerConnotation | undefined} connotation  **attribute** `connotation`
+* @param {string | undefined} icon - A decorative icon the custom element should have. **attribute** `icon`
+* @param {'delegate'} _vividAriaBehaviour
+* @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
 */
 declare const VwcBanner: {
     (props: {
@@ -19,13 +22,15 @@ declare const VwcBanner: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         dismissButtonAriaLabel?: any;
-        role?: string | null | undefined;
         actionHref?: string | undefined;
         actionText?: string | undefined;
         removable?: boolean | undefined;
-        ariaLive?: string | null | undefined;
         text?: string | undefined;
         connotation?: any;
+        icon?: string | undefined;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBanner/index.js

@@ -55,7 +55,7 @@ Code in this file were generated using following JSON:
    "name": "action-items"
   },
   {
-   "description": "Add an icon to the component.",
+   "description": "The preferred way to add an icon to the component.",
    "name": "icon"
   }
  ],
@@ -68,14 +68,6 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "role",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "field",
    "name": "actionHref",
@@ -98,13 +90,6 @@ Code in this file were generated using following JSON:
    },
    "default": "false"
   },
-  {
-   "kind": "field",
-   "name": "ariaLive",
-   "type": {
-    "text": "string | null"
-   }
-  },
   {
    "kind": "field",
    "name": "text",
@@ -142,6 +127,58 @@ Code in this file were generated using following JSON:
    "kind": "field",
    "name": "#closeOnKeyDown",
    "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "attributes": [
@@ -153,14 +190,6 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "dismissButtonAriaLabel"
   },
-  {
-   "name": "role",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null",
-   "fieldName": "role"
-  },
   {
    "name": "action-href",
    "type": {
@@ -176,19 +205,13 @@ Code in this file were generated using following JSON:
    "fieldName": "actionText"
   },
   {
+   "name": "removable",
    "type": {
     "text": "boolean"
    },
    "default": "false",
    "fieldName": "removable"
   },
-  {
-   "name": "aria-live",
-   "type": {
-    "text": "string | null"
-   },
-   "fieldName": "ariaLive"
-  },
   {
    "name": "text",
    "type": {
@@ -202,11 +225,37 @@ Code in this file were generated using following JSON:
     "text": "BannerConnotation | undefined"
    },
    "fieldName": "connotation"
+  },
+  {
+   "name": "icon",
+   "type": {
+    "text": "string | undefined"
+   },
+   "description": "A decorative icon the custom element should have.",
+   "fieldName": "icon",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "AffixIcon",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
+  },
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -222,7 +271,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['dismissButtonAriaLabel', 'role', 'actionHref', 'actionText', 'removable', 'ariaLive', 'text', 'connotation']
+    properties: ['dismissButtonAriaLabel', 'actionHref', 'actionText', 'removable', 'text', 'connotation', 'icon', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

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

package/v3/VwcBaseProgress/index.d.ts

@@ -6,6 +6,9 @@ Implements the https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressba
 * @param {number} min - The minimum value **attribute** `min`
 * @param {number} max - The maximum value **attribute** `max`
 * @param {boolean} paused - Indicates the progress is paused **attribute** `paused`
+* @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
 */
 declare const VwcBaseProgress: {
     (props: {
@@ -18,6 +21,8 @@ declare const VwcBaseProgress: {
         min?: number | undefined;
         max?: number | undefined;
         paused?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBaseProgress/index.js

@@ -54,10 +54,38 @@ Code in this file were generated using following JSON:
    "kind": "method",
    "name": "updatePercentComplete",
    "privacy": "private"
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
   }
  ],
  "attributes": [
   {
+   "name": "value",
    "type": {
     "text": "number | null"
    },
@@ -65,6 +93,7 @@ Code in this file were generated using following JSON:
    "fieldName": "value"
   },
   {
+   "name": "min",
    "type": {
     "text": "number"
    },
@@ -72,6 +101,7 @@ Code in this file were generated using following JSON:
    "fieldName": "min"
   },
   {
+   "name": "max",
    "type": {
     "text": "number"
    },
@@ -79,6 +109,7 @@ Code in this file were generated using following JSON:
    "fieldName": "max"
   },
   {
+   "name": "paused",
    "type": {
     "text": "boolean"
    },
@@ -88,7 +119,7 @@ Code in this file were generated using following JSON:
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  }
 }
 */
@@ -100,7 +131,7 @@ registerBaseProgress('vvd3')
 const VwcBaseProgress = wrapper(`vvd3-base-progress`,  {
     events: [],
     attributes: [],
-    properties: ['value', 'min', 'max', 'paused']
+    properties: ['value', 'min', 'max', 'paused', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBaseProgress.displayName = 'VwcBaseProgress'

package/v3/VwcBaseProgress/package.json

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

package/v3/VwcBreadcrumb/index.d.ts

@@ -1,7 +1,10 @@
 import React, { ReactNode } from 'react';
 /** VwcBreadcrumb
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/breadcrumb
-
+* @param {'delegate'} _vividAriaBehaviour
+* @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
 */
 declare const VwcBreadcrumb: {
     (props: {
@@ -10,6 +13,9 @@ declare const VwcBreadcrumb: {
         id?: string | undefined;
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBreadcrumb/index.js

@@ -71,11 +71,56 @@ Code in this file were generated using following JSON:
     }
    ],
    "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href"
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'delegate'",
+   "type": {
+    "text": "'delegate'"
+   },
+   "inheritedFrom": {
+    "name": "DelegatesAria",
+    "module": "src/shared/aria/delegates-aria.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "VIVID_VERSION",
+   "static": true,
+   "default": "__PACKAGE_VERSION__",
+   "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
+   "type": {
+    "text": "string"
+   },
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "componentName",
+   "type": {
+    "text": "string"
+   },
+   "static": true,
+   "description": "Core component name, without prefix",
+   "inheritedFrom": {
+    "name": "VividElement",
+    "module": "src/shared/foundation/vivid-element/vivid-element.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "DelegatesAria",
+   "module": "/src/shared/aria/delegates-aria"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -91,7 +136,7 @@ registerBreadcrumb('vvd3')
 const VwcBreadcrumb = wrapper(`vvd3-breadcrumb`,  {
     events: [],
     attributes: [],
-    properties: []
+    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBreadcrumb.displayName = 'VwcBreadcrumb'

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/index.d.ts

@@ -2,6 +2,19 @@ import React, { ReactNode } from 'react';
 /** VwcBreadcrumbItem
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/breadcrumb-item
 * @param {string | undefined} text  **attribute** `text`
+* @param {string | undefined} download - Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `download`
+* @param {string | undefined} href - The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `href`
+* @param {string | undefined} hreflang - Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `hreflang`
+* @param {string | undefined} ping - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `ping`
+* @param {string | undefined} referrerpolicy - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `referrerpolicy`
+* @param {string | undefined} rel - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `rel`
+* @param {'_self' | '_blank' | '_parent' | '_top' | undefined} target - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `target`
+* @param {string | undefined} type - See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element  for more information. **attribute** `type`
+* @param {HTMLAnchorElement} control - References the root element
+* @param {'delegate'} _vividAriaBehaviour
+* @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
 */
 declare const VwcBreadcrumbItem: {
     (props: {
@@ -11,6 +24,18 @@ declare const VwcBreadcrumbItem: {
         style?: React.CSSProperties | undefined;
         ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
         text?: string | undefined;
+        download?: string | undefined;
+        href?: string | undefined;
+        hreflang?: string | undefined;
+        ping?: string | undefined;
+        referrerpolicy?: string | undefined;
+        rel?: string | undefined;
+        target?: any;
+        type?: string | undefined;
+        control?: any;
+        _vividAriaBehaviour?: any;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };