react-jupiter 6.0.0-beta.1 → 6.0.0-beta.10

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

@@ -1,122 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-"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

@@ -1,82 +0,0 @@
-"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

@@ -1,70 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-"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

@@ -1,60 +0,0 @@
-"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

@@ -1,37 +0,0 @@
-"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

@@ -1,56 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,47 +0,0 @@
-"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

@@ -1,156 +0,0 @@
-"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;