react-jupiter 5.12.0 → 6.0.0-beta.10

package/icon/index.js

@@ -1,4 +1,14 @@
-"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")),_iconFont=_interopRequireDefault(require("./iconFont")),_theme=_interopRequireDefault(require("./theme")),_index=_interopRequireDefault(require("./index.styles"));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)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_tailwindMerge=require("tailwind-merge"),HeroIcons=_interopRequireWildcard(require("@heroicons/react/24/outline")),HeroIconsSolid=_interopRequireWildcard(require("@heroicons/react/24/solid")),_iconFont=require("./iconFont");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}}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)}
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -15,38 +25,97 @@ const Icon=(a)=>
 
 
 
+{let{name:b,size:h="md",color:c,className:d,style:e,onClick:f,variant:i="outline",...g}=a;
+// Map old size values to new size values in pixels
+const
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+j=(()=>"xs"===h?12:"sm"===h?16:"md"===h?20:"lg"===h?24:"xl"===h?32:"2xl"===h?40:"number"==typeof h?h:20)(),
+k=(()=>"white"===c?"white":"black"===c?"#000000":"gray"===c?"#6B7280":"darkGray"===c?"#374151":"darkBlue"===c?"#6941C6":"red"===c?"#EF4444":"green"===c?"#10B981":"yellow"===c?"#F59E0B":"blue"===c?"#3B82F6":c)(),
 
-{let{name:b,size:d="md",color:e="default",className:f="",stickyLeft:g=!1,stickyRight:h=!1,marginLeft:i=0,marginRight:j=0,...c}=a;return(
-void 0===b?null:/*#__PURE__*/
+l={
+...e,
+color:k,
+width:j,
+height:j
+},
 
+m=(()=>{// Use the mapping if available, otherwise fallback to the original name
+const a=_iconFont.legacyIconMap[b]||b,c=a.split("-").map((a)=>a.charAt(0).toUpperCase()+a.slice(1)).join("")+"Icon",d="solid"===i?HeroIconsSolid:HeroIcons;// Convert to Heroicons PascalCase convention
+return d[c]})();// Map old color values to new color tokens
+// Get the appropriate Heroicon component
+// Apply styles and colors
+return m?/*#__PURE__*/
 
-_react.default.createElement(_styledComponents.ThemeProvider,{theme:_theme.default},/*#__PURE__*/
-_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
-_react.default.createElement(_iconFont.default,null),/*#__PURE__*/
-_react.default.createElement(_index.default,_extends({
-size:d,
-IconColor:e,
-className:"jupiter-icon new-icon-".concat(b," ").concat(f),
-"data-test":"icon",
-stickyLeft:g,
-stickyRight:h,
-marginLeft:i,
-marginRight:j},
-c)
-)
-))
+_react.default.createElement("div",_extends({
+className:(0,_tailwindMerge.twMerge)("inline-block",d),
+onClick:f,
+"aria-hidden":"true"},
+g),/*#__PURE__*/
 
-};
+_react.default.createElement(m,{style:l})
+):(console.log(`Icon "${m}" not found in Heroicons`),null)
 
-Icon.propTypes={
-name:_propTypes.default.string.isRequired,
-size:_propTypes.default.oneOf(["xxlg","xlg","lg","md","sm","xs"]),
-color:_propTypes.default.oneOf(["default","red","green","blue","yellow","white","darkBlue","gray"]),
-className:_propTypes.default.string,
-stickyLeft:_propTypes.default.bool,
-stickyRight:_propTypes.default.bool,
-marginLeft:_propTypes.default.number,
-marginRight:_propTypes.default.number
 };var _default=exports.default=
 
 Icon;

package/icon/index.styles.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styledComponents=_interopRequireDefault(require("styled-components")),_theme=require("../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _taggedTemplateLiteral(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _styledComponents=_interopRequireDefault(require("styled-components")),_theme=require("../utils/theme");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
-const StyledIcon=_styledComponents.default.i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  font-size: ",";\n  color: ",";\n  margin: ",";\n"])),
-(a)=>{let{theme:b,size:c}=a;return"".concat(b.size[c],"px")},
-(a)=>{let{theme:b,IconColor:c}=a;return(0,_theme.getColorFromName)(b,c)},
-(a)=>{let{
+const StyledIcon=_styledComponents.default.i`
+  font-size: ${(a)=>{let{theme:b,size:c}=a;return`${b.size[c]}px`}};
+  color: ${(a)=>{let{theme:b,IconColor:c}=a;return(0,_theme.getColorFromName)(b,c)}};
+  margin: ${(a)=>{let{
 theme:b,size:c,stickyLeft:d,stickyRight:e,marginRight:f,marginLeft:g
-}=a;return"0 ".concat(f||(e?0:b.marginSize[c]),"px 0 ").concat(g||(d?0:b.marginSize[c]),"px")});var _default=exports.default=
-
+}=a;return`0 ${f||(e?0:b.marginSize[c])}px 0 ${g||(d?0:b.marginSize[c])}px`}};
+`;var _default=exports.default=
 
 StyledIcon;

package/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _avatar.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _card.default}}),Object.defineProperty(exports,"Cover",{enumerable:!0,get:function(){return _cover.default}}),Object.defineProperty(exports,"Display",{enumerable:!0,get:function(){return _display.default}}),Object.defineProperty(exports,"FileItem",{enumerable:!0,get:function(){return _fileItem.default}}),Object.defineProperty(exports,"Form",{enumerable:!0,get:function(){return _form.default}}),Object.defineProperty(exports,"FormV7",{enumerable:!0,get:function(){return _formV.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return _styledComponentsGrid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return _icon.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _modal.default}}),Object.defineProperty(exports,"NumericSummeryReport",{enumerable:!0,get:function(){return _numericSummeryReport.default}}),Object.defineProperty(exports,"ProductMenu",{enumerable:!0,get:function(){return _productMenu.default}}),Object.defineProperty(exports,"ProductOwner",{enumerable:!0,get:function(){return _productOwner.default}}),Object.defineProperty(exports,"ProductProperties",{enumerable:!0,get:function(){return _productProperties.default}}),Object.defineProperty(exports,"Responsive",{enumerable:!0,get:function(){return _responsive.default}}),Object.defineProperty(exports,"ShowDate",{enumerable:!0,get:function(){return _showDate.default}}),Object.defineProperty(exports,"Spacing",{enumerable:!0,get:function(){return _spacing.default}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return _table.default}}),Object.defineProperty(exports,"TitledAvatar",{enumerable:!0,get:function(){return _titledAvatar.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return _typography.default}}),exports.jupiterColors=exports.default=void 0,Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return _utils.default}});var _styledComponentsGrid=_interopRequireDefault(require("styled-components-grid")),_spacing=_interopRequireDefault(require("./spacing")),_utils=_interopRequireDefault(require("./utils")),_typography=_interopRequireDefault(require("./typography")),_showDate=_interopRequireDefault(require("./show-date")),_avatar=_interopRequireDefault(require("./avatar")),_icon=_interopRequireDefault(require("./icon")),_button=_interopRequireDefault(require("./button")),_titledAvatar=_interopRequireDefault(require("./titled-avatar")),_numericSummeryReport=_interopRequireDefault(require("./numeric-summery-report")),_card=_interopRequireDefault(require("./card")),_productProperties=_interopRequireDefault(require("./product-properties")),_cover=_interopRequireDefault(require("./cover")),_form=_interopRequireDefault(require("./form")),_display=_interopRequireDefault(require("./display")),_responsive=_interopRequireDefault(require("./responsive")),_productOwner=_interopRequireDefault(require("./product-owner")),_fileItem=_interopRequireDefault(require("./file-item")),_modal=_interopRequireDefault(require("./modal")),_productMenu=_interopRequireDefault(require("./product-menu")),_table=_interopRequireDefault(require("./table")),_tabs=_interopRequireDefault(require("./tabs")),_themes=_interopRequireDefault(require("./themes")),_formV=_interopRequireDefault(require("./form-v7"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _avatar.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return _button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return _card.default}}),Object.defineProperty(exports,"Cover",{enumerable:!0,get:function(){return _cover.default}}),Object.defineProperty(exports,"Display",{enumerable:!0,get:function(){return _display.default}}),Object.defineProperty(exports,"FileItem",{enumerable:!0,get:function(){return _fileItem.default}}),Object.defineProperty(exports,"Form",{enumerable:!0,get:function(){return _form.default}}),Object.defineProperty(exports,"FormV7",{enumerable:!0,get:function(){return _formV.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function(){return _grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return _icon.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return _modal.default}}),Object.defineProperty(exports,"NumericSummeryReport",{enumerable:!0,get:function(){return _numericSummeryReport.default}}),Object.defineProperty(exports,"ProductMenu",{enumerable:!0,get:function(){return _productMenu.default}}),Object.defineProperty(exports,"ProductOwner",{enumerable:!0,get:function(){return _productOwner.default}}),Object.defineProperty(exports,"ProductProperties",{enumerable:!0,get:function(){return _productProperties.default}}),Object.defineProperty(exports,"Responsive",{enumerable:!0,get:function(){return _responsive.default}}),Object.defineProperty(exports,"ShowDate",{enumerable:!0,get:function(){return _showDate.default}}),Object.defineProperty(exports,"Spacing",{enumerable:!0,get:function(){return _spacing.default}}),Object.defineProperty(exports,"Tab",{enumerable:!0,get:function(){return _tabs.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function(){return _table.default}}),Object.defineProperty(exports,"TitledAvatar",{enumerable:!0,get:function(){return _titledAvatar.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function(){return _typography.default}}),exports.jupiterColors=exports.default=void 0,Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return _utils.default}});var _grid=_interopRequireDefault(require("./grid")),_spacing=_interopRequireDefault(require("./spacing")),_utils=_interopRequireDefault(require("./utils")),_typography=_interopRequireDefault(require("./typography")),_showDate=_interopRequireDefault(require("./show-date")),_avatar=_interopRequireDefault(require("./avatar")),_icon=_interopRequireDefault(require("./icon")),_button=_interopRequireDefault(require("./button")),_titledAvatar=_interopRequireDefault(require("./titled-avatar")),_numericSummeryReport=_interopRequireDefault(require("./numeric-summery-report")),_card=_interopRequireDefault(require("./card")),_productProperties=_interopRequireDefault(require("./product-properties")),_cover=_interopRequireDefault(require("./cover")),_form=_interopRequireDefault(require("./form")),_display=_interopRequireDefault(require("./display")),_responsive=_interopRequireDefault(require("./responsive")),_productOwner=_interopRequireDefault(require("./product-owner")),_fileItem=_interopRequireDefault(require("./file-item")),_modal=_interopRequireDefault(require("./modal")),_productMenu=_interopRequireDefault(require("./product-menu")),_table=_interopRequireDefault(require("./table")),_tabs=_interopRequireDefault(require("./tabs")),_themes=_interopRequireDefault(require("./themes")),_formV=_interopRequireDefault(require("./form-v7"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
 
 
 
@@ -50,7 +50,7 @@ const{colors}=_themes.default;exports.jupiterColors=colors;var _default=exports.
 
 
 {
-Grid:_styledComponentsGrid.default,
+Grid:_grid.default,
 Spacing:_spacing.default,
 utils:_utils.default,
 Typography:_typography.default,

package/modal/index.js

@@ -62,14 +62,14 @@ border:"1px solid rgba(0,0,0,.2)",
 borderRadius:".2rem"
 }
 };
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_reactModal.default,{
 isOpen:b,
 onAfterOpen:e,
 onRequestClose:d,
 shouldCloseOnOverlayClick:!g,
 overlayClassName:"modal",
-className:"content ".concat(k),
+className:`content ${k}`,
 style:l},/*#__PURE__*/
 
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
@@ -81,17 +81,17 @@ _react.default.createElement(_icon.default,{name:"close",size:"md"})
 
 c
 ),/*#__PURE__*/
