react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/components/typography/heading/index.test.js

@@ -0,0 +1,122 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+require("jest-styled-components");
+
+
+var _index = _interopRequireDefault(require("./index"));
+var _test = _interopRequireDefault(require("../../utils/test"));
+var _theme = _interopRequireDefault(require("../theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const setupShallow = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ level: props.level }, props), props.children)));};
+
+
+const setupMount = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ level: props.level }, props), props.children)));};
+
+
+describe('Heading component', () => {
+  it('Should render large H1 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 1 });
+    const H1 = (0, _test.default)(component, 'h1-tag');
+    expect(H1.length).toBe(1);
+  });
+
+  it('Should render large H1 component without error', () => {
+    const H1 = setupMount({ children: 'تست', level: 1 });
+    expect(H1).toHaveStyleRule('font-size', `${_theme.default.h1SizeMedium}px`);
+    expect(H1).toHaveStyleRule('line-height', `${_theme.default.h1SizeMedium * _theme.default.lineHeightRatio}px`);
+    expect(H1).toHaveStyleRule('color', _theme.default.defaultColor);
+    H1.unmount();
+  });
+
+  it('Should render H2 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 2 });
+    const H2 = (0, _test.default)(component, 'h2-tag');
+    expect(H2.length).toBe(1);
+  });
+
+  it('Should render small H2 component without error', () => {
+    const H2 = setupMount({ children: 'تست', level: 2, size: 'sm' });
+    expect(H2).toHaveStyleRule('font-size', `${_theme.default.h2SizeSmall}px`);
+    expect(H2).toHaveStyleRule('line-height', `${_theme.default.h2SizeSmall * _theme.default.lineHeightRatio}px`);
+    expect(H2).toHaveStyleRule('color', _theme.default.defaultColor);
+    H2.unmount();
+  });
+
+  it('Should render H3 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 3 });
+    const H3 = (0, _test.default)(component, 'h3-tag');
+    expect(H3.length).toBe(1);
+  });
+
+  it('Should render large H3 component without error', () => {
+    const H3 = setupMount({ children: 'تست', level: 3, size: 'lg' });
+    expect(H3).toHaveStyleRule('font-size', `${_theme.default.h3SizeLarge}px`);
+    expect(H3).toHaveStyleRule('line-height', `${_theme.default.h3SizeLarge * _theme.default.lineHeightRatio}px`);
+    expect(H3).toHaveStyleRule('color', _theme.default.defaultColor);
+    H3.unmount();
+  });
+
+  it('Should render H4 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 4 });
+    const H4 = (0, _test.default)(component, 'h4-tag');
+    expect(H4.length).toBe(1);
+  });
+
+  it('Should render small H4 component without error', () => {
+    const H4 = setupMount({ children: 'تست', level: 4, size: 'sm' });
+    expect(H4).toHaveStyleRule('font-size', `${_theme.default.h4SizeSmall}px`);
+    expect(H4).toHaveStyleRule('line-height', `${_theme.default.h4SizeSmall * _theme.default.lineHeightRatio}px`);
+    expect(H4).toHaveStyleRule('color', _theme.default.defaultColor);
+    H4.unmount();
+  });
+
+  it('Should render H5 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 5 });
+    const H5 = (0, _test.default)(component, 'h5-tag');
+    expect(H5.length).toBe(1);
+  });
+
+  it('Should render small H5 component without error', () => {
+    const H5 = setupMount({ children: 'تست', level: 5, size: 'sm' });
+    expect(H5).toHaveStyleRule('font-size', `${_theme.default.h5SizeSmall}px`);
+    expect(H5).toHaveStyleRule('line-height', `${_theme.default.h5SizeSmall * _theme.default.lineHeightRatio}px`);
+    expect(H5).toHaveStyleRule('color', _theme.default.defaultColor);
+    H5.unmount();
+  });
+
+  it('Should render H6 component without error', () => {
+    const component = setupShallow({ children: 'تست', level: 6 });
+    const H6 = (0, _test.default)(component, 'h6-tag');
+    expect(H6.length).toBe(1);
+  });
+
+  it('Should render medium H6 component without error', () => {
+    const H6 = setupMount({ children: 'تست', level: 6, size: 'md' });
+    expect(H6).toHaveStyleRule('font-size', `${_theme.default.h6SizeMedium}px`);
+    expect(H6).toHaveStyleRule('line-height', `${_theme.default.h6SizeMedium * _theme.default.lineHeightRatio}px`);
+    expect(H6).toHaveStyleRule('color', _theme.default.defaultColor);
+    H6.unmount();
+  });
+
+
+  it('Should not render H1 when children prop is undefined', () => {
+    const component = setupShallow({ level: 1 });
+    const H1 = (0, _test.default)(component, 'h1-tag');
+    expect(H1.length).toBe(0);
+  });
+
+  it('Level prop should be between 1 and 5', () => {
+    const H1 = setupMount({ children: 'تست', level: 1 });
+    expect(H1.prop('level')).toBeGreaterThanOrEqual(1);
+    expect(H1.prop('level')).toBeLessThanOrEqual(5);
+    H1.unmount();
+  });
+
+  it('Should render H1 when level prop is undefined', () => {
+    const component = setupShallow({ children: 'تست' });
+    const H1 = (0, _test.default)(component, 'h1-tag');
+    expect(H1.length).toBe(1);
+  });
+});

