@vonage/vivid-react 2.10.56 → 2.10.58

package/stories/{VwcKeypad → v2/VwcKeypad}/VwcKeypad.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcKeypad from '../../dist/VwcKeypad'
+import VwcKeypad from '../../../dist/VwcKeypad'
 
 export const Default = () => <VwcKeypad />
 export default {
-  title: 'VwcKeypad',
+  title: 'V2/VwcKeypad',
   argTypes: {
       //
       // Example values

package/stories/{VwcLayout → v2/VwcLayout}/VwcLayout.stories.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import VwcLayout from '../../dist/VwcLayout'
-import VwcCard from '../../dist/VwcCard'
+import VwcLayout from '../../../dist/VwcLayout'
+import VwcCard from '../../../dist/VwcCard'
 
 const testData = [
   'understand cognitive dangerous child consistent efficient temperature limit silver viewer ',
@@ -48,7 +48,7 @@ export const Default = () => {
 }
 
 export default {
-  title: 'VwcLayout',
+  title: 'V2/VwcLayout',
   argTypes: {
     //
     // Example values

package/stories/{VwcLinearProgress → v2/VwcLinearProgress}/VwcLinearProgress.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcLinearProgress from '../../dist/VwcLinearProgress'
+import VwcLinearProgress from '../../../dist/VwcLinearProgress'
 
 export const Default = () => <VwcLinearProgress />
 export default {
-  title: 'VwcLinearProgress',
+  title: 'V2/VwcLinearProgress',
   argTypes: {
       //
       // Example values

package/stories/{VwcList → v2/VwcList}/VwcList.stories.jsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import VwcCheckListItem from '../../dist/VwcCheckListItem'
-import VwcList from '../../dist/VwcList'
+import VwcCheckListItem from '../../../dist/VwcCheckListItem'
+import VwcList from '../../../dist/VwcList'
 
 export const Default = () => (
   <VwcList>
@@ -10,7 +10,7 @@ export const Default = () => (
   </VwcList>
 )
 export default {
-  title: 'VwcList',
+  title: 'V2/VwcList',
   argTypes: {
     //
     // Example values

package/stories/{VwcListExpansionPanel → v2/VwcListExpansionPanel}/VwcListExpansionPanel.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcListExpansionPanel from '../../dist/VwcListExpansionPanel'
+import VwcListExpansionPanel from '../../../dist/VwcListExpansionPanel'
 
 export const Default = () => <VwcListExpansionPanel />
 export default {
-  title: 'VwcListExpansionPanel',
+  title: 'V2/VwcListExpansionPanel',
   argTypes: {
       //
       // Example values

package/stories/{VwcListItem → v2/VwcListItem}/VwcListItem.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcListItem from '../../dist/VwcListItem'
+import VwcListItem from '../../../dist/VwcListItem'
 
 export const Default = () => <VwcListItem />
 export default {
-  title: 'VwcListItem',
+  title: 'V2/VwcListItem',
   argTypes: {
       //
       // Example values

package/stories/{VwcMenu → v2/VwcMenu}/VwcMenu.stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import VwcMenu from '../../dist/VwcMenu'
-import VwcButton from '../../dist/VwcButton'
-import VwcListItem from '../../dist/VwcListItem'
+import VwcMenu from '../../../dist/VwcMenu'
+import VwcButton from '../../../dist/VwcButton'
+import VwcListItem from '../../../dist/VwcListItem'
 
 function anchorClickHandler () {
   const anchor = document.querySelector('#button')
@@ -36,6 +36,6 @@ export const Default = () => (
 )
 
 export default {
-  title: 'VwcMenu',
+  title: 'V2/VwcMenu',
   argTypes: {}
 }

package/stories/{VwcNotchedOutline → v2/VwcNotchedOutline}/VwcNotchedOutline.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcNotchedOutline from '../../dist/VwcNotchedOutline'
+import VwcNotchedOutline from '../../../dist/VwcNotchedOutline'
 
 export const Default = () => <VwcNotchedOutline />
 export default {
-  title: 'VwcNotchedOutline',
+  title: 'V2/VwcNotchedOutline',
   argTypes: {
       //
       // Example values

package/stories/{VwcNote → v2/VwcNote}/VwcNote.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcNote from '../../dist/VwcNote'
+import VwcNote from '../../../dist/VwcNote'
 
 export const Default = () => <VwcNote />
 export default {
-  title: 'VwcNote',
+  title: 'V2/VwcNote',
   argTypes: {
       //
       // Example values

package/stories/{VwcPagination → v2/VwcPagination}/VwcPagination.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcPagination from '../../dist/VwcPagination'
+import VwcPagination from '../../../dist/VwcPagination'
 
 export const Default = () => <VwcPagination />
 export default {
-  title: 'VwcPagination',
+  title: 'V2/VwcPagination',
   argTypes: {
       //
       // Example values

package/stories/{VwcPopup → v2/VwcPopup}/VwcPopup.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcPopup from '../../dist/VwcPopup'
+import VwcPopup from '../../../dist/VwcPopup'
 
 export const Default = () => <VwcPopup />
 export default {
-  title: 'VwcPopup',
+  title: 'V2/VwcPopup',
   argTypes: {
       //
       // Example values

package/stories/{VwcRadio → v2/VwcRadio}/VwcRadio.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcRadio from '../../dist/VwcRadio'
+import VwcRadio from '../../../dist/VwcRadio'
 
 export const Default = () => <VwcRadio />
 export default {
-  title: 'VwcRadio',
+  title: 'V2/VwcRadio',
   argTypes: {
       //
       // Example values

package/stories/{VwcRadioListItem → v2/VwcRadioListItem}/VwcRadioListItem.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcRadioListItem from '../../dist/VwcRadioListItem'
+import VwcRadioListItem from '../../../dist/VwcRadioListItem'
 
 export const Default = () => <VwcRadioListItem />
 export default {
-  title: 'VwcRadioListItem',
+  title: 'V2/VwcRadioListItem',
   argTypes: {
       //
       // Example values

package/stories/{VwcSchemeSelect → v2/VwcSchemeSelect}/VwcSchemeSelect.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSchemeSelect from '../../dist/VwcSchemeSelect'
+import VwcSchemeSelect from '../../../dist/VwcSchemeSelect'
 
 export const Default = () => <VwcSchemeSelect />
 export default {
-  title: 'VwcSchemeSelect',
+  title: 'V2/VwcSchemeSelect',
   argTypes: {
       //
       // Example values

package/stories/{VwcSelect → v2/VwcSelect}/VwcSelect.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSelect from '../../dist/VwcSelect'
+import VwcSelect from '../../../dist/VwcSelect'
 
 export const Default = () => <VwcSelect />
 export default {
-  title: 'VwcSelect',
+  title: 'V2/VwcSelect',
   argTypes: {
       //
       // Example values

package/stories/{VwcSideDrawer → v2/VwcSideDrawer}/VwcSideDrawer.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSideDrawer from '../../dist/VwcSideDrawer'
+import VwcSideDrawer from '../../../dist/VwcSideDrawer'
 
 export const Default = () => <VwcSideDrawer />
 export default {
-  title: 'VwcSideDrawer',
+  title: 'V2/VwcSideDrawer',
   argTypes: {
       //
       // Example values

package/stories/{VwcSlider → v2/VwcSlider}/VwcSlider.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSlider from '../../dist/VwcSlider'
+import VwcSlider from '../../../dist/VwcSlider'
 
 export const Default = () => <VwcSlider />
 export default {
-  title: 'VwcSlider',
+  title: 'V2/VwcSlider',
   argTypes: {
       //
       // Example values

package/stories/{VwcSnackbar → v2/VwcSnackbar}/VwcSnackbar.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSnackbar from '../../dist/VwcSnackbar'
+import VwcSnackbar from '../../../dist/VwcSnackbar'
 
 export const Default = () => <VwcSnackbar />
 export default {
-  title: 'VwcSnackbar',
+  title: 'V2/VwcSnackbar',
   argTypes: {
       //
       // Example values

package/stories/{VwcSurface → v2/VwcSurface}/VwcSurface.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSurface from '../../dist/VwcSurface'
+import VwcSurface from '../../../dist/VwcSurface'
 
 export const Default = () => <VwcSurface />
 export default {
-  title: 'VwcSurface',
+  title: 'V2/VwcSurface',
   argTypes: {
       //
       // Example values

package/stories/{VwcSwitch → v2/VwcSwitch}/VwcSwitch.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcSwitch from '../../dist/VwcSwitch'
+import VwcSwitch from '../../../dist/VwcSwitch'
 
 export const Default = () => <VwcSwitch />
 export default {
-  title: 'VwcSwitch',
+  title: 'V2/VwcSwitch',
   argTypes: {
       //
       // Example values

package/stories/{VwcTab → v2/VwcTab}/VwcTab.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcTab from '../../dist/VwcTab'
+import VwcTab from '../../../dist/VwcTab'
 
 export const Default = () => <VwcTab />
 export default {
-  title: 'VwcTab',
+  title: 'V2/VwcTab',
   argTypes: {
       //
       // Example values

package/stories/{VwcTabBar → v2/VwcTabBar}/VwcTabBar.stories.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react'
-import VwcTabBar from '../../dist/VwcTabBar'
-import VwcTab from '../../dist/VwcTab'
+import VwcTabBar from '../../../dist/VwcTabBar'
+import VwcTab from '../../../dist/VwcTab'
 
 export const Default = () => <VwcTabBar/>
 
@@ -48,7 +48,7 @@ export const LimitWidth = () => {
 }
 
 export default {
-  title: 'VwcTabBar',
+  title: 'V2/VwcTabBar',
   argTypes: {
     //
     // Example values

package/stories/{VwcTag → v2/VwcTag}/VwcTag.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcTag from '../../dist/VwcTag'
+import VwcTag from '../../../dist/VwcTag'
 
 export const Default = () => <VwcTag />
 export default {
-  title: 'VwcTag',
+  title: 'V2/VwcTag',
   argTypes: {
       //
       // Example values

package/stories/{VwcText → v2/VwcText}/VwcText.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcText from '../../dist/VwcText'
+import VwcText from '../../../dist/VwcText'
 
 export const Default = () => <VwcText />
 export default {
-  title: 'VwcText',
+  title: 'V2/VwcText',
   argTypes: {
       //
       // Example values

package/stories/{VwcTextarea → v2/VwcTextarea}/VwcTextarea.stories.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import VwcTextarea from '../../dist/VwcTextarea'
+import VwcTextarea from '../../../dist/VwcTextarea'
 
 export const Default = () => (
   <VwcTextarea
@@ -9,7 +9,7 @@ export const Default = () => (
   />
 )
 export default {
-  title: 'VwcTextarea',
+  title: 'V2/VwcTextarea',
   argTypes: {
     //
     // Example values

package/stories/{VwcTextfield → v2/VwcTextfield}/VwcTextfield.stories.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import VwcTextfield from '../../dist/VwcTextfield/index'
+import VwcTextfield from '../../../dist/VwcTextfield/index'
 import { action } from '@storybook/addon-actions'
 
 export const Default = () => (
@@ -32,7 +32,7 @@ export const Validation = () => {
 }
 
 export default {
-  title: 'VwcTextfield',
+  title: 'V2/VwcTextfield',
   argTypes: {
     //
     // Example values

package/stories/{VwcThemeSwitch → v2/VwcThemeSwitch}/VwcThemeSwitch.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcThemeSwitch from '../../dist/VwcThemeSwitch'
+import VwcThemeSwitch from '../../../dist/VwcThemeSwitch'
 
 export const Default = () => <VwcThemeSwitch />
 export default {
-  title: 'VwcThemeSwitch',
+  title: 'V2/VwcThemeSwitch',
   argTypes: {
       //
       // Example values

package/stories/{VwcTooltip → v2/VwcTooltip}/VwcTooltip.stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
-import VwcTooltip from '../../dist/VwcTooltip'
-import VwcButton from '../../dist/VwcButton'
-import { vwcTooltipShowOnHoverDecorator } from '../../src/patches/vwcTooltip'
+import VwcTooltip from '../../../dist/VwcTooltip'
+import VwcButton from '../../../dist/VwcButton'
+import { vwcTooltipShowOnHoverDecorator } from '../../../src/patches/vwcTooltip'
 
 export const Default = () => {
   return (
@@ -37,5 +37,5 @@ export const ShowHideOnADisabledControl = () => {
 }
 
 export default {
-  title: 'VwcTooltip'
+  title: 'V2/VwcTooltip'
 }

package/stories/{VwcTopAppBar → v2/VwcTopAppBar}/VwcTopAppBar.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcTopAppBar from '../../dist/VwcTopAppBar'
+import VwcTopAppBar from '../../../dist/VwcTopAppBar'
 
 export const Default = () => <VwcTopAppBar />
 export default {
-  title: 'VwcTopAppBar',
+  title: 'V2/VwcTopAppBar',
   argTypes: {
       //
       // Example values

package/stories/{VwcTopAppBarFixed → v2/VwcTopAppBarFixed}/VwcTopAppBarFixed.stories.jsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import VwcTopAppBarFixed from '../../dist/VwcTopAppBarFixed'
+import VwcTopAppBarFixed from '../../../dist/VwcTopAppBarFixed'
 
 export const Default = () => <VwcTopAppBarFixed />
 export default {
-  title: 'VwcTopAppBarFixed',
+  title: 'V2/VwcTopAppBarFixed',
   argTypes: {
       //
       // Example values

package/stories/{patches → v2/patches}/patches.stories.jsx

@@ -1,23 +1,23 @@
 import React from 'react'
-import VwcDataGrid from '../../dist/VwcDataGrid'
-import VwcSlider from '../../dist/VwcSlider'
-import VwcDataGridColumn from '../../dist/VwcDataGridColumn'
-import VwcTooltip from '../../dist/VwcTooltip'
-import VwcButton from '../../dist/VwcButton'
-import VwcNote from '../../dist/VwcNote'
-import VwcSelect from '../../dist/VwcSelect'
-import VwcListItem from '../../dist/VwcListItem'
-import VwcSnackbar from '../../dist/VwcSnackbar'
-import VwcIconButton from '../../dist/VwcIconButton'
+import VwcDataGrid from '../../../dist/VwcDataGrid'
+import VwcSlider from '../../../dist/VwcSlider'
+import VwcDataGridColumn from '../../../dist/VwcDataGridColumn'
+import VwcTooltip from '../../../dist/VwcTooltip'
+import VwcButton from '../../../dist/VwcButton'
+import VwcNote from '../../../dist/VwcNote'
+import VwcSelect from '../../../dist/VwcSelect'
+import VwcListItem from '../../../dist/VwcListItem'
+import VwcSnackbar from '../../../dist/VwcSnackbar'
+import VwcIconButton from '../../../dist/VwcIconButton'
 
 import {
   cellRendererFactory,
   vwcDataGridElementCellOverflowDecorator,
   vwcTooltipShowOnHoverDecorator
-} from '../../src'
-import { vwcNoteContentOverflowDecorator } from '../../src/patches/vwcNoteContentOverflow'
-import { vwcSnackBarHtmlMessageDecorator } from '../../src/patches/vwcSnackBarHtmlMessage'
-import { vwcSetAttributeValue } from '../../src/patches/vwcSetAttributeValue'
+} from '../../../src'
+import { vwcNoteContentOverflowDecorator } from '../../../src/patches/vwcNoteContentOverflow'
+import { vwcSnackBarHtmlMessageDecorator } from '../../../src/patches/vwcSnackBarHtmlMessage'
+import { vwcSetAttributeValue } from '../../../src/patches/vwcSetAttributeValue'
 
 export const VwcTooltipShowOnHover = () => (
   <>
@@ -90,5 +90,5 @@ export const VwcIconButtonValue = () => (
 )
 
 export default {
-  title: 'Patches'
+  title: 'V2/Patches'
 }

package/stories/v3/v3.stories.jsx

@@ -0,0 +1,28 @@
+import React from 'react'
+import VwcBadge from '../../dist/v3/VwcBadge'
+import VwcButton from '../../dist/v3/VwcButton'
+import { initVivid } from '../../src/initialization/initVivid'
+
+export const VwcBadge_ = () =>
+  <>
+    <VwcBadge connotation={'alert'} text={'Badge'} />
+    <VwcButton connotation={'info'} label='Button' onClick={(e) => console.log(e)} ></VwcButton>
+  </>
+
+export default {
+  title: 'V3',
+  decorators: [
+    (story) => {
+      const InitVivid = ({ children }) => <div ref={x => {
+        if (!x) {
+          return
+        }
+        initVivid(x, () => { }, {
+          font: 'proprietary',
+          theme: 'light'
+        })
+      }} >{children}</div>
+      return <InitVivid>{story()}</InitVivid>
+    }
+  ]
+}

package/types/index.d.ts

@@ -1,2 +0,0 @@
-declare module '@vonage/vivid-react-wrapper';
-declare module '@vonage/vivid-react';