@vonage/vivid-react 4.0.0 → 5.20.0

package/LICENSE.md

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction,
+    and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by
+    the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all
+    other entities that control, are controlled by, or are under common
+    control with that entity. For the purposes of this definition,
+    "control" means (i) the power, direct or indirect, to cause the
+    direction or management of such entity, whether by contract or
+    otherwise, or (ii) ownership of fifty percent (50%) or more of the
+    outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity
+    exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications,
+    including but not limited to software source code, documentation
+    source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical
+    transformation or translation of a Source form, including but
+    not limited to compiled object code, generated documentation,
+    and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or
+    Object form, made available under the License, as indicated by a
+    copyright notice that is included in or attached to the work
+    (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object
+    form, that is based on (or derived from) the Work and for which the
+    editorial revisions, annotations, elaborations, or other modifications
+    represent, as a whole, an original work of authorship. For the purposes
+    of this License, Derivative Works shall not include works that remain
+    separable from, or merely link (or bind by name) to the interfaces of,
+    the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including
+    the original version of the Work and any modifications or additions
+    to that Work or Derivative Works thereof, that is intentionally
+    submitted to Licensor for inclusion in the Work by the copyright owner
+    or by an individual or Legal Entity authorized to submit on behalf of
+    the copyright owner. For the purposes of this definition, "submitted"
+    means any form of electronic, verbal, or written communication sent
+    to the Licensor or its representatives, including but not limited to
+    communication on electronic mailing lists, source code control systems,
+    and issue tracking systems that are managed by, or on behalf of, the
+    Licensor for the purpose of discussing and improving the Work, but
+    excluding communication that is conspicuously marked or otherwise
+    designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity
+    on behalf of whom a Contribution has been received by Licensor and
+    subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    copyright license to reproduce, prepare Derivative Works of,
+    publicly display, publicly perform, sublicense, and distribute the
+    Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of
+    this License, each Contributor hereby grants to You a perpetual,
+    worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+    (except as stated in this section) patent license to make, have made,
+    use, offer to sell, sell, import, and otherwise transfer the Work,
+    where such license applies only to those patent claims licensable
+    by such Contributor that are necessarily infringed by their
+    Contribution(s) alone or by combination of their Contribution(s)
+    with the Work to which such Contribution(s) was submitted. If You
+    institute patent litigation against any entity (including a
+    cross-claim or counterclaim in a lawsuit) alleging that the Work
+    or a Contribution incorporated within the Work constitutes direct
+    or contributory patent infringement, then any patent licenses
+    granted to You under this License for that Work shall terminate
+    as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the
+    Work or Derivative Works thereof in any medium, with or without
+    modifications, and in Source or Object form, provided that You
+    meet the following conditions:
+
+    (a) You must give any other recipients of the Work or
+    Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices
+    stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works
+    that You distribute, all copyright, patent, trademark, and
+    attribution notices from the Source form of the Work,
+    excluding those notices that do not pertain to any part of
+    the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its
+    distribution, then any Derivative Works that You distribute must
+    include a readable copy of the attribution notices contained
+    within such NOTICE file, excluding those notices that do not
+    pertain to any part of the Derivative Works, in at least one
+    of the following places: within a NOTICE text file distributed
+    as part of the Derivative Works; within the Source form or
+    documentation, if provided along with the Derivative Works; or,
+    within a display generated by the Derivative Works, if and
+    wherever such third-party notices normally appear. The contents
+    of the NOTICE file are for informational purposes only and
+    do not modify the License. You may add Your own attribution
+    notices within Derivative Works that You distribute, alongside
+    or as an addendum to the NOTICE text from the Work, provided
+    that such additional attribution notices cannot be construed
+    as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and
+    may provide additional or different license terms and conditions
+    for use, reproduction, or distribution of Your modifications, or
+    for any such Derivative Works as a whole, provided Your use,
+    reproduction, and distribution of the Work otherwise complies with
+    the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise,
+    any Contribution intentionally submitted for inclusion in the Work
+    by You to the Licensor shall be under the terms and conditions of
+    this License, without any additional terms or conditions.
+    Notwithstanding the above, nothing herein shall supersede or modify
+    the terms of any separate license agreement you may have executed
+    with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade
+    names, trademarks, service marks, or product names of the Licensor,
+    except as required for reasonable and customary use in describing the
+    origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or
+    agreed to in writing, Licensor provides the Work (and each
+    Contributor provides its Contributions) on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+    implied, including, without limitation, any warranties or conditions
+    of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+    PARTICULAR PURPOSE. You are solely responsible for determining the
+    appropriateness of using or redistributing the Work and assume any
+    risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory,
+    whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law (such as deliberate and grossly
+    negligent acts) or agreed to in writing, shall any Contributor be
+    liable to You for damages, including any direct, indirect, special,
+    incidental, or consequential damages of any character arising as a
+    result of this License or out of the use or inability to use the
+    Work (including but not limited to damages for loss of goodwill,
+    work stoppage, computer failure or malfunction, or any and all
+    other commercial damages or losses), even if such Contributor
+    has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing
+    the Work or Derivative Works thereof, You may choose to offer,
+    and charge a fee for, acceptance of support, warranty, indemnity,
+    or other liability obligations and/or rights consistent with this
+    License. However, in accepting such obligations, You may act only
+    on Your own behalf and on Your sole responsibility, not on behalf
+    of any other Contributor, and only if You agree to indemnify,
+    defend, and hold each Contributor harmless for any liability
+    incurred by, or claims asserted against, such Contributor by reason
+    of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright [yyyy] [name of copyright owner]
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -5,176 +5,167 @@ Vivid-react is a script allowing you to generate `Vivid-React` components for th
 The main goal of output package is to provide a better developer experience when using `Vivid` inside of `React` typescript applications. We still use regular `Vivid` web components, so be sure to target a recent browser.
 
 Goals:
-* wrap adding handlers for events like `change` which natively doesn't work in the environment
-* mocks for Jest
-* typing support (prop-types or typescript)
-* a handy interface for initialisation (eg. fonts)
-* getting advantages of JSX/TSX (eg. composed components*)
-* all components within one package**
-* storybook acting as developer sandbox for presenting quick examples
-* one place for all future vivid-related code to use with React
 
-*may provide a cut off at props inherited from MWC source.
+- wrap adding handlers for events like `change` which natively doesn't work in the environment
+- mocks for Jest
+- typing support (prop-types or typescript)
+- a handy interface for initialisation (eg. fonts)
+- getting advantages of JSX/TSX (eg. composed components\*)
+- all components within one package\*\*
+- storybook acting as developer sandbox for presenting quick examples
+- one place for all future vivid-related code to use with React
 
-**now also implemented in _raw_ Vivid.
+\*may provide a cut off at props inherited from MWC source.
+
+\*\*now also implemented in _raw_ Vivid.
 
 # Similar strongly typed wrappers for other frameworks?
-* https://github.com/Vonage/vivid-vue
+
+- https://github.com/Vonage/vivid-vue
 
 # Why is this repository exists?
 
 [![Using Web Components in React - Web Component Essentials](https://img.youtube.com/vi/o1dMXrIv3Q8/0.jpg)](https://www.youtube.com/watch?v=o1dMXrIv3Q8)
 
 ## Supported components
+
 Here's the list of all available wrappers, with the `Vivid` package name and version used to generate each one.
 If you need to use a different version of a `Vivid` component, simply add it to your application's `package.json`.
 Adding the `resolutions` field when using `yarn` might help get the correct version installed.
 
-| Component Name | Package Name | Package Version |
-|----------------|--------------|-----------------|
-| VwcAccordion | @vonage/vwc-accordion | 2.45.0 |
-| VwcActionGroup | @vonage/vwc-action-group | 2.45.0 |
-| VwcBadge | @vonage/vwc-badge | 2.45.0 |
-| VwcBanner | @vonage/vwc-banner | 2.45.0 |
-| VwcButton | @vonage/vwc-button | 2.45.0 |
-| VwcButtonToggleGroup | @vonage/vwc-button-toggle-group | 2.45.0 |
-| VwcCalendar | @vonage/vwc-calendar | 2.45.0 |
-| VwcCard | @vonage/vwc-card | 2.45.0 |
-| VwcCarousel | @vonage/vwc-carousel | 2.45.0 |
-| VwcCheckbox | @vonage/vwc-checkbox | 2.45.0 |
-| VwcChips | @vonage/vwc-chips | 2.45.0 |
-| VwcCircularProgress | @vonage/vwc-circular-progress | 2.45.0 |
-| VwcDataGrid | @vonage/vwc-data-grid | 2.45.0 |
-| VwcDatepicker | @vonage/vwc-datepicker | 2.45.0 |
-| VwcDropdown | @vonage/vwc-dropdown | 2.45.0 |
-| VwcElevation | @vonage/vwc-elevation | 2.45.0 |
-| VwcEmptyState | @vonage/vwc-empty-state | 2.45.0 |
-| VwcExpansionPanel | @vonage/vwc-expansion-panel | 2.45.0 |
-| VwcFab | @vonage/vwc-fab | 2.45.0 |
-| VwcFilePicker | @vonage/vwc-file-picker | 2.45.0 |
-| VwcFormfield | @vonage/vwc-formfield | 2.45.0 |
-| VwcHelperMessage | @vonage/vwc-helper-message | 2.45.0 |
-| VwcIcon | @vonage/vwc-icon | 2.45.0 |
-| VwcIconButton | @vonage/vwc-icon-button | 2.45.0 |
-| VwcIconButtonToggle | @vonage/vwc-icon-button-toggle | 2.45.0 |
-| VwcKeypad | @vonage/vwc-keypad | 2.45.0 |
-| VwcLayout | @vonage/vwc-layout | 2.45.0 |
-| VwcLinearProgress | @vonage/vwc-linear-progress | 2.45.0 |
-| VwcList | @vonage/vwc-list | 2.45.0 |
-| VwcMediaController | @vonage/vwc-media-controller | 2.45.0 |
-| VwcMenu | @vonage/vwc-menu | 2.45.0 |
-| VwcNotchedOutline | @vonage/vwc-notched-outline | 2.45.0 |
-| VwcNote | @vonage/vwc-note | 2.45.0 |
-| VwcPagination | @vonage/vwc-pagination | 2.45.0 |
-| VwcPopup | @vonage/vwc-popup | 2.45.0 |
-| VwcRadio | @vonage/vwc-radio | 2.45.0 |
-| VwcSchemeSelect | @vonage/vwc-scheme-select | 2.45.0 |
-| VwcSelect | @vonage/vwc-select | 2.45.0 |
-| VwcSlider | @vonage/vwc-slider | 2.45.0 |
-| VwcSnackbar | @vonage/vwc-snackbar | 2.45.0 |
-| VwcSurface | @vonage/vwc-surface | 2.45.0 |
-| VwcSwitch | @vonage/vwc-switch | 2.45.0 |
-| VwcTabBar | @vonage/vwc-tab-bar | 2.45.0 |
-| VwcTags | @vonage/vwc-tags | 2.45.0 |
-| VwcText | @vonage/vwc-text | 2.45.0 |
-| VwcTextarea | @vonage/vwc-textarea | 2.45.0 |
-| VwcTextfield | @vonage/vwc-textfield | 2.45.0 |
-| VwcThemeSwitch | @vonage/vwc-theme-switch | 2.45.0 |
-| VwcTooltip | @vonage/vwc-tooltip | 2.45.0 |
-| VwcTopAppBar | @vonage/vwc-top-app-bar | 2.45.0 |
-| VwcTopAppBarFixed | @vonage/vwc-top-app-bar-fixed | 2.45.0 |
+| Component Name       | Package Name                    | Package Version |
+| -------------------- | ------------------------------- | --------------- |
+| VwcAccordion         | @vonage/vwc-accordion           | 2.46.3          |
+| VwcActionGroup       | @vonage/vwc-action-group        | 2.46.3          |
+| VwcBadge             | @vonage/vwc-badge               | 2.46.3          |
+| VwcBanner            | @vonage/vwc-banner              | 2.46.3          |
+| VwcButton            | @vonage/vwc-button              | 2.46.3          |
+| VwcButtonToggleGroup | @vonage/vwc-button-toggle-group | 2.46.3          |
+| VwcCalendar          | @vonage/vwc-calendar            | 2.46.3          |
+| VwcCard              | @vonage/vwc-card                | 2.46.3          |
+| VwcCarousel          | @vonage/vwc-carousel            | 2.46.3          |
+| VwcCheckbox          | @vonage/vwc-checkbox            | 2.46.3          |
+| VwcChips             | @vonage/vwc-chips               | 2.46.3          |
+| VwcCircularProgress  | @vonage/vwc-circular-progress   | 2.46.3          |
+| VwcDataGrid          | @vonage/vwc-data-grid           | 2.46.3          |
+| VwcDatepicker        | @vonage/vwc-datepicker          | 2.46.3          |
+| VwcDropdown          | @vonage/vwc-dropdown            | 2.46.3          |
+| VwcElevation         | @vonage/vwc-elevation           | 2.46.3          |
+| VwcEmptyState        | @vonage/vwc-empty-state         | 2.46.3          |
+| VwcExpansionPanel    | @vonage/vwc-expansion-panel     | 2.46.3          |
+| VwcFab               | @vonage/vwc-fab                 | 2.46.3          |
+| VwcFilePicker        | @vonage/vwc-file-picker         | 2.46.3          |
+| VwcFormfield         | @vonage/vwc-formfield           | 2.46.3          |
+| VwcHelperMessage     | @vonage/vwc-helper-message      | 2.46.3          |
+| VwcIcon              | @vonage/vwc-icon                | 2.46.3          |
+| VwcIconButton        | @vonage/vwc-icon-button         | 2.46.3          |
+| VwcIconButtonToggle  | @vonage/vwc-icon-button-toggle  | 2.46.3          |
+| VwcKeypad            | @vonage/vwc-keypad              | 2.46.3          |
+| VwcLayout            | @vonage/vwc-layout              | 2.46.3          |
+| VwcLinearProgress    | @vonage/vwc-linear-progress     | 2.46.3          |
+| VwcList              | @vonage/vwc-list                | 2.46.3          |
+| VwcMediaController   | @vonage/vwc-media-controller    | 2.46.3          |
+| VwcMenu              | @vonage/vwc-menu                | 2.46.3          |
+| VwcNotchedOutline    | @vonage/vwc-notched-outline     | 2.46.3          |
+| VwcNote              | @vonage/vwc-note                | 2.46.3          |
+| VwcPagination        | @vonage/vwc-pagination          | 2.46.3          |
+| VwcPopup             | @vonage/vwc-popup               | 2.46.3          |
+| VwcRadio             | @vonage/vwc-radio               | 2.46.3          |
+| VwcSchemeSelect      | @vonage/vwc-scheme-select       | 2.46.3          |
+| VwcSelect            | @vonage/vwc-select              | 2.46.3          |
+| VwcSlider            | @vonage/vwc-slider              | 2.46.3          |
+| VwcSnackbar          | @vonage/vwc-snackbar            | 2.46.3          |
+| VwcSurface           | @vonage/vwc-surface             | 2.46.3          |
+| VwcSwitch            | @vonage/vwc-switch              | 2.46.3          |
+| VwcTabBar            | @vonage/vwc-tab-bar             | 2.46.3          |
+| VwcTags              | @vonage/vwc-tags                | 2.46.3          |
+| VwcText              | @vonage/vwc-text                | 2.46.3          |
+| VwcTextarea          | @vonage/vwc-textarea            | 2.46.3          |
+| VwcTextfield         | @vonage/vwc-textfield           | 2.46.3          |
+| VwcThemeSwitch       | @vonage/vwc-theme-switch        | 2.46.3          |
+| VwcTooltip           | @vonage/vwc-tooltip             | 2.46.3          |
+| VwcTopAppBar         | @vonage/vwc-top-app-bar         | 2.46.3          |
+| VwcTopAppBarFixed    | @vonage/vwc-top-app-bar-fixed   | 2.46.3          |
 
 If the one you're looking for is missing, just [add a new one](#adding-a-component), so everyone can access them.
 
 ## Installation
+
 Just run:
+
 ```shell
 $ yarn add @vonage/vivid-react
 ```
+
 No need for importing `vivid` directly. The dependencies will be installed for you.
 
 ## Initialization
 
 ```javascript
-import ReactDOM from 'react-dom'
-import { initVivid } from '@vonage/vivid-react'
-const rootElement = document.getElementById('react-root')
+import ReactDOM from 'react-dom';
+import { initVivid } from '@vonage/vivid-react';
+const rootElement = document.getElementById('react-root');
 const renderApp = () => {
-  // do some more initialization before rendering the main App
-  ReactDOM.render(
-    <App />,
-    rootElement
-  )
-}
+	// do some more initialization before rendering the main App
+	ReactDOM.render(<App />, rootElement);
+};
 
 // for Vivid 2.x
-initVivid(rootElement).then(renderApp)
+initVivid(rootElement).then(renderApp);
 
 // OR
 
 // for Vivid 2.x + Vivid 3.x
 initVivid(rootElement, () => {}, {
-  font: 'oss',
-  theme: 'light'
-}).then(renderApp)
+	font: 'oss',
+	theme: 'light',
+}).then(renderApp);
 ```
 
 ## Importing
+
 For vivid **2.x**
 Instead of importing each `vivid` component from `@vonage/vwc-*`, import them from `@vonage/vivid-react` instead.
+
 ```javascript
-import VwcCheckbox from '@vonage/vivid-react/VwcCheckbox'
-import VwcSlider from '@vonage/vivid-react/VwcSlider'
+import VwcCheckbox from '@vonage/vivid-react/VwcCheckbox';
+import VwcSlider from '@vonage/vivid-react/VwcSlider';
 ```
 
 For vivid **3.x**
+
 ```javascript
-import VwcCheckbox from '@vonage/vivid-react/v3/VwcCheckbox'
-import VwcSlider from '@vonage/vivid-react/v3/VwcSlider'
+import VwcCheckbox from '@vonage/vivid-react/v3/VwcCheckbox';
+import VwcSlider from '@vonage/vivid-react/v3/VwcSlider';
 ```
 
 ## Bundling
+
 This package is an ES module, so you might need to add some configuration to your bundling process.
 
 ## Testing
+
 If you have problems rendering `vivid` when using Jest/Enzyme combo, you can add this to your `package.json` to replace all `Vivid` wrapped components with an empty React component.
 It'll work also for _raw_ `vivid` components used in project, since js-dom doesn't support shadow DOM.
 
 ```json
 {
-  "jest": {
-    "moduleNameMapper": {
-      "@vonage\/(vwc|vvd)": "@vonage/vivid-react/testing/component.mock.js"
-    },
-  "transformIgnorePatterns": [
-      "node_modules/(?!(@cct|@vonage|@lit|lit-html|lit-element)/)"
-    ]
-  }
+	"jest": {
+		"moduleNameMapper": {
+			"@vonage\/(vwc|vvd)": "@vonage/vivid-react/testing/component.mock.js"
+		},
+		"transformIgnorePatterns": ["node_modules/(?!(@cct|@vonage|@lit|lit-html|lit-element)/)"]
+	}
 }
 ```
 
 # Development
 
 ## Adding a component
-Follow the steps:
-* clone this repo
-* create a branch
-* add the missing vivid component as a `dependency` in `package.json`
-* create a new PR and get it merged to `master`
-* [publish](#publishing-a-new-version) new version
-* install the new package in your application
-
-## Publishing a new version
-When you want to release the latest changes, checkout the latest `master` branch and run:
 
-```shell
-$ yarn version --new-version {minor/major/patch}
-```
+Follow the steps:
 
-### Selecting new version number:
-- `patch` - fixing some small issue, without new functionality
-- `minor` - after adding support for a new component, or adding a new awesome feature
-- `major` - after breaking or major package changes
+- add the missing vivid component as a `dependency` in `package.json`
 
 ## Storybook
 
@@ -184,8 +175,9 @@ with no arguments/properties, fill them before using component.
 ## Compound Components
 
 In the `scripts/generateWrappers/consts.js` you can define sets of compound components. All they do is filling default props. They are accessible after a dot:
+
 ```javascript
 <VwcButton.Alert />
 ```
 
-*This is the end*
+_This is the end_

package/VwcAccordion/index.d.ts

@@ -5,10 +5,10 @@ import '@vonage/vwc-accordion';
 */
 declare const VwcAccordion: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-    multi?: boolean | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    multi?: boolean;
 }) => JSX.Element;
 export default VwcAccordion;

package/VwcAccordion/index.js

@@ -16,7 +16,6 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
@@ -31,7 +30,7 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-accordion'
 
 

package/VwcAccordion/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-accordion",
-  "version": "4.0.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-accordion": "2.45.0"
+    "@vonage/vwc-accordion": "2.46.3"
   }
 }