package/dist/components/typography/index.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "Heading", { enumerable: true, get: function () {return _heading.default;} });Object.defineProperty(exports, "Link", { enumerable: true, get: function () {return _link.default;} });Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () {return _paragraph.default;} });Object.defineProperty(exports, "Text", { enumerable: true, get: function () {return _text.default;} });exports.default = void 0;var _heading = _interopRequireDefault(require("./heading"));
+var _text = _interopRequireDefault(require("./text"));
+var _paragraph = _interopRequireDefault(require("./paragraph"));
+var _link = _interopRequireDefault(require("./link"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+
+
+
+{
+  Heading: _heading.default,
+  Text: _text.default,
+  Paragraph: _paragraph.default,
+  Link: _link.default
+};

package/dist/components/typography/link/index.js

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _text = _interopRequireDefault(require("../text"));
+var _index = _interopRequireDefault(require("./index.styles"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const generateLink = (_ref) =>
+
+
+
+
+
+
+
+
+{let { href = '', target = '_self', size = 14, strong = false, emphasized = false, linkContent, children, ...rest } = _ref;
+  if (typeof href === 'function') {
+    return href(/*#__PURE__*/
+      _react.default.createElement(_text.default, _extends({
+        size: size,
+        strong: strong,
+        emphasized: emphasized,
+        color: "blue" },
+      rest),
+
+      linkContent
+      )
+    );
+  }
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.default, _extends({ href: href, target: target, "data-test": "external" }, rest), /*#__PURE__*/
+    _react.default.createElement(_text.default, {
+      size: size,
+      strong: strong,
+      emphasized: emphasized,
+      color: "blue" },
+
+    children
+    )
+    ));
+
+};
+
+generateLink.propTypes = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ),
+  href: _propTypes.default.oneOfType([
+  _propTypes.default.func,
+  _propTypes.default.string]
+  ),
+  linkContent: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ),
+  target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top']),
+  size: _propTypes.default.number,
+  strong: _propTypes.default.bool,
+  emphasized: _propTypes.default.bool
+};
+
+const Link = (props) => {
+  const { children, linkContent } = props;
+  if (children === undefined && linkContent === undefined) return null;
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null),
+    generateLink(props)
+    ));
+
+};
+
+Link.propTypes = generateLink.propTypes;
+
+Link.defaultProps = generateLink.defaultProps;var _default = exports.default =
+
+Link;

