wix-style-react/dist/es/stories/NewIcons/index.js

wix-style-react

import React from 'react';
import { storiesOf } from '@storybook/react';
import Markdown from 'wix-storybook-utils/Markdown';
import CodeExample from 'wix-storybook-utils/CodeExample';

import Readme from '../../src/new-icons/README.md';

import AllIcons from './AllIcons';
import AllIconsRaw from '!raw-loader!./AllIcons';

import CustomIconColor from './CustomIconColor';
import CustomIconColorRaw from '!raw-loader!./CustomIconColor';

import CustomIconSize from './CustomIconSize';
import CustomIconSizeRaw from '!raw-loader!./CustomIconSize';

import RTLIcon from './RTLIcon';
import RTLIconRaw from '!raw-loader!./RTLIcon';

storiesOf('1. Foundation', module).add('1.4 Icons', function () {
  return React.createElement(
    'div',
    { 'data-hook': 'new-icons' },
    React.createElement(Markdown, { source: Readme }),
    React.createElement(
      CodeExample,
      { title: 'All Icons', code: AllIconsRaw },
      React.createElement(AllIcons, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Custom Icon color', code: CustomIconColorRaw },
      React.createElement(CustomIconColor, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Custom Icon size', code: CustomIconSizeRaw },
      React.createElement(CustomIconSize, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'RTL Icon', code: RTLIconRaw },
      React.createElement(RTLIcon, null)
    )
  );
});