-_react.default.createElement("style",null,"\n          .content {\n            width: ".concat(
-
-
-h,";\n          }\n          @media(max-width: 767px){\n            .content {\n              width: ").concat(
-
-
-
-i,";\n            }\n          }\n        ")
-
-
-
+_react.default.createElement("style",null,
+`
+          .content {
+            width: ${h};
+          }
+          @media(max-width: 767px){
+            .content {
+              width: ${i};
+            }
+          }
+        `
 )
 ))
 

package/modal/index.style.js

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledWrapper=exports.StyledIcon=void 0,exports.customModalStyles=customModalStyles;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components")),_detectMobile=require("../utils/detectMobile");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
-
-
-StyledIcon=exports.StyledIcon=_styledComponents.default.span(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  cursor: pointer;\n  position: absolute;\n  right: 0;\n  top: 8px;\n  z-index: 999;\n"]))),
-
-
-
-
-
-
-
-StyledWrapper=exports.StyledWrapper=_styledComponents.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: 100%;\n  min-height: 300px;\n  box-sizing: border-box;\n"])));
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledWrapper=exports.StyledIcon=void 0,exports.customModalStyles=customModalStyles;var _styledComponents=_interopRequireDefault(require("styled-components")),_detectMobile=require("../utils/detectMobile");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
 
 
+StyledIcon=exports.StyledIcon=_styledComponents.default.span`
+  cursor: pointer;
+  position: absolute;
+  right: 0;
+  top: 8px;
+  z-index: 999;
+`,
 
+StyledWrapper=exports.StyledWrapper=_styledComponents.default.div`
+  width: 100%;
+  min-height: 300px;
+  box-sizing: border-box;
+`;
 
 function customModalStyles(
 a,b,c,d,e,f)
@@ -25,12 +25,12 @@ left:"50%",
 right:"auto",
 bottom:"auto",
 transform:"translate(-50%, -50%)",
-borderRadius:"".concat(a,"px"),
+borderRadius:`${a}px`,
 border:"0",
 padding:_detectMobile.isMobile?"50px 0":"0",
 margin:"0",
 width:_detectMobile.isMobile?d:c,
-boxShadow:"0 0 ".concat(e.blur,"px ").concat(e.spread,"px rgba(0, 0, 0, ").concat(e.opacity,")"),
+boxShadow:`0 0 ${e.blur}px ${e.spread}px rgba(0, 0, 0, ${e.opacity})`,
 height:f?"100%":"auto"
 },
 overlay:{

package/numeric-summery-report/index.js

@@ -11,7 +11,7 @@
 
 
 
-const NumericSummeryReport=(a)=>{let{data:b,textColor:c="gray"}=a;return/*#__PURE__*/(
+const NumericSummeryReport=(a)=>{let{data:b,textColor:c="gray"}=a;return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
 _react.default.createElement(_index.ListContainer,{"data-test":"numeric-summery-report"},

package/numeric-summery-report/index.style.js

@@ -1,11 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListItem=exports.ListContainer=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
-
-ListContainer=exports.ListContainer=_styledComponents.default.ul(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  height: 57px;\n  width: 100%;\n  align-items: center;\n  justify-content: space-around;\n"]))),
-
-
-
-
-
-
-
-ListItem=exports.ListItem=_styledComponents.default.li(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n"])));
+"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;
+  height: 57px;
+  width: 100%;
+  align-items: center;
+  justify-content: space-around;
+`,
+
+ListItem=exports.ListItem=_styledComponents.default.li`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-jupiter",
-  "version": "5.12.0",
+  "version": "6.0.0-beta.10",
   "main": "index.js",
   "license": "MIT",
   "keywords": [
@@ -37,9 +37,7 @@
     "react-modal": "3.16.1",
     "react-responsive": "^8.2.0",
     "react-router-dom": "^5.3.0",
-    "react-sidenav": "^4.0.6",
     "styled-components": "^5.3.11",
-    "styled-components-grid": "^2.2.2",
     "styled-media-query": "^2.1.2"
   },
   "peerDependencies": {

package/product-menu/index.style.js

@@ -1,37 +1,38 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Nav=exports.MenuWrapper=exports.MenuListItem=exports.ExtraMenuWrapper=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_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
-
-MenuWrapper=exports.MenuWrapper=_styledComponents.default.ol(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: ",";\n\n  li {\n    cursor: pointer;\n  }\n"])),
-
-
-
-(a)=>{let{justifyContent:b}=a;return b?b:"space-between"}),
-
-
-
-
-
-
-MenuListItem=exports.MenuListItem=_styledComponents.default.li(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  flex-shrink: 1;\n  min-width: ",";\n  box-sizing: border-box;\n  ","\n"])),
-
-(a)=>{let{theme:b}=a;return b.itemMinWidth},
-
-(a)=>{let{isShowMoreItem:b}=a;return b?"position: relative;":""}),
-
-
-
-ExtraMenuWrapper=exports.ExtraMenuWrapper=_styledComponents.default.ol(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  opacity: ",";\n  transition: opacity ",";\n  position: absolute;\n  background: ",";\n  box-shadow:\n    ","\n\n  li {\n    border-bottom: 1px solid ",";\n    min-width: ",";\n  }\n"])),
-(a)=>{let{showMore:b}=a;return b?"1":"0"},
-(a)=>{let{theme:b}=a;return"".concat(b.animation.time,"s ").concat(b.animation.method)},
-
-(a)=>{let{theme:b}=a;return b.bgColor},
-
-(a)=>{let{theme:b}=a;return"0 0 ".concat(b.shadow.blur,"px ").concat(b.shadow.spread,"px rgba(0, 0, 0, ").concat(b.shadow.opacity,");")},
-
-
-(a)=>{let{theme:b}=a;return b.borderColor},
-(a)=>{let{theme:b}=a;return b.itemMinWidth}),
-
-
-
-Nav=exports.Nav=_styledComponents.default.nav(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  border-bottom: 1px solid ",";\n"])),
-(a)=>{let{theme:b}=a;return b.borderColor});
+"use strict";var _styledComponents=_interopRequireDefault(require("styled-components"));Object.defineProperty(exports,"__esModule",{value:!0}),exports.Nav=exports.MenuWrapper=exports.MenuListItem=exports.ExtraMenuWrapper=void 0;function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}const
+
+MenuWrapper=exports.MenuWrapper=_styledComponents.default.ol`
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: ${(a)=>{let{justifyContent:b}=a;return b?b:"space-between"}};
+
+  li {
+    cursor: pointer;
+  }
+`,
+
+MenuListItem=exports.MenuListItem=_styledComponents.default.li`
+  flex-shrink: 1;
+  min-width: ${(a)=>{let{theme:b}=a;return b.itemMinWidth}};
+  box-sizing: border-box;
+  ${(a)=>{let{isShowMoreItem:b}=a;return b?"position: relative;":""}}
+`,
+
+
+ExtraMenuWrapper=exports.ExtraMenuWrapper=_styledComponents.default.ol`
+  opacity: ${(a)=>{let{showMore:b}=a;return b?"1":"0"}};
+  transition: opacity ${(a)=>{let{theme:b}=a;return`${b.animation.time}s ${b.animation.method}`}};
+  position: absolute;
+  background: ${(a)=>{let{theme:b}=a;return b.bgColor}};
+  box-shadow:
+    ${(a)=>{let{theme:b}=a;return`0 0 ${b.shadow.blur}px ${b.shadow.spread}px rgba(0, 0, 0, ${b.shadow.opacity});`}}
+
+  li {
+    border-bottom: 1px solid ${(a)=>{let{theme:b}=a;return b.borderColor}};
+    min-width: ${(a)=>{let{theme:b}=a;return b.itemMinWidth}};
+  }
+`,
+
+Nav=exports.Nav=_styledComponents.default.nav`
+  border-bottom: 1px solid ${(a)=>{let{theme:b}=a;return b.borderColor}};
+`;

package/product-menu/menu-item.js

@@ -7,7 +7,7 @@
 
 
 function MenuItem(a){let{label:b,handleClick:c=()=>{},color:d="default"}=a;
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_typography.Text,{
 size:14,
 bold:!0,

package/product-menu/menu.js

@@ -73,7 +73,7 @@ f=_react.default.Children.toArray(e);
 
 
 
-return/*#__PURE__*/(
+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__*/

package/product-menu/theme.js

@@ -6,7 +6,11 @@ bgColor:_themes.default.colors.white,
 itemMinWidth:"120px",
 animation:_themes.default.animation,
 shadow:_themes.default.shadows[1],
-breakpoints:_themes.default.breakpoints
+breakpoints:_themes.default.breakpoints,
+text:{
+color:"#333",
+fontWeight:"normal"
+}
 };var _default=exports.default=
 
 theme;

package/product-owner/index.js

@@ -27,7 +27,7 @@ renderTitledAvatarLink:f=null,
 renderDescriptionLink:g=null,
 onClickFollowMe:h=()=>!1,
 onClickConnectUs:i=()=>{}
-}=a;return/*#__PURE__*/(
+}=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,{

package/product-owner/index.style.js

@@ -1,10 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledButton=exports.ButtonContainer=void 0;var _templateObject,_templateObject2,_styledComponents=_interopRequireDefault(require("styled-components")),_button=_interopRequireDefault(require("../button"));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
+"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(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  margin-top: 12px;\n  display: flex;\n  flex-wrap: wrap;\n"]))),
+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;
 
-
-
-
-StyledButton=exports.StyledButton=(0,_styledComponents.default)(_button.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  margin-left: 8px;\n\n  &.follow-button {\n    min-width: 88px;\n  }\n"])));
+  &.follow-button {
+    min-width: 88px;
+  }
+`;

package/product-properties/index.js

@@ -1,4 +1,4 @@
-"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)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}
+"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)}
 
 
 
@@ -33,7 +33,7 @@ link:c,
 }=a,
 h=1<b.length&&e?b.length:1;return(
 
-1===b.length?/*#__PURE__*/
+1===b.length)?/*#__PURE__*/
 
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
@@ -46,8 +46,8 @@ _react.default.createElement(_productProperty.default,_extends({iconName:b[0].ic
 _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:"".concat(c,"-").concat(b.toString()),isHorizontal:e,propsLength:h},/*#__PURE__*/
+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,
@@ -58,7 +58,7 @@ link:i}
 ))}
 )
 )
-))
+)
 
 };var _default=exports.default=
 

package/product-properties/index.style.js

@@ -1,11 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ListItem=exports.ListContainer=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
-
-ListContainer=exports.ListContainer=_styledComponents.default.ul(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: ",";\n  flex-wrap: wrap;\n"])),
-
-(a)=>{let{isHorizontal:b}=a;return b?"row":"column"}),
-
-
-
-ListItem=exports.ListItem=_styledComponents.default.li(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    margin: 2px 0;\n    min-width: calc(100% / ",");\n    &:first-child { margin-top: 0; }\n    &:last-child { margin-bottom: 0; }\n"])),
-
-(a)=>{let{propsLength:b}=a;return b});
+"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

@@ -39,7 +39,7 @@ link:f,
 
 
 
-return/*#__PURE__*/(
+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)))()
 ))

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

@@ -1,9 +1,9 @@
-"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 Container=_styledComponents.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  width: auto;\n"])));var _default=exports.default=
-
-
-
+"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

@@ -7,7 +7,7 @@
 const ProgressBar=(a)=>{let{width:b,labels:c,points:d}=a;
 const e=100*b/d.colleague;
 
-return/*#__PURE__*/(
+return(/*#__PURE__*/
 _react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/
 _react.default.createElement(_index.Names,{points:d},
 c.map((a,b)=>/*#__PURE__*/