react-jupiter 6.1.5 → 6.1.6

package/accordion/index.styles.js

@@ -1,52 +1,10 @@
-"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
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PanelGroup=exports.Panel=void 0;var _templateObject,_templateObject2,_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
 
-PanelGroup=exports.PanelGroup=_styledComponents.default.div`
-    font-family: 'IranSharp';
-`,
+PanelGroup=exports.PanelGroup=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    font-family: 'IranSharp';\n"]))),
 
-Panel=exports.Panel=_styledComponents.default.div`
-    background-color: #fff;
-    margin: 10px 0;
-    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;
 
-    &.white {
-        background: #ffffff;
-    }
-    &.light {
-        background: #caf0fc;
-    }
-    &.white, &.light {
-        & .panel-heading {
-            color: #000000;
-        }
-    }
-    &.dark {
-        background: rgb(80, 89, 117);
-        & .panel-heading {
-            color: #ffffff;
-        }
-    }
 
-    .collapse {
-        display: none;
-    }
+Panel=exports.Panel=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    background-color: #fff;\n    margin: 10px 0;\n    border: ",";\n    border-radius: 7px;\n    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);\n    padding: 10px;\n\n    &.white {\n        background: #ffffff;\n    }\n    &.light {\n        background: #caf0fc;\n    }\n    &.white, &.light {\n        & .panel-heading {\n            color: #000000;\n        }\n    }\n    &.dark {\n        background: rgb(80, 89, 117);\n        & .panel-heading {\n            color: #ffffff;\n        }\n    }\n\n    .collapse {\n        display: none;\n    }\n\n    .panel-heading {\n        padding: 10px 15px;\n        display: flex;\n        justify-content: space-between;\n        &:hover {\n            cursor: pointer;\n        }        \n    }\n    \n    .panel-title {\n        margin-top: 0;\n        margin-bottom: 0;\n        font-size: 16px;\n        color: inherit;\n    }\n"])),
 
-    .panel-heading {
-        padding: 10px 15px;
-        display: flex;
-        justify-content: space-between;
-        &:hover {
-            cursor: pointer;
-        }        
-    }
-    
-    .panel-title {
-        margin-top: 0;
-        margin-bottom: 0;
-        font-size: 16px;
-        color: inherit;
-    }
-`;
+
+(a)=>a.status||a.bold?"2px solid rgb(80, 89, 117)":"1px solid #000000");

package/accordion/panel.js

@@ -1,4 +1,4 @@
-"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}
+"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 _interopRequireWildcard(a,b){if("function"==typeof WeakMap)var c=new WeakMap,d=new WeakMap;return(_interopRequireWildcard=function(a,b){if(!b&&a&&a.__esModule)return a;var e,g,h={__proto__:null,default:a};if(null===a||"object"!=typeof a&&"function"!=typeof a)return h;if(e=b?d:c){if(e.has(a))return e.get(a);e.set(a,h)}for(const c in a)"default"!=c&&{}.hasOwnProperty.call(a,c)&&((g=(e=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,c))&&(g.get||g.set)?e(h,c,g):h[c]=a[c]);return h})(a,b)}
 
 
 
@@ -7,7 +7,7 @@ const Panel=(a)=>{let{item:b}=a;const
 c=(0,_react.useRef)(),
 
 d=()=>{
-const a=document.getElementById(`icon-${b.key}`);
+const a=document.getElementById("icon-".concat(b.key));
 
 c.current.classList.contains("collapse")?(
 c.current.classList.remove("collapse"),
@@ -29,10 +29,10 @@ _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"})
+_react.default.createElement(_icon.default,{id:"icon-".concat(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",{id:b.key,ref:c,className:"panel-collapse ".concat(b.collapse&&"collapse")},/*#__PURE__*/
 _react.default.createElement("div",{className:"panel-body"},b.body)
 )
 ))

package/avatar/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")),_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
+"use strict";const _excluded=["alt","size","sizeMobile","src","round"];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)}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}const
 
 
 
@@ -8,24 +8,24 @@
 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__*/
+alt:b="\u0622\u0648\u0627\u062A\u0627\u0631",
+size:c="md",
+sizeMobile:d="md",
+src:e=defaultImageUrl,
+round:f=!1
+
+}=a,g=_objectWithoutProperties(a,_excluded);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,
+src:e,
+alt:b,
+size:c,
+sizeMobile:d,
 "data-test":"avatar",