package/dist/components/typography/link/index.stories.js

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithRenderProps = exports.Small = exports.Simple = exports.Emphasized = exports.Bold = void 0;var _react = _interopRequireDefault(require("react"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Components/Typography/Link',
+  component: _index.default,
+  argTypes: {
+    href: {
+      control: 'text',
+      description: 'The URL or render function for the link'
+    },
+    size: {
+      control: 'number',
+      description: 'The font size of the link'
+    },
+    strong: {
+      control: 'boolean',
+      description: 'Whether the link text should be bold'
+    },
+    emphasized: {
+      control: 'boolean',
+      description: 'Whether the link text should be emphasized'
+    },
+    linkContent: {
+      control: 'text',
+      description: 'The content of the link when using renderProps'
+    },
+    children: {
+      control: 'text',
+      description: 'The content of the link'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Simple = exports.Simple = Template.bind({});
+Simple.args = {
+  href: 'http://www.google.com',
+  children: 'ورود به سایت گوگل'
+};
+
+const Small = exports.Small = Template.bind({});
+Small.args = {
+  href: 'http://www.google.com',
+  size: 12,
+  children: 'لینک با سایز کوچکتر'
+};
+
+const Bold = exports.Bold = Template.bind({});
+Bold.args = {
+  href: 'http://www.google.com',
+  size: 12,
+  strong: true,
+  children: 'لینک با متن بولد'
+};
+
+const Emphasized = exports.Emphasized = Template.bind({});
+Emphasized.args = {
+  href: 'http://www.google.com',
+  size: 12,
+  emphasized: true,
+  children: 'لینک با متن کچ'
+};
+
+const WithRenderProps = exports.WithRenderProps = Template.bind({});
+WithRenderProps.args = {
+  href: (el) => /*#__PURE__*/_react.default.createElement("a", { href: "http://yahoo.com" }, el),
+  linkContent: 'لینک با رندر پراپس'
+};

package/dist/components/typography/link/index.styles.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const ExternalLink = _styledComponents.default.a`
+  text-decoration: none;
+  color: ${(_ref) => {let { theme } = _ref;return theme.colors.blue600;}};
+`;var _default = exports.default =
+
+ExternalLink;

package/dist/components/typography/link/index.test.js

@@ -0,0 +1,60 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+require("jest-styled-components");
+
+var _index = _interopRequireDefault(require("./index"));
+var _test = _interopRequireDefault(require("../../utils/test"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const setupShallow = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.shallow)(/*#__PURE__*/
+      _react.default.createElement(_index.default, _extends({
+        external: props.external,
+        target: props.target,
+        size: props.size,
+        strong: props.strong,
+        emphasized: props.emphasized },
+      props),
+
+      props.children
+      )
+    ));};
+
+
+describe('Link component', () => {
+  it('Should not render any thing', () => {
+    const component = setupShallow({
+      children: 'لینک داخلی'
+    });
+    const Link = (0, _test.default)(component, 'internal-link');
+    expect(Link.length).toBe(0);
+  });
+
+  it('Should render an internal Link', () => {
+    const component = setupShallow({
+      children: 'لینک داخلی',
+      to: 'http://google.com'
+    });
+    const Link = (0, _test.default)(component, 'internal-link');
+    expect(Link.length).toBe(1);
+  });
+
+  it('Should render an internal Link when external prop false', () => {
+    const component = setupShallow({
+      children: 'لینک داخلی',
+      to: 'http://google.com',
+      external: false
+    });
+    const Link = (0, _test.default)(component, 'internal-link');
+    expect(Link.length).toBe(1);
+  });
+
+  it('Should render an internal Link when external prop is true', () => {
+    const component = setupShallow({
+      children: 'لینک خارجی',
+      to: 'http://google.com',
+      external: true
+    });
+    const Link = (0, _test.default)(component, 'external-link');
+    expect(Link.length).toBe(1);
+  });
+});

package/dist/components/typography/paragraph/index.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _index = _interopRequireDefault(require("./index.styles"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const Paragraph = (_ref) =>
+
+
+
+
+
+{let { size = _theme.default.defaultSize, color = 'riverBedDark', bold = false, children, ...rest } = _ref;
+  if (children === undefined) return null;
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_index.default, _extends({ size: size, color: color, bold: bold, "data-test": "paragraph" }, rest),
+    children
+    )
+    ));
+
+};
+
+Paragraph.propTypes = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ).isRequired,
+  size: _propTypes.default.number,
+  color: _propTypes.default.oneOf(['riverBedDark', 'riverBed']),
+  bold: _propTypes.default.bool
+};var _default = exports.default =
+
+Paragraph;

