labsense-ui-kit 1.3.61 → 1.3.62

package/dist/index.modern.js

@@ -10465,36 +10465,45 @@ var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _tagg
     theme = _ref10.theme;
   return $selected ? theme.vms["default"].primary : theme.vms["default"].tertiary;
 });
-var StyledContainer = styled(Container)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  transition: none;\n  \n  &:hover {\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n  \n  &.active {\n    svg {\n      color: ", " !important;\n      transition: none;\n    }\n  }\n"])), function (_ref11) {
+var StyledContainer = styled(Container)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  transition: none;\n\n  svg {\n    transition: none;\n  }\n\n  /* Parent hover / active */\n  &:hover,\n  &.active {\n    svg {\n      color: ", " !important;\n    }\n  }\n\n  /* 2nd child reacts ONLY when parent is hovered */\n  &:hover > div:nth-child(2) {\n    svg {\n      color: ", " !important;\n\n      path {\n        stroke: ", " !important;\n      }\n    }\n  }\n\n  /* Default state for 2nd child */\n  > div:nth-child(2) {\n    svg {\n      color: ", " !important;\n\n      path {\n        stroke: ", " !important;\n      }\n    }\n  }\n"])), function (_ref11) {
   var theme = _ref11.theme;
   return theme.vms.text.white;
 }, function (_ref12) {
   var theme = _ref12.theme;
   return theme.vms.text.white;
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.vms.text.white;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.vms.text.white;
+}, function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.vms.text.medium;
 });
 var Logo = styled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  transition: none;\n  display: flex;\n  width: 100%;\n  min-width: max-content;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n"])));
-var TextContainer = styled.span(_templateObject6$8 || (_templateObject6$8 = _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"])), function (_ref13) {
-  var $padding = _ref13.$padding;
+var TextContainer = styled.span(_templateObject6$8 || (_templateObject6$8 = _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"])), function (_ref16) {
+  var $padding = _ref16.$padding;
   return $padding;
-}, function (_ref14) {
-  var $fontSize = _ref14.$fontSize;
+}, function (_ref17) {
+  var $fontSize = _ref17.$fontSize;
   return $fontSize || '20px';
-}, function (_ref15) {
-  var $fontWeight = _ref15.$fontWeight;
+}, function (_ref18) {
+  var $fontWeight = _ref18.$fontWeight;
   return $fontWeight || '500';
 }, SidebarContainer);
-var NotificationBadge = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  // top: -4px;\n  // right: 4px;\n  background: red;\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  border-radius: 50%;\n  padding: 2px 5px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  width: max-content;\n"])), function (_ref16) {
-  var $position = _ref16.$position;
+var NotificationBadge = styled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteralLoose(["\n  position: ", ";\n  // top: -4px;\n  // right: 4px;\n  background: red;\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  border-radius: 50%;\n  padding: 2px 5px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 100;\n  width: max-content;\n"])), function (_ref19) {
+  var $position = _ref19.$position;
   return $position || 'absolute';
 });
-var Sidebar = function Sidebar(_ref17) {
-  var logo = _ref17.logo,
-    content = _ref17.content,
-    background = _ref17.background,
-    ProfileContent = _ref17.ProfileContent,
-    _ref17$isExpanded = _ref17.isExpanded,
-    isExpanded = _ref17$isExpanded === void 0 ? false : _ref17$isExpanded,
-    setIsExpanded = _ref17.setIsExpanded;
+var Sidebar = function Sidebar(_ref20) {
+  var logo = _ref20.logo,
+    content = _ref20.content,
+    background = _ref20.background,
+    ProfileContent = _ref20.ProfileContent,
+    _ref20$isExpanded = _ref20.isExpanded,
+    isExpanded = _ref20$isExpanded === void 0 ? false : _ref20$isExpanded,
+    setIsExpanded = _ref20.setIsExpanded;
   var location = useLocation();
   var _useState = useState({}),
     openMenus = _useState[0],
@@ -10519,9 +10528,9 @@ var Sidebar = function Sidebar(_ref17) {
   }, [isExpanded]);
   var toggleMenu = function toggleMenu(id) {
     setOpenMenus(function (prev) {
-      var _ref18;
+      var _ref21;
       var isCurrentlyOpen = !!prev[id];
-      return isCurrentlyOpen ? {} : (_ref18 = {}, _ref18[id] = true, _ref18);
+      return isCurrentlyOpen ? {} : (_ref21 = {}, _ref21[id] = true, _ref21);
     });
   };
   var getTotalNotifications = useCallback(function (item) {
@@ -10546,8 +10555,8 @@ var Sidebar = function Sidebar(_ref17) {
       return currentBase === getBasePath(child.activeUrl) || currentBase === getBasePath(child.url);
     }));
   };
-  var ChildLink = React.memo(function (_ref19) {
-    var child = _ref19.child;
+  var ChildLink = React.memo(function (_ref22) {
+    var child = _ref22.child;
     var themeColors = useTheme$1();
     var location = useLocation();
     var active = getBasePath(location.pathname) === getBasePath(child.activeUrl) || getBasePath(location.pathname) === getBasePath(child.url);
@@ -10593,14 +10602,14 @@ var Sidebar = function Sidebar(_ref17) {
       });
     }));
   };
-  var SidebarItem = React.memo(function (_ref20) {
-    var item = _ref20.item,
-      isActive = _ref20.isActive,
-      isOpen = _ref20.isOpen,
-      hasChildren = _ref20.hasChildren,
-      isExpanded = _ref20.isExpanded,
-      onToggle = _ref20.onToggle,
-      renderChildLinks = _ref20.renderChildLinks;
+  var SidebarItem = React.memo(function (_ref23) {
+    var item = _ref23.item,
+      isActive = _ref23.isActive,
+      isOpen = _ref23.isOpen,
+      hasChildren = _ref23.hasChildren,
+      isExpanded = _ref23.isExpanded,
+      onToggle = _ref23.onToggle,
+      renderChildLinks = _ref23.renderChildLinks;
     var themeColors = useTheme$1();
     var activeClass = isActive ? 'active' : '';
     var handleClick = useCallback(function () {