@superdispatch/ui-lab 0.50.8 → 0.50.10

package/dist-node/index.js

@@ -1436,6 +1436,7 @@ function NavbarItem(_ref) {
     label,
     gutter,
     badge,
+    badgeIcon,
     icon,
     component,
     onClick,
@@ -1458,10 +1459,10 @@ function NavbarItem(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(NavbarLabel, {
       id: uid,
       children: label
-    }), badge != null && /*#__PURE__*/jsxRuntime.jsx(NavbarBadge, {
+    }), badge != null && !badgeIcon && /*#__PURE__*/jsxRuntime.jsx(NavbarBadge, {
       "data-variant": variant,
       children: badge
-    })]
+    }), badgeIcon]
   });
 }
 
@@ -1481,7 +1482,7 @@ var NavbarAccordionRoot = /*#__PURE__*/styled__default(core.Accordion).withConfi
 var NavbarAccordionSummary = /*#__PURE__*/styled__default(core.AccordionSummary).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionSummary",
   componentId: "SD__sc-1s7g3kw-2"
-})(["border-left:4px solid transparent;padding-left:20px;&.MuiAccordionSummary-root{max-height:40px;min-height:40px;}&.MuiAccordionSummary-content{align-items:center;}&:hover,&[aria-current],&[data-active='true']{color:", ";background-color:", ";border-left-color:", ";}&[data-expanded='false']{.MuiAccordionSummary-expandIcon{display:none;}}"], ui.Color.White, ui.Color.White10, ui.ColorDynamic.Blue300);
+})(["border-left:4px solid transparent;padding-left:20px;&.MuiAccordionSummary-root,&.MuiAccordionSummary-root.Mui-expanded{max-height:40px;min-height:40px;}& .MuiAccordionSummary-content{align-items:center;}&:hover,&[aria-current],&[data-active='true']{color:", ";background-color:", ";border-left-color:", ";}&[data-expanded='false']{.MuiAccordionSummary-expandIcon{display:none;}}"], ui.Color.White, ui.Color.White10, ui.ColorDynamic.Blue300);
 var IconWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarAccordion__IconWrapper",
   componentId: "SD__sc-1s7g3kw-3"
@@ -1558,7 +1559,7 @@ var Header = /*#__PURE__*/styled__default.div.withConfig({
 var Wrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Wrapper",
   componentId: "SD__sc-19zrmxc-1"
-})(["display:flex;flex:1;flex-direction:column;overflow:hidden;padding-top:16px;background:", ";transition:width 0.3s linear;height:100%;width:", ";&[data-expanded='true']{width:", ";}&[data-expanded='false']{width:", ";& > ", "{justify-content:center;}}"], _ref => {
+})(["display:flex;flex:1;flex-direction:column;overflow:hidden;padding-top:16px;background:", ";transition:width 0.3s linear;height:100%;--_SdNavbar-width:", ";width:var(--_SdNavbar-width);&[data-expanded='true']{--_SdNavbar-width:", ";}&[data-expanded='false']{--_SdNavbar-width:", ";& > ", "{justify-content:center;}}"], _ref => {
   var {
     theme
   } = _ref;
@@ -1614,6 +1615,10 @@ var Content$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Content",
   componentId: "SD__sc-19zrmxc-5"
 })(["height:100%;min-height:50px;overflow-y:auto;overflow-x:hidden;&[aria-expanded='false']{", ",", "{display:none;}}&::-webkit-scrollbar{width:10px;height:10px;}&::-webkit-scrollbar-track{background-color:transparent;}&::-webkit-scrollbar-thumb{background-color:", ";border-radius:100vw;margin-bottom:100px;}"], NavbarBadge, NavbarLabel, ui.ColorDark.Silver500);
+var ContentInner = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "NavbarList__ContentInner",
+  componentId: "SD__sc-19zrmxc-6"
+})(["width:var(--_SdNavbar-width);transition:width 0.3s linear;"]);
 function NavbarList(_ref6) {
   var {
     header,
@@ -1650,28 +1655,30 @@ function NavbarList(_ref6) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Content$1, {
       "aria-expanded": isSidebarOpened,
-      children: filteredItems.map(item => {
-        var index = filteredItems.indexOf(item);
-        var prev = filteredItems[index - 1];
-        if ('items' in item) {
-          return /*#__PURE__*/react.createElement(NavbarAccordion, _objectSpread(_objectSpread({}, item), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(ContentInner, {
+        children: filteredItems.map(item => {
+          var index = filteredItems.indexOf(item);
+          var prev = filteredItems[index - 1];
+          if ('items' in item) {
+            return /*#__PURE__*/react.createElement(NavbarAccordion, _objectSpread(_objectSpread({}, item), {}, {
+              key: item.key,
+              gutter: prev && prev.groupKey !== item.groupKey,
+              onClick: item.onClick,
+              groupKey: item.groupKey || item.key
+            }));
+          }
+          return /*#__PURE__*/react.createElement(NavbarItem, _objectSpread(_objectSpread({}, item), {}, {
             key: item.key,
             gutter: prev && prev.groupKey !== item.groupKey,
-            onClick: item.onClick,
-            groupKey: item.groupKey || item.key
-          }));
-        }
-        return /*#__PURE__*/react.createElement(NavbarItem, _objectSpread(_objectSpread({}, item), {}, {
-          key: item.key,
-          gutter: prev && prev.groupKey !== item.groupKey,
-          onClick: event => {
-            var _item$onClick;
-            (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
-            if (!event.isDefaultPrevented()) {
-              setDrawerOpen(false);
+            onClick: event => {
+              var _item$onClick;
+              (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item, event);
+              if (!event.isDefaultPrevented()) {
+                setDrawerOpen(false);
+              }
             }
-          }
-        }));
+          }));
+        })
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Footer, {
       children: footer