labsense-ui-kit 1.1.80 → 1.1.81
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/index.js +7 -6
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -6
- 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
|
};
|
|
@@ -7021,7 +7022,7 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7021
7022
|
"$width": '100%',
|
|
7022
7023
|
"$cursor": 'pointer',
|
|
7023
7024
|
"$borderRadius": '4px',
|
|
7024
|
-
"$hoverBackground":
|
|
7025
|
+
"$hoverBackground": themeColors["default"].primary,
|
|
7025
7026
|
onClick: function onClick() {
|
|
7026
7027
|
return hasChildren && toggleMenu(item.id);
|
|
7027
7028
|
}
|
|
@@ -7031,16 +7032,16 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7031
7032
|
icon: item.icon,
|
|
7032
7033
|
size: 20,
|
|
7033
7034
|
weight: item.iconWeight,
|
|
7034
|
-
color: active ?
|
|
7035
|
+
color: active ? themeColors.text.white : themeColors.text.medium
|
|
7035
7036
|
})), React.createElement(TextContainer, {
|
|
7036
7037
|
"$isExpanded": isExpanded,
|
|
7037
7038
|
"$fontSize": '14px',
|
|
7038
7039
|
"$padding": '0px 10px 0px 0px',
|
|
7039
|
-
"$color":
|
|
7040
|
+
"$color": themeColors.text.medium
|
|
7040
7041
|
}, item.label), hasChildren && React.createElement(Icon, {
|
|
7041
7042
|
icon: isOpen ? 'UpArrow' : 'DownArrow',
|
|
7042
7043
|
size: 10,
|
|
7043
|
-
color:
|
|
7044
|
+
color: themeColors.border.extraBold,
|
|
7044
7045
|
onClick: function onClick() {}
|
|
7045
7046
|
}));
|
|
7046
7047
|
return item.url ? React.createElement(SidebarLink, {
|