@superdispatch/ui-lab 0.25.1 → 0.25.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -30,7 +30,7 @@ export var Sidebar = /*#__PURE__*/forwardRef((_ref, ref) => {
30
30
  id: id,
31
31
  ref: ref,
32
32
  children: [/*#__PURE__*/_jsxs(SidebarHeader, {
33
- children: [/*#__PURE__*/_jsx(SidebarTitle, {
33
+ children: [title && /*#__PURE__*/_jsx(SidebarTitle, {
34
34
  children: /*#__PURE__*/_jsxs(Columns, {
35
35
  space: "xsmall",
36
36
  align: "center",
@@ -16,12 +16,12 @@ var SidebarMenuItemRoot = /*#__PURE__*/styled.div.withConfig({
16
16
  hasAvatar
17
17
  } = _ref;
18
18
  var height = hasAvatar ? 48 : 40;
19
- return css(["position:relative;& > .MuiButtonBase-root{width:100%;display:flex;justify-content:flex-start;padding-left:24px;padding-right:24px;height:", "px;max-height:", "px;&[aria-current='true']{background-color:", ";box-shadow:inset 4px 0 0 ", ";}}"], height, height, Color.Silver200, Color.Blue300);
19
+ return css(["position:relative;& > .MuiButtonBase-root{width:100%;display:flex;justify-content:flex-start;padding-left:24px;padding-right:24px;height:", "px;max-height:", "px;&[aria-current='true']{background-color:", ";box-shadow:inset 4px 0 0 ", ";}&:hover{background-color:", ";}}"], height, height, Color.Silver200, Color.Blue300, Color.Silver200);
20
20
  });
21
21
  var SidebarMenuItemBadge = /*#__PURE__*/styled.div.withConfig({
22
22
  displayName: "SidebarMenuItem__SidebarMenuItemBadge",
23
23
  componentId: "SD__sc-1sb5zqa-1"
24
- })(["font-size:12px;font-weight:500;line-height:16px;padding-left:4px;padding-right:4px;border-radius:100px;color:", ";background-color:", ";.MuiButtonBase-root[aria-current='true'] &{color:", ";background-color:", ";}"], Color.Dark500, Color.Silver400, Color.White, Color.Blue300);
24
+ })(["font-size:12px;font-weight:500;line-height:16px;padding-left:4px;padding-right:4px;border-radius:100px;color:", ";background-color:", ";"], Color.Dark500, Color.Silver400);
25
25
  var SidebarMenuItemSecondaryAction = /*#__PURE__*/styled.div.withConfig({
26
26
  displayName: "SidebarMenuItem__SidebarMenuItemSecondaryAction",
27
27
  componentId: "SD__sc-1sb5zqa-2"
package/dist-web/index.js CHANGED
@@ -1743,7 +1743,7 @@ var Sidebar = /*#__PURE__*/forwardRef((_ref, ref) => {
1743
1743
  id: id,
1744
1744
  ref: ref,
1745
1745
  children: [/*#__PURE__*/jsxs(SidebarHeader, {
1746
- children: [/*#__PURE__*/jsx(SidebarTitle, {
1746
+ children: [title && /*#__PURE__*/jsx(SidebarTitle, {
1747
1747
  children: /*#__PURE__*/jsxs(Columns, {
1748
1748
  space: "xsmall",
1749
1749
  align: "center",
@@ -1993,12 +1993,12 @@ var SidebarMenuItemRoot = /*#__PURE__*/styled.div.withConfig({
1993
1993
  hasAvatar
1994
1994
  } = _ref;
1995
1995
  var height = hasAvatar ? 48 : 40;
1996
- return css(["position:relative;& > .MuiButtonBase-root{width:100%;display:flex;justify-content:flex-start;padding-left:24px;padding-right:24px;height:", "px;max-height:", "px;&[aria-current='true']{background-color:", ";box-shadow:inset 4px 0 0 ", ";}}"], height, height, Color.Silver200, Color.Blue300);
1996
+ return css(["position:relative;& > .MuiButtonBase-root{width:100%;display:flex;justify-content:flex-start;padding-left:24px;padding-right:24px;height:", "px;max-height:", "px;&[aria-current='true']{background-color:", ";box-shadow:inset 4px 0 0 ", ";}&:hover{background-color:", ";}}"], height, height, Color.Silver200, Color.Blue300, Color.Silver200);
1997
1997
  });
1998
1998
  var SidebarMenuItemBadge = /*#__PURE__*/styled.div.withConfig({
1999
1999
  displayName: "SidebarMenuItem__SidebarMenuItemBadge",
2000
2000
  componentId: "SD__sc-1sb5zqa-1"
2001
- })(["font-size:12px;font-weight:500;line-height:16px;padding-left:4px;padding-right:4px;border-radius:100px;color:", ";background-color:", ";.MuiButtonBase-root[aria-current='true'] &{color:", ";background-color:", ";}"], Color.Dark500, Color.Silver400, Color.White, Color.Blue300);
2001
+ })(["font-size:12px;font-weight:500;line-height:16px;padding-left:4px;padding-right:4px;border-radius:100px;color:", ";background-color:", ";"], Color.Dark500, Color.Silver400);
2002
2002
  var SidebarMenuItemSecondaryAction = /*#__PURE__*/styled.div.withConfig({
2003
2003
  displayName: "SidebarMenuItem__SidebarMenuItemSecondaryAction",
2004
2004
  componentId: "SD__sc-1sb5zqa-2"