react-jupiter 6.0.0-beta.2 → 6.0.0-beta.3

package/product-menu/menu.js

@@ -0,0 +1,88 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_typography=require("../typography"),_spacing=require("../spacing"),_index=require("./index.style"),_theme=_interopRequireDefault(require("./theme"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Menu(a){const
+{
+showMore:b,windowWith:c,handleToggleShowMore:d,children:e
+}=a,
+f=_react.default.Children.toArray(e);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
+_react.default.createElement(_index.Nav,{"data-test":"product-menu"},/*#__PURE__*/
+_react.default.createElement(_spacing.Padding,{top:5,bottom:5},/*#__PURE__*/
+_react.default.createElement(_index.MenuWrapper,a,
+function(){return 5<f.length&&c>_theme.default.breakpoints.sm?/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,f.filter((a,b)=>4>b).map((a)=>/*#__PURE__*/_react.default.createElement(_index.MenuListItem,{key:a.key},/*#__PURE__*/_react.default.createElement(_spacing.Padding,{left:2,right:2},_react.default.cloneElement(a)))),/*#__PURE__*/_react.default.createElement(_index.MenuListItem,{isShowMoreItem:!0},/*#__PURE__*/_react.default.createElement(_typography.Text,{size:16,bold:!0,onClick:d},"\u0628\u06CC\u0634\u062A\u0631"),/*#__PURE__*/_react.default.createElement(_index.ExtraMenuWrapper,{showMore:b},f.filter((a,b)=>4<=b).map((a)=>/*#__PURE__*/_react.default.createElement("li",{key:a.key},/*#__PURE__*/_react.default.createElement(_spacing.Padding,{top:4,bottom:4,left:3,right:3},_react.default.cloneElement(a))))))):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,f.map((a)=>/*#__PURE__*/_react.default.createElement(_index.MenuListItem,{key:a.key},_react.default.cloneElement(a))))}()
+)
+)
+)
+))
+
+}var _default=exports.default=
+Menu;

package/product-menu/theme.js

@@ -0,0 +1,16 @@
+"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 theme={
+borderColor:_themes.default.colors.gray600,
+bgColor:_themes.default.colors.white,
+itemMinWidth:"120px",
+animation:_themes.default.animation,
+shadow:_themes.default.shadows[1],
+breakpoints:_themes.default.breakpoints,
+text:{
+color:"#333",
+fontWeight:"normal"
+}
+};var _default=exports.default=
+
+theme;

package/product-owner/index.js

@@ -0,0 +1,85 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_titledAvatar=_interopRequireDefault(require("../titled-avatar")),_index=require("./index.style"),_responsive=_interopRequireDefault(require("../responsive")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const ProductOwner=(a)=>{let{
+name:b,
+avatar:c,
+isLoading:d,
+isFollowed:e=!1,
+renderTitledAvatarLink:f=null,
+renderDescriptionLink:g=null,
+onClickFollowMe:h=()=>!1,
+onClickConnectUs:i=()=>{}
+}=a;return(/*#__PURE__*/
+_react.default.createElement("div",{"data-test":"product-owner"},/*#__PURE__*/
+_react.default.createElement(_responsive.default,{option:{lessThan:_themes.default.breakpoints.sm}},/*#__PURE__*/
+_react.default.createElement(_titledAvatar.default,{
+title:b,
+avatar:c,
+avatarSize:_themes.default.sizes.small,
+titleSize:10,
+renderAvatarLink:f}
+)
+),/*#__PURE__*/
+_react.default.createElement(_responsive.default,{option:{greaterThan:_themes.default.breakpoints.sm}},/*#__PURE__*/
+_react.default.createElement(_titledAvatar.default,{
+title:b,
+avatar:c,
+avatarSize:_themes.default.sizes.small,
+titleSize:12,
+renderAvatarLink:f}
+)
+),/*#__PURE__*/
+_react.default.createElement(_responsive.default,{option:{greaterThan:_themes.default.breakpoints.md}},/*#__PURE__*/
+_react.default.createElement(_index.ButtonContainer,null,/*#__PURE__*/
+_react.default.createElement(_index.StyledButton,{
+className:"follow-button",
+styleType:e?"secondary":"primary",
+htmlType:"button",
+mainColor:"blue",
+size:_themes.default.sizes.small,
+isLoading:d,
+onClick:h},
+
+e?"\u062F\u0646\u0628\u0627\u0644 \u0645\u06CC\u06A9\u0646\u06CC\u062F":"\u062F\u0646\u0628\u0627\u0644 \u06A9\u0646\u06CC\u062F"
+),/*#__PURE__*/
+_react.default.createElement(_index.StyledButton,{
+styleType:"secondary",
+htmlType:"button",
+mainColor:"blue",
+size:"sm",
+onClick:i},
+"\u062A\u0645\u0627\u0633"
+
+),/*#__PURE__*/
+_react.default.createElement(_index.StyledButton,{
+styleType:"tertiary",
+htmlType:"button",
+size:"sm",
+renderLink:g},
+"\u062A\u0648\u0636\u06CC\u062D\u0627\u062A"
+
+)
+)
+)
+))};var _default=exports.default=
+
+
+ProductOwner;

package/product-owner/index.style.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledButton=exports.ButtonContainer=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_button=_interopRequireDefault(require("../button"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+
+ButtonContainer=exports.ButtonContainer=_styledComponents.default.div`
+  margin-top: 12px;
+  display: flex;
+  flex-wrap: wrap;
+`,
+
+StyledButton=exports.StyledButton=(0,_styledComponents.default)(_button.default)`
+  margin-left: 8px;
+
+  &.follow-button {
+    min-width: 88px;
+  }
+`;

package/product-properties/index.js

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=require("styled-components"),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=require("./index.style"),_productProperty=_interopRequireDefault(require("./product-property")),_themes=_interopRequireDefault(require("../themes"));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 ProductProperties=(a)=>{const
+{
+list:b,
+isHorizontal:e=!1,
+color:f="black",
+iconColor:g="gray",
+link:c,
+...d
+}=a,
+h=1<b.length&&e?b.length:1;return(
+
+1===b.length)?/*#__PURE__*/
+
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_productProperty.default,_extends({iconName:b[0].iconName,text:b[0].text},d))
+):/*#__PURE__*/
+
+
+
+
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.ListContainer,_extends({isHorizontal:e},d),
+b.map((a,b)=>{let{iconName:c,text:d,link:i}=a;return(/*#__PURE__*/
+_react.default.createElement(_index.ListItem,{key:`${c}-${b.toString()}`,isHorizontal:e,propsLength:h},/*#__PURE__*/
+_react.default.createElement(_productProperty.default,{
+iconName:c,
+text:d,
+color:f,
+iconColor:g,
+link:i}
+)
+))}
+)
+)
+)
+
+};var _default=exports.default=
+
+ProductProperties;

