labsense-ui-kit 1.3.89 → 1.3.91

package/dist/Badge/IconTooltip.d.ts

@@ -19,6 +19,7 @@ interface ITooltipProps {
         tooltipTop?: string;
         border?: string;
         borderRadius?: string;
+        textAlign?: string;
     };
 }
 declare const IconTooltip: React.FC<ITooltipProps>;

package/dist/index.js

@@ -7061,7 +7061,7 @@ var Badge = function Badge(_ref8) {
 };
 
 var _templateObject$4, _templateObject2$4, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  position: absolute;\n  z-index: 10;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s;\n  border-radius: ", ";\n  padding: 6px 8px;\n  border: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  background-color: ", ";\n  gap: ", ";\n\n  ", "\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 8px;\n    background-color: ", ";\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\n    ", "\n  }\n"])), function (_ref) {
+var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  position: absolute;\n  z-index: 10;\n  align-items: center;\n  justify-content: center;\n  visibility: hidden;\n  opacity: 0;\n  transition: opacity 0.3s;\n  border-radius: ", ";\n  padding: 6px 8px;\n  border: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  text-align: ", ";\n  background-color: ", ";\n  gap: ", ";\n\n  ", "\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 16px;\n    height: 8px;\n    background-color: ", ";\n    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n\n    ", "\n  }\n"])), function (_ref) {
   var $borderRadius = _ref.$borderRadius;
   return $borderRadius != null ? $borderRadius : '4px';
 }, function (_ref2) {
@@ -7074,25 +7074,28 @@ var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject
   var $maxWidth = _ref4.$maxWidth;
   return $maxWidth != null ? $maxWidth : 'auto';
 }, function (_ref5) {
-  var $background = _ref5.$background,
-    theme = _ref5.theme;
-  return $background != null ? $background : theme.vms.accent.light_1;
+  var $textAlign = _ref5.$textAlign;
+  return $textAlign;
 }, function (_ref6) {
-  var $gap = _ref6.$gap;
-  return $gap != null ? $gap : '16px';
+  var $background = _ref6.$background,
+    theme = _ref6.theme;
+  return $background != null ? $background : theme.vms.accent.light_1;
 }, function (_ref7) {
-  var $tooltipPosition = _ref7.$tooltipPosition,
-    $iconSize = _ref7.$iconSize,
-    $tooltipTop = _ref7.$tooltipTop;
+  var $gap = _ref7.$gap;
+  return $gap != null ? $gap : '16px';
+}, function (_ref8) {
+  var $tooltipPosition = _ref8.$tooltipPosition,
+    $iconSize = _ref8.$iconSize,
+    $tooltipTop = _ref8.$tooltipTop;
   var vertical = $tooltipPosition.startsWith('top') ? "bottom: " + ($tooltipTop != null ? $tooltipTop : "calc(50% + " + ($iconSize + 2) + "px)") + ";" : "top: " + ($tooltipTop != null ? $tooltipTop : "calc(50% + " + ($iconSize + 2) + "px)") + ";";
   var horizontal = $tooltipPosition.endsWith('Left') ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["left: calc(100% + 10px); transform: translateX(-99%);"]))) : $tooltipPosition.endsWith('Center') ? styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["left: 50%; transform: translateX(-50%);"]))) : styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["right: calc(100% + 10px); transform: translateX(99%);"])));
   return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["", " ", ";"])), vertical, horizontal);
-}, function (_ref8) {
-  var $background = _ref8.$background,
-    theme = _ref8.theme;
-  return $background != null ? $background : theme.vms.accent.light_1;
 }, function (_ref9) {
-  var $tooltipPosition = _ref9.$tooltipPosition;
+  var $background = _ref9.$background,
+    theme = _ref9.theme;
+  return $background != null ? $background : theme.vms.accent.light_1;
+}, function (_ref10) {
+  var $tooltipPosition = _ref10.$tooltipPosition;
   if ($tooltipPosition.startsWith('top')) {
     return $tooltipPosition.endsWith('Left') ? styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["top: 100%; right: 10px; transform: rotate(180deg);"]))) : $tooltipPosition.endsWith('Right') ? styled.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["top: 100%; left: 10px; transform: rotate(180deg);"]))) : styled.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["top: 100%; left: 50%; transform: translateX(-50%) rotate(180deg);"])));
   } else {
@@ -7100,24 +7103,24 @@ var TooltipContainer = styled__default.div(_templateObject$4 || (_templateObject
   }
 });
 var TooltipWrapper$1 = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  position: relative;\n  align-items: center;\n  cursor: pointer;\n\n  &:hover ", " {\n    visibility: visible;\n    opacity: 1;\n  }\n"])), TooltipContainer);
