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

package/icon/index.js

@@ -0,0 +1,116 @@
+"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"));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)}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+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)(),
+
+l={
+...e,
+color:k,
+width:j,
+height:j
+},
+
+m=(()=>{const a=b.split("-").map((a,b)=>0===b?a.charAt(0).toUpperCase()+a.slice(1):a.charAt(0).toUpperCase()+a.slice(1)).join("")+"Icon",c="solid"===i?HeroIconsSolid:HeroIcons;return console.log(a,c[a]),c[a]})();// Map old color values to new color tokens
+// Get the appropriate Heroicon component
+// Apply styles and colors
+return m?/*#__PURE__*/
+
+
+
+_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)
+
+};var _default=exports.default=
+
+Icon;

package/icon/index.styles.js

@@ -0,0 +1,12 @@
+"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`
+  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 ${f||(e?0:b.marginSize[c])}px 0 ${g||(d?0:b.marginSize[c])}px`}};
+`;var _default=exports.default=
+
+StyledIcon;

package/icon/theme.js

@@ -0,0 +1,23 @@
+"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 iconTheme={
+size:{
+xxlg:48,
+xlg:32,
+lg:24,
+md:20,
+sm:16,
+xs:12
+},
+marginSize:{
+xxlg:18,
+xlg:16,
+lg:12,
+md:10,
+sm:8
+},
+colors:_themes.default.colors,
+defaultColor:_themes.default.colors.riverBedDark
+};var _default=exports.default=
+
+iconTheme;

package/index.js

@@ -0,0 +1,75 @@
+"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}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const{colors}=_themes.default;exports.jupiterColors=colors;var _default=exports.default=
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{
+Grid:_grid.default,
+Spacing:_spacing.default,
+utils:_utils.default,
+Typography:_typography.default,
+ShowDate:_showDate.default,
+Avatar:_avatar.default,
+Icon:_icon.default,
+Button:_button.default,
+TitledAvatar:_titledAvatar.default,
+NumericSummeryReport:_numericSummeryReport.default,
+Card:_card.default,
+ProductProperties:_productProperties.default,
+Cover:_cover.default,
+Form:_form.default,
+Responsive:_responsive.default,
+ProductOwner:_productOwner.default,
+FileItem:_fileItem.default,
+Modal:_modal.default,
+ProductMenu:_productMenu.default,
+Table:_table.default,
+Tab:_tabs.default,
+Display:_display.default
+};

package/modal/index.js

@@ -0,0 +1,100 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_reactModal=_interopRequireDefault(require("react-modal")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_index=require("./index.style"),_icon=_interopRequireDefault(require("../icon"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+_reactModal.default.setAppElement("body");
+
+function JupiterModal(a)
+
+
+
+
+
+
+
+
+
+
+{let{onRequestClose:d=()=>{},onAfterOpen:e=()=>{},hasCloseButton:f=!0,disabledClose:g=!1,modalWidth:h="80%",modalWidthMobile:i="100%",fullHeight:j=!1,isOpen:b,className:k="",children:c}=a;
+const l={
+overlay:{
+position:"fixed",
+top:0,
+left:0,
+right:0,
+bottom:0,
+backgroundColor:"rgba(0, 0, 0, 0.75)",
+zIndex:99
+},
+content:{
+position:"absolute",
+top:"50%",
+left:"50%",
+right:"auto",
+bottom:"auto",
+marginRight:"-50%",
+transform:"translate(-50%, -50%)",
+maxWidth:"990px",
+padding:"20px",
+backgroundColor:"white",
+height:j?"100%":"auto",
+display:"flex",
+flexDirection:"column",
+pointerEvents:"auto",
+backgroundClip:"padding-box",
+border:"1px solid rgba(0,0,0,.2)",
+borderRadius:".2rem"
+}
+};
+return(/*#__PURE__*/
+_react.default.createElement(_reactModal.default,{
+isOpen:b,
+onAfterOpen:e,
+onRequestClose:d,
+shouldCloseOnOverlayClick:!g,
+overlayClassName:"modal",
+className:`content ${k}`,
+style:l},/*#__PURE__*/
+
+_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
+_react.default.createElement(_index.StyledWrapper,null,
+!g&&f&&/*#__PURE__*/
+_react.default.createElement(_index.StyledIcon,{onClick:d,"aria-hidden":"true"},/*#__PURE__*/
+_react.default.createElement(_icon.default,{name:"close",size:"md"})
+),
+
+c
+),/*#__PURE__*/
+_react.default.createElement("style",null,
+`
+          .content {
+            width: ${h};
+          }
+          @media(max-width: 767px){
+            .content {
+              width: ${i};
+            }
+          }
+        `
+)
+))
+
+}var _default=exports.default=
+
+JupiterModal;

package/modal/index.style.js

@@ -0,0 +1,40 @@
+"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)
+{
+return{
+content:{
+top:"50%",
+left:"50%",
+right:"auto",
+bottom:"auto",
+transform:"translate(-50%, -50%)",
+borderRadius:`${a}px`,
+border:"0",
+padding:_detectMobile.isMobile?"50px 0":"0",
+margin:"0",
+width:_detectMobile.isMobile?d:c,
+boxShadow:`0 0 ${e.blur}px ${e.spread}px rgba(0, 0, 0, ${e.opacity})`,
+height:f?"100%":"auto"
+},
+overlay:{
+background:b
+}
+}
+}

package/modal/theme.js

@@ -0,0 +1,11 @@
+"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={
+borderRadius:_themes.default.borderRadius.low,
+overlayColor:_themes.default.colors.gray800,
+white:_themes.default.colors.white,
+defaultColor:_themes.default.colors.riverBedDark,
+modalShadow:_themes.default.shadows[5]
+};var _default=exports.default=
+
+theme;

package/numeric-summery-report/index.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_globalStyle=_interopRequireDefault(require("../globalStyle")),_typography=require("../typography"),_numbers=require("../utils/numbers"),_index=require("./index.style");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+
+
+
+
+
+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"},
+b.map((a)=>/*#__PURE__*/
+_react.default.createElement(_index.ListItem,{key:a.id},/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"12",color:c},a.title),/*#__PURE__*/
+_react.default.createElement(_typography.Text,{size:"16",bold:!0},(0,_numbers.toPersianNumber)(a.count,{}))
+)
+)
+)
+))};var _default=exports.default=
+
+
+NumericSummeryReport;

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

