@hi-ui/menu 4.0.0-beta.7 → 4.0.0

package/lib/cjs/MenuItem.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -48,6 +48,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Popper__default = /*#__PURE__*/_interopDefaultLegacy(Popper);
 
 var MENU_PREFIX = classname.getPrefixCls('menu');
+var hiddenStyle = {
+  position: 'absolute',
+  opacity: 0,
+  order: 9999,
+  visibility: 'hidden'
+};
 var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _cx, _cx2;
 
@@ -62,11 +68,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       level = _a$level === void 0 ? 1 : _a$level,
       children = _a.children,
       parentIds = _a.parentIds,
-      rest = tslib.__rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds"]);
+      _a$hidden = _a.hidden,
+      hidden = _a$hidden === void 0 ? false : _a$hidden,
+      render = _a.render,
+      raw = _a.raw,
+      rest = tslib.__rest(_a, ["prefixCls", "className", "icon", "title", "disabled", "id", "level", "children", "parentIds", "hidden", "render", "raw"]);
 
   var itemRef = React.useRef(null);
 
-  var _useContext = React.useContext(context['default']),
+  var _useContext = React.useContext(context["default"]),
       placement = _useContext.placement,
       expandedType = _useContext.expandedType,
       showAllSubMenus = _useContext.showAllSubMenus,
@@ -83,10 +93,11 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
   var hasChildren = typeAssertion.isArrayNonEmpty(children);
   var mergedRef = useMergeRefs.useMergeRefs(itemRef, ref);
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("li", Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("li", Object.assign({
     ref: mergedRef,
-    className: classname.cx(prefixCls + "-item", (_cx = {}, _cx[prefixCls + "-item__inner--mini"] = mini, _cx[prefixCls + "-item--disabled"] = disabled, _cx[prefixCls + "-item--active"] = placement === 'horizontal' && (activeId === id || (activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id))) && level === 1, _cx), className)
-  }, rest), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: classname.cx(prefixCls + "-item", (_cx = {}, _cx[prefixCls + "-item__inner--mini"] = mini, _cx[prefixCls + "-item--disabled"] = disabled, _cx[prefixCls + "-item--active"] = placement === 'horizontal' && (activeId === id || (activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id))) && level === 1, _cx), className),
+    style: hidden ? hiddenStyle : undefined
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classname.cx(prefixCls + "-item__inner", (_cx2 = {}, _cx2[prefixCls + "-item__inner--active"] = activeId === id, _cx2[prefixCls + "-item__inner--active-p"] = activeParents === null || activeParents === void 0 ? void 0 : activeParents.includes(id), _cx2[prefixCls + "-item__inner--expanded"] = expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id), _cx2)),
     onClick: function onClick() {
       if (typeAssertion.isArrayNonEmpty(children)) {
@@ -95,7 +106,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         }
       } else {
         if (clickMenu) {
-          clickMenu(id);
+          // @ts-ignore
+          clickMenu(id, raw);
         }
 
         if (closeAllPopper && !(placement === 'vertical' && expandedType === 'collapse' && mini === false)) {
@@ -106,39 +118,44 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, placement === 'vertical' && expandedType === 'collapse' && !mini ? renderIndent({
     prefixCls: prefixCls + "-item",
     depth: level - 1
-  }) : null, icon ? /*#__PURE__*/React__default['default'].createElement("span", {
+  }) : null, icon ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__icon"
-  }, icon) : null, /*#__PURE__*/React__default['default'].createElement("span", {
+  }, icon) : null, /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "-item__content"
-  }, title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }, typeAssertion.isFunction(render) ? render({
+    id: id,
+    icon: icon,
+    title: title
+  }) : title), hasChildren && !mini && placement === 'vertical' && expandedType === 'collapse' && !showAllSubMenus && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  })), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  })), hasChildren && mini && level > 1 && placement === 'vertical' ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }) : null, hasChildren && !mini && placement === 'vertical' && (expandedType === 'pop' || showAllSubMenus) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }) : null, hasChildren && placement === 'horizontal' && level > 1 ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item"
-  }) : null, hasChildren && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }) : null, hasChildren && placement === 'horizontal' && level === 1 && ((expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)) ? /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "up"
-  }) : /*#__PURE__*/React__default['default'].createElement(Arrow, {
+  }) : /*#__PURE__*/React__default["default"].createElement(Arrow, {
     prefixCls: prefixCls + "-item",
     direction: "down"
-  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React__default['default'].createElement(Expander.Expander, {
+  }))), hasChildren && placement === 'vertical' && !mini && !showAllSubMenus && expandedType === 'collapse' ? /*#__PURE__*/React__default["default"].createElement(Expander.Expander, {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id))
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-submenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
-      parentIds: _parentIds
+      parentIds: _parentIds,
+      raw: child
     }));
