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

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

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

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _UXStoryTemplate = require('../UXStoryTemplate');

var _Layout = require('wix-style-react/Layout');

var _storiesHierarchy = require('../storiesHierarchy');

var _ExampleBasic = require('./ExampleBasic');

var _ExampleBasic2 = _interopRequireDefault(_ExampleBasic);

var _ExampleBasic3 = require('!raw-loader!./ExampleBasic');

var _ExampleBasic4 = _interopRequireDefault(_ExampleBasic3);

var _ExampleSizes = require('./ExampleSizes');

var _ExampleSizes2 = _interopRequireDefault(_ExampleSizes);

var _ExampleSizes3 = require('!raw-loader!./ExampleSizes');

var _ExampleSizes4 = _interopRequireDefault(_ExampleSizes3);

var _ExampleAdornments = require('./ExampleAdornments');

var _ExampleAdornments2 = _interopRequireDefault(_ExampleAdornments);

var _ExampleAdornments3 = require('!raw-loader!./ExampleAdornments');

var _ExampleAdornments4 = _interopRequireDefault(_ExampleAdornments3);

var _ExampleNumberInput = require('./ExampleNumberInput');

var _ExampleNumberInput2 = _interopRequireDefault(_ExampleNumberInput);

var _ExampleNumberInput3 = require('!raw-loader!./ExampleNumberInput');

var _ExampleNumberInput4 = _interopRequireDefault(_ExampleNumberInput3);

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

(0, _react3.storiesOf)(_storiesHierarchy.Category.INPUTS, module).add('3.1 Text Field', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      _UXStoryTemplate.Title,
      null,
      '3.1 Text Field'
    ),
    _react2.default.createElement(
      _UXStoryTemplate.SubTitle,
      null,
      'TextField let users enter and edit text.'
    ),
    _react2.default.createElement(_UXStoryTemplate.IncludedComponents, { componentNames: ['FormField', 'Input'] }),
    _react2.default.createElement(
      _UXStoryTemplate.TLDRSection,
      null,
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Text Field', code: _ExampleBasic4.default },
        _react2.default.createElement(
          _Layout.Layout,
          null,
          _react2.default.createElement(
            _Layout.Cell,
            { span: 4 },
            _react2.default.createElement(_ExampleBasic2.default, null)
          )
        )
      )
    ),
    _react2.default.createElement(
      _UXStoryTemplate.ExamplesSection,
      null,
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Sizes', code: _ExampleSizes4.default },
        _react2.default.createElement(_ExampleSizes2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Adornments', code: _ExampleAdornments4.default },
        _react2.default.createElement(_ExampleAdornments2.default, null)
      ),
      _react2.default.createElement(
        _CodeExample2.default,
        { title: 'Number Input', code: _ExampleNumberInput4.default },
        _react2.default.createElement(
          _Layout.Layout,
          null,
          _react2.default.createElement(
            _Layout.Cell,
            { span: 2 },
            _react2.default.createElement(_ExampleNumberInput2.default, null)
          )
        )
      )
    )
  );
});