labsense-ui-kit 1.1.68 → 1.1.70

package/dist/index.modern.js

@@ -1697,6 +1697,23 @@ var Information = function Information(_ref) {
   }));
 };
 
+var InformationFilled = function InformationFilled(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M8.99996 0.666687C4.39996 0.666687 0.666626 4.40002 0.666626 9.00002C0.666626 13.6 4.39996 17.3334 8.99996 17.3334C13.6 17.3334 17.3333 13.6 17.3333 9.00002C17.3333 4.40002 13.6 0.666687 8.99996 0.666687ZM8.99996 13.1667C8.54163 13.1667 8.16663 12.7917 8.16663 12.3334V9.00002C8.16663 8.54169 8.54163 8.16669 8.99996 8.16669C9.45829 8.16669 9.83329 8.54169 9.83329 9.00002V12.3334C9.83329 12.7917 9.45829 13.1667 8.99996 13.1667ZM9.83329 6.50002H8.16663V4.83335H9.83329V6.50002Z",
+    fill: color
+  }));
+};
+
 var IP = function IP(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -3291,6 +3308,7 @@ var IconSVGs = {
   History: History,
   Hexagon: Hexagon,
   Information: Information,
+  InformationFilled: InformationFilled,
   IP: IP,
   Key: Key,
   KeyDown: KeyDown,
@@ -5591,7 +5609,7 @@ var useNotification = function useNotification() {
 };
 
 var _templateObject$e, _templateObject2$b;
-var SearchContainer$2 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: 5.5px 8px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: ", ";\n  transition: all 0.3s ease;\n\n &:focus-within {\n    border: 1px solid ", ";\n  }\n"])), function (_ref) {
+var SearchContainer$2 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: 5.5px 8px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  // cursor: ", ";\n  transition: all 0.3s ease;\n\n &:focus-within {\n    border: 1px solid ", ";\n  }\n"])), function (_ref) {
   var $background = _ref.$background;
   return $background || colorVariables["default"].tertiary;
 }, function (_ref2) {
@@ -6999,7 +7017,7 @@ var Table = function Table(_ref3) {
   }))));
 };
 
-var _templateObject$q, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a;
+var _templateObject$q, _templateObject2$l, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8;
 var Container$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;   \n  display: flex;\n  flex-direction: column;\n  overflow: ", ";\n  gap: ", ";\n  border: ", ";\n  border-radius: 8px;\n"])), function (_ref) {
   var $overflow = _ref.$overflow;
   return $overflow || 'visible';
@@ -7010,7 +7028,7 @@ var Container$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTe
   var $border = _ref3.$border;
   return $border;
 });
-var FirstContainer = styled.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 FirstContainer = styled.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  justify-content: space-between;\n  align-items: center;\n  height: max-content;\n"])), function (_ref4) {
   var $bordeBottom = _ref4.$bordeBottom;
   return $bordeBottom != null ? $bordeBottom : "1px solid " + colorVariables.border.light;
 }, function (_ref5) {
@@ -7036,9 +7054,10 @@ var TabItemContainer = styled.div(_templateObject4$c || (_templateObject4$c = _t
 }, function (props) {
   return props.$active ? 'block' : 'none';
 }, colorVariables["default"].primary);
-var DetailsFirstContainer = styled.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) {
+var DetailsFirstContainer = styled.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  white-space: nowrap;\n"])), function (props) {
   return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
 });
+var TabItemsWrapper = styled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  // overflow-x: auto;\n  scrollbar-width: thin;\n"])));
 var Tabs = function Tabs(_ref11) {
   var tabItems = _ref11.tabItems,
     _ref11$disabled = _ref11.disabled,
@@ -7050,7 +7069,8 @@ var Tabs = function Tabs(_ref11) {
     _ref11$gap = _ref11.gap,
     gap = _ref11$gap === void 0 ? '24px' : _ref11$gap,
     overflow = _ref11.overflow,
-    bordeBottom = _ref11.bordeBottom;
+    bordeBottom = _ref11.bordeBottom,
+    tabRightNode = _ref11.tabRightNode;
   return React.createElement(Container$4, {
     "$gap": gap,
     "$border": border,
@@ -7058,7 +7078,7 @@ var Tabs = function Tabs(_ref11) {
   }, React.createElement(FirstContainer, {
     "$headerPadding": headerPadding,
     "$bordeBottom": bordeBottom
-  }, tabItems.map(function (tab, index) {
+  }, React.createElement(TabItemsWrapper, null, tabItems.map(function (tab, index) {
     return React.createElement(TabContainer, {
       key: index,
       onClick: function onClick() {
@@ -7077,7 +7097,7 @@ var Tabs = function Tabs(_ref11) {
     }), React.createElement(DetailsFirstContainer, {
       "$active": activeTab === tab.title
     }, tab.title)));
-  })), tabItems.map(function (tab, index) {
+  })), tabRightNode === null || tabRightNode === void 0 ? void 0 : tabRightNode.node), tabItems.map(function (tab, index) {
     return activeTab === tab.title && React.createElement(Container$4, {
       key: index,
       "$overflow": overflow