package/VwcActionGroup/index.d.ts

@@ -1,18 +1,18 @@
 import React, { ReactNode } from 'react';
 import '@vonage/vwc-action-group';
 /** Represents an action-group custom element.
-* @param {ActionGroupShape | undefined} shape  attribute: <VwcActionGroup shape />
-* @param {ActionGroupLayout | undefined} layout  attribute: <VwcActionGroup layout />
+* @param  shape  attribute: <VwcActionGroup shape />
+* @param  layout  attribute: <VwcActionGroup layout />
 * @param {boolean} tight  attribute: <VwcActionGroup tight />
 */
 declare const VwcActionGroup: (props: {
     children?: ReactNode;
-    slot?: string | undefined;
-    id?: string | undefined;
-    style?: React.CSSProperties | undefined;
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+    slot?: string;
+    id?: string;
+    style?: React.CSSProperties;
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     shape?: any;
     layout?: any;
-    tight?: boolean | undefined;
+    tight?: boolean;
 }) => JSX.Element;
 export default VwcActionGroup;

package/VwcActionGroup/index.js

@@ -9,12 +9,10 @@ Code in this file were generated using following JSON:
  "description": "Represents an action-group custom element.",
  "attributes": [
   {
-   "name": "shape",
-   "type": "ActionGroupShape | undefined"
+   "name": "shape"
   },
   {
-   "name": "layout",
-   "type": "ActionGroupLayout | undefined"
+   "name": "layout"
   },
   {
    "name": "tight",
@@ -25,19 +23,16 @@ Code in this file were generated using following JSON:
  "properties": [
   {
    "name": "styles",
-   "type": "CSSResult",
    "default": "\"style\""
   },
   {
    "name": "shape",
    "attribute": "shape",
-   "type": "ActionGroupShape | undefined",
    "bindable": false
   },
   {
    "name": "layout",
    "attribute": "layout",
-   "type": "ActionGroupLayout | undefined",
    "bindable": false
   },
   {
@@ -58,13 +53,13 @@ Code in this file were generated using following JSON:
 }
 */
 import PropTypes from 'prop-types'
-import wrapper from '@vonage/vivid-react-wrapper'
+import wrapper from '@repo/react-component-wrapper'
 import '@vonage/vwc-action-group'
 
 
 /** Represents an action-group custom element. 
-* @param {ActionGroupShape | undefined} shape  attribute: <VwcActionGroup shape />
-* @param {ActionGroupLayout | undefined} layout  attribute: <VwcActionGroup layout />
+* @param  shape  attribute: <VwcActionGroup shape />
+* @param  layout  attribute: <VwcActionGroup layout />
 * @param {boolean} tight  attribute: <VwcActionGroup tight />
 */
 const VwcActionGroup = wrapper('vwc-action-group',  {
@@ -74,8 +69,8 @@ const VwcActionGroup = wrapper('vwc-action-group',  {
 });
 
 VwcActionGroup.propTypes = {
-  shape: PropTypes.any /* ActionGroupShape | undefined *//* attribute: shape */,
-  layout: PropTypes.any /* ActionGroupLayout | undefined *//* attribute: layout */,
+  shape: PropTypes.any /* type not provided *//* attribute: shape */,
+  layout: PropTypes.any /* type not provided *//* attribute: layout */,
   tight: PropTypes.bool/* default: false *//* attribute: tight */
 }
 

package/VwcActionGroup/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@vonage/vivid-react-vwc-action-group",
-  "version": "4.0.0",
+  "version": "5.20.0",
   "main": "index.js",
   "types": "index.d.ts",
   "private": true,
   "license": "MIT",
   "dependencies": {
-    "@vonage/vwc-action-group": "2.45.0"
+    "@vonage/vwc-action-group": "2.46.3"
   }
 }