labsense-ui-kit 1.1.80 → 1.1.82
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.
- package/dist/Sidebar/Sidebar.d.ts +1 -0
- package/dist/index.js +9 -7
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +9 -7
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -6944,6 +6944,7 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
6944
6944
|
_ref12$isExpanded = _ref12.isExpanded,
|
|
6945
6945
|
isExpanded = _ref12$isExpanded === void 0 ? false : _ref12$isExpanded,
|
|
6946
6946
|
setIsExpanded = _ref12.setIsExpanded;
|
|
6947
|
+
var themeColors = useTheme();
|
|
6947
6948
|
var location = useLocation();
|
|
6948
6949
|
var _useState = useState({}),
|
|
6949
6950
|
openMenus = _useState[0],
|
|
@@ -6979,12 +6980,12 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
6979
6980
|
icon: child.icon,
|
|
6980
6981
|
size: 18,
|
|
6981
6982
|
weight: child.iconWeight,
|
|
6982
|
-
color: active ?
|
|
6983
|
+
color: active ? themeColors.text.white : themeColors.text.medium
|
|
6983
6984
|
})), React.createElement(TextContainer, {
|
|
6984
6985
|
"$isExpanded": isExpanded,
|
|
6985
6986
|
"$fontSize": '12px',
|
|
6986
6987
|
"$padding": '0px 10px 0px 0px',
|
|
6987
|
-
"$color":
|
|
6988
|
+
"$color": themeColors.text.medium
|
|
6988
6989
|
}, child.label));
|
|
6989
6990
|
}));
|
|
6990
6991
|
};
|
|
@@ -7002,7 +7003,8 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7002
7003
|
"$gap": '28px',
|
|
7003
7004
|
"$width": '100%'
|
|
7004
7005
|
}, logo && React.createElement(Logo, null, React.createElement(Icon, {
|
|
7005
|
-
icon: logo.icon
|
|
7006
|
+
icon: logo.icon,
|
|
7007
|
+
color: logo.iconColor
|
|
7006
7008
|
}), React.createElement(TextContainer, {
|
|
7007
7009
|
"$isExpanded": isExpanded,
|
|
7008
7010
|
"$fontWeight": '700'
|
|
@@ -7021,7 +7023,7 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7021
7023
|
"$width": '100%',
|
|
7022
7024
|
"$cursor": 'pointer',
|
|
7023
7025
|
"$borderRadius": '4px',
|
|
7024
|
-
"$hoverBackground":
|
|
7026
|
+
"$hoverBackground": themeColors["default"].primary,
|
|
7025
7027
|
onClick: function onClick() {
|
|
7026
7028
|
return hasChildren && toggleMenu(item.id);
|
|
7027
7029
|
}
|
|
@@ -7031,16 +7033,16 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7031
7033
|
icon: item.icon,
|
|
7032
7034
|
size: 20,
|
|
7033
7035
|
weight: item.iconWeight,
|
|
7034
|
-
color: active ?
|
|
7036
|
+
color: active ? themeColors.text.white : themeColors.text.medium
|
|
7035
7037
|
})), React.createElement(TextContainer, {
|
|
7036
7038
|
"$isExpanded": isExpanded,
|
|
7037
7039
|
"$fontSize": '14px',
|
|
7038
7040
|
"$padding": '0px 10px 0px 0px',
|
|
7039
|
-
"$color":
|
|
7041
|
+
"$color": themeColors.text.medium
|
|
7040
7042
|
}, item.label), hasChildren && React.createElement(Icon, {
|
|
7041
7043
|
icon: isOpen ? 'UpArrow' : 'DownArrow',
|
|
7042
7044
|
size: 10,
|
|
7043
|
-
color:
|
|
7045
|
+
color: themeColors.border.extraBold,
|
|
7044
7046
|
onClick: function onClick() {}
|
|
7045
7047
|
}));
|
|
7046
7048
|
return item.url ? React.createElement(SidebarLink, {
|