@vonage/vivid-react 2.10.58 → 2.10.60

package/stories/v2/VwcExpansionPanel/VwcExpansionPanel.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcExpansionPanel from '../../../dist/VwcExpansionPanel'
-
-export const Default = () => <VwcExpansionPanel />
-export default {
-  title: 'V2/VwcExpansionPanel',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcFab/VwcFab.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcFab from '../../../dist/VwcFab'
-
-export const Default = () => <VwcFab />
-export default {
-  title: 'V2/VwcFab',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcFilePicker/VwcFilePicker.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcFilePicker from '../../../dist/VwcFilePicker'
-
-export const Default = () => <VwcFilePicker />
-export default {
-  title: 'V2/VwcFilePicker',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcFormfield/VwcFormfield.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcFormfield from '../../../dist/VwcFormfield'
-
-export const Default = () => <VwcFormfield />
-export default {
-  title: 'V2/VwcFormfield',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcHelperMessage/VwcHelperMessage.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcHelperMessage from '../../../dist/VwcHelperMessage'
-
-export const Default = () => <VwcHelperMessage />
-export default {
-  title: 'V2/VwcHelperMessage',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcIcon/VwcIcon.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcIcon from '../../../dist/VwcIcon'
-
-export const Default = () => <VwcIcon />
-export default {
-  title: 'V2/VwcIcon',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcIconButton/VwcIconButton.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcIconButton from '../../../dist/VwcIconButton'
-
-export const Default = () => <VwcIconButton />
-export default {
-  title: 'V2/VwcIconButton',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcIconButtonToggle/VwcIconButtonToggle.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcIconButtonToggle from '../../../dist/VwcIconButtonToggle'
-
-export const Default = () => <VwcIconButtonToggle />
-export default {
-  title: 'V2/VwcIconButtonToggle',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcKeypad/VwcKeypad.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcKeypad from '../../../dist/VwcKeypad'
-
-export const Default = () => <VwcKeypad />
-export default {
-  title: 'V2/VwcKeypad',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcLayout/VwcLayout.stories.jsx

@@ -1,63 +0,0 @@
-import React from 'react'
-import VwcLayout from '../../../dist/VwcLayout'
-import VwcCard from '../../../dist/VwcCard'
-
-const testData = [
-  'understand cognitive dangerous child consistent efficient temperature limit silver viewer ',
-  'capital wet aware executive anyone typically cow bother apart reduce bother cow ',
-  'song chef crop need permanent management drawing pure likely competitor competitor ',
-  'global chemical flight demonstration sigh highway gradually threat introduce than global ',
-  'whereas birth finish maker chest ourselves celebrate different routine serve different ',
-  'bedroom act another military count team tight aspect die anymore tight tight count ',
-  'everyday tomato landscape ahead soft spend ensure overcome earn letter ensure ',
-  'recognize bomb meter solve engineering breakfast nonetheless habit physician consist recognize ',
-  'soft document limitation replace asleep exhibition faculty accident big study exhibition ',
-  'explode inflation lift clue certainly practice accompany choose beneath cope cope '
-]
-
-export const Default = () => {
-  return (
-    <>
-      <VwcLayout>
-        {testData.map((d, i) => (
-          <VwcCard key={i} text={d} />
-        ))}
-      </VwcLayout>
-      <VwcLayout columnBasis='sm' columnSpacing='xs'>
-        {testData.map((d, i) => (
-          <VwcCard key={i} text={d} />
-        ))}
-      </VwcLayout>
-      <VwcLayout columnBasis='md' columnSpacing='md'>
-        {testData.map((d, i) => (
-          <VwcCard key={i} text={d} />
-        ))}
-      </VwcLayout>
-      <VwcLayout columnBasis='lg' columnSpacing='md'>
-        {testData.map((d, i) => (
-          <VwcCard key={i} text={d} />
-        ))}
-      </VwcLayout>
-      <VwcLayout columnBasis='block'>
-        {testData.map((d, i) => (
-          <VwcCard key={i} text={d} />
-        ))}
-      </VwcLayout>
-    </>
-  )
-}
-
-export default {
-  title: 'V2/VwcLayout',
-  argTypes: {
-    //
-    // Example values
-    // numberValue: { control: 'number', defaultValue: 123 },
-    // booleanValue: { control: 'boolean', defaultValue: true },
-    // objectValue: { control: 'object', defaultValue: {} },
-    // stringValue: { control: 'string', defaultValue: 'string' },
-    // colorValue: { control: 'color' },
-    // dateValue: { control: 'date' }
-    //
-  }
-}

package/stories/v2/VwcLinearProgress/VwcLinearProgress.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcLinearProgress from '../../../dist/VwcLinearProgress'
-
-export const Default = () => <VwcLinearProgress />
-export default {
-  title: 'V2/VwcLinearProgress',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcList/VwcList.stories.jsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import VwcCheckListItem from '../../../dist/VwcCheckListItem'
-import VwcList from '../../../dist/VwcList'
-
-export const Default = () => (
-  <VwcList>
-    <VwcCheckListItem />
-    <VwcCheckListItem />
-    <VwcCheckListItem />
-  </VwcList>
-)
-export default {
-  title: 'V2/VwcList',
-  argTypes: {
-    //
-    // Example values
-    // numberValue: { control: 'number', defaultValue: 123 },
-    // booleanValue: { control: 'boolean', defaultValue: true },
-    // objectValue: { control: 'object', defaultValue: {} },
-    // stringValue: { control: 'string', defaultValue: 'string' },
-    // colorValue: { control: 'color' },
-    // dateValue: { control: 'date' }
-    //
-  }
-}

package/stories/v2/VwcListExpansionPanel/VwcListExpansionPanel.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcListExpansionPanel from '../../../dist/VwcListExpansionPanel'
-
-export const Default = () => <VwcListExpansionPanel />
-export default {
-  title: 'V2/VwcListExpansionPanel',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcListItem/VwcListItem.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcListItem from '../../../dist/VwcListItem'
-
-export const Default = () => <VwcListItem />
-export default {
-  title: 'V2/VwcListItem',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcMenu/VwcMenu.stories.jsx

@@ -1,41 +0,0 @@
-import React from 'react'
-import VwcMenu from '../../../dist/VwcMenu'
-import VwcButton from '../../../dist/VwcButton'
-import VwcListItem from '../../../dist/VwcListItem'
-
-function anchorClickHandler () {
-  const anchor = document.querySelector('#button')
-  const menu = document.querySelector('#menu')
-  menu.anchor = anchor
-  menu.open = true
-}
-
-export const Default = () => (
-  <>
-    <VwcButton
-      id='button'
-      label='Open menu'
-      onClick={() => anchorClickHandler()}
-    ></VwcButton>
-    <VwcMenu
-      id='menu'
-      corner='BOTTOM_RIGHT'
-      onSelected={e => console.log(`Selected: `, e)}
-      onAction={e => console.log(`Action: `, e)}
-      onOpened={e => console.log(`Opened: `, e)}
-      onClosed={e => console.log(`Closed: `, e)}
-    >
-      <VwcListItem>
-        <div>Basic item 1</div>
-      </VwcListItem>
-      <VwcListItem>
-        <div>Basic item 2</div>
-      </VwcListItem>
-    </VwcMenu>
-  </>
-)
-
-export default {
-  title: 'V2/VwcMenu',
-  argTypes: {}
-}

package/stories/v2/VwcNotchedOutline/VwcNotchedOutline.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcNotchedOutline from '../../../dist/VwcNotchedOutline'
-
-export const Default = () => <VwcNotchedOutline />
-export default {
-  title: 'V2/VwcNotchedOutline',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcNote/VwcNote.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcNote from '../../../dist/VwcNote'
-
-export const Default = () => <VwcNote />
-export default {
-  title: 'V2/VwcNote',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcPagination/VwcPagination.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcPagination from '../../../dist/VwcPagination'
-
-export const Default = () => <VwcPagination />
-export default {
-  title: 'V2/VwcPagination',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcPopup/VwcPopup.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcPopup from '../../../dist/VwcPopup'
-
-export const Default = () => <VwcPopup />
-export default {
-  title: 'V2/VwcPopup',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcRadio/VwcRadio.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcRadio from '../../../dist/VwcRadio'
-
-export const Default = () => <VwcRadio />
-export default {
-  title: 'V2/VwcRadio',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcRadioListItem/VwcRadioListItem.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcRadioListItem from '../../../dist/VwcRadioListItem'
-
-export const Default = () => <VwcRadioListItem />
-export default {
-  title: 'V2/VwcRadioListItem',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSchemeSelect/VwcSchemeSelect.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSchemeSelect from '../../../dist/VwcSchemeSelect'
-
-export const Default = () => <VwcSchemeSelect />
-export default {
-  title: 'V2/VwcSchemeSelect',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSelect/VwcSelect.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSelect from '../../../dist/VwcSelect'
-
-export const Default = () => <VwcSelect />
-export default {
-  title: 'V2/VwcSelect',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSideDrawer/VwcSideDrawer.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSideDrawer from '../../../dist/VwcSideDrawer'
-
-export const Default = () => <VwcSideDrawer />
-export default {
-  title: 'V2/VwcSideDrawer',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSlider/VwcSlider.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSlider from '../../../dist/VwcSlider'
-
-export const Default = () => <VwcSlider />
-export default {
-  title: 'V2/VwcSlider',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSnackbar/VwcSnackbar.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSnackbar from '../../../dist/VwcSnackbar'
-
-export const Default = () => <VwcSnackbar />
-export default {
-  title: 'V2/VwcSnackbar',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSurface/VwcSurface.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSurface from '../../../dist/VwcSurface'
-
-export const Default = () => <VwcSurface />
-export default {
-  title: 'V2/VwcSurface',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcSwitch/VwcSwitch.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcSwitch from '../../../dist/VwcSwitch'
-
-export const Default = () => <VwcSwitch />
-export default {
-  title: 'V2/VwcSwitch',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}

package/stories/v2/VwcTab/VwcTab.stories.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import VwcTab from '../../../dist/VwcTab'
-
-export const Default = () => <VwcTab />
-export default {
-  title: 'V2/VwcTab',
-  argTypes: {
-      //
-      // Example values
-      // numberValue: { control: 'number', defaultValue: 123 },
-      // booleanValue: { control: 'boolean', defaultValue: true },
-      // objectValue: { control: 'object', defaultValue: {} },
-      // stringValue: { control: 'string', defaultValue: 'string' },
-      // colorValue: { control: 'color' },
-      // dateValue: { control: 'date' }
-      //
-    }
-}