-round:g,
+round:f,
 onError:(a)=>(a.target.onerror=null,a.target.src=defaultImageUrl)},
-b)
+g)
 )
 ))};
 

package/avatar/index.styles.js

@@ -1,17 +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=
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_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 Image=_styledComponents.default.img(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-family: 'IranSharp';\n  width: ",";\n  height: ",";\n  @media only screen and (max-width: ","px) {\n    width: ",";\n    height: ",";\n  }\n  border-radius: ",";\n  display: block;\n  background-size: cover;\n"])),
+
+(a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
+(a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
+_themes.default.breakpoints.sm,
+(a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
+(a)=>{let{theme:b,sizeMobile:c}=a;return"".concat(b.size[c],"px")},
+
+(a)=>{let{theme:b,round:c}=a;return c?"50%":"".concat(b.borderRadius,"px")});var _default=exports.default=
+
+
+
 
 Image;

package/button/index.js

@@ -1,30 +1,4 @@
-"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
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+"use strict";const _excluded=["styleType","mainColor","size","icon","iconPosition","wide","disabled","type","linkTo","renderLink","variant","htmlType","isLoading","loadingText","linkTarget","children","className","onClick","aria-label"];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)}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)}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}const
 
 
 
@@ -32,8 +6,8 @@
 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={
+getStyleClasses=(a,b)=>{var c;
+const d={
 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",
@@ -66,7 +40,7 @@ tertiary:"bg-transparent border-transparent text-gray-600 hover:bg-gray-50 activ
 }
 };
 
-return c[b]?.[a]||c.darkBlue.primary
+return(null===(c=d[b])||void 0===c?void 0:c[a])||d.darkBlue.primary
 },
 
 
@@ -120,79 +94,79 @@ 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,
+styleType:g="primary",mainColor:h="darkBlue",size:i="md",icon:j=null,iconPosition:k="left",wide:l=!1,disabled:m=!1,type:n="button",linkTo:o=null,renderLink:p=null,// New API props
+variant:b,htmlType:c,isLoading:q=!1,loadingText:r="\u0635\u0628\u0631 \u06A9\u0646\u06CC\u062F...",linkTarget:s="_self",children:d,className:t="",onClick:e,"aria-label":f}=a,u=_objectWithoutProperties(a,_excluded);const v=b||(h?colorToVariant[h]:g),w=c||("anchor"===n?void 0:n),
+x=m||q,
+y=j&&!d,
 
-z=getStyleClasses(h,i),
+z=getStyleClasses(g,h),
 
 A=(0,_tailwindMerge.twMerge)(
 base,
-_theme.sizes[j],
+_theme.sizes[i],
 z,
-m?"w-full":"",
+l?"w-full":"",
 y?"p-2":"",
-u
+t
 ),
 
 B=/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,
-r&&/*#__PURE__*/
+q&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
 name:"loading",
-size:iconSizeMap[j],
+size:iconSizeMap[i],
 className:"animate-spin mr-2"}
 ),
 
-!r&&k&&"left"===l&&/*#__PURE__*/
+!q&&j&&"left"===k&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
-name:k,
-size:iconSizeMap[j],
+name:j,
+size:iconSizeMap[i],
 className:d?"mr-2":""}
 ),
 
-r?s:d,
-!r&&k&&"right"===l&&/*#__PURE__*/
+q?r:d,
+!q&&j&&"right"===k&&/*#__PURE__*/
 _react.default.createElement(_icon.default,{
-name:k,
-size:iconSizeMap[j],
+name:j,
+size:iconSizeMap[i],
 className:d?"ml-2":""}
 )
 
 ),
 
 
