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.js
CHANGED
|
@@ -6948,6 +6948,7 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
6948
6948
|
_ref12$isExpanded = _ref12.isExpanded,
|
|
6949
6949
|
isExpanded = _ref12$isExpanded === void 0 ? false : _ref12$isExpanded,
|
|
6950
6950
|
setIsExpanded = _ref12.setIsExpanded;
|
|
6951
|
+
var themeColors = useTheme();
|
|
6951
6952
|
var location = reactRouterDom.useLocation();
|
|
6952
6953
|
var _useState = React.useState({}),
|
|
6953
6954
|
openMenus = _useState[0],
|
|
@@ -6983,12 +6984,12 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
6983
6984
|
icon: child.icon,
|
|
6984
6985
|
size: 18,
|
|
6985
6986
|
weight: child.iconWeight,
|
|
6986
|
-
color: active ?
|
|
6987
|
+
color: active ? themeColors.text.white : themeColors.text.medium
|
|
6987
6988
|
})), React__default.createElement(TextContainer, {
|
|
6988
6989
|
"$isExpanded": isExpanded,
|
|
6989
6990
|
"$fontSize": '12px',
|
|
6990
6991
|
"$padding": '0px 10px 0px 0px',
|
|
6991
|
-
"$color":
|
|
6992
|
+
"$color": themeColors.text.medium
|
|
6992
6993
|
}, child.label));
|
|
6993
6994
|
}));
|
|
6994
6995
|
};
|
|
@@ -7006,7 +7007,8 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7006
7007
|
"$gap": '28px',
|
|
7007
7008
|
"$width": '100%'
|
|
7008
7009
|
}, logo && React__default.createElement(Logo, null, React__default.createElement(Icon, {
|
|
7009
|
-
icon: logo.icon
|
|
7010
|
+
icon: logo.icon,
|
|
7011
|
+
color: logo.iconColor
|
|
7010
7012
|
}), React__default.createElement(TextContainer, {
|
|
7011
7013
|
"$isExpanded": isExpanded,
|
|
7012
7014
|
"$fontWeight": '700'
|
|
@@ -7025,7 +7027,7 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7025
7027
|
"$width": '100%',
|
|
7026
7028
|
"$cursor": 'pointer',
|
|
7027
7029
|
"$borderRadius": '4px',
|
|
7028
|
-
"$hoverBackground":
|
|
7030
|
+
"$hoverBackground": themeColors["default"].primary,
|
|
7029
7031
|
onClick: function onClick() {
|
|
7030
7032
|
return hasChildren && toggleMenu(item.id);
|
|
7031
7033
|
}
|
|
@@ -7035,16 +7037,16 @@ var Sidebar = function Sidebar(_ref12) {
|
|
|
7035
7037
|
icon: item.icon,
|
|
7036
7038
|
size: 20,
|
|
7037
7039
|
weight: item.iconWeight,
|
|
7038
|
-
color: active ?
|
|
7040
|
+
color: active ? themeColors.text.white : themeColors.text.medium
|
|
7039
7041
|
})), React__default.createElement(TextContainer, {
|
|
7040
7042
|
"$isExpanded": isExpanded,
|
|
7041
7043
|
"$fontSize": '14px',
|
|
7042
7044
|
"$padding": '0px 10px 0px 0px',
|
|
7043
|
-
"$color":
|
|
7045
|
+
"$color": themeColors.text.medium
|
|
7044
7046
|
}, item.label), hasChildren && React__default.createElement(Icon, {
|
|
7045
7047
|
icon: isOpen ? 'UpArrow' : 'DownArrow',
|
|
7046
7048
|
size: 10,
|
|
7047
|
-
color:
|
|
7049
|
+
color: themeColors.border.extraBold,
|
|
7048
7050
|
onClick: function onClick() {}
|
|
7049
7051
|
}));
|
|
7050
7052
|
return item.url ? React__default.createElement(SidebarLink, {
|