package/product-properties/index.style.js

@@ -0,0 +1,14 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListItem=exports.ListContainer=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+ListContainer=exports.ListContainer=_styledComponents.default.ul`
+  display: flex;
+  flex-direction: ${(a)=>{let{isHorizontal:b}=a;return b?"row":"column"}};
+  flex-wrap: wrap;
+`,
+
+ListItem=exports.ListItem=_styledComponents.default.li`
+    margin: 2px 0;
+    min-width: calc(100% / ${(a)=>{let{propsLength:b}=a;return b}});
+    &:first-child { margin-top: 0; }
+    &:last-child { margin-bottom: 0; }
+`;

package/product-properties/product-property/index.js

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_icon=_interopRequireDefault(require("../../icon")),_typography=require("../../typography"),_index=_interopRequireDefault(require("./index.style"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+const ProductProperty=(a)=>{const
+{
+iconName:b,
+text:c,
+color:d,
+iconColor:e,
+link:f,
+...g
+}=a;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+return(/*#__PURE__*/
+_react.default.createElement(_index.default,g,
+f?(()=>/*#__PURE__*/_react.default.createElement("a",{href:f},/*#__PURE__*/_react.default.createElement(_icon.default,{name:b,size:"sm",color:e,stickyRight:!0}),/*#__PURE__*/_react.default.createElement(_typography.Text,{color:d,size:"12"},c)))():(()=>/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(_icon.default,{name:b,size:"sm",color:e,stickyRight:!0}),/*#__PURE__*/_react.default.createElement(_typography.Text,{color:d,size:"12"},c)))()
+))
+
+};var _default=exports.default=
+
+ProductProperty;

package/product-properties/product-property/index.style.js

@@ -0,0 +1,9 @@
+"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 Container=_styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  width: auto;
+`;var _default=exports.default=
+
+Container;

package/progress-bar/index.js

@@ -0,0 +1,46 @@
+"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"),_numbers=require("../utils/numbers"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+const ProgressBar=(a)=>{let{width:b,labels:c,points:d}=a;
+const e=100*b/d.colleague;
+
+return(/*#__PURE__*/
+_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
+_react.default.createElement(_index.Names,{points:d},
+c.map((a,b)=>/*#__PURE__*/
+_react.default.createElement("span",{key:b},
+a,/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:"arrow-drop-down",size:"sm"})
+)
+)
+),/*#__PURE__*/
+_react.default.createElement(_index.ProgressBar,{width:e},/*#__PURE__*/
+_react.default.createElement("div",{className:"filled"},/*#__PURE__*/
+_react.default.createElement("span",null,"\u0627\u0645\u062A\u06CC\u0627\u0632 \u0634\u0645\u0627:",
+
+(0,_numbers.toPersianNumber)(b,{})
+)
+)
+),/*#__PURE__*/
+_react.default.createElement(_index.Numbers,{points:d},/*#__PURE__*/
+_react.default.createElement("span",null,"\u06F0"),/*#__PURE__*/
+_react.default.createElement("span",null,(0,_numbers.toPersianNumber)(d.partner)),/*#__PURE__*/
+_react.default.createElement("span",null,(0,_numbers.toPersianNumber)(d.colleague))
+)
+))
+
+};
+
+ProgressBar.propTypes={
+width:_propTypes.default.number.isRequired,
+labels:_propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+points:_propTypes.default.instanceOf({
+partner:_propTypes.default.number,
+colleague:_propTypes.default.number
+}).isRequired
+};var _default=exports.default=
+
+ProgressBar;

package/{dist/components/progress-bar → progress-bar}/index.styles.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.ProgressBar = exports.Numbers = exports.Names = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ProgressBar=exports.Numbers=exports.Names=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_themes=_interopRequireDefault(require("../themes"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
 
-const ProgressBar = exports.ProgressBar = _styledComponents.default.div`
+
+ProgressBar=exports.ProgressBar=_styledComponents.default.div`
     background-color: rgb(167, 167, 167);
     color: rgb(68, 68, 68);
     height: 20px;
@@ -16,7 +16,7 @@ const ProgressBar = exports.ProgressBar = _styledComponents.default.div`
     & div.filled {
         min-width: 50px;
         max-width: 100%;
-        width: ${(props) => props.width}%;
+        width: ${(a)=>a.width}%;
         height: 20px;
         background: rgb(80, 89, 117);
         border-radius: 16px;
@@ -25,7 +25,7 @@ const ProgressBar = exports.ProgressBar = _styledComponents.default.div`
         @media only screen and (min-width: ${_themes.default.breakpoints.sm}px) {
             font-size: 15px;
         }
-        @media only screen and (max-width: ${_themes.default.breakpoints.sm - 1}px) {
+        @media only screen and (max-width: ${_themes.default.breakpoints.sm-1}px) {
             font-size: 8px;
         }
         font-weight: bold;
@@ -34,9 +34,9 @@ const ProgressBar = exports.ProgressBar = _styledComponents.default.div`
         float: right;
       }
     }
