labsense-ui-kit 1.1.51 → 1.1.53

package/dist/Badge/IconTooltip.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconProps } from '../Icons';
+interface ITooltipProps {
+    icon: IconProps;
+    infoIcon?: IconProps;
+    infoText: string;
+    infoText2?: string;
+    infoText3?: string;
+    infoText4?: string;
+    tooltipCSS?: {
+        background?: string;
+        color?: string;
+        gap?: string;
+        minWidth?: string;
+        position?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
+        tooltipTop?: string;
+        fontSize?: string;
+        fontWeight?: string;
+    };
+}
+declare const IconTooltip: React.FC<ITooltipProps>;
+export default IconTooltip;

package/dist/Badge/index.d.ts

@@ -1,3 +1,3 @@
 import Badge from './Badge';
-import Tooltip from './Tooltip';
-export { Badge, Tooltip };
+import IconTooltip from './IconTooltip';
+export { Badge, IconTooltip };

package/dist/Tabs/Tabs.d.ts

@@ -18,6 +18,7 @@ interface TabProps {
     border?: string;
     gap?: string;
     overflow?: string;
+    bordeBottom?: string;
 }
 declare const Tabs: React.FC<TabProps>;
 export default Tabs;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Badge, Tooltip } from './Badge';
+import { Badge, IconTooltip } from './Badge';
 import { Breadcrumbs, BreadcrumbDetail } from './Breadcrums';
 import { Button, ButtonProps, ButtonLoaderProps } from './Buttons';
 import { ButtonCarousel } from './Carousel';
@@ -17,7 +17,7 @@ import { InternalTabs, Tabs, TabContentProps } from './Tabs';
 import { ThemeColorsInterface } from './Themes';
 import { colorVariables, themes } from './Themes/Colors';
 import { convertToEpoch, formatDate, formatTimestamp, formatCalendarDateTime, timeAgo, formatEpochToIST, convertEpochToDateString, convertEpochToOnlyDate, getSystemTimezoneAbbreviation, timeStringToSeconds } from './Utils/Date&Time';
-export { Badge, Tooltip };
+export { Badge, IconTooltip };
 export { Breadcrumbs, BreadcrumbDetail };
 export { Button, ButtonProps, ButtonLoaderProps };
 export { ButtonCarousel };

package/dist/index.js

@@ -3633,7 +3633,7 @@ var TooltipContainer = styled__default.div(_templateObject$3 || (_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 InfoTooltip = function InfoTooltip(_ref7) {
+var IconTooltip = function IconTooltip(_ref7) {
   var _tooltipCSS$position;
   var _ref7$icon = _ref7.icon,
     icon = _ref7$icon === void 0 ? {
@@ -6919,25 +6919,28 @@ var Container$4 = styled__default.div(_templateObject$q || (_templateObject$q =
   var $border = _ref3.$border;
   return $border;
 });
-var FirstContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-family: NotoSans, sans-serif;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: 1px solid ", ";\n  padding: ", ";\n"])), colorVariables.border.light, function (_ref4) {
-  var $headerPadding = _ref4.$headerPadding;
+var FirstContainer = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-family: NotoSans, sans-serif;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: ", ";\n  padding: ", ";\n"])), function (_ref4) {
+  var $bordeBottom = _ref4.$bordeBottom;
+  return $bordeBottom != null ? $bordeBottom : "1px solid " + colorVariables.border.light;
+}, function (_ref5) {
+  var $headerPadding = _ref5.$headerPadding;
   return $headerPadding ? $headerPadding : '0px';
 });
-var TabContainer = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  opacity: ", ";\n  gap: 8px;\n  font-family: NotoSans, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n\n  svg {\n    cursor: ", ";\n  }\n\n"])), function (_ref5) {
-  var $disabled = _ref5.$disabled;
-  return $disabled ? 'not-allowed' : 'pointer';
-}, function (_ref6) {
+var TabContainer = styled__default.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  opacity: ", ";\n  gap: 8px;\n  font-family: NotoSans, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n\n  svg {\n    cursor: ", ";\n  }\n\n"])), function (_ref6) {
   var $disabled = _ref6.$disabled;
+  return $disabled ? 'not-allowed' : 'pointer';
+}, function (_ref7) {
+  var $disabled = _ref7.$disabled;
   return $disabled ? '0.6' : '1';
-}, colorVariables.text.medium, function (_ref7) {
-  var $headerHeight = _ref7.$headerHeight;
+}, colorVariables.text.medium, function (_ref8) {
+  var $headerHeight = _ref8.$headerHeight;
   return $headerHeight ? $headerHeight : '34px';
-}, function (_ref8) {
-  var $disabled = _ref8.$disabled;
+}, function (_ref9) {
+  var $disabled = _ref9.$disabled;
   return $disabled ? 'not-allowed' : 'pointer';
 });
-var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  gap: 8px;\n  height: 100%;\n  max-height: ", ";\n\n  &:after {\n    content: \"\";\n    display: ", ";\n    width: 100%;\n    height: 3px;\n    background: ", ";\n    position: absolute;\n    bottom: -1px;\n    left: 0px;\n  }\n"])), function (_ref9) {
-  var $headerHeight = _ref9.$headerHeight;
+var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  gap: 8px;\n  height: 100%;\n  max-height: ", ";\n\n  &:after {\n    content: \"\";\n    display: ", ";\n    width: 100%;\n    height: 3px;\n    background: ", ";\n    position: absolute;\n    bottom: -1px;\n    left: 0px;\n  }\n"])), function (_ref10) {
+  var $headerHeight = _ref10.$headerHeight;
   return $headerHeight ? $headerHeight : '34px';
 }, function (props) {
   return props.$active ? 'block' : 'none';
@@ -6945,23 +6948,25 @@ var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObjec
 var DetailsFirstContainer = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  font-family: NotoSans, sans-serif;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n"])), function (props) {
   return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
 });
