labsense-ui-kit 1.4.25 → 1.4.26

package/dist/index.js

@@ -11603,7 +11603,7 @@ var SidebarContainer = styled__default.div(_templateObject3$c || (_templateObjec
   var $isMobileOpen = _ref7.$isMobileOpen;
   return $isMobileOpen ? 'visible' : 'hidden';
 });
-var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 28px;\n  width: 100%;\n  gap: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n  text-decoration: none;\n  transition: none;\n  padding: ", ";\n  color: ", ";\n\n  /* Hover state */\n  &:hover {\n    color: ", ";\n    background: ", ";\n    \n    /* Make icons white on hover */\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n\n  /* Active link state */\n  &.active {\n    color: ", ";\n    background: ", ";\n    \n    /* Make icons white when active */\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n"])), function (_ref8) {
+var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 28px;\n  width: 100%;\n  gap: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n  text-decoration: none;\n  transition: none;\n  padding: ", ";\n  color: ", ";\n\n  /* Remove all transitions for instant color changes */\n  * {\n    transition: none !important;\n  }\n\n  /* Hover state */\n  &:hover {\n    color: ", ";\n    background: ", ";\n    \n    /* Make icons white on hover */\n    svg {\n      color: ", " !important;\n    }\n  }\n\n  /* Active link state */\n  &.active {\n    color: ", ";\n    background: ", ";\n    \n    /* Make icons white when active */\n    svg {\n      color: ", " !important;\n    }\n  }\n"])), function (_ref8) {
   var $padding = _ref8.$padding;
   return $padding;
 }, function (_ref9) {
@@ -11628,7 +11628,7 @@ var SidebarLink = styled__default(reactRouterDom.NavLink)(_templateObject4$9 ||
   var theme = _ref15.theme;
   return theme.vms.text.white;
 });
-var IconWrapper$2 = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  transition: none;\n  padding: 4px;\n  border-radius: 4px;\n  width: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_ref16) {
+var IconWrapper$2 = styled__default.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  transition: none;\n  padding: 4px;\n  border-radius: 4px;\n  width: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  /* Ensure icons inherit hover color from parent */\n  svg {\n    transition: none;\n  }\n"])), function (_ref16) {
   var $selected = _ref16.$selected,
     theme = _ref16.theme;
   return $selected ? theme.vms["default"].primary : theme.vms["default"].tertiary;
@@ -11650,7 +11650,7 @@ var StyledContainer = styled__default(Container)(_templateObject6$8 || (_templat
   return theme.vms.text.medium;
 });
 var Logo = styled__default(Container)(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n  transition: none;\n  display: flex;\n  width: 100%;\n  min-width: max-content;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n"])));
-var TextContainer = styled__default.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateX(-10px);\n  transition: all 0.3s ease;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ":hover & {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n\n  /* Mobile: Always visible when sidebar is open */\n  @media (max-width: ", ") {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n"])), function (_ref22) {
+var TextContainer = styled__default.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  transform: translateX(-10px);\n  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n\n  ", ":hover & {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n\n  /* Mobile: Always visible when sidebar is open */\n  @media (max-width: ", ") {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(0);\n  }\n"])), function (_ref22) {
   var $padding = _ref22.$padding;
   return $padding;
 }, function (_ref23) {
@@ -11765,7 +11765,6 @@ var Sidebar = function Sidebar(_ref26) {
   };
   var ChildLink = function ChildLink(_ref28) {
     var child = _ref28.child;
-    var themeColors = styled.useTheme();
     var location = reactRouterDom.useLocation();
     var active = getBasePath(location.pathname) === getBasePath(child.activeUrl) || getBasePath(location.pathname) === getBasePath(child.url);
     var handleClick = React.useCallback(function (e) {
@@ -11787,7 +11786,7 @@ var Sidebar = function Sidebar(_ref26) {
       icon: child.icon,
       size: 18,
       weight: child.iconWeight,
-      color: active ? themeColors.vms.text.white : themeColors.vms.text.medium
+      color: 'currentColor'
     })), React__default.createElement(Container, {
       "$width": '100%',
       "$justifyContent": 'space-between',
@@ -11863,7 +11862,7 @@ var Sidebar = function Sidebar(_ref26) {
       icon: item.icon,
       size: 20,
       weight: item.iconWeight,
-      color: isActive ? themeColors.vms.text.white : themeColors.vms.text.medium
+      color: 'currentColor'
     })), getTotalNotifications(item) > 0 && ReactDOM.createPortal(React__default.createElement(NotificationBadge, {
       id: "badge-" + item.id,
       style: {
@@ -11878,7 +11877,7 @@ var Sidebar = function Sidebar(_ref26) {
       cursor: 'pointer',
       icon: isOpen ? 'UpArrow' : 'DownArrow',
       size: 10,
-      color: isActive ? themeColors.vms.text.white : themeColors.vms.text.medium
+      color: 'currentColor'
     })));
     var handleNavClick = React.useCallback(function (e) {
       if (item.url === location.pathname) {