react-jupiter 6.1.4 → 6.1.6

package/typography/heading/index.styles.js

@@ -1,69 +1,67 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils"),_theme=require("../../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
-
-
-
-H1=exports.H1=_styledComponents.default.h1`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,1)}}
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,1)}px;`}}
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,1)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`,
-
-H2=exports.H2=_styledComponents.default.h2`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,2)}};
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,2)}`}}px;
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,2)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`,
-
-H3=exports.H3=_styledComponents.default.h3`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,3)}}
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,3)}px;`}}
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,3)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`,
-
-H4=exports.H4=_styledComponents.default.h4`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,4)}}
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,4)}px;`}}
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,4)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`,
-
-H5=exports.H5=_styledComponents.default.h5`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,5)}}
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,5)}px;`}}
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,5)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`,
-
-H6=exports.H6=_styledComponents.default.h6`
-  font-family: 'IranSharp';
-  margin: ${(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,6)}}
-  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${(0,_utils.getSizeOfHeading)(b,c,6)}px;`}}
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`
-    ${(0,_utils.getSizeOfHeading)(b,c,6)*b.lineHeightRatio}px;
-  `}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: bold;
-`;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.H6=exports.H5=exports.H4=exports.H3=exports.H2=exports.H1=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_styledComponents=_interopRequireDefault(require("styled-components")),_utils=require("../utils"),_theme=require("../../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
+
+
+
+H1=exports.H1=_styledComponents.default.h1(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ","\n  font-size: ","\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,1)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,1),"px;")},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,1)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+
+H2=exports.H2=_styledComponents.default.h2(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ",";\n  font-size: ","px;\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,2)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,2))},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,2)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+
+H3=exports.H3=_styledComponents.default.h3(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ","\n  font-size: ","\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,3)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,3),"px;")},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,3)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+
+H4=exports.H4=_styledComponents.default.h4(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ","\n  font-size: ","\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,4)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,4),"px;")},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,4)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+
+H5=exports.H5=_styledComponents.default.h5(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ","\n  font-size: ","\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,5)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,5),"px;")},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,5)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+
+H6=exports.H6=_styledComponents.default.h6(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  margin: ","\n  font-size: ","\n  line-height: ","\n  color: ",";\n  font-weight: bold;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return(0,_utils.getMarginOfHeading)(b,c,6)},
+(a)=>{let{theme:b,size:c}=a;return"".concat((0,_utils.getSizeOfHeading)(b,c,6),"px;")},
+(a)=>{let{theme:b,size:c}=a;return"\n    ".concat(
+(0,_utils.getSizeOfHeading)(b,c,6)*b.lineHeightRatio,"px;\n  ")},
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)});

package/typography/heading/index.test.js

