@vonage/vivid-react 3.5.2 → 5.19.0

package/v3/VwcBadge/index.js

@@ -302,7 +302,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeConnotation | undefined"
    },
-   "description": "The connotation the badge should have.",
+   "description": "Sets the badge connotation",
    "privacy": "public"
   },
   {
@@ -311,7 +311,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeShape | undefined"
    },
-   "description": "The shape the badge should have.",
+   "description": "Sets the badge border-radius",
    "privacy": "public"
   },
   {
@@ -320,7 +320,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeSize | undefined"
    },
-   "description": "The size the badge should have.",
+   "description": "Sets the badge size",
    "privacy": "public"
   },
   {
@@ -329,7 +329,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeAppearance | undefined"
    },
-   "description": "The appearance the badge should have.",
+   "description": "Sets the badge appearance",
    "privacy": "public"
   },
   {
@@ -338,7 +338,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the badge's text.",
+   "description": "Sets a text on the badge",
    "privacy": "public"
   },
   {
@@ -361,7 +361,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "privacy": "public",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -402,7 +402,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeConnotation | undefined"
    },
-   "description": "The connotation the badge should have.",
+   "description": "Sets the badge connotation",
    "fieldName": "connotation"
   },
   {
@@ -410,7 +410,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeShape | undefined"
    },
-   "description": "The shape the badge should have.",
+   "description": "Sets the badge border-radius",
    "fieldName": "shape"
   },
   {
@@ -418,7 +418,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeSize | undefined"
    },
-   "description": "The size the badge should have.",
+   "description": "Sets the badge size",
    "fieldName": "size"
   },
   {
@@ -426,7 +426,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "BadgeAppearance | undefined"
    },
-   "description": "The appearance the badge should have.",
+   "description": "Sets the badge appearance",
    "fieldName": "appearance"
   },
   {
@@ -434,7 +434,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "Indicates the badge's text.",
+   "description": "Sets a text on the badge",
    "fieldName": "text"
   },
   {
@@ -455,7 +455,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -479,7 +479,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBadge } from '@vonage/vivid'
 
 registerBadge('vvd3')

package/v3/VwcBadge/package.json

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

package/v3/VwcBanner/index.d.ts

@@ -3,13 +3,11 @@ 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 | undefined} actionHref  **attribute** `action-href`
-* @param {string | undefined} actionText  **attribute** `action-text`
 * @param {boolean} removable  **attribute** `removable`
 * @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 | undefined} icon - A decorative icon the custom element should have. See the [Vivid Icon
+Gallery](/icons/icons-gallery/) for available icons and `icon-name`s **attribute** `icon`
 * @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
@@ -17,20 +15,17 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBanner: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        dismissButtonAriaLabel?: any;
-        actionHref?: string | undefined;
-        actionText?: string | undefined;
-        removable?: boolean | undefined;
-        text?: string | undefined;
-        connotation?: any;
-        icon?: string | undefined;
-        _vividAriaBehaviour?: any;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "dismissButtonAriaLabel"?: any;
+        "removable"?: boolean;
+        "text"?: string | undefined;
+        "connotation"?: any;
+        "icon"?: string | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBanner/index.js

@@ -68,20 +68,6 @@ Code in this file were generated using following JSON:
    },
    "default": "null"
   },