@@ -0,0 +1,16 @@
+"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,7 +1,8 @@
 {
   "name": "react-jupiter",
-  "version": "6.0.0-beta.2",
-  "main": "dist/index.js",
+  "version": "6.0.0-beta.4",
+  "description": "Evand Design System",
+  "main": "index.js",
   "license": "MIT",
   "keywords": [
     "evand",
@@ -11,9 +12,9 @@
     "styled-component"
   ],
   "contributors": [
+    "@mehranshiri",
     "@arashmanteghi",
-    "https://github.com/marzzy",
-    "@mehranshiri"
+    "https://github.com/marzzy"
   ],
   "publishConfig": {
     "access": "public"
@@ -25,12 +26,10 @@
   "bugs": {
     "url": "https://github.com/evandhq/react-jupiter/issues"
   },
+  "scripts": {
+  },
   "dependencies": {
     "@heroicons/react": "^2.2.0",
-    "@mdx-js/react": "^2.1.5",
-    "babel-plugin-macros": "^2.8.0",
-    "babel-preset-react-app": "^9.1.2",
-    "marked": "^15.0.7",
     "moment-jalaali": "^0.9.4",
     "prop-types": "^15.8.0",
     "react": "^18.3.1",
@@ -40,130 +39,12 @@
     "react-modal": "3.16.1",
     "react-responsive": "^8.2.0",
     "react-router-dom": "^5.3.0",
-    "react-scripts": "^5.0.1",
     "styled-components": "^5.3.11",
     "styled-media-query": "^2.1.2",
-    "tailwind-merge": "^3.2.0",
-    "webpack-dev-middleware": "^7.4.2"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "build:lib": "babel src --out-dir dist --copy-files",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "lint": "./node_modules/.bin/eslint ./src",
-    "lint:fix": "./node_modules/.bin/eslint ./src --fix",
-    "version": "auto-changelog -p && git add CHANGELOG.md"
-  },
-  "husky": {
-    "hooks": {}
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.16.7",
-    "@babel/core": "^7.16.7",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/preset-flow": "^7.16.7",
-    "@storybook/addon-actions": "^8.6.4",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/builder-webpack5": "^8.6.4",
-    "@storybook/cli": "^8.6.4",
-    "@storybook/preset-create-react-app": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-webpack5": "^8.6.4",
-    "@storybook/test": "^8.6.12",
-    "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.5.2",
-    "auto-changelog": "^1.16.4",
-    "autoprefixer": "^10.4.21",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "^29.7.0",
-    "babel-minify": "^0.5.1",
-    "babel-plugin-styled-components": "^2.1.4",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-minify": "^0.5.1",
-    "babel-preset-react": "^6.24.1",
-    "css-loader": "^7.1.2",
-    "del-cli": "^2.0.0",
-    "eslint": "^8.57.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.4",
-    "file-loader": "^6.2.0",
-    "flow-bin": "^0.117.0",
-    "husky": "^3.1.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-styled-components": "^7.2.0",
-    "postcss": "^8.5.3",
-    "postcss-import": "^16.1.0",
-    "react-app-rewired": "^2.2.1",
-    "react-is": "^19.0.0",
-    "react-refresh": "^0.16.0",
-    "react-test-renderer": "^18.3.1",
-    "sass": "^1.85.1",
-    "style-loader": "^4.0.0",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^4.9.5",
-    "webpack": "^5.98.0"
-  },
-  "eslintConfig": {
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off",
-          "no-trailing-spaces": "off",
-          "comma-dangle": [
-            "error",
-            "always-multiline"
-          ]
-        }
-      }
-    ]
+    "tailwind-merge": "^3.2.0"
   },
-  "jest": {
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.js"
-    ],
-    "testEnvironment": "jsdom",
-    "moduleNameMapper": {
-      "\\.(css|less|scss|sass)$": "identity-obj-proxy",
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js"
-    },
-    "transform": {
-      "^.+\\.(js|jsx|ts|tsx)$": "babel-jest"
-    },
-    "moduleFileExtensions": [
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "testPathIgnorePatterns": [
-      "/node_modules/"
-    ]
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
   }
 }
-

package/product-menu/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return _menu.default}}),Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return _menuItem.default}}),exports.default=void 0;var _menu=_interopRequireDefault(require("./menu")),_menuItem=_interopRequireDefault(require("./menu-item"));function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}var _default=exports.default=
+
+
+
+
+
+{
+Menu:_menu.default,
+MenuItem:_menuItem.default
+};

package/product-menu/index.style.js

@@ -0,0 +1,38 @@
+"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

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_typography=require("../typography");function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}
+
+
+
+
+
+
+
+function MenuItem(a){let{label:b,handleClick:c=()=>{},color:d="default"}=a;
+return(/*#__PURE__*/
+_react.default.createElement(_typography.Text,{
+size:14,
+bold:!0,
+onClick:c,
+"data-test":"product-menu-item",
+color:d},
+
+b
+))
+
+}var _default=exports.default=
+
+MenuItem;