package/dist/components/typography/paragraph/index.stories.js

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Default = exports.CustomSize = exports.CustomColor = exports.Bold = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Paragraph',
+  component: _index.default,
+
+  argTypes: {
+    color: {
+      control: 'select',
+      options: ['riverBedDark', 'riverBed'],
+      defaultValue: 'riverBedDark'
+    },
+    bold: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    size: {
+      control: 'text',
+      defaultValue: '13'
+    },
+    children: {
+      control: 'text',
+      defaultValue: 'طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  color: 'riverBedDark',
+  bold: false,
+  size: '13',
+  children: 'طراح گرافیک از این متن به عنوان عنصری از ترکیب بندی برای پر کردن صفحه و ارایه اولیه شکل ظاهری و کلی طرح سفارش گرفته شده استفاده می نماید، تا از نظر گرافیکی نشانگر چگونگی نوع و اندازه فونت و ظاهر متن باشد. معمولا طراحان گرافیک برای صفحه‌آرایی'
+};
+
+const Bold = exports.Bold = Template.bind({});
+Bold.args = {
+  ...Default.args,
+  bold: true
+};
+
+const CustomSize = exports.CustomSize = Template.bind({});
+CustomSize.args = {
+  ...Default.args,
+  size: '16'
+};
+
+const CustomColor = exports.CustomColor = Template.bind({});
+CustomColor.args = {
+  ...Default.args,
+  color: 'riverBed'
+};

package/dist/components/typography/paragraph/index.styles.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Content = _styledComponents.default.p`
+  margin: 8px 0;
+  font-family: 'IranSharp';
+  font-size: ${(_ref) => {let { size } = _ref;return `${size}px`;}};
+  line-height: ${(_ref2) => {let { theme, size } = _ref2;return `${size * theme.lineHeightRatio}px`;}};
+  color: ${(_ref3) => {let { theme, color } = _ref3;return theme.colors[color];}};
+  font-weight: ${(_ref4) => {let { bold } = _ref4;return bold ? 'bold' : 'normal';}};
+`;var _default = exports.default =
+
+Content;

package/dist/components/typography/paragraph/index.test.js

@@ -0,0 +1,47 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+require("jest-styled-components");
+
+var _index = _interopRequireDefault(require("./index"));
+var _test = _interopRequireDefault(require("../../utils/test"));
+var _theme = _interopRequireDefault(require("../theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+const setupShallow = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ size: props.size }, props), props.children)));};
+
+
+const setupMount = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};return (
+    (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ size: props.size }, props), props.children)));};
+
+
+describe('Paragraph component', () => {
+  it('Should render Paragraph', () => {
+    const component = setupShallow({
+      children: 'این یک متن بلند برای پاراگراف است'
+    });
+    const Paragraph = (0, _test.default)(component, 'paragraph');
+    expect(Paragraph.length).toBe(1);
+  });
+
+  it('Should not render Paragraph', () => {
+    const component = setupShallow();
+    const Paragraph = (0, _test.default)(component, 'paragraph');
+    expect(Paragraph.length).toBe(0);
+  });
+
+  it('Should render Paragraph with font-size 14 and proper line-height', () => {
+    const Paragraph = setupMount({
+      children: 'این یک متن بلند برای پاراگراف است'
+    });
+    expect(Paragraph).toHaveStyleRule('font-size', `${_theme.default.defaultSize}px`);
+    expect(Paragraph).toHaveStyleRule('line-height', `${_theme.default.defaultSize * _theme.default.lineHeightRatio}px`);
+  });
+
+  it('Should render Paragraph with font-size 15', () => {
+    const Paragraph = setupMount({
+      children: 'این یک متن بلند برای پاراگراف است',
+      size: 15
+    });
+    expect(Paragraph).toHaveStyleRule('font-size', '15px');
+  });
+});

package/dist/components/typography/text/index.js

