react-jupiter 6.1.4 → 6.1.6

package/typography/text/index.styles.js

@@ -1,73 +1,72 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupScript=exports.SubScript=exports.Strong=exports.String=exports.Emphasized=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=require("../../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
-
-
-Emphasized=exports.Emphasized=_styledComponents.default.em`
-  font-family: 'IranSharp';
-  font-size: ${(a)=>{let{size:b}=a;return`${b}px`}};
-  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
-  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  ${(a)=>{let{bold:b}=a;return b?"font-weight: bold;":""}}
-  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
-  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
-`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
-""}}
-`,
-
-
-Strong=exports.Strong=_styledComponents.default.strong`
-  font-family: 'IranSharp';
-  font-size: ${(a)=>{let{size:b}=a;return`${b}px`}};
-  font-weight: bold;
-  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
-  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
-  ${(a)=>{let{emphasized:b}=a;return b?"font-style: italic;":""}}
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
-  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
-`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
-""}}
-`,
-
-
-String=exports.String=_styledComponents.default.span`
-  font-family: 'IranSharp';
-  font-size: ${(a)=>{let{spanSize:b}=a;return`${b}px`}};
-  ${(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""}}
-  ${(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""}}
-  color: ${(a)=>{let{theme:b,spanColor:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-  font-weight: ${(a)=>{let{bold:b,fontWeight:c}=a;return b?"bold":c}};
-  ${(a)=>{let{theme:b,marked:c}=a;return c?`background-color: ${b.colors.blue200};`:""}}
-  ${(a)=>{let{theme:b,isLabel:c}=a;return c?
-`background-color: ${b.colors.gray400}; padding: 2px 8px; border-radius: 2px;`:
-""}}
-  ${
-(a)=>{let{isDisplayBlock:b}=a;return b?"display: block;":""}}
-  ${(a)=>{let{isCutWithEllipsis:b}=a;return(
-b)?
-`
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: block;
-        `:
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SupScript=exports.SubScript=exports.Strong=exports.String=exports.Emphasized=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_styledComponents=_interopRequireDefault(require("styled-components")),_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
+
+
+Emphasized=exports.Emphasized=_styledComponents.default.em(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  ","\n  ","\n  color: ",";\n  ","\n  ","\n  ","\n"])),
+
+(a)=>{let{size:b}=a;return"".concat(b,"px")},
+(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
+(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
+(a)=>{let{bold:b}=a;return b?"font-weight: bold;":""},
+(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
+(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
+b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
+""}),
+
+
+
+Strong=exports.Strong=_styledComponents.default.strong(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  font-weight: bold;\n  ","\n  ","\n  ","\n  color: ",";\n  ","\n  ","\n"])),
+
+(a)=>{let{size:b}=a;return"".concat(b,"px")},
+
+(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
+(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
+(a)=>{let{emphasized:b}=a;return b?"font-style: italic;":""},
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)},
+(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
+(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
+b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
+""}),
+
+
+
+String=exports.String=_styledComponents.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: ",";\n  ","\n  ","\n  color: ",";\n  font-weight: ",";\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),
+
+(a)=>{let{spanSize:b}=a;return"".concat(b,"px")},
+(a)=>{let{underline:b}=a;return b?"text-decoration: underline;":""},
+(a)=>{let{lineThrough:b}=a;return b?"text-decoration: line-through;":""},
+(a)=>{let{theme:b,spanColor:c}=a;return(0,_theme.getColorFromName)(b,c)},
+(a)=>{let{bold:b,fontWeight:c}=a;return b?"bold":c},
+(a)=>{let{theme:b,marked:c}=a;return c?"background-color: ".concat(b.colors.blue200,";"):""},
+(a)=>{let{theme:b,isLabel:c}=a;return c?"background-color: ".concat(
+b.colors.gray400,"; padding: 2px 8px; border-radius: 2px;"):
+""},
+
+(a)=>{let{isDisplayBlock:b}=a;return b?"display: block;":""},
+(a)=>{let{isCutWithEllipsis:b}=a;return(
+b)?"\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: block;\n        ":
+
+
+
+
+
+
 
 ""
-}}
-  ${(a)=>{let{textAlign:b}=a;return b?
-`text-align: ${b}`:
-""}}
-`,
-
-
-SubScript=exports.SubScript=_styledComponents.default.sub`
-  font-family: 'IranSharp';
-  font-size: 8px;
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-`,
-
-SupScript=exports.SupScript=_styledComponents.default.sup`
-  font-family: 'IranSharp';
-  font-size: 8px;
-  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
-`;
+},
+(a)=>{let{textAlign:b}=a;return b?"text-align: ".concat(
+b):
+""}),
+
+
+
+SubScript=exports.SubScript=_styledComponents.default.sub(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 8px;\n  color: ",";\n"])),
+
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}),
+
+
+SupScript=exports.SupScript=_styledComponents.default.sup(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  font-size: 8px;\n  color: ",";\n"])),
+
+
+(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)});