@@ -24,8 +24,8 @@ expect(b.length).toBe(1)
 
 it("Should render large H1 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:1});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h1SizeMedium}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h1SizeMedium*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h1SizeMedium,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h1SizeMedium*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),
@@ -38,8 +38,8 @@ expect(b.length).toBe(1)
 
 it("Should render small H2 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:2,size:"sm"});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h2SizeSmall}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h2SizeSmall*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h2SizeSmall,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h2SizeSmall*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),
@@ -52,8 +52,8 @@ expect(b.length).toBe(1)
 
 it("Should render large H3 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:3,size:"lg"});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h3SizeLarge}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h3SizeLarge*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h3SizeLarge,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h3SizeLarge*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),
@@ -66,8 +66,8 @@ expect(b.length).toBe(1)
 
 it("Should render small H4 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:4,size:"sm"});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h4SizeSmall}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h4SizeSmall*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h4SizeSmall,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h4SizeSmall*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),
@@ -80,8 +80,8 @@ expect(b.length).toBe(1)
 
 it("Should render small H5 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:5,size:"sm"});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h5SizeSmall}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h5SizeSmall*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h5SizeSmall,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h5SizeSmall*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),
@@ -94,8 +94,8 @@ expect(b.length).toBe(1)
 
 it("Should render medium H6 component without error",()=>{
 const a=setupMount({children:"\u062A\u0633\u062A",level:6,size:"md"});
-expect(a).toHaveStyleRule("font-size",`${_theme.default.h6SizeMedium}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.h6SizeMedium*_theme.default.lineHeightRatio}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.h6SizeMedium,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.h6SizeMedium*_theme.default.lineHeightRatio,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),

package/typography/link/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_text=_interopRequireDefault(require("../text")),_index=_interopRequireDefault(require("./index.styles"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+"use strict";const _excluded=["href","target","size","strong","emphasized","linkContent","children"];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_text=_interopRequireDefault(require("../text")),_index=_interopRequireDefault(require("./index.styles"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}
 
 
 
@@ -15,26 +15,26 @@ const generateLink=(a)=>
 
 
 
-{let{href:e="",target:f="_self",size:g=14,strong:h=!1,emphasized:i=!1,linkContent:b,children:c,...d}=a;return(
-"function"==typeof e)?
-e(/*#__PURE__*/
+{let{href:d="",target:e="_self",size:f=14,strong:g=!1,emphasized:h=!1,linkContent:b,children:c}=a,i=_objectWithoutProperties(a,_excluded);return(
+"function"==typeof d)?
+d(/*#__PURE__*/
 _react.default.createElement(_text.default,_extends({
-size:g,
-strong:h,
-emphasized:i,
+size:f,
+strong:g,
+emphasized:h,
 color:"blue"},
-d),
+i),
 
 b
 )
 ):/*#__PURE__*/
 
 
-_react.default.createElement(_index.default,_extends({href:e,target:f,"data-test":"external"},d),/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({href:d,target:e,"data-test":"external"},i),/*#__PURE__*/
 _react.default.createElement(_text.default,{
-size:g,
-strong:h,
-emphasized:i,
+size:f,
+strong:g,
+emphasized:h,
 color:"blue"},
 
 c

package/typography/link/index.styles.js

@@ -1,8 +1,8 @@
-"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+
+const ExternalLink=_styledComponents.default.a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  text-decoration: none;\n  color: ",";\n"])),
+
+(a)=>{let{theme:b}=a;return b.colors.blue600});var _default=exports.default=
 
-const ExternalLink=_styledComponents.default.a`
-  text-decoration: none;
-  color: ${(a)=>{let{theme:b}=a;return b.colors.blue600}};
-`;var _default=exports.default=
 
 ExternalLink;

package/typography/paragraph/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=_interopRequireDefault(require("./index.styles"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+"use strict";const _excluded=["size","color","bold","children"];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=_interopRequireDefault(require("./index.styles"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}
 
 
 
@@ -11,12 +11,12 @@ const Paragraph=(a)=>
 
 
 
-{let{size:d=_theme.default.defaultSize,color:e="riverBedDark",bold:f=!1,children:b,...c}=a;return(
+{let{size:c=_theme.default.defaultSize,color:d="riverBedDark",bold:e=!1,children:b}=a,f=_objectWithoutProperties(a,_excluded);return(
 void 0===b)?null:/*#__PURE__*/
 
 _react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_index.default,_extends({size:d,color:e,bold:f,"data-test":"paragraph"},c),
+_react.default.createElement(_index.default,_extends({size:c,color:d,bold:e,"data-test":"paragraph"},f),
 b
 )
 )

package/typography/paragraph/index.stories.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Default=exports.CustomSize=exports.CustomColor=exports.Bold=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Default=exports.CustomSize=exports.CustomColor=exports.Bold=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}function _defineProperty(a,b,c){return(b=_toPropertyKey(b))in a?Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0}):a[b]=c,a}function _toPropertyKey(a){var b=_toPrimitive(a,"string");return"symbol"==typeof b?b:b+""}function _toPrimitive(a,b){if("object"!=typeof a||!a)return a;var c=a[Symbol.toPrimitive];if(void 0!==c){var d=c.call(a,b||"default");if("object"!=typeof d)return d;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===b?String:Number)(a)}var _default=exports.default=
 
 
 
@@ -38,19 +38,18 @@ children:"\u0637\u0631\u0627\u062D \u06AF\u0631\u0627\u0641\u06CC\u06A9 \u0627\u
 };
 
 const Bold=exports.Bold=Template.bind({});
-Bold.args={
-...Default.args,
-bold:!0
-};
+Bold.args=_objectSpread(_objectSpread({},
+Default.args),{},{
+bold:!0});
+
 
 const CustomSize=exports.CustomSize=Template.bind({});
-CustomSize.args={
-...Default.args,
-size:"16"
-};
+CustomSize.args=_objectSpread(_objectSpread({},
+Default.args),{},{
+size:"16"});
+
 
 const CustomColor=exports.CustomColor=Template.bind({});
-CustomColor.args={
-...Default.args,
-color:"riverBed"
-};
+CustomColor.args=_objectSpread(_objectSpread({},
+Default.args),{},{
+color:"riverBed"});

package/typography/paragraph/index.styles.js

@@ -1,12 +1,12 @@
-"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
-
-const Content=_styledComponents.default.p`
-  margin: 8px 0;
-  font-family: 'IranSharp';
-  font-size: ${(a)=>{let{size:b}=a;return`${b}px`}};
-  line-height: ${(a)=>{let{theme:b,size:c}=a;return`${c*b.lineHeightRatio}px`}};
-  color: ${(a)=>{let{theme:b,color:c}=a;return b.colors[c]}};
-  font-weight: ${(a)=>{let{bold:b}=a;return b?"bold":"normal"}};
-`;var _default=exports.default=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+
+const Content=_styledComponents.default.p(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  margin: 8px 0;\n  font-family: 'IranSharp';\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  font-weight: ",";\n"])),
+
+
+(a)=>{let{size:b}=a;return"".concat(b,"px")},
+(a)=>{let{theme:b,size:c}=a;return"".concat(c*b.lineHeightRatio,"px")},
+(a)=>{let{theme:b,color:c}=a;return b.colors[c]},
+(a)=>{let{bold:b}=a;return b?"bold":"normal"});var _default=exports.default=
+
 
 Content;

package/typography/paragraph/index.test.js

@@ -33,8 +33,8 @@ it("Should render Paragraph with font-size 14 and proper line-height",()=>{
 const a=setupMount({
 children:"\u0627\u06CC\u0646 \u06CC\u06A9 \u0645\u062A\u0646 \u0628\u0644\u0646\u062F \u0628\u0631\u0627\u06CC \u067E\u0627\u0631\u0627\u06AF\u0631\u0627\u0641 \u0627\u0633\u062A"
 });
-expect(a).toHaveStyleRule("font-size",`${_theme.default.defaultSize}px`),
-expect(a).toHaveStyleRule("line-height",`${_theme.default.defaultSize*_theme.default.lineHeightRatio}px`)
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.defaultSize,"px")),
+expect(a).toHaveStyleRule("line-height","".concat(_theme.default.defaultSize*_theme.default.lineHeightRatio,"px"))
 }),
 
 it("Should render Paragraph with font-size 15",()=>{

package/typography/text/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}
+"use strict";const _excluded=["size","color","underline","lineThrough","strong","bold","fontWight","emphasized","subScript","supScript","marked","label","isDisplayBlock","isCutWithEllipsis","children"];Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../../globalStyle")),_theme=_interopRequireDefault(require("../theme")),_index=require("./index.styles");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],-1===b.indexOf(c)&&{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(-1!==b.indexOf(d))continue;c[d]=a[d]}return c}
 
 
 
@@ -24,7 +24,7 @@ const renderString=(a)=>
 
 
 
-{let{size:d=_theme.default.defaultSize,color:e="default",underline:f=!1,lineThrough:g=!1,strong:h=!1,bold:i=!1,fontWight:j=400,emphasized:k=!1,subScript:l=!1,supScript:m=!1,marked:n=!1,label:o=!1,isDisplayBlock:p=!1,isCutWithEllipsis:q=!1,children:b,...c}=a;
+{let{size:c=_theme.default.defaultSize,color:d="default",underline:e=!1,lineThrough:f=!1,strong:g=!1,bold:h=!1,fontWight:i=400,emphasized:j=!1,subScript:k=!1,supScript:l=!1,marked:m=!1,label:n=!1,isDisplayBlock:o=!1,isCutWithEllipsis:p=!1,children:b}=a,q=_objectWithoutProperties(a,_excluded);
 if(void 0===b)return null;
 
 let r;
@@ -34,19 +34,19 @@ let r;
 
 
 
-switch(r=h?"strong":k?"emphasized":l?"subScript":m?"supScript":"span",r){
+switch(r=g?"strong":j?"emphasized":k?"subScript":l?"supScript":"span",r){
 case"strong":
 return(/*#__PURE__*/
 _react.default.createElement(_index.Strong,_extends({
-size:d,
-color:e,
-underline:f&&!g,
-lineThrough:g&&!f,
-emphasized:k,
-marked:n&&!o,
-isLabel:o&&!n,
+size:c,
+color:d,
+underline:e&&!f,
+lineThrough:f&&!e,
+emphasized:j,
+marked:m&&!n,
+isLabel:n&&!m,
 "data-test":"strong"},
-c),
+q),
 
 b
 ));
@@ -54,28 +54,28 @@ b
 case"emphasized":
 return(/*#__PURE__*/
 _react.default.createElement(_index.Emphasized,_extends({
-size:d,
-color:e,
-underline:f&&!g,
-lineThrough:g&&!f,
-bold:i,
-marked:n&&!o,
-isLabel:o&&!n,
+size:c,
+color:d,
+underline:e&&!f,
+lineThrough:f&&!e,
+bold:h,
+marked:m&&!n,
+isLabel:n&&!m,
 "data-test":"emphasized"},
-c),
+q),
 
 b
 ));
 
 case"subScript":
 return(/*#__PURE__*/
-_react.default.createElement(_index.SubScript,_extends({color:e,"data-test":"subScript"},c),
+_react.default.createElement(_index.SubScript,_extends({color:d,"data-test":"subScript"},q),
 b
 ));
 
 case"supScript":
 return(/*#__PURE__*/
-_react.default.createElement(_index.SupScript,_extends({color:e,"data-test":"supScript"},c),
+_react.default.createElement(_index.SupScript,_extends({color:d,"data-test":"supScript"},q),
 b
 ));
 
@@ -83,18 +83,18 @@ case"span":
 default:
 return(/*#__PURE__*/
 _react.default.createElement(_index.String,_extends({
-spanSize:d,
-spanColor:e,
-underline:f&&!g,
-lineThrough:g&&!f,
-marked:n&&!o,
-isLabel:o&&!n,
-bold:i,
-fontWight:j,
+spanSize:c,
+spanColor:d,
+underline:e&&!f,
+lineThrough:f&&!e,
+marked:m&&!n,
+isLabel:n&&!m,
+bold:h,
+fontWight:i,
 "data-test":"span",
-isDisplayBlock:p,
-isCutWithEllipsis:q},
-c),
+isDisplayBlock:o,
+isCutWithEllipsis:p},
+q),
 
 b
 ))