wix-style-react/dist/stories/Typography/TypographyTestStories.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _TextClassesExample = require('./TextClassesExample');

var _HeadingClassesExample = require('./HeadingClassesExample');

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

var _Typography = require('../../src/Typography');

var _Typography2 = _interopRequireDefault(_Typography);

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

var kind = (0, _storiesHierarchy.getTestStoryKind)({
  category: _storiesHierarchy.Category.FOUNDATION,
  storyName: '1.2 Typography'
});
(0, _react3.storiesOf)(kind, module).add('1. Typography with Classes - Text', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'h1',
      null,
      'Typography text with classes'
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'div',
      { style: { display: 'flex' } },
      (0, _TextClassesExample.renderSizeAndWeightTable)(),
      _react2.default.createElement('div', { style: { width: '20px' } }),
      (0, _TextClassesExample.renderColorTable)()
    )
  );
});

(0, _react3.storiesOf)(kind, module).add('2. Typography with Classes - Heading', function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'h1',
      null,
      'Typography heading with classes'
    ),
    _react2.default.createElement('br', null),
    _react2.default.createElement(
      'div',
      { style: { display: 'flex' } },
      (0, _HeadingClassesExample.renderHeadingTable)()
    )
  );
});

(0, _react3.storiesOf)(kind, module).add('3. Typography class deprecation log', function () {
  return _react2.default.createElement(
    'div',
    { style: { backgroundColor: 'black' } },
    _react2.default.createElement(
      'h1',
      { className: _Typography2.default.h1_1 },
      'Deprecated h1_1 class'
    )
  );
});