react-jupiter 5.12.0 → 6.0.0-beta.10

package/card/orgnizer-card/buttons.js

@@ -17,7 +17,7 @@ onClickConnectUs:c,
 isFollowed:d
 }=a;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_index.LTRContainer,null,/*#__PURE__*/
 _react.default.createElement(_button.default,{
 className:"follow-button",

package/card/orgnizer-card/index.js

@@ -41,7 +41,7 @@ description:l=null,
 followersCount:m=""
 }=a;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_index.Container,{className:"organizer-card"},/*#__PURE__*/
 _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",alignItems:"start",justifyContent:"space-between"},/*#__PURE__*/
 _react.default.createElement(_display.default,{display:"flex",flexDirection:"row",flexDirectionMobile:"column",justifyContent:"start",width:"100%",flex:"4 1"},/*#__PURE__*/
@@ -89,8 +89,8 @@ l.slice(0,350).concat("...")
 ),
 
 !!k&&/*#__PURE__*/
-_react.default.createElement(_typography.Text,{size:"14",bold:!0,color:"riverBed",className:"recommend"}," ".concat(
-k," "),"\u0627\u06CC\u0646 \u0628\u0631\u06AF\u0632\u0627\u0631\u06A9\u0646\u0646\u062F\u0647 \u0631\u0627 \u062A\u0648\u0635\u06CC\u0647 \u06A9\u0631\u062F\u0647\u200C\u0627\u0646\u062F."
+_react.default.createElement(_typography.Text,{size:"14",bold:!0,color:"riverBed",className:"recommend"},
+` ${k} `,"\u0627\u06CC\u0646 \u0628\u0631\u06AF\u0632\u0627\u0631\u06A9\u0646\u0646\u062F\u0647 \u0631\u0627 \u062A\u0648\u0635\u06CC\u0647 \u06A9\u0631\u062F\u0647\u200C\u0627\u0646\u062F."
 
 )
 
@@ -147,30 +147,30 @@ isFollowed:f}
 )
 )
 ),/*#__PURE__*/
-_react.default.createElement("style",null,"\n          .recommend {\n            display: block;\n            margin: 10px 0;\n          }\n          @media (max-width: 768px) {\n            .avatar {\n              margin: 5px auto 10px;\n            }\n            .statistics {\n              margin: 25px auto;\n            }\n          }\n          @media (min-width: 768px) {\n            .mr {\n              display: flex;\n              flex-direction: column;\n              flex: 5 1;\n              min-height: 123px;\n              justify-content: space-between;\n            }\n          }\n        "
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+_react.default.createElement("style",null,
+`
+          .recommend {
+            display: block;
+            margin: 10px 0;
+          }
+          @media (max-width: 768px) {
+            .avatar {
+              margin: 5px auto 10px;
+            }
+            .statistics {
+              margin: 25px auto;
+            }
+          }
+          @media (min-width: 768px) {
+            .mr {
+              display: flex;
+              flex-direction: column;
+              flex: 5 1;
+              min-height: 123px;
+              justify-content: space-between;
+            }
+          }
+        `
 )
 ))
 

package/card/orgnizer-card/index.stories.js

@@ -1,25 +1,81 @@
-"use strict";var _react=_interopRequireDefault(require("react")),_react2=require("@storybook/react"),_addonInfo=require("@storybook/addon-info"),_addonKnobs=require("@storybook/addon-knobs"),_index=_interopRequireDefault(require("./index"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Sponsor=exports.Partner=exports.Followed=exports.Default=void 0;var _react=_interopRequireDefault(require("react")),_index=_interopRequireDefault(require("./index"));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)}var _default=exports.default=
 
 
 
+{
+title:"OrganizerCard",
+component:_index.default,
 
+argTypes:{
+name:{
+control:"text",
+defaultValue:"\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634"
+},
+followersCount:{
+control:"text",
+defaultValue:"\u06F1\u06F3\u06F2\u06F4\u06F7"
+},
+logo:{
+control:"text",
+defaultValue:"https://i.pravatar.cc/300?img=13"
+},
+activeEventsCount:{
+control:"text",
+defaultValue:"\u06F1\u06F2\u06F3"
+},
+allEventsCount:{
+control:"text",
+defaultValue:"\u06F2\u06F4\u06F5\u06F6\u06F7"
+},
+recommendedCount:{
+control:"text",
+defaultValue:"\u06F3\u06F3 \u0646\u0641\u0631"
+},
+isFollowed:{
+control:"boolean",
+defaultValue:!1
+},
+partnership:{
+control:"select",
+options:["colleague","partner","sponsor"],
+defaultValue:"colleague"
+}
+}
+};const
 
