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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _react3 = require('@storybook/react');

var _Markdown = require('wix-storybook-utils/Markdown');

var _Markdown2 = _interopRequireDefault(_Markdown);

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _README = require('../../src/new-icons/README.md');

var _README2 = _interopRequireDefault(_README);

var _AllIcons = require('./AllIcons');

var _AllIcons2 = _interopRequireDefault(_AllIcons);

var _AllIcons3 = require('!raw-loader!./AllIcons');

var _AllIcons4 = _interopRequireDefault(_AllIcons3);

var _CustomIconColor = require('./CustomIconColor');

var _CustomIconColor2 = _interopRequireDefault(_CustomIconColor);

var _CustomIconColor3 = require('!raw-loader!./CustomIconColor');

var _CustomIconColor4 = _interopRequireDefault(_CustomIconColor3);

var _CustomIconSize = require('./CustomIconSize');

var _CustomIconSize2 = _interopRequireDefault(_CustomIconSize);

var _CustomIconSize3 = require('!raw-loader!./CustomIconSize');

var _CustomIconSize4 = _interopRequireDefault(_CustomIconSize3);

var _RTLIcon = require('./RTLIcon');

var _RTLIcon2 = _interopRequireDefault(_RTLIcon);

var _RTLIcon3 = require('!raw-loader!./RTLIcon');

var _RTLIcon4 = _interopRequireDefault(_RTLIcon3);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

(0, _react3.storiesOf)('1. Foundation', module).add('1.4 Icons', function () {
  return _react2.default.createElement(
    'div',
    { 'data-hook': 'new-icons' },
    _react2.default.createElement(_Markdown2.default, { source: _README2.default }),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'All Icons', code: _AllIcons4.default },
      _react2.default.createElement(_AllIcons2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Custom Icon color', code: _CustomIconColor4.default },
      _react2.default.createElement(_CustomIconColor2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'Custom Icon size', code: _CustomIconSize4.default },
      _react2.default.createElement(_CustomIconSize2.default, null)
    ),
    _react2.default.createElement(
      _CodeExample2.default,
      { title: 'RTL Icon', code: _RTLIcon4.default },
      _react2.default.createElement(_RTLIcon2.default, null)
    )
  );
});