@@ -0,0 +1,156 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _index = require("./index.styles");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+
+
+const renderString = (_ref) =>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{let { size = _theme.default.defaultSize, color = 'default', underline = false, lineThrough = false, strong = false, bold = false, fontWight = 400, emphasized = false, subScript = false, supScript = false, marked = false, label = false, isDisplayBlock = false, isCutWithEllipsis = false, children, ...rest } = _ref;
+  if (children === undefined) return null;
+
+  let typeOfText;
+  if (strong) typeOfText = 'strong';else
+  if (emphasized) typeOfText = 'emphasized';else
+  if (subScript) typeOfText = 'subScript';else
+  if (supScript) typeOfText = 'supScript';else
+  typeOfText = 'span';
+
+  switch (typeOfText) {
+    case 'strong':
+      return (/*#__PURE__*/
+        _react.default.createElement(_index.Strong, _extends({
+          size: size,
+          color: color,
+          underline: underline && !lineThrough,
+          lineThrough: lineThrough && !underline,
+          emphasized: emphasized,
+          marked: marked && !label,
+          isLabel: label && !marked,
+          "data-test": "strong" },
+        rest),
+
+        children
+        ));
+
+    case 'emphasized':
+      return (/*#__PURE__*/
+        _react.default.createElement(_index.Emphasized, _extends({
+          size: size,
+          color: color,
+          underline: underline && !lineThrough,
+          lineThrough: lineThrough && !underline,
+          bold: bold,
+          marked: marked && !label,
+          isLabel: label && !marked,
+          "data-test": "emphasized" },
+        rest),
+
+        children
+        ));
+
+    case 'subScript':
+      return (/*#__PURE__*/
+        _react.default.createElement(_index.SubScript, _extends({ color: color, "data-test": "subScript" }, rest),
+        children
+        ));
+
+    case 'supScript':
+      return (/*#__PURE__*/
+        _react.default.createElement(_index.SupScript, _extends({ color: color, "data-test": "supScript" }, rest),
+        children
+        ));
+
+    case 'span':
+    default:
+      return (/*#__PURE__*/
+        _react.default.createElement(_index.String, _extends({
+          spanSize: size,
+          spanColor: color,
+          underline: underline && !lineThrough,
+          lineThrough: lineThrough && !underline,
+          marked: marked && !label,
+          isLabel: label && !marked,
+          bold: bold,
+          fontWight: fontWight,
+          "data-test": "span",
+          isDisplayBlock: isDisplayBlock,
+          isCutWithEllipsis: isCutWithEllipsis },
+        rest),
+
+        children
+        ));
+
+  }
+};
+
+renderString.propTypes = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ).isRequired,
+  size: _propTypes.default.number,
+  color: _propTypes.default.oneOf(['red', 'green', 'blue', 'yellow', 'white', 'darkBlue', 'black']),
+  underline: _propTypes.default.bool,
+  lineThrough: _propTypes.default.bool,
+  strong: _propTypes.default.bool,
+  bold: _propTypes.default.bool,
+  emphasized: _propTypes.default.bool,
+  subScript: _propTypes.default.bool,
+  supScript: _propTypes.default.bool,
+  marked: _propTypes.default.bool,
+  label: _propTypes.default.bool,
+  isDisplayBlock: _propTypes.default.bool,
+  isCutWithEllipsis: _propTypes.default.bool
+};
+
+const Text = (props) => /*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+_react.default.createElement(_globalStyle.default, null),
+renderString(props)
+);
+
+
+Text.prototype = {
+  children: _propTypes.default.oneOfType([
+  _propTypes.default.arrayOf(_propTypes.default.node),
+  _propTypes.default.node,
+  _propTypes.default.string]
+  ).isRequired,
+  size: _propTypes.default.number,
+  color: _propTypes.default.oneOf(['red', 'green', 'blue', 'yellow', 'white', 'darkBlue']),
+  underline: _propTypes.default.bool,
+  lineThrough: _propTypes.default.bool,
+  strong: _propTypes.default.bool,
+  bold: _propTypes.default.bool,
+  emphasized: _propTypes.default.bool,
+  subScript: _propTypes.default.bool,
+  supScript: _propTypes.default.bool,
+  marked: _propTypes.default.bool,
+  label: _propTypes.default.bool,
+  isDisplayBlock: _propTypes.default.bool,
+  isCutWithEllipsis: _propTypes.default.bool
+};
+
+Text.defaultProps = renderString.defaultProps;var _default = exports.default =
+
+Text;