@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:", "
|
|
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:", "
|
|
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"
|