package/typography/text/index.test.js

@@ -213,7 +213,7 @@ it("Should render text with default size and color",()=>{
 const a=setupMount({
 children:"\u062A\u06A9\u0633\u062A \u0633\u0627\u062F\u0647"
 });
-expect(a).toHaveStyleRule("font-size",`${_theme.default.defaultSize}px`),
+expect(a).toHaveStyleRule("font-size","".concat(_theme.default.defaultSize,"px")),
 expect(a).toHaveStyleRule("color",_theme.default.defaultColor),
 a.unmount()
 }),

package/typography/utils.js

@@ -28,26 +28,26 @@ a.h6SizeLarge
 const getMarginOfHeading=(a,b,c)=>{
 switch(b){
 case a.sizes.small:return(
-1===c)?`${a.h1SizeSmallMarginTop}px 0 ${a.h1SizeSmallMarginBottom}px`:
-2===c?`${a.h2SizeSmallMarginTop}px 0 ${a.h2SizeSmallMarginBottom}px`:
-3===c?`${a.h3SizeSmallMarginTop}px 0 ${a.h3SizeSmallMarginBottom}px`:
-4===c?`${a.h4SizeSmallMarginTop}px 0 ${a.h4SizeSmallMarginBottom}px`:
-5===c?`${a.h5SizeSmallMarginTop}px 0 ${a.h5SizeSmallMarginBottom}px`:
-`${a.h6SizeSmallMarginTop}px 0 ${a.h6SizeSmallMarginBottom}px`;
+1===c)?"".concat(a.h1SizeSmallMarginTop,"px 0 ").concat(a.h1SizeSmallMarginBottom,"px"):
+2===c?"".concat(a.h2SizeSmallMarginTop,"px 0 ").concat(a.h2SizeSmallMarginBottom,"px"):
+3===c?"".concat(a.h3SizeSmallMarginTop,"px 0 ").concat(a.h3SizeSmallMarginBottom,"px"):
+4===c?"".concat(a.h4SizeSmallMarginTop,"px 0 ").concat(a.h4SizeSmallMarginBottom,"px"):
+5===c?"".concat(a.h5SizeSmallMarginTop,"px 0 ").concat(a.h5SizeSmallMarginBottom,"px"):"".concat(
+a.h6SizeSmallMarginTop,"px 0 ").concat(a.h6SizeSmallMarginBottom,"px");
 case a.sizes.medium:return(
-1===c)?`${a.h1SizeMediumMarginTop}px 0 ${a.h1SizeMediumMarginBottom}px`:
-2===c?`${a.h2SizeMediumMarginTop}px 0 ${a.h2SizeMediumMarginBottom}px`:
-3===c?`${a.h3SizeMediumMarginTop}px 0 ${a.h3SizeMediumMarginBottom}px`:
-4===c?`${a.h4SizeMediumMarginTop}px 0 ${a.h4SizeMediumMarginBottom}px`:
-5===c?`${a.h5SizeMediumMarginTop}px 0 ${a.h5SizeMediumMarginBottom}px`:
-`${a.h6SizeMediumMarginTop}px 0 ${a.h6SizeMediumMarginBottom}px`;
+1===c)?"".concat(a.h1SizeMediumMarginTop,"px 0 ").concat(a.h1SizeMediumMarginBottom,"px"):
+2===c?"".concat(a.h2SizeMediumMarginTop,"px 0 ").concat(a.h2SizeMediumMarginBottom,"px"):
+3===c?"".concat(a.h3SizeMediumMarginTop,"px 0 ").concat(a.h3SizeMediumMarginBottom,"px"):
+4===c?"".concat(a.h4SizeMediumMarginTop,"px 0 ").concat(a.h4SizeMediumMarginBottom,"px"):
+5===c?"".concat(a.h5SizeMediumMarginTop,"px 0 ").concat(a.h5SizeMediumMarginBottom,"px"):"".concat(
+a.h6SizeMediumMarginTop,"px 0 ").concat(a.h6SizeMediumMarginBottom,"px");
 case a.sizes.large:
 default:return(
-1===c)?`${a.h1SizeLargeMarginTop}px 0 ${a.h1SizeLargeMarginBottom}px`:
-2===c?`${a.h2SizeLargeMarginTop}px 0 ${a.h2SizeLargeMarginBottom}px`:
-3===c?`${a.h3SizeLargeMarginTop}px 0 ${a.h3SizeLargeMarginBottom}px`:
-4===c?`${a.h4SizeLargeMarginTop}px 0 ${a.h4SizeLargeMarginBottom}px`:
-5===c?`${a.h5SizeLargeMarginTop}px 0 ${a.h5SizeLargeMarginBottom}px`:
-`${a.h6SizeLargeMarginTop}px 0 ${a.h6SizeLargeMarginBottom}px`
+1===c)?"".concat(a.h1SizeLargeMarginTop,"px 0 ").concat(a.h1SizeLargeMarginBottom,"px"):
+2===c?"".concat(a.h2SizeLargeMarginTop,"px 0 ").concat(a.h2SizeLargeMarginBottom,"px"):
+3===c?"".concat(a.h3SizeLargeMarginTop,"px 0 ").concat(a.h3SizeLargeMarginBottom,"px"):
+4===c?"".concat(a.h4SizeLargeMarginTop,"px 0 ").concat(a.h4SizeLargeMarginBottom,"px"):
+5===c?"".concat(a.h5SizeLargeMarginTop,"px 0 ").concat(a.h5SizeLargeMarginBottom,"px"):"".concat(
+a.h6SizeLargeMarginTop,"px 0 ").concat(a.h6SizeLargeMarginBottom,"px")
 }
 };exports.getMarginOfHeading=getMarginOfHeading;

package/utils/media-query.js

@@ -2,11 +2,11 @@
 
 
 const mediaQuery=(0,_styledMediaQuery.generateMedia)({
-xl:`${_themes.default.breakpoints.xl}px`,
-lg:`${_themes.default.breakpoints.lg}px`,
-md:`${_themes.default.breakpoints.md}px`,
-sm:`${_themes.default.breakpoints.sm}px`,
-xs:`${_themes.default.breakpoints.xs}px`
+xl:"".concat(_themes.default.breakpoints.xl,"px"),
+lg:"".concat(_themes.default.breakpoints.lg,"px"),
+md:"".concat(_themes.default.breakpoints.md,"px"),
+sm:"".concat(_themes.default.breakpoints.sm,"px"),
+xs:"".concat(_themes.default.breakpoints.xs,"px")
 });var _default=exports.default=
 
 mediaQuery;

package/utils/test.js

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const findByTestAtrr=(a,b)=>{
-const c=a.find(`[data-test='${b}']`);
+const c=a.find("[data-test='".concat(b,"']"));
 return c
 };var _default=exports.default=