-C={
-type:p||q?void 0:w,
+C=_objectSpread({
+type:o||p?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(
+"aria-busy":q,
+"aria-label":y?f||j:void 0},
+u);return(
+
 
-!x&&q)?
-q(/*#__PURE__*/
+!x&&p)?
+p(/*#__PURE__*/
 _react.default.createElement("button",_extends({},C,{type:"button"}),
 B
 )
 ):
 
 
-!x&&p?/*#__PURE__*/
+!x&&o?/*#__PURE__*/
 
 _react.default.createElement("a",_extends({
-href:p,
-target:t,
+href:o,
+target:s,
 className:A,
 role:"button",
 "aria-disabled":x,
-"aria-busy":r,
-"aria-label":y?f||k:void 0},
-g),
+"aria-busy":q,
+"aria-label":y?f||j:void 0},
+u),
 
 B
 ):/*#__PURE__*/

package/button/index.styles.js

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

package/card/card-template/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")),_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)}
+"use strict";const _excluded=["level","hoverToLevel","maxWidth","renderLink","direction","background","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")),_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)}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}
 
 
 
@@ -14,7 +14,7 @@ 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;
+{let{level:c=1,hoverToLevel:d=1,maxWidth:e=null,renderLink:f=void 0,direction:g="vertical",background:h="",children:b}=a,i=_objectWithoutProperties(a,_excluded);
 
 
 
@@ -49,7 +49,7 @@ const CardTemplate=(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))()
+(()=>f?f(/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:e,level:c,hoverToLevel:d,direction:g,"data-test":"card-template",background:h},i),b)):/*#__PURE__*/_react.default.createElement(_index.default,_extends({maxWidth:e,level:c,hoverToLevel:d,direction:g,"data-test":"card-template",background:h},i),b))()
 ))
 
 };

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

@@ -1,25 +1,25 @@
-"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 TemplateContainer=_styledComponents.default.section`
-  display: flex;
-  flex-direction: ${(a)=>{let{direction:b}=a;return"vertical"===b?"column":"row"}};
-  border-radius: ${(a)=>{let{theme:b}=a;return`${b.borderRadius.low}px`}};
-  overflow: hidden;
-  ${(a)=>{let{maxWidth:b}=a;return b?`max-width: ${b}px`:""}};
-  box-shadow: ${(a)=>{let{theme:b,level:c}=a;return(
-`0 0 ${b.shadows[c].blur}px ${b.shadows[c].spread}px rgba(0, 0, 0, ${b.shadows[c].opacity})`)}};
-  text-decoration: none;
-  transition: ${
-(a)=>{let{theme:b}=a;return`all ${b.animation.time}s ${b.animation.method}`}};
-  ${(a)=>{let{background:b}=a;return b?`background: url(${b}) bottom left / 142px no-repeat`:""}};
-
-  &:hover {
-    ${(a)=>{let{theme:b,level:c,hoverToLevel:d}=a;return(
-d>c?
-`box-shadow: 0 0 ${b.shadows[d].blur}px ${b.shadows[d].spread}px rgba(0, 0, 0, ${b.shadows[d].opacity})`:
-"")}};
-  }
-`;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 TemplateContainer=_styledComponents.default.section(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ",";\n  border-radius: ",";\n  overflow: hidden;\n  ",";\n  box-shadow: ",";\n  text-decoration: none;\n  transition: ",";\n  ",";\n\n  &:hover {\n    ",";\n  }\n"])),
+
+(a)=>{let{direction:b}=a;return"vertical"===b?"column":"row"},
+(a)=>{let{theme:b}=a;return"".concat(b.borderRadius.low,"px")},
+
+(a)=>{let{maxWidth:b}=a;return b?"max-width: ".concat(b,"px"):""},
+(a)=>{let{theme:b,level:c}=a;return"0 0 ".concat(
+b.shadows[c].blur,"px ").concat(b.shadows[c].spread,"px rgba(0, 0, 0, ").concat(b.shadows[c].opacity,")")},
+
+
+(a)=>{let{theme:b}=a;return"all ".concat(b.animation.time,"s ").concat(b.animation.method)},
+(a)=>{let{background:b}=a;return b?"background: url(".concat(b,") bottom left / 142px no-repeat"):""},
+
+
+(a)=>{let{theme:b,level:c,hoverToLevel:d}=a;return(
+d>c?"box-shadow: 0 0 ".concat(
+b.shadows[d].blur,"px ").concat(b.shadows[d].spread,"px rgba(0, 0, 0, ").concat(b.shadows[d].opacity,")"):
+"")});var _default=exports.default=
+
+
 
 
 TemplateContainer;