-`;
+`,
 
-const Names = exports.Names = _styledComponents.default.div`
+Names=exports.Names=_styledComponents.default.div`
     display: flex;
     justify-content: space-between;
     direction: rtl;
@@ -48,11 +48,11 @@ const Names = exports.Names = _styledComponents.default.div`
     }
     & span:first-child {
         position: relative;
-        right: ${(props) => props.points.partner * 100 / props.points.colleague - 2}%;
+        right: ${(a)=>100*a.points.partner/a.points.colleague-2}%;
     }
-`;
+`,
 
-const Numbers = exports.Numbers = _styledComponents.default.div`
+Numbers=exports.Numbers=_styledComponents.default.div`
     display: flex;
     justify-content: space-between;
     direction: rtl;
@@ -60,6 +60,6 @@ const Numbers = exports.Numbers = _styledComponents.default.div`
     position: relative;
     & span:nth-child(2) {
         position: absolute;
-        right: ${(props) => props.points.partner * 100 / props.points.colleague}%
+        right: ${(a)=>100*a.points.partner/a.points.colleague}%
     }
 `;

package/responsive/index.js

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=_interopRequireDefault(require("prop-types")),_reactResponsive=require("react-responsive");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+const Responsive=(a)=>{const
+{option:b,children:c}=a,
+{isDefault:d}=b,
+
+
+
+
+
+
+
+
+
+
+
+
+
+e=(0,_reactResponsive.useMediaQuery)((()=>{const{greaterThan:a,lessThan:c}=b;let d;return d=void 0!==a&&void 0!==c?{minWidth:a,maxWidth:c}:void 0===a?{maxWidth:c}:{minWidth:a},d})());
+return(d||e)&&/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,c)
+};
+
+Responsive.propTypes={
+children:_propTypes.default.oneOfType([
+_propTypes.default.arrayOf(_propTypes.default.node),
+_propTypes.default.node,
+_propTypes.default.string]
+).isRequired,
+option:_propTypes.default.shape({
+lessThan:_propTypes.default.oneOfType([
+_propTypes.default.string,
+_propTypes.default.number]
+),
+greaterThan:_propTypes.default.oneOfType([
+_propTypes.default.string,
+_propTypes.default.number]
+),
+isDefault:_propTypes.default.bool
+}).isRequired
+};var _default=exports.default=
+
+Responsive;

package/show-date/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")),_typography=require("../typography"),_date=require("../utils/date"),_numbers=require("../utils/numbers");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+const ShowDate=(a)=>{let{fontSize:c=12,color:d="default",date:b}=a;return(/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:c,color:d,"data-test":"show-date"},
+(0,_numbers.englishNumberToPersianInString)((0,_date.convertToJalaali)(b,"dddd jD jMMMM jYYYY \u0633\u0627\u0639\u062A HH:mm"))
+))};
+
+
+ShowDate.propTypes={
+date:_propTypes.default.oneOfType([
+_propTypes.default.string,
+_propTypes.default.object]
+).isRequired,
+fontSize:_propTypes.default.oneOfType([
+_propTypes.default.string,
+_propTypes.default.number]
+),
+color:_propTypes.default.oneOf(["default","red","green","blue","yellow","white","darkBlue","gray"])
+};var _default=exports.default=
+
+ShowDate;

package/spacing/core.js

@@ -0,0 +1,106 @@
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports._py=exports._px=exports._pt=exports._pr=exports._pl=exports._pb=exports._p=exports._my=exports._mx=exports._mt=exports._mr=exports._ml=exports._mb=exports._m=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+// Helper to add units if needed
+const addPxIfNeeded=(a)=>"number"==typeof a?`${a}px`:a,
+
+_m=(a,b)=>{
+if(!a||!b?.spacing)return"";// Check theme.spacing exists
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin: ${addPxIfNeeded(c)};`;// Handle missing key
+};exports._m=_m;
+
+const _mx=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`margin-left: ${d}; margin-right: ${d};`
+};exports._mx=_mx;
+
+const _my=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`margin-top: ${d}; margin-bottom: ${d};`
+};exports._my=_my;
+
+const _mt=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-top: ${addPxIfNeeded(c)};`
+};exports._mt=_mt;
+
+const _mr=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-right: ${addPxIfNeeded(c)};`
+};exports._mr=_mr;
+
+const _mb=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-bottom: ${addPxIfNeeded(c)};`
+};exports._mb=_mb;
+
+const _ml=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`margin-left: ${addPxIfNeeded(c)};`
+};exports._ml=_ml;
+
+const _p=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding: ${addPxIfNeeded(c)};`
+};exports._p=_p;
+
+const _px=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`padding-left: ${d}; padding-right: ${d};`
+};exports._px=_px;
+
+const _py=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];
+if(c===void 0)return"";
+const d=addPxIfNeeded(c);
+return`padding-top: ${d}; padding-bottom: ${d};`
+};exports._py=_py;
+
+const _pt=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-top: ${addPxIfNeeded(c)};`
+};exports._pt=_pt;
+
+const _pr=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-right: ${addPxIfNeeded(c)};`
+};exports._pr=_pr;
+
+const _pb=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-bottom: ${addPxIfNeeded(c)};`
+};exports._pb=_pb;
+
+const _pl=(a,b)=>{
+if(!a||!b?.spacing)return"";
+const c=b.spacing[a];return(
+void 0===c)?"":
+`padding-left: ${addPxIfNeeded(c)};`
+};exports._pl=_pl;

package/spacing/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Margin",{enumerable:!0,get:function(){return _margin.default}}),Object.defineProperty(exports,"Padding",{enumerable:!0,get:function(){return _padding.default}}),exports.default=void 0;var _margin=_interopRequireDefault(require("./margin")),_padding=_interopRequireDefault(require("./padding"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Margin:_margin.default,
+Padding:_padding.default
+};

package/spacing/margin/index.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Margin=void 0;var _react=_interopRequireDefault(require("react")),_styledComponents=_interopRequireWildcard(require("styled-components")),_core=require("../core"),_themes=_interopRequireDefault(require("../../themes"));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}function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+const Margin=exports.Margin=_styledComponents.default.div`
+  ${(a)=>{let{inline:b}=a;return b&&"display: inline-block;"}}
+  ${(a)=>{let{all:b,theme:c}=a;return(0,_core._m)(b,c)}}
+  ${(a)=>{let{horizontal:b,theme:c}=a;return(0,_core._mx)(b,c)}} 
+  ${(a)=>{let{vertical:b,theme:c}=a;return(0,_core._my)(b,c)}} 
+  ${(a)=>{let{top:b,theme:c}=a;return(0,_core._mt)(b,c)}} 
+  ${(a)=>{let{right:b,theme:c}=a;return(0,_core._mr)(b,c)}} 
+  ${(a)=>{let{bottom:b,theme:c}=a;return(0,_core._mb)(b,c)}} 
+  ${(a)=>{let{left:b,theme:c}=a;return(0,_core._ml)(b,c)}} 
+`;
+
+Margin.displayName="Margin";
+
+const Margined=(a)=>/*#__PURE__*/
+_react.default.createElement(_styledComponents.ThemeProvider,{theme:_themes.default},/*#__PURE__*/
+_react.default.createElement(Margin,a)
+);var _default=exports.default=
+
+
+Margined;