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

package/accordion/index.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_index=require("./index.styles"),_panel=_interopRequireDefault(require("./panel"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+const Accordion=(a)=>{let{items:b}=a;return(/*#__PURE__*/
+_react.default.createElement(_index.PanelGroup,null,
+b.map((a,b)=>/*#__PURE__*/_react.default.createElement(_panel.default,{item:a,key:b}))
+))};
+
+
+Accordion.propTypes={
+items:_propTypes.default.arrayOf(_propTypes.default.shape({
+mode:_propTypes.default.oneOf(["white","light","dark"]),
+title:_propTypes.default.string.isRequired,
+key:_propTypes.default.string.isRequired,
+status:_propTypes.default.bool,
+collapse:_propTypes.default.bool.isRequired,
+meta:_propTypes.default.node,
+body:_propTypes.default.node.isRequired,
+bold:_propTypes.default.bool
+})).isRequired
+};var _default=exports.default=
+
+Accordion;

package/{src/components/accordion → accordion}/index.styles.js

@@ -1,13 +1,13 @@
-import styled from 'styled-components';
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelGroup=exports.Panel=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
 
-export const PanelGroup = styled.div`
+PanelGroup=exports.PanelGroup=_styledComponents.default.div`
     font-family: 'IranSharp';
-`;
+`,
 
-export const Panel = styled.div`
+Panel=exports.Panel=_styledComponents.default.div`
     background-color: #fff;
     margin: 10px 0;
-    border: ${(props) => ((props.status || props.bold) ? '2px solid rgb(80, 89, 117)' : '1px solid #000000')};
+    border: ${(a)=>a.status||a.bold?"2px solid rgb(80, 89, 117)":"1px solid #000000"};
     border-radius: 7px;
     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
     padding: 10px;
@@ -49,4 +49,4 @@ export const Panel = styled.div`
         font-size: 16px;
         color: inherit;
     }
-`;
+`;

package/accordion/panel.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_detectMobile=require("../utils/detectMobile"),_index=require("./index.styles"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}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 Panel=(a)=>{let{item:b}=a;const
+c=(0,_react.useRef)(),
+
+d=()=>{
+const a=document.getElementById(`icon-${b.key}`);
+
+c.current.classList.contains("collapse")?(
+c.current.classList.remove("collapse"),
+a.classList.remove("new-icon-arrow-drop-down"),
+a.classList.add("new-icon-arrow-drop-up")):(
+
+c.current.classList.add("collapse"),
+a.classList.remove("new-icon-arrow-drop-up"),
+a.classList.add("new-icon-arrow-drop-down"))
+
+};
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.Panel,{className:b.mode,status:b.status,bold:b.bold},/*#__PURE__*/
+_react.default.createElement("a",{className:"panel-heading",onClick:()=>d(b.key)},/*#__PURE__*/
+_react.default.createElement("h4",{className:"panel-title"},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:b.status?"check-circle":"error",size:"sm",color:b.status?"green":"gray"}),/*#__PURE__*/
+_react.default.createElement("span",null,b.title)
+),/*#__PURE__*/
+_react.default.createElement("div",null,
+!_detectMobile.isMobile&&b.meta,/*#__PURE__*/
+_react.default.createElement(_icon.default,{id:`icon-${b.key}`,name:"arrow-drop-down",size:"sm",color:b.status?"white":"darkBlue"})
+)
+),/*#__PURE__*/
+_react.default.createElement("div",{id:b.key,ref:c,className:`panel-collapse ${b.collapse&&"collapse"}`},/*#__PURE__*/
+_react.default.createElement("div",{className:"panel-body"},b.body)
+)
+))
+
+};var _default=exports.default=
+Panel;

package/avatar/index.js

@@ -0,0 +1,41 @@
+"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")),_index=_interopRequireDefault(require("./index.styles")),_theme=_interopRequireDefault(require("./theme"));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
+
+
+
+
+
+
+defaultImageUrl="https://static.evand.net/assets/images/defaults/avatar.svg",
+
+Avatar=(a)=>{let{
+alt:c="\u0622\u0648\u0627\u062A\u0627\u0631",
+size:d="md",
+sizeMobile:e="md",
+src:f=defaultImageUrl,
+round:g=!1,
+...b
+}=a;return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.default,_extends({
+src:f,
+alt:c,
+size:d,
+sizeMobile:e,
+"data-test":"avatar",
+round:g,
+onError:(a)=>(a.target.onerror=null,a.target.src=defaultImageUrl)},
+b)
+)
+))};
+
+
+Avatar.propTypes={
+src:_propTypes.default.string,
+alt:_propTypes.default.string,
+round:_propTypes.default.bool,
+size:_propTypes.default.oneOf(["lg","md","sm","xs"]),
+sizeMobile:_propTypes.default.oneOf(["lg","md","sm"])
+};var _default=exports.default=
+
+Avatar;

package/avatar/index.styles.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+const Image=_styledComponents.default.img`
+  font-family: 'IranSharp';
+  width: ${(a)=>{let{theme:b,size:c}=a;return`${b.size[c]}px`}};
+  height: ${(a)=>{let{theme:b,size:c}=a;return`${b.size[c]}px`}};
+  @media only screen and (max-width: ${_themes.default.breakpoints.sm}px) {
+    width: ${(a)=>{let{theme:b,sizeMobile:c}=a;return`${b.size[c]}px`}};
+    height: ${(a)=>{let{theme:b,sizeMobile:c}=a;return`${b.size[c]}px`}};
+  }
+  border-radius: ${(a)=>{let{theme:b,round:c}=a;return c?"50%":`${b.borderRadius}px`}};
+  display: block;
+  background-size: cover;
+`;var _default=exports.default=
+
+Image;

package/avatar/theme.js

@@ -0,0 +1,13 @@
+"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+const avatarTheme={
+borderRadius:_themes.default.borderRadius.low,
+size:{
+lg:128,
+md:64,
+sm:32,
+xs:24
+}
+};var _default=exports.default=
+
+avatarTheme;

package/button/index.js

@@ -0,0 +1,210 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_tailwindMerge=require("tailwind-merge"),_icon=_interopRequireDefault(require("../icon")),_theme=require("./theme");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
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+base="inline-flex items-center justify-center border box-border rounded font-semibold transition-all duration-250 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed active:scale-[0.98]",
+
+
+getStyleClasses=(a,b)=>{
+const c={
+darkBlue:{
+primary:"bg-main border-main text-white hover:bg-opacity-80 active:bg-opacity-95 focus-visible:ring-main",
+secondary:"bg-transparent border-main text-main hover:bg-blue-50 active:bg-blue-100 focus-visible:ring-main",
+tertiary:"bg-transparent border-transparent text-main hover:bg-opacity-10 active:bg-opacity-20 focus-visible:ring-main"
+},
+red:{
+primary:"bg-red-600 border-red-600 text-white hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-600",
+secondary:"bg-transparent border-red-600 text-red-600 hover:bg-red-50 active:bg-red-100 focus-visible:ring-red-600",
+tertiary:"bg-transparent border-transparent text-red-600 hover:bg-red-50 active:bg-red-100 focus-visible:ring-red-600"
+},
+green:{
+primary:"bg-green-600 border-green-600 text-white hover:bg-green-700 active:bg-green-800 focus-visible:ring-green-600",
+secondary:"bg-transparent border-green-600 text-green-600 hover:bg-green-50 active:bg-green-100 focus-visible:ring-green-600",
+tertiary:"bg-transparent border-transparent text-green-600 hover:bg-green-50 active:bg-green-100 focus-visible:ring-green-600"
+},
+yellow:{
+primary:"bg-yellow-600 border-yellow-600 text-white hover:bg-yellow-700 active:bg-yellow-800 focus-visible:ring-yellow-600",
+secondary:"bg-transparent border-yellow-600 text-yellow-600 hover:bg-yellow-50 active:bg-yellow-100 focus-visible:ring-yellow-600",
+tertiary:"bg-transparent border-transparent text-yellow-600 hover:bg-yellow-50 active:bg-yellow-100 focus-visible:ring-yellow-600"
+},
+blue:{
+primary:"bg-sky-600 border-sky-600 text-white hover:bg-sky-700 active:bg-sky-800 focus-visible:ring-sky-600",
+secondary:"bg-transparent border-sky-600 text-sky-600 hover:bg-sky-50 active:bg-sky-100 focus-visible:ring-sky-600",
+tertiary:"bg-transparent border-transparent text-sky-600 hover:bg-sky-50 active:bg-sky-100 focus-visible:ring-sky-600"
+},
+gray:{
+primary:"bg-gray-600 border-gray-600 text-white hover:bg-gray-700 active:bg-gray-800 focus-visible:ring-gray-600",
+secondary:"bg-transparent border-gray-600 text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600",
+tertiary:"bg-transparent border-transparent text-gray-600 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-600"
+}
+};
+
+return c[b]?.[a]||c.darkBlue.primary
+},
+
+
+colorToVariant={
+red:"danger",
+blue:"blue",
+green:"primary",
+yellow:"warning",
+darkBlue:"primary",
+gray:"gray"
+},
+
+
+iconMap={
+warning:"ExclamationTriangleIcon",
+"arrow-down-on-square":"ArrowDownTrayIcon",
+"bell-alert":"BellAlertIcon",
+help:"QuestionMarkCircleIcon",
+"watch-later":"ClockIcon",
+loading:"ArrowPathIcon"
+},
+
+iconSizeMap={
+xs:"sm",
+sm:"sm",
+md:"md",
+lg:"lg"
+},
+
+Button=(a)=>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{let{// Old API props
+styleType:h="primary",mainColor:i="darkBlue",size:j="md",icon:k=null,iconPosition:l="left",wide:m=!1,disabled:n=!1,type:o="button",linkTo:p=null,renderLink:q=null,// New API props
+variant:b,htmlType:c,isLoading:r=!1,loadingText:s="\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...",linkTarget:t="_self",children:d,className:u="",onClick:e,"aria-label":f,...g}=a;const v=b||(i?colorToVariant[i]:h),w=c||("anchor"===o?void 0:o),
+x=n||r,
+y=k&&!d,
+
+z=getStyleClasses(h,i),
+
+A=(0,_tailwindMerge.twMerge)(
+base,
+_theme.sizes[j],
+z,
+m?"w-full":"",
+y?"p-2":"",
+u
+),
+
+B=/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,
+r&&/*#__PURE__*/
+_react.default.createElement(_icon.default,{
+name:"loading",
+size:iconSizeMap[j],
+className:"animate-spin mr-2"}
+),
+
+!r&&k&&"left"===l&&/*#__PURE__*/
+_react.default.createElement(_icon.default,{
+name:k,
+size:iconSizeMap[j],
+className:d?"mr-2":""}
+),
+
+r?s:d,
+!r&&k&&"right"===l&&/*#__PURE__*/
+_react.default.createElement(_icon.default,{
+name:k,
+size:iconSizeMap[j],
+className:d?"ml-2":""}
+)
+
+),
+
+
+C={
+type:p||q?void 0:w,
+className:A,
+disabled:x,
+onClick:x?void 0:e,
+"aria-disabled":x,
+"aria-busy":r,
+"aria-label":y?f||k:void 0,
+...g
+};return(
+
+!x&&q)?
+q(/*#__PURE__*/
+_react.default.createElement("button",_extends({},C,{type:"button"}),
+B
+)
+):
+
+
+!x&&p?/*#__PURE__*/
+
+_react.default.createElement("a",_extends({
+href:p,
+target:t,
+className:A,
+role:"button",
+"aria-disabled":x,
+"aria-busy":r,
+"aria-label":y?f||k:void 0},
+g),
+
+B
+):/*#__PURE__*/
+
+
+
+
+_react.default.createElement("button",C,
+B
+)
+
+};// Style type templates
+// Color mapping
+// Map old icon names to Heroicons
+var _default=exports.default=Button;

package/button/index.styles.js

@@ -0,0 +1,104 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledIcon=exports.InternalLink=exports.ExternalLink=exports.BaseButton=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_icon=_interopRequireDefault(require("../icon")),_theme=require("../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+
+BaseButton=exports.BaseButton=_styledComponents.default.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: ${(a)=>{let{width:b,wide:c}=a;return b?`${b}`:c?"100%":"auto"}};
+  height: ${(a)=>{let{height:b}=a;return b?`${b}`:"auto"}};
+  min-width: ${(a)=>{let{size:b,theme:c,width:d}=a;return d?`${d}`:`${c.size[b].minWidth}px`}};
+  min-height: ${(a)=>{let{size:b,theme:c,height:d}=a;return d?`${d}`:`${c.size[b].height}px`}};
+
+  padding: ${(a)=>{let{size:b,theme:c}=a;return c.size[b].padding}};
+  box-sizing: border-box;
+
+  cursor: ${(a)=>{let{disabled:b}=a;return b?"not-allowed":"pointer"}};
+  opacity: ${(a)=>{let{disabled:b}=a;return b?"0.25":"1"}};
+  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius}px`}};
+
+  margin: ${(a)=>{let{
+marginRight:b,marginLeft:c
+}=a;return`0 ${b||0}px 0 ${c||0}px`}};
+
+  &[data-styletype="primary"] {
+    border: none;
+    background: ${(a)=>{let{theme:b,mainColor:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+    
+    &:hover { 
+      transition: all 0.25s;
+      background: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):(0,_theme.getHoverColorFromName)(b,c)}};
+    }
+    &:active {
+      transition: all 0.25s;
+      background: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):(0,_theme.getFocusColorFromName)(b,c)}};
+    }
+  }
+  
+  &[data-styletype="secondary"] {
+    border: 1px solid ${(a)=>{let{theme:b,mainColor:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+    background: transparent;
+
+    &:hover { 
+      border-color: ${(a)=>{let{theme:b,disabled:c,mainColor:d}=a;return c?(0,_theme.getColorFromName)(b,d):"transparent"}};
+      transition: all 0.25s;
+      background: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?"transparent":(0,_theme.getColorFromName)(b,c)}};
+      * {
+        transition: all 0.25s;
+        color: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):b.colors.white}};
+      }
+    }
+    &:active {
+      border-color: ${(a)=>{let{theme:b,disabled:c,mainColor:d}=a;return c?(0,_theme.getColorFromName)(b,d):"transparent"}};
+      background: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?"transparent":(0,_theme.getFocusColorFromName)(b,c)}};
+      * {
+        transition: all 0.25s;
+        color: ${(a)=>{let{theme:b,mainColor:c,disabled:d}=a;return d?(0,_theme.getColorFromName)(b,c):b.colors.white}};
+      }
+    }
+  }
+
+  &[data-styletype="tertiary"] {
+    border: none;
+    background: transparent;
+
+    &:hover { 
+      * {
+        transition: all 0.25s;
+        color: ${(a)=>{let{theme:b}=a;return b.colors.darkBlue400}};
+      }
+    }
+    &:active {
+      * {
+        transition: all 0.25s;
+        color: ${(a)=>{let{theme:b}=a;return b.colors.darkBlue800}};
+      }
+    }
+
+  }
+`,
+
+StyledIcon=exports.StyledIcon=(0,_styledComponents.default)(_icon.default)`
+  margin-right: 0;
+`,
+
+ExternalLink=exports.ExternalLink=_styledComponents.default.a`
+  color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+  text-decoration: none;
+  &:hover {
+    text-decoration: none;
+  }
+  &:visited {
+    color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+    text-decoration: none;
+  }
+`,
+
+InternalLink=exports.InternalLink=_styledComponents.default.div`
+  a {
+    color: ${(a)=>{let{theme:b,color:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+    text-decoration: none;
+  }
+`;

package/button/theme.js

@@ -0,0 +1,58 @@
+"use strict";var _themes=_interopRequireDefault(require("../themes"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.theme=exports.sizes=exports.colorMap=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+theme=exports.theme={
+colors:_themes.default.colors,
+borderRadius:_themes.default.borderRadius.low
+},
+sizes=exports.sizes={
+xs:"px-2 py-1 text-xs min-h-[24px]",
+sm:"px-3 py-1 text-xs min-h-[32px]",
+md:"px-4 py-2 text-sm min-h-[40px]",
+lg:"px-6 py-3 text-base min-h-[48px]"
+},
+
+
+colorMap=exports.colorMap={
+red:{
+base:"red-600",
+hover:"red-700",
+active:"red-800",
+light:"red-50",
+lighter:"red-100"
+},
+blue:{
+base:"secondary",
+hover:"secondary/90",
+active:"secondary/80",
+light:"secondary/10",
+lighter:"secondary/20"
+},
+green:{
+base:"green-600",
+hover:"green-700",
+active:"green-800",
+light:"green-50",
+lighter:"green-100"
+},
+yellow:{
+base:"yellow-500",
+hover:"yellow-600",
+active:"yellow-700",
+light:"yellow-50",
+lighter:"yellow-100"
+},
+darkBlue:{
+base:"main",
+hover:"main/90",
+active:"main/80",
+light:"main/10",
+lighter:"main/20"
+},
+gray:{
+base:"gray-600",
+hover:"gray-700",
+active:"gray-800",
+light:"gray-50",
+lighter:"gray-100"
+}
+};// Color mapping to Tailwind colors

package/button/utils.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;function setFontColor(a,b){return(
+
+"secondary")===a?
+b:
+"tertiary"===a?
+"darkBlue":
+
+"white"
+
+}var _default=exports.default=
+
+setFontColor;

package/card/card-template/index.js

@@ -0,0 +1,74 @@
+"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")),_themes=_interopRequireDefault(require("../../themes")),_index=_interopRequireDefault(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 CardTemplate=(a)=>
+
+
+
+
+
+
+
+
+{let{level:d=1,hoverToLevel:e=1,maxWidth:f=null,renderLink:g=void 0,direction:h="vertical",background:i="",children:b,...c}=a;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),
+(()=>g?g(/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b)):/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:f,level:d,hoverToLevel:e,direction:h,"data-test":"card-template",background:i},c),b))()
+))
+
+};
+
+CardTemplate.propTypes={
+children:_propTypes.default.oneOfType([
+_propTypes.default.arrayOf(_propTypes.default.node),
+_propTypes.default.node,
+_propTypes.default.string]
+).isRequired,
+level:_propTypes.default.oneOf([1,2,3,4,5]),
+hoverToLevel:_propTypes.default.number,
+maxWidth:_propTypes.default.oneOfType([
+_propTypes.default.number,
+_propTypes.default.string]
+),
+renderLink:_propTypes.default.func,
+direction:_propTypes.default.oneOf(["vertical","horizontal"]),
+background:_propTypes.default.string
+};var _default=exports.default=
+
+CardTemplate;