message: Icon stories improvements
diff: @@ -2,34 +2,26 @@ import { select } from '@storybook/addon-knobs'
  import { storiesOf } from '@storybook/react'
  import React from 'react'
  -import { Tooltip } from '../Tooltip/Tooltip'
  +import { Cell, Grid } from '../../layout'
  +import { Text } from '../textual'
  -import { IconMap } from './generated/Icons'
  +import { IconMap, Icons } from './generated/Icons'
  import { Icon, IconColor } from './Icon'
  -const colors: { [key in IconColor] } = {
  - 'none': 'none',
  - 'normal': 'normal',
  - 'secondary': 'secondary',
  - 'disabled': 'disabled',
  - 'primary': 'primary',
  - 'danger': 'danger',
  - 'info': 'info',
  - 'alert': 'alert',
  - 'success': 'success',
  -}
  +const colors: IconColor[] = ['none', 'normal', 'secondary', 'disabled', 'primary', 'danger', 'info', 'alert', 'success']
  +
  +const options: Icons[] = Object.keys(IconMap) as Icons[]
  storiesOf('Components/Icon', module)
  + .add('default', () => <Icon icon={select('icon', options, 'adjust') as Icons} />)
  .add('all icons', () => (
  - <>
  + <Grid wrap>
  {Object.keys(IconMap).map((key: any) => (
  - <Tooltip key={key} text={key}>
  - <Icon
  - icon={key}
  - fill={select('fill', colors, 'normal')}
  - stroke={select('stroke', colors, 'none')}
  - />
  - </Tooltip>
  + <Cell flexBasis='100px' style={{ background: '#f2f2f2', padding: '1rem', textAlign: 'center' }}>
  + <Icon icon={key} fill={select('fill', colors, 'normal')} stroke={select('stroke', colors, 'none')} />
  + <br />
  + <Text style={{ wordBreak: 'break-word' }}>{key}</Text>
  + </Cell>
  ))}
  - </>
  + </Grid>
  ))
  