+Template=(a)=>/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({},
+a,{
+renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/300?img=1"},a)})
+),
 
 
-
-(0,_react2.storiesOf)("OrganizerCard",module).
-add("sample",()=>/*#__PURE__*/
-_react.default.createElement(_index.default,{
-name:(0,_addonKnobs.text)("name","\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634"),
-followersCount:(0,_addonKnobs.text)("followersCount (string-optional)","\u06F1\u06F3\u06F2\u06F4\u06F7"),
-logo:(0,_addonKnobs.text)("logo(optional)","https://i.pravatar.cc/300?img=13"),
-renderOrganizerLink:(a)=>/*#__PURE__*/_react.default.createElement("a",{href:"https://i.pravatar.cc/300?img=1"},a),
-activeEventsCount:(0,_addonKnobs.text)("activeEventsCount(optional)","\u06F1\u06F2\u06F3"),
-allEventsCount:(0,_addonKnobs.text)("allEventsCount(optional)","\u06F2\u06F4\u06F5\u06F6\u06F7"),
-recommendedCount:(0,_addonKnobs.text)("recommendedCount(optional)","\u06F3\u06F3 \u0646\u0641\u0631"),
+Default=exports.Default=Template.bind({});
+Default.args={
+name:"\u0648\u0632\u0627\u0631\u062A \u0622\u0645\u0648\u0632\u0634 \u0648 \u067E\u0631\u0648\u0631\u0634",
+followersCount:"\u06F1\u06F3\u06F2\u06F4\u06F7",
+logo:"https://i.pravatar.cc/300?img=13",
+activeEventsCount:"\u06F1\u06F2\u06F3",
+allEventsCount:"\u06F2\u06F4\u06F5\u06F6\u06F7",
+recommendedCount:"\u06F3\u06F3 \u0646\u0641\u0631",
 isFollowed:!1,
-partnership:"colleague"}
-)
-).
-addDecorator(_addonKnobs.withKnobs).
-addDecorator(_addonInfo.withInfo);
+partnership:"colleague"
+};
+
+const Partner=exports.Partner=Template.bind({});
+Partner.args={
+...Default.args,
+partnership:"partner"
+};
+
+const Sponsor=exports.Sponsor=Template.bind({});
+Sponsor.args={
+...Default.args,
+partnership:"sponsor"
+};
+
+const Followed=exports.Followed=Template.bind({});
+Followed.args={
+...Default.args,
+isFollowed:!0
+};

package/card/orgnizer-card/index.style.js

@@ -1,47 +1,58 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextCenter=exports.StyledButton=exports.ResponsiveFlex=exports.PartnershipBox=exports.LTRContainer=exports.Container=exports.BorderedBox=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_button=_interopRequireDefault(require("../../button")),_themes=_interopRequireDefault(require("../../themes"));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
-
-
-
-
-Container=exports.Container=(0,_styledComponents.default)(_cardTemplate.default)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  padding: 16px;\n"]))),
-
-
-
-LTRContainer=exports.LTRContainer=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n"]))),
-
-
-
-StyledButton=exports.StyledButton=(0,_styledComponents.default)(_button.default)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  margin: 4px 8px;\n  direction: rtl;\n  min-width: 120px;\n\n  &.follow-button {\n  }\n"]))),
-
-
-
-
-
-
-
-
-BorderedBox=exports.BorderedBox=_styledComponents.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  border: ",";\n  padding: 8px 16px;\n  margin: 8px 8px 0 8px;\n  display: flex;\n  justify-content: space-between;\n"])),
-(a)=>{let{theme:b}=a;return b.border.lightBlue}),
-
-
-
-
-
-
-TextCenter=exports.TextCenter=_styledComponents.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  text-align: center;\n"]))),
-
-
-
-ResponsiveFlex=exports.ResponsiveFlex=_styledComponents.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  display: flex;\n  @media only screen and (max-width: ","px) {\n    flex-flow: column nowrap;\n  }\n  @media only screen and (min-width: ","px) {\n    flex-flow: row nowrap;\n  }\n  align-items: center;\n  justify-content: space-between;\n"])),
-
-_themes.default.breakpoints.sm,
-
-
-_themes.default.breakpoints.sm),
-
-
-
-
-
-
-PartnershipBox=exports.PartnershipBox=_styledComponents.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: rgba(255, 199, 39, 0.1);\n  border-radius: 5px;\n  color: #FFD324;\n  margin-top: 10px;\n  align-items: center;\n  width: 110px;\n  height: 25px;\n"])));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TextCenter=exports.StyledButton=exports.ResponsiveFlex=exports.PartnershipBox=exports.LTRContainer=exports.Container=exports.BorderedBox=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_cardTemplate=_interopRequireDefault(require("../card-template")),_button=_interopRequireDefault(require("../../button")),_themes=_interopRequireDefault(require("../../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+
+Container=exports.Container=(0,_styledComponents.default)(_cardTemplate.default)`
+  padding: 16px;
+`,
+
+LTRContainer=exports.LTRContainer=_styledComponents.default.div`
+  display: flex;
+`,
+
+StyledButton=exports.StyledButton=(0,_styledComponents.default)(_button.default)`
+  margin: 4px 8px;
+  direction: rtl;
+  min-width: 120px;
+
+  &.follow-button {
+  }
+`,
+
+BorderedBox=exports.BorderedBox=_styledComponents.default.div`
+  border: ${(a)=>{let{theme:b}=a;return b.border.lightBlue}};
+  padding: 8px 16px;
+  margin: 8px 8px 0 8px;
+  display: flex;
+  justify-content: space-between;
+`,
+
+TextCenter=exports.TextCenter=_styledComponents.default.div`
+  text-align: center;
+`,
+
+ResponsiveFlex=exports.ResponsiveFlex=_styledComponents.default.div`
+  display: flex;
+  @media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+    flex-flow: column nowrap;
+  }
+  @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
+    flex-flow: row nowrap;
+  }
+  align-items: center;
+  justify-content: space-between;
+`,
+
+PartnershipBox=exports.PartnershipBox=_styledComponents.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: rgba(255, 199, 39, 0.1);
+  border-radius: 5px;
+  color: #FFD324;
+  margin-top: 10px;
+  align-items: center;
+  width: 110px;
+  height: 25px;
+`;

package/cover/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.style");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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}const
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_index=require("./index.style");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)}const
 
 
 
@@ -32,7 +32,7 @@ i?/*#__PURE__*/
 
 _react.default.createElement(_index.StyledLazyImage,_extends({
 effect:"blur",
-srcSet:"".concat(d),
+srcSet:`${d}`,
 src:d,
 alt:c,
 "data-test":"cover"},
@@ -41,7 +41,7 @@ b)
 
 
 _react.default.createElement(_index.StyledImage,_extends({
-srcSet:"".concat(d),
+srcSet:`${d}`,
 src:d,
 alt:c,
 "data-test":"cover"},
@@ -50,7 +50,7 @@ b)
 
 
 
-f?
+f)?
 
 // <Container minHeight={minHeight}>
 f(j())
@@ -67,7 +67,7 @@ j()
 
 _react.default.createElement(_index.Container,{minHeight:e},
 j()
-))
+)
 
 };var _default=exports.default=
 

package/cover/index.style.js

@@ -1,41 +1,48 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledLazyImage=exports.StyledImage=exports.Container=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styledComponents=_interopRequireWildcard(require("styled-components")),_reactLazyLoadImageComponent=require("react-lazy-load-image-component");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&Object.prototype.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}const
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledLazyImage=exports.StyledImage=exports.Container=void 0;var _styledComponents=_interopRequireWildcard(require("styled-components")),_reactLazyLoadImageComponent=require("react-lazy-load-image-component");function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(b,c){if(!c&&b&&b.__esModule)return b;if(null===b||"object"!=typeof b&&"function"!=typeof b)return{default:b};var d=_getRequireWildcardCache(c);if(d&&d.has(b))return d.get(b);var e={__proto__:null},f=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in b)if("default"!=a&&{}.hasOwnProperty.call(b,a)){var g=f?Object.getOwnPropertyDescriptor(b,a):null;g&&(g.get||g.set)?Object.defineProperty(e,a,g):e[a]=b[a]}return e.default=b,d&&d.set(b,e),e}const
 
 
 defaultImageUrl="https://static.evand.net/assets/images/defaults/event-cover.jpg",
 
-Container=exports.Container=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  min-height: ","px;\n  & > a {\n    display: block;\n  }\n  \n  & > span {\n    display: block;\n    width: 100%;\n    min-height: inherit;\n  }\n"])),
-(a)=>a.minHeight),
-
-
-
-
-
-
-
-
-
-
-
-lazyLoadingAnimation=(0,_styledComponents.keyframes)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  100% {\n    opacity: 1;\n    filter: none;\n  }\n  0% {\n    opacity: 0;\n    filter: blur(20px);\n  }\n"]))),
-
-
-
-
-
-
-
-
-
-
-StyledLazyImage=exports.StyledLazyImage=(0,_styledComponents.default)(_reactLazyLoadImageComponent.LazyLoadImage)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  margin-bottom: -5px;\n  min-height: inherit;\n  width: 100%;\n  font-family: 'IranSharp';\n  display: block;\n  background-image: url(",");\n  background-size: cover;\n  animation: "," 2s 1;\n"])),"https://static.evand.net/assets/images/defaults/event-cover.jpg",
-
-
-
-
-
-
-
-lazyLoadingAnimation),
-
-
-StyledImage=exports.StyledImage=_styledComponents.default.img(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  min-height: inherit;\n  width: 100%;\n  font-family: 'IranSharp';\n  display: block;\n  background-image: url(",");\n  background-size: cover;\n"])),"https://static.evand.net/assets/images/defaults/event-cover.jpg");
+Container=exports.Container=_styledComponents.default.div`
+  min-height: ${(a)=>a.minHeight}px;
+  & > a {
+    display: block;
+  }
+  
+  & > span {
+    display: block;
+    width: 100%;
+    min-height: inherit;
+  }
+`,
+
+lazyLoadingAnimation=(0,_styledComponents.keyframes)`
+  100% {
+    opacity: 1;
+    filter: none;
+  }
+  0% {
+    opacity: 0;
+    filter: blur(20px);
+  }
+`,
+
+StyledLazyImage=exports.StyledLazyImage=(0,_styledComponents.default)(_reactLazyLoadImageComponent.LazyLoadImage)`
+  margin-bottom: -5px;
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${"https://static.evand.net/assets/images/defaults/event-cover.jpg"});
+  background-size: cover;
+  animation: ${lazyLoadingAnimation} 2s 1;
+`,
+
+StyledImage=exports.StyledImage=_styledComponents.default.img`
+  min-height: inherit;
+  width: 100%;
+  font-family: 'IranSharp';
+  display: block;
+  background-image: url(${"https://static.evand.net/assets/images/defaults/event-cover.jpg"});
+  background-size: cover;
+`;

package/display/index.js

@@ -12,7 +12,7 @@ const Display=(a)=>{
 
 
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,
 (()=>{const{children:b}=a;return void 0===b?null:/*#__PURE__*/_react.default.createElement(_index.DisplayStyle,a,b)})()
 ))

package/display/index.style.js

@@ -1,78 +1,79 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Flex=exports.DisplayStyle=exports.Block=void 0;var _templateObject,_templateObject2,_templateObject3,_styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));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
-
-
-Flex=exports.Flex=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  ","\n  ","\n"])),
-
-(a)=>{let{justifyContent:b}=a;return b?"justify-content: ".concat(
-b):
-""},
-
-(a)=>{let{alignItems:b}=a;return b?"align-items: ".concat(
-b):
-""}),
-
-
-
-Block=exports.Block=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: block;\n"]))),
-
-
-
-DisplayStyle=exports.DisplayStyle=_styledComponents.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n  ","\n  ","\n  ","\n\n  ","\n\n  ","\n  ","\n  ","\n\n  ","\n  ","\n  ","\n  ","\n"])),
-(a)=>{let{display:b}=a;return b?"display: ".concat(
-b,";"):
-""},
-
-(a)=>{let{width:b}=a;return b?"width: ".concat(
-b,";"):
-""},
-
-(a)=>{let{widthMobile:b}=a;return b?"@media only screen and (max-width: ".concat(
-_themes.default.breakpoints.sm,"px) {\n        width: ").concat(
-b,";\n      }"):
-
-""},
-
-(a)=>{let{justifyContent:b}=a;return b?"justify-content: ".concat(
-b,";"):
-""},
-
-
-(a)=>{let{justifyContentMobile:b}=a;return b?"@media only screen and (max-width: ".concat(
-_themes.default.breakpoints.sm,"px) {\n        justify-content: ").concat(
-b,";\n      }"):
-
-""},
-
-
-(a)=>{let{alignItems:b}=a;return b?"align-items: ".concat(
-b,";"):
-""},
-
-(a)=>{let{alignItemsMobile:b}=a;return b?"@media only screen and (max-width: ".concat(
-_themes.default.breakpoints.sm,"px) {\n        align-items: ").concat(
-b,";\n      }"):
-
-""},
-
-(a)=>{let{flexDirection:b}=a;return b?"flex-direction: ".concat(
-b,";"):
-""},
-
-
-(a)=>{let{flexDirectionMobile:b}=a;return b?"@media only screen and (max-width: ".concat(
-_themes.default.breakpoints.sm,"px) {\n        flex-direction: ").concat(
-b,";\n      }"):
-
-""},
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Flex=exports.DisplayStyle=exports.Block=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+Flex=exports.Flex=_styledComponents.default.div`
+  display: flex;
+  ${(a)=>{let{justifyContent:b}=a;return b?
+`justify-content: ${b}`:
+""}}
+  ${
+(a)=>{let{alignItems:b}=a;return b?
+`align-items: ${b}`:
+""}}
+`,
+
+
+Block=exports.Block=_styledComponents.default.div`
+  display: block;
+`,
+
+DisplayStyle=exports.DisplayStyle=_styledComponents.default.div`
+  ${(a)=>{let{display:b}=a;return b?
+`display: ${b};`:
+""}}
+  ${
+(a)=>{let{width:b}=a;return b?
+`width: ${b};`:
+""}}
+  ${
+(a)=>{let{widthMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        width: ${b};
+      }`:
+""}}
+  ${
+(a)=>{let{justifyContent:b}=a;return b?
+`justify-content: ${b};`:
+""}}
+
+  ${
+(a)=>{let{justifyContentMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        justify-content: ${b};
+      }`:
+""}}
+
+  ${
+(a)=>{let{alignItems:b}=a;return b?
+`align-items: ${b};`:
+""}}
+  ${
+(a)=>{let{alignItemsMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        align-items: ${b};
+      }`:
+""}}
+  ${
+(a)=>{let{flexDirection:b}=a;return b?
+`flex-direction: ${b};`:
+""}}
+
+  ${
+(a)=>{let{flexDirectionMobile:b}=a;return b?
+`@media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+        flex-direction: ${b};
+      }`:
+""}}
+  ${
 (a)=>{let{wrap:b}=a;return b?
 "flex-wrap: wrap;":
-""},
-
-(a)=>{let{flex:b}=a;return b?"flex: ".concat(
-b,";"):
-""},
-
-(a)=>{let{alignSelf:b}=a;return b?"align-self: ".concat(
-b,";"):
-""});
+""}}
+  ${
+(a)=>{let{flex:b}=a;return b?
+`flex: ${b};`:
+""}}
+  ${
+(a)=>{let{alignSelf:b}=a;return b?
+`align-self: ${b};`:
+""}}
+`;

package/file-item/fileImgIcon.js

@@ -9,11 +9,11 @@
 const FileImgIcon=(a)=>{
 const{iconFileName:b}=a;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_fileImgsFont.default,null),/*#__PURE__*/
 _react.default.createElement(_index.StyledImgIcon,{
-className:"jupiter-file-font ".concat(b),
+className:`jupiter-file-font ${b}`,
 "data-test":"file-image"},/*#__PURE__*/
 
 _react.default.createElement("span",{className:"path1"}),/*#__PURE__*/