@vonage/vivid-react 3.4.1 → 3.5.0

package/v3/VwcTab/index.js

@@ -59,7 +59,7 @@ Code in this file were generated using following JSON:
  ],
  "slots": [
   {
-   "description": "Slot to add an icon to tab.",
+   "description": "The preferred way to add an icon to the component.",
    "name": "icon"
   }
  ],
@@ -107,7 +107,7 @@ Code in this file were generated using following JSON:
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates the tab's label.",
+   "description": "Adds a close button",
    "privacy": "public"
   },
   {
@@ -118,14 +118,6 @@ Code in this file were generated using following JSON:
    },
    "default": "'-1' as unknown"
   },
-  {
-   "kind": "field",
-   "name": "ariaSelected",
-   "type": {
-    "text": "string | null"
-   },
-   "default": "null"
-  },
   {
    "kind": "method",
    "name": "_handleCloseClick",
@@ -149,10 +141,77 @@ Code in this file were generated using following JSON:
      }
     }
    ]
+  },
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.ts"
+   }
+  },
+  {
+   "kind": "field",
+   "name": "iconTrailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the icon affix alignment.",
+   "privacy": "public",
+   "inheritedFrom": {
+    "name": "AffixIconWithTrailing",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "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": "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": "disabled",
    "type": {
     "text": "boolean"
    },
@@ -184,14 +243,16 @@ Code in this file were generated using following JSON:
    "fieldName": "label"
   },
   {
+   "name": "removable",
    "type": {
     "text": "boolean"
    },
    "default": "false",
-   "description": "Indicates the tab's label.",
+   "description": "Adds a close button",
    "fieldName": "removable"
   },
   {
+   "name": "tabIndex",
    "type": {
     "text": "number"
    },
@@ -199,17 +260,48 @@ Code in this file were generated using following JSON:
    "fieldName": "tabIndex"
   },
   {
-   "name": "aria-selected",
+   "name": "icon-trailing",
+   "type": {
+    "text": "boolean"
+   },
+   "default": "false",
+   "description": "Indicates the icon affix alignment.",
+   "fieldName": "iconTrailing",
+   "inheritedFrom": {
+    "name": "AffixIconWithTrailing",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  },
+  {
+   "name": "icon",
    "type": {
-    "text": "string | null"
+    "text": "string | undefined"
    },
-   "default": "null",
-   "fieldName": "ariaSelected"
+   "description": "A decorative icon the custom element should have.",
+   "fieldName": "icon",
+   "inheritedFrom": {
+    "name": "AffixIcon",
+    "module": "src/shared/patterns/affix.ts"
+   }
+  }
+ ],
+ "mixins": [
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
+  },
+  {
+   "name": "AffixIconWithTrailing",
+   "module": "/src/shared/patterns/affix"
+  },
+  {
+   "name": "Localized",
+   "module": "/src/shared/patterns"
   }
  ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
@@ -225,7 +317,7 @@ registerTab('vvd3')
 const VwcTab = wrapper(`vvd3-tab`,  {
     events: [{"name":"click","propName":"onClick"}],
     attributes: [],
-    properties: ['disabled', 'connotation', 'shape', 'label', 'removable', 'tabIndex', 'ariaSelected']
+    properties: ['disabled', 'connotation', 'shape', 'label', 'removable', 'tabIndex', '_vividAriaBehaviour', 'iconTrailing', 'icon', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTab.displayName = 'VwcTab'

package/v3/VwcTab/package.json

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

@@ -1,7 +1,10 @@
 import React, { ReactNode } from 'react';
 /** VwcTabPanel
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tab-panel
-
+* @param {'host'} _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 VwcTabPanel: {
     (props: {
@@ -10,6 +13,9 @@ declare const VwcTabPanel: {
         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/VwcTabPanel/index.js

@@ -13,14 +13,61 @@ Code in this file were generated using following JSON:
    "name": ""
   }
  ],
+ "mixins": [
+  {
+   "name": "HostSemantics",
+   "module": "/src/shared/aria/host-semantics"
+  }
+ ],
  "superclass": {
   "name": "VividElement",
-  "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
+  "module": "/src/shared/foundation/vivid-element/vivid-element"
  },
  "vividComponent": {
   "public": true,
   "name": "tab-panel"
- }
+ },
+ "members": [
+  {
+   "kind": "field",
+   "name": "_vividAriaBehaviour",
+   "default": "'host'",
+   "type": {
+    "text": "'host'"
+   },
+   "inheritedFrom": {
+    "name": "HostSemantics",
+    "module": "src/shared/aria/host-semantics.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"
+   }
+  }
+ ]
 }
 */
 import wrapper from '@vonage/vivid-react-wrapper'
@@ -31,7 +78,7 @@ registerTabPanel('vvd3')
 const VwcTabPanel = wrapper(`vvd3-tab-panel`,  {
     events: [],
     attributes: [],
-    properties: []
+    properties: ['_vividAriaBehaviour', 'VIVID_VERSION', 'componentName']
 })
 
 VwcTabPanel.displayName = 'VwcTabPanel'

package/v3/VwcTabPanel/package.json

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

@@ -3,13 +3,15 @@ import React, { ReactNode, SyntheticEvent } from 'react';
 * For more info on this Vivid element please visit https://vivid.deno.dev/components/tabs
 * @param {TabsOrientation} orientation - The orientation **attribute** `orientation`
 * @param {string} activeid - The id of the active tab **attribute** `activeid`
-* @param {boolean} activeindicator - Whether or not to show the active indicator **attribute** `activeindicator`
-* @param {HTMLElement} activetab - A reference to the active tab
 * @param {HTMLElement | undefined} tablist
 * @param {TabsConnotation | undefined} connotation - The connotation the tabs should have. **attribute** `connotation`
 * @param {TabsGutters | undefined} gutters - sets the initial preferred margin from predefined available options **attribute** `gutters`
 * @param {boolean} scrollablePanel - sets overflow to the tab-panel **attribute** `scrollable-panel`
 * @param {'align-start' | 'stretch' | undefined} tabsLayout - Controls the layout of the tabs. **attribute** `tabs-layout`
+* @param {boolean} activeindicator - Deprecated attribute. It has no effect. **attribute** `activeindicator`
+* @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 VwcTabs: {
     (props: {
@@ -21,13 +23,14 @@ declare const VwcTabs: {
         onChange?: ((event: SyntheticEvent) => void) | undefined;
         orientation?: any;
         activeid?: string | undefined;
-        activeindicator?: boolean | undefined;
-        activetab?: any;
         tablist?: any;
         connotation?: any;
         gutters?: any;
         scrollablePanel?: boolean | undefined;
         tabsLayout?: any;
+        activeindicator?: boolean | undefined;
+        VIVID_VERSION?: string | undefined;
+        componentName?: string | undefined;
     }): JSX.Element;
     displayName: string;
 };