@superdispatch/ui-lab 0.21.8 → 0.21.11

package/dist-node/index.js

@@ -1076,6 +1076,7 @@ function useNavbarContext() {
   return react.useContext(NavbarContext);
 }
 
+var _excluded$7 = ["active", "hasBadge"];
 var StyledBottomNavigation = /*#__PURE__*/styled__default(core.BottomNavigation).withConfig({
   displayName: "NavbarBottomBar__StyledBottomNavigation",
   componentId: "SD__sc-9z6v3k-0"
@@ -1114,12 +1115,20 @@ function NavbarBottomBar(_ref) {
         }
       }
     },
-    children: [items.map(item => /*#__PURE__*/react.createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
-      key: item.value,
-      icon: item.hasBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(IconLabel, {}), item.icon]
-      }) : item.icon
-    }))), /*#__PURE__*/jsxRuntime.jsx(StyledBottomNavigationAction, {
+    children: [items.map(_ref2 => {
+      var {
+        active,
+        hasBadge
+      } = _ref2,
+          item = _objectWithoutProperties(_ref2, _excluded$7);
+
+      return /*#__PURE__*/react.createElement(StyledBottomNavigationAction, _objectSpread(_objectSpread({}, item), {}, {
+        key: item.value,
+        icon: hasBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(IconLabel, {}), item.icon]
+        }) : item.icon
+      }));
+    }), /*#__PURE__*/jsxRuntime.jsx(StyledBottomNavigationAction, {
       value: "menu",
       label: "Menu",
       icon: hasMenuBadge ? /*#__PURE__*/jsxRuntime.jsxs(IconWrapper, {
@@ -1190,12 +1199,7 @@ var NavbarAccordionLabel = /*#__PURE__*/styled__default.span.withConfig({
 var NavbarAccordionRoot = /*#__PURE__*/styled__default(core.Accordion).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionRoot",
   componentId: "SD__sc-1s7g3kw-1"
-})(_ref => {
-  var {
-    gutter
-  } = _ref;
-  return styled.css(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;margin-top:", ";&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&.MuiAccordion-root.Mui-expanded{margin-top:", ";}"], gutter ? '16px' : '0', ui.Color.White, gutter ? '16px' : '0');
-});
+})(["width:100%;color:#c2c4c9;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;outline:none;cursor:pointer;background-color:#1b2638;&[aria-current]{background-color:#2f394a;color:", ";}&.MuiAccordion-root:before{background-color:#1b2638;}&.MuiPaper-elevation0{border:0px;}&[data-gutter]{margin-top:16px;}&[data-gutter].MuiAccordion-root.Mui-expanded{margin-top:16px;}"], ui.Color.White);
 var NavbarAccordionSummary = /*#__PURE__*/styled__default(core.AccordionSummary).withConfig({
   displayName: "NavbarAccordion__NavbarAccordionSummary",
   componentId: "SD__sc-1s7g3kw-2"
@@ -1204,14 +1208,14 @@ var IconWrapper$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "NavbarAccordion__IconWrapper",
   componentId: "SD__sc-1s7g3kw-3"
 })(["width:24px;margin-right:8px;& svg{font-size:24px;}"]);
-function NavbarAccordion(_ref2) {
+function NavbarAccordion(_ref) {
   var {
     label,
     icon,
     gutter,
     items,
     onClick: _onClick
-  } = _ref2;
+  } = _ref;
   var uid = ui.useUID();
   var {
     setDrawerOpen,
@@ -1224,7 +1228,7 @@ function NavbarAccordion(_ref2) {
   }, [isNavbarExpanded]);
   return /*#__PURE__*/jsxRuntime.jsxs(NavbarAccordionRoot, {
     square: true,
-    gutter: !!gutter,
+    "data-gutter": !gutter,
     "aria-labelledby": uid,
     expanded: isExpanded,
     onClick: event => {
@@ -1472,7 +1476,7 @@ function Navbar(_ref) {
   });
 }
 
-var _excluded$7 = ["title", "subtitle", "children"];
+var _excluded$8 = ["title", "subtitle", "children"];
 var StyledTypography = /*#__PURE__*/styled__default(core.Typography).withConfig({
   displayName: "NavbarAvatar__StyledTypography",
   componentId: "SD__sc-19q2zd0-0"
@@ -1483,7 +1487,7 @@ function NavbarAvatar(_ref) {
     subtitle,
     children
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   var {
     isNavbarExpanded
@@ -1701,7 +1705,7 @@ var SidebarContainer = /*#__PURE__*/react.forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") SidebarContainer.displayName = "SidebarContainer";
 
-var _excluded$8 = ["onClick", "children"];
+var _excluded$9 = ["onClick", "children"];
 function SidebarBackButton(_ref) {
   var {
     onClick: _onClick,
@@ -1709,7 +1713,7 @@ function SidebarBackButton(_ref) {
       fontSize: "small"
     })
   } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
   var isCollapsed = ui.useCollapseBreakpoint('sm');
   var {