-  {
-   "kind": "field",
-   "name": "actionHref",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
-  {
-   "kind": "field",
-   "name": "actionText",
-   "type": {
-    "text": "string | undefined"
-   }
-  },
   {
    "kind": "field",
    "name": "removable",
@@ -134,25 +120,13 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "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",
@@ -190,20 +164,6 @@ Code in this file were generated using following JSON:
    "default": "null",
    "fieldName": "dismissButtonAriaLabel"
   },
-  {
-   "name": "action-href",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "actionHref"
-  },
-  {
-   "name": "action-text",
-   "type": {
-    "text": "string | undefined"
-   },
-   "fieldName": "actionText"
-  },
   {
    "name": "removable",
    "type": {
@@ -231,7 +191,7 @@ Code in this file were generated using following JSON:
    "type": {
     "text": "string | undefined"
    },
-   "description": "A decorative icon the custom element should have.",
+   "description": "A decorative icon the custom element should have. See the [Vivid Icon\nGallery](/icons/icons-gallery/) for available icons and `icon-name`s",
    "fieldName": "icon",
    "inheritedFrom": {
     "name": "AffixIcon",
@@ -260,10 +220,39 @@ Code in this file were generated using following JSON:
  "vividComponent": {
   "public": true,
   "name": "banner"
+ },
+ "vividTesting": {
+  "selectors": [
+   {
+    "name": "byText",
+    "args": [
+     "byText"
+    ]
+   }
+  ],
+  "actions": [
+   {
+    "name": "dismiss",
+    "args": [
+     "clickButton",
+     "#dismissButton"
+    ]
+   }
+  ],
+  "queries": [],
+  "refs": [
+   {
+    "name": "dismissButton",
+    "args": [
+     "shadowButton",
+     ".dismiss-button"
+    ]
+   }
+  ]
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBanner } from '@vonage/vivid'
 
 registerBanner('vvd3')
@@ -271,7 +260,7 @@ registerBanner('vvd3')
 const VwcBanner = wrapper(`vvd3-banner`,  {
     events: [],
     attributes: [],
-    properties: ['dismissButtonAriaLabel', 'actionHref', 'actionText', 'removable', 'text', 'connotation', 'icon', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['dismissButtonAriaLabel', 'removable', 'text', 'connotation', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBanner.displayName = 'VwcBanner'

package/v3/VwcBanner/package.json

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

package/v3/VwcBaseProgress/index.d.ts

@@ -13,16 +13,16 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBaseProgress: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        style?: React.CSSProperties | undefined;
-        ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-        value?: number | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        paused?: boolean | undefined;
-        VIVID_VERSION?: string | undefined;
-        componentName?: string | undefined;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "value"?: number;
+        "min"?: number;
+        "max"?: number;
+        "paused"?: boolean;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBaseProgress/index.js

@@ -123,7 +123,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBaseProgress } from '@vonage/vivid'
 
 registerBaseProgress('vvd3')

package/v3/VwcBaseProgress/package.json

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

package/v3/VwcBreadcrumb/index.d.ts

@@ -1,7 +1,6 @@
 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
@@ -9,13 +8,12 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBreadcrumb: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        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;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBreadcrumb/index.js

@@ -72,18 +72,6 @@ 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",
@@ -128,7 +116,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBreadcrumb } from '@vonage/vivid'
 
 registerBreadcrumb('vvd3')
@@ -136,7 +124,7 @@ registerBreadcrumb('vvd3')
 const VwcBreadcrumb = wrapper(`vvd3-breadcrumb`,  {
     events: [],
     attributes: [],
-    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['VIVID_VERSION', 'componentName']
 })
 
 VwcBreadcrumb.displayName = 'VwcBreadcrumb'

package/v3/VwcBreadcrumb/package.json

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

package/v3/VwcBreadcrumbItem/index.d.ts

@@ -11,7 +11,6 @@ import React, { ReactNode } from 'react';
 * @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
@@ -19,23 +18,22 @@ It can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.
 declare const VwcBreadcrumbItem: {
     (props: {
         children?: ReactNode;
-        slot?: string | undefined;
-        id?: string | undefined;
-        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;
+        slot?: string;
+        id?: string;
+        style?: React.CSSProperties;
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | 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;
+        "VIVID_VERSION"?: string;
+        "componentName"?: string;
     }): JSX.Element;
     displayName: string;
 };

package/v3/VwcBreadcrumbItem/index.js

@@ -131,18 +131,6 @@ Code in this file were generated using following JSON:
     "module": "src/shared/patterns/linkable.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",
@@ -292,7 +280,7 @@ Code in this file were generated using following JSON:
  }
 }
 */
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import { registerBreadcrumbItem } from '@vonage/vivid'
 
 registerBreadcrumbItem('vvd3')
@@ -300,7 +288,7 @@ registerBreadcrumbItem('vvd3')
 const VwcBreadcrumbItem = wrapper(`vvd3-breadcrumb-item`,  {
     events: [],
     attributes: [],
-    properties: ['text', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', '_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
+    properties: ['text', 'download', 'href', 'hreflang', 'ping', 'referrerpolicy', 'rel', 'target', 'type', 'control', 'VIVID_VERSION', 'componentName']
 })
 
 VwcBreadcrumbItem.displayName = 'VwcBreadcrumbItem'

package/v3/VwcBreadcrumbItem/package.json

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