-  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : null), hasChildren && placement === 'vertical' && mini && !showAllSubMenus && expandedType === 'collapse' && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -148,15 +165,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -167,15 +184,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  })))), hasChildren && placement === 'vertical' && !showAllSubMenus && expandedType === 'pop' && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -185,15 +202,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -204,15 +221,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  })))), hasChildren && placement === 'vertical' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'right-start',
@@ -222,21 +239,21 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default['default'].createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx3;
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           if (clickMenu) {
-            clickMenu(item.id);
+            clickMenu(item.id, item);
           }
 
           if (closePopper) {
@@ -247,7 +264,7 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         key: item.id
       }, item.title);
     })) : null);
-  }))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : null, hasChildren && placement === 'horizontal' && !showAllSubMenus && (level === 1 ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: level === 1 ? 'bottom-start' : 'right-start',
@@ -257,15 +274,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  }))) : /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  }))) : /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     disabledPortal: true,
@@ -276,15 +293,15 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: prefixCls + "-popmenu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement(MenuItem, Object.assign({}, child, {
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, Object.assign({}, child, {
       key: child.id,
       level: level + 1,
       parentIds: _parentIds
     }));
-  })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React__default['default'].createElement(Popper__default['default'], {
+  })))), hasChildren && placement === 'horizontal' && showAllSubMenus ? /*#__PURE__*/React__default["default"].createElement(Popper__default["default"], {
     visible: !!(expandedIds === null || expandedIds === void 0 ? void 0 : expandedIds.includes(id)),
     attachEl: itemRef.current,
     placement: 'bottom-start',
@@ -294,22 +311,22 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         closePopper(id);
       }
     }
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: prefixCls + "-fat-menu"
   }, children.map(function (child) {
-    return /*#__PURE__*/React__default['default'].createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: child.id,
       className: prefixCls + "-fat-menu__group"
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: prefixCls + "-group-item"
-    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default['default'].createElement("ul", null, child.children.map(function (item) {
+    }, child.title), child && typeAssertion.isArrayNonEmpty(child.children) ? /*#__PURE__*/React__default["default"].createElement("ul", null, child.children.map(function (item) {
       var _cx4;
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classname.cx(prefixCls + "-item", (_cx4 = {}, _cx4[prefixCls + "-item--active"] = activeId === item.id, _cx4)),
         onClick: function onClick() {
           if (clickMenu) {
-            clickMenu(item.id);
+            clickMenu(item.id, item);
           }
 
           if (closePopper) {
@@ -333,18 +350,18 @@ var Arrow = function Arrow(_ref) {
 
   switch (direction) {
     case 'up':
-      icon = /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null);
       break;
 
     case 'down':
-      icon = /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
       break;
 
     default:
-      icon = /*#__PURE__*/React__default['default'].createElement(icons.RightOutlined, null);
+      icon = /*#__PURE__*/React__default["default"].createElement(icons.RightOutlined, null);
   }
 
-  return /*#__PURE__*/React__default['default'].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("span", {
     className: prefixCls + "__arrow"
   }, icon);
 };
@@ -357,7 +374,7 @@ var renderIndent = function renderIndent(_ref2) {
   var prefixCls = _ref2.prefixCls,
       depth = _ref2.depth;
   return arrayUtils.times(depth, function (index) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: prefixCls + "__indent",
       key: index
     });
@@ -365,4 +382,3 @@ var renderIndent = function renderIndent(_ref2) {
 };
 
 exports.MenuItem = MenuItem;
-//# sourceMappingURL=MenuItem.js.map

package/lib/cjs/context.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -17,4 +17,3 @@ var React = require('react');
 
 var MenuContext = /*#__PURE__*/React.createContext({});
 exports["default"] = MenuContext;
-//# sourceMappingURL=context.js.map

package/lib/cjs/index.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -19,4 +19,3 @@ var Menu = require('./Menu.js');
 
 exports.Menu = Menu.Menu;
 exports["default"] = Menu.Menu;
-//# sourceMappingURL=index.js.map

package/lib/cjs/styles/index.scss.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -12,11 +12,10 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-menu-fat-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap; }\n.hi-v4-menu-fat-menu__group:not(:last-of-type) {\n    margin-right: var(--hi-v4-spacing-18, 36px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-group-item {\n    height: 40px;\n    margin: 0;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-6, 12px);\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0;\n    border-radius: var(--hi-v4-border-radius-normal, 4px);\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item--active {\n      color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-fat-menu ul {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu-fat-menu ul li {\n      list-style-type: none; }\n.hi-v4-menu-popmenu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  border-radius: var(--hi-v4-border-radius-normal, 4px);\n  margin: 0;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  padding: var(--hi-v4-spacing-4, 8px);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  width: 216px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu-popmenu .hi-v4-menu-item {\n    height: 40px;\n    margin: 0; }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner--expanded {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu-popmenu .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      padding-right: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu {\n  background-color: var(--hi-v4-color-static-white, #fff);\n  color: var(--hi-v4-color-gray-700, #1f2733);\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  line-height: var(--hi-v4-text-lineheight-normal, 1.375rem);\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-menu ul {\n    margin: 0;\n    padding: 0; }\n.hi-v4-menu-item {\n    list-style: none;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    cursor: pointer;\n    -webkit-transition: all 0.3s;\n    transition: all 0.3s; }\n.hi-v4-menu-item__icon {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      -webkit-margin-end: var(--hi-v4-spacing-4, 8px);\n              margin-inline-end: var(--hi-v4-spacing-4, 8px); }\n.hi-v4-menu-item__icon svg[class^=hi-v4-icon] {\n        font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__arrow {\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu-item__indent {\n      display: inline-block;\n      width: 24px;\n      height: 100%;\n      -ms-flex-negative: 0;\n          flex-shrink: 0; }\n.hi-v4-menu__wrapper {\n    padding: 0;\n    margin: 0; }\n.hi-v4-menu--horizontal {\n    width: 100%;\n    overflow-x: auto; }\n.hi-v4-menu--horizontal .hi-v4-menu__wrapper {\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      overflow: visible;\n      width: -webkit-max-content;\n      width: -moz-max-content;\n      width: max-content;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box; }\n.hi-v4-menu--horizontal .hi-v4-menu-item {\n      margin: 0 var(--hi-v4-spacing-10, 20px);\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      height: 56px;\n      border: none;\n      font-size: var(--hi-v4-text-size-lg, 1rem); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__arrow {\n        -webkit-margin-start: var(--hi-v4-spacing-2, 4px);\n                margin-inline-start: var(--hi-v4-spacing-2, 4px); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item:hover .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__inner {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner {\n        height: 100%;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n            -ms-flex-align: center;\n                align-items: center;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        border-bottom: 2px solid transparent; }\n.hi-v4-menu--horizontal .hi-v4-menu-item__inner--expanded {\n          border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--horizontal .hi-v4-menu-item__content {\n        -webkit-box-flex: 1;\n            -ms-flex: 1 1;\n                flex: 1 1;\n        white-space: nowrap;\n        max-width: none; }\n.hi-v4-menu--vertical {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    padding: var(--hi-v4-spacing-4, 8px);\n    width: 216px;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    height: 100%;\n    -webkit-transition: width 0.3s;\n    transition: width 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu__wrapper {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: auto; }\n.hi-v4-menu--vertical.hi-v4-menu--mini {\n      width: 56px;\n      overflow-x: hidden; }\n.hi-v4-menu--vertical.hi-v4-menu--popup .hi-v4-menu-item__inner--expanded {\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu__toggle {\n      width: 40px;\n      cursor: pointer;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      height: 40px; }\n.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner {\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      height: 40px;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n      margin-bottom: var(--hi-v4-spacing-4, 8px);\n      padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);\n      border-radius: var(--hi-v4-border-radius-normal, 4px);\n      -webkit-transition: all 0.3s;\n      transition: all 0.3s; }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));\n        background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {\n        color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p .hi-v4-menu-item__icon {\n          color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {\n        background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-menu--vertical .hi-v4-menu-item__content {\n      -webkit-box-flex: 1;\n          -ms-flex: 1 1;\n              flex: 1 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-indent: 0.5px; }\n";
+var css_248z = ".hi-v4-menu-fat-menu {background-color: var(--hi-v4-color-static-white, #fff);margin: 0;font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);display: -webkit-box;display: -ms-flexbox;display: flex;color: var(--hi-v4-color-gray-700, #1f2733);border-radius: var(--hi-v4-border-radius-md, 4px);-ms-flex-wrap: wrap;flex-wrap: wrap; }.hi-v4-menu-fat-menu__group:not(:last-of-type) {margin-right: var(--hi-v4-spacing-18, 36px); }.hi-v4-menu-fat-menu .hi-v4-menu-group-item {height: 40px;margin: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 var(--hi-v4-spacing-6, 12px);color: var(--hi-v4-color-gray-500, #929aa6); }.hi-v4-menu-fat-menu .hi-v4-menu-item {height: 40px;margin: 0;border-radius: var(--hi-v4-border-radius-md, 4px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px); }.hi-v4-menu-fat-menu .hi-v4-menu-item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-menu-fat-menu .hi-v4-menu-item:not(.hi-v4-menu-item--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu-fat-menu ul {padding: 0;margin: 0; }.hi-v4-menu-fat-menu ul li {list-style-type: none; }.hi-v4-menu-popmenu {background-color: var(--hi-v4-color-static-white, #fff);border-radius: var(--hi-v4-border-radius-md, 4px);margin: 0;font-size: var(--hi-v4-text-size-md, 0.875rem);padding: var(--hi-v4-spacing-4, 8px);color: var(--hi-v4-color-gray-700, #1f2733);width: 216px;-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-menu-popmenu .hi-v4-menu-item {height: 40px;margin: 0; }.hi-v4-menu-popmenu .hi-v4-menu-item__inner {-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: var(--hi-v4-spacing-4, 8px);padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);border-radius: var(--hi-v4-border-radius-md, 4px); }.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-menu-popmenu .hi-v4-menu-item__inner--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu-popmenu .hi-v4-menu-item__inner--expanded {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu-popmenu .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu-popmenu .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;padding-right: var(--hi-v4-spacing-4, 8px); }.hi-v4-menu {background-color: var(--hi-v4-color-static-white, #fff);color: var(--hi-v4-color-gray-700, #1f2733);font-size: var(--hi-v4-text-size-md, 0.875rem);line-height: var(--hi-v4-text-lineheight-md, 1.375rem);-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-menu ul {margin: 0;padding: 0; }.hi-v4-menu-item {list-style: none;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s; }.hi-v4-menu-item__icon {color: var(--hi-v4-color-gray-500, #929aa6);-webkit-margin-end: var(--hi-v4-spacing-4, 8px);margin-inline-end: var(--hi-v4-spacing-4, 8px); }.hi-v4-menu-item__icon svg[class^=hi-v4-icon] {font-size: var(--hi-v4-text-size-lg, 1rem); }.hi-v4-menu-item__arrow {color: var(--hi-v4-color-gray-500, #929aa6);font-size: var(--hi-v4-text-size-lg, 1rem); }.hi-v4-menu-item__indent {display: inline-block;width: 24px;height: 100%;-ms-flex-negative: 0;flex-shrink: 0; }.hi-v4-menu__wrapper {padding: 0;margin: 0; }.hi-v4-menu--horizontal {width: 100%;overflow: hidden; }.hi-v4-menu--horizontal .hi-v4-menu__wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;overflow: visible;width: -webkit-max-content;width: -moz-max-content;width: max-content;-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-menu--horizontal .hi-v4-menu-item {padding: 0 var(--hi-v4-spacing-10, 20px);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 56px;border: none;font-size: var(--hi-v4-text-size-lg, 1rem); }.hi-v4-menu--horizontal .hi-v4-menu-item__arrow {-webkit-margin-start: var(--hi-v4-spacing-2, 4px);margin-inline-start: var(--hi-v4-spacing-2, 4px); }.hi-v4-menu--horizontal .hi-v4-menu-item:hover {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item:hover .hi-v4-menu-item__inner {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__inner {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item--active .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item--active-p .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item__inner {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 2px solid transparent; }.hi-v4-menu--horizontal .hi-v4-menu-item__inner--expanded {border-bottom: 2px solid var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--horizontal .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;white-space: nowrap;max-width: none; }.hi-v4-menu--vertical {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: var(--hi-v4-spacing-4, 8px);width: 216px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 100%;-webkit-transition: width 0.3s;transition: width 0.3s; }.hi-v4-menu--vertical .hi-v4-menu__wrapper {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: auto; }.hi-v4-menu--vertical.hi-v4-menu--mini {width: 56px;overflow-x: hidden; }.hi-v4-menu--vertical.hi-v4-menu--popup .hi-v4-menu-item__inner--expanded {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu--vertical .hi-v4-menu__toggle {width: 40px;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: var(--hi-v4-border-radius-md, 4px);color: var(--hi-v4-color-gray-500, #929aa6);height: 40px;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-duration: var(--hi-v4-motion-duration-normal, 200ms);transition-duration: var(--hi-v4-motion-duration-normal, 200ms);-webkit-transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));transition-timing-function: var(--hi-v4-motion-bezier-easing, cubic-bezier(0.37, 0.02, 0.34, 1));-webkit-transition-property: background-color;transition-property: background-color; }.hi-v4-menu--vertical .hi-v4-menu__toggle:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu--vertical .hi-v4-menu-item__inner {-webkit-box-sizing: border-box;box-sizing: border-box;height: 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: var(--hi-v4-spacing-4, 8px);padding: 0 var(--hi-v4-spacing-4, 8px) 0 var(--hi-v4-spacing-6, 12px);border-radius: var(--hi-v4-border-radius-md, 4px);-webkit-transition: all 0.3s;transition: all 0.3s; }.hi-v4-menu--vertical .hi-v4-menu-item__inner--active {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa));background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-menu--vertical .hi-v4-menu-item__inner--active .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--vertical .hi-v4-menu-item__inner--active-p .hi-v4-menu-item__icon {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-menu--vertical .hi-v4-menu-item__inner:not(.hi-v4-menu-item__inner--active):hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-menu--vertical .hi-v4-menu-item__content {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent: 0.5px; }";
 
-var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+var __styleInject__ = require('inject-head-style')["default"];
 
 __styleInject__(css_248z);
 
 exports["default"] = css_248z;
-//# sourceMappingURL=index.scss.js.map

package/lib/cjs/util.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -45,4 +45,3 @@ var getAncestorIds = function getAncestorIds(id, data, arr) {
 
 exports.getAncestorIds = getAncestorIds;
 exports.getParentId = getParentId;
-//# sourceMappingURL=util.js.map

package/lib/esm/Expander.js

@@ -2,7 +2,7 @@
  * @hi-ui/menu
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/menu#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * Copyright (c) HiUI <mi-hiui@xiaomi.com>.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -49,4 +49,3 @@ var Expander = function Expander(_ref) {
 };
 
 export { Expander };
-//# sourceMappingURL=Expander.js.map