-var IconTooltip = function IconTooltip(_ref10) {
+var IconTooltip = function IconTooltip(_ref11) {
   var _tooltipCSS$position;
-  var _ref10$icon = _ref10.icon,
-    icon = _ref10$icon === void 0 ? {
+  var _ref11$icon = _ref11.icon,
+    icon = _ref11$icon === void 0 ? {
       icon: 'Information',
       size: 12,
       weight: '0px'
-    } : _ref10$icon,
-    image = _ref10.image,
-    infoIcon = _ref10.infoIcon,
-    infoText = _ref10.infoText,
-    _ref10$tooltipCSS = _ref10.tooltipCSS,
-    tooltipCSS = _ref10$tooltipCSS === void 0 ? {
+    } : _ref11$icon,
+    image = _ref11.image,
+    infoIcon = _ref11.infoIcon,
+    infoText = _ref11.infoText,
+    _ref11$tooltipCSS = _ref11.tooltipCSS,
+    tooltipCSS = _ref11$tooltipCSS === void 0 ? {
       gap: '4px',
       minWidth: 'max-content',
       position: 'bottomCenter',
       tooltipTop: undefined
-    } : _ref10$tooltipCSS;
+    } : _ref11$tooltipCSS;
   var themeColors = styled.useTheme();
   return React__default.createElement(TooltipWrapper$1, null, image ? React__default.createElement("img", {
     src: image.src,
@@ -7136,7 +7139,8 @@ var IconTooltip = function IconTooltip(_ref10) {
     "$gap": tooltipCSS.gap,
     "$iconSize": icon.size || 17,
     "$border": tooltipCSS.border,
-    "$borderRadius": tooltipCSS.borderRadius
+    "$borderRadius": tooltipCSS.borderRadius,
+    "$textAlign": tooltipCSS.textAlign
   }, infoIcon && React__default.createElement(Icon, Object.assign({}, infoIcon)), infoText));
 };
 
@@ -11041,7 +11045,8 @@ var Sidebar = function Sidebar(_ref26) {
     return React__default.createElement(Container, {
       "$padding": '0px 0px 0px 16px',
       "$flexDirection": 'column',
-      "$gap": '10px'
+      "$gap": '10px',
+      "$width": '100%'
     }, children.map(function (child) {
       return React__default.createElement(ChildLink, {
         key: child.id,
@@ -11143,7 +11148,9 @@ var Sidebar = function Sidebar(_ref26) {
       "$color": themeColors.vms.text.medium,
       "$hoverColor": themeColors.vms.text.white,
       "$width": '100%'
-    }, ContentLayout), hasChildren && isExpanded && isOpen && renderChildLinks && React__default.createElement(Container, null, renderChildLinks(item.children)));
+    }, ContentLayout), hasChildren && isExpanded && isOpen && renderChildLinks && React__default.createElement(Container, {
+      "$width": '100%'
+    }, renderChildLinks(item.children)));
   };
   var handleSidebarExpansion = React.useCallback(function (expanded) {
     if (isExpandedRef.current !== expanded) {
@@ -11191,7 +11198,7 @@ var Sidebar = function Sidebar(_ref26) {
     return function () {
       window.removeEventListener('resize', updateBadgePositions);
     };
-  }, [content, isExpanded, getTotalNotifications]);
+  }, [content, isExpanded, isMobileOpen, getTotalNotifications]);
   var themeColors = styled.useTheme();
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(Container, {
     "$width": '100%',