@superdispatch/ui-lab 0.18.0 → 0.18.3

package/dist-node/index.js

@@ -1130,7 +1130,7 @@ function NavbarItem(_ref) {
 var Header = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Header",
   componentId: "SD__sc-19zrmxc-0"
-})(["margin:0 16px 8px;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;"]);
+})(["margin:0 16px 8px;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;position:sticky;"]);
 var Wrapper = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Wrapper",
   componentId: "SD__sc-19zrmxc-1"
@@ -1157,7 +1157,7 @@ var ExpandIconButton = /*#__PURE__*/styled__default(core.IconButton).withConfig(
 var Footer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Footer",
   componentId: "SD__sc-19zrmxc-3"
-})(["flex-grow:1;display:flex;align-items:flex-end;margin:16px 0 8px;"]);
+})(["flex-grow:1;display:flex;align-items:flex-end;margin:16px 0 8px;position:sticky;"]);
 var Root = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Root",
   componentId: "SD__sc-19zrmxc-4"
@@ -1184,7 +1184,7 @@ function NavbarMenuItem(_ref4) {
 var Content = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarList__Content",
   componentId: "SD__sc-19zrmxc-5"
-})(["height:100%;min-height:50px;&[aria-expanded='false']{", ",", "{visibility:hidden;}}"], NavbarBadge, NavbarLabel);
+})(["height:100%;min-height:50px;overflow:scroll;&[aria-expanded='false']{", ",", "{visibility:hidden;}}"], NavbarBadge, NavbarLabel);
 function NavbarList(_ref5) {
   var {
     header,
@@ -1221,41 +1221,22 @@ function NavbarList(_ref5) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Content, {
       "aria-expanded": isSidebarOpened,
-      children: /*#__PURE__*/jsxRuntime.jsx(ui.AdaptiveVerticalToolbar, {
-        disableGutters: true,
-        items: filteredItems,
-        renderItem: item => {
-          var navbarItem = item;
-          var index = filteredItems.indexOf(navbarItem);
-          var prev = filteredItems[index - 1];
-          return /*#__PURE__*/jsxRuntime.jsx(NavbarItem, _objectSpread(_objectSpread({}, item), {}, {
-            gutter: prev && prev.groupKey !== navbarItem.groupKey,
-            onClick: event => {
-              var _item$onClick;
-
-              (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
-
-              if (!event.isDefaultPrevented()) {
-                setDrawerOpen(false);
-              }
-            }
-          }));
-        },
-        renderMenuItem: item => /*#__PURE__*/jsxRuntime.jsx(NavbarMenuItem, _objectSpread(_objectSpread({}, item), {}, {
+      children: filteredItems.map(item => {
+        var index = filteredItems.indexOf(item);
+        var prev = filteredItems[index - 1];
+        return /*#__PURE__*/react.createElement(NavbarItem, _objectSpread(_objectSpread({}, item), {}, {
+          key: item.key,
+          gutter: prev && prev.groupKey !== item.groupKey,
           onClick: event => {
-            var _item$onClick2;
+            var _item$onClick;
 
-            (_item$onClick2 = item.onClick) === null || _item$onClick2 === void 0 ? void 0 : _item$onClick2.call(item, event);
+            (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
 
             if (!event.isDefaultPrevented()) {
               setDrawerOpen(false);
             }
           }
-        })),
-        moreElement: /*#__PURE__*/jsxRuntime.jsx(NavbarItem, {
-          icon: /*#__PURE__*/jsxRuntime.jsx(icons.MoreHoriz, {}),
-          label: "More"
-        })
+        }));
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Footer, {
       children: footer
@@ -1270,7 +1251,7 @@ var Aside = /*#__PURE__*/styled__default.aside.withConfig({
 var Main = /*#__PURE__*/styled__default.main.withConfig({
   displayName: "Navbar__Main",
   componentId: "SD__sc-1oiqig8-1"
-})(["flex:1;display:flex;flex-direction:column;overflow:auto;"]);
+})(["flex:1;display:flex;flex-direction:column;overflow:scroll;"]);
 function Navbar(_ref) {
   var {
     footer,
@@ -1368,8 +1349,10 @@ function NavbarAvatar(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsxs(ui.Stack, {
           space: "none",
           children: [/*#__PURE__*/jsxRuntime.jsx(StyledTypography, {
+            variant: "caption",
             children: title
           }), /*#__PURE__*/jsxRuntime.jsx(StyledTypography, {
+            variant: "caption",
             children: subtitle
           })]
         })