-var Tabs = function Tabs(_ref10) {
-  var tabItems = _ref10.tabItems,
-    _ref10$disabled = _ref10.disabled,
-    disabled = _ref10$disabled === void 0 ? false : _ref10$disabled,
-    headerHeight = _ref10.headerHeight,
-    headerPadding = _ref10.headerPadding,
-    activeTab = _ref10.activeTab,
-    border = _ref10.border,
-    _ref10$gap = _ref10.gap,
-    gap = _ref10$gap === void 0 ? '24px' : _ref10$gap,
-    overflow = _ref10.overflow;
+var Tabs = function Tabs(_ref11) {
+  var tabItems = _ref11.tabItems,
+    _ref11$disabled = _ref11.disabled,
+    disabled = _ref11$disabled === void 0 ? false : _ref11$disabled,
+    headerHeight = _ref11.headerHeight,
+    headerPadding = _ref11.headerPadding,
+    activeTab = _ref11.activeTab,
+    border = _ref11.border,
+    _ref11$gap = _ref11.gap,
+    gap = _ref11$gap === void 0 ? '24px' : _ref11$gap,
+    overflow = _ref11.overflow,
+    bordeBottom = _ref11.bordeBottom;
   return React__default.createElement(Container$4, {
     "$gap": gap,
     "$border": border,
     "$overflow": overflow
   }, React__default.createElement(FirstContainer, {
-    "$headerPadding": headerPadding
+    "$headerPadding": headerPadding,
+    "$bordeBottom": bordeBottom
   }, tabItems.map(function (tab, index) {
     return React__default.createElement(TabContainer, {
       key: index,
@@ -7034,6 +7039,7 @@ exports.Container = Container;
 exports.DatePicker = DatePicker;
 exports.DropdownMenu = DropdownMenu$1;
 exports.Icon = Icon;
+exports.IconTooltip = IconTooltip;
 exports.InternalTabs = InternalTabs;
 exports.Loader = Loader;
 exports.MultiSelectDropdown = MultiSelectDropdown;
@@ -7053,7 +7059,6 @@ exports.Tabs = Tabs;
 exports.TextArea = TextArea;
 exports.TextField = TextField;
 exports.TextFieldWithDropdown = TextFieldWithDropdown;
-exports.Tooltip = InfoTooltip;
 exports.colorVariables = colorVariables;
 exports.convertEpochToDateString = convertEpochToDateString;
 exports.convertEpochToOnlyDate = convertEpochToOnlyDate;