labsense-ui-kit 1.1.68 → 1.1.70

package/dist/Icons/SVGs/InformationFilled.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SVGProps } from '..';
+declare const InformationFilled: React.FC<SVGProps>;
+export default InformationFilled;

package/dist/Icons/SVGs/index.d.ts

@@ -54,6 +54,7 @@ export { default as Hazard } from './Hazard';
 export { default as History } from './History';
 export { default as Hexagon } from './Hexagon';
 export { default as Information } from './Information';
+export { default as InformationFilled } from './InformationFilled';
 export { default as IP } from './IP';
 export { default as Key } from './Key';
 export { default as KeyDown } from './KeyDown';

package/dist/Icons/index.d.ts

@@ -9,7 +9,7 @@ export interface SVGProps {
     color: string;
     weight: string;
 }
-export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AI_Web' | 'App' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cube3D' | 'Cyber' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'IP' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'Media' | 'Monitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Tools' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'Web' | 'WiFiCam' | 'Zapper';
+export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AI_Web' | 'App' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cube3D' | 'Cyber' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'InformationFilled' | 'IP' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'Media' | 'Monitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'Tools' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'Web' | 'WiFiCam' | 'Zapper';
 export interface IconProps {
     icon: IconNames;
     size?: number;

package/dist/Tabs/Tabs.d.ts

@@ -19,6 +19,10 @@ interface TabProps {
     gap?: string;
     overflow?: string;
     bordeBottom?: string;
+    tabRightNode?: {
+        gap: string;
+        node: React.ReactNode;
+    };
 }
 declare const Tabs: React.FC<TabProps>;
 export default Tabs;

package/dist/index.js

@@ -1701,6 +1701,23 @@ var Information = function Information(_ref) {
   }));
 };
 
+var InformationFilled = function InformationFilled(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React__default.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React__default.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,
@@ -3295,6 +3312,7 @@ var IconSVGs = {
   History: History,
   Hexagon: Hexagon,
   Information: Information,
+  InformationFilled: InformationFilled,
   IP: IP,
   Key: Key,
   KeyDown: KeyDown,
@@ -5595,7 +5613,7 @@ var useNotification = function useNotification() {
 };
 
 var _templateObject$e, _templateObject2$b;
-var SearchContainer$2 = styled__default.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__default.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) {
@@ -7003,7 +7021,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__default.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';
@@ -7014,7 +7032,7 @@ 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: ", ";\n  padding: ", ";\n"])), function (_ref4) {
+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  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) {
@@ -7040,9 +7058,10 @@ var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObjec
 }, function (props) {
   return props.$active ? 'block' : 'none';
 }, colorVariables["default"].primary);
-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) {
+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  white-space: nowrap;\n"])), function (props) {
   return props.$active ? colorVariables["default"].primary : colorVariables.text.medium;
 });
+var TabItemsWrapper = styled__default.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,
@@ -7054,7 +7073,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__default.createElement(Container$4, {
     "$gap": gap,
     "$border": border,
@@ -7062,7 +7082,7 @@ var Tabs = function Tabs(_ref11) {
   }, React__default.createElement(FirstContainer, {
     "$headerPadding": headerPadding,
     "$bordeBottom": bordeBottom
-  }, tabItems.map(function (tab, index) {
+  }, React__default.createElement(TabItemsWrapper, null, tabItems.map(function (tab, index) {
     return React__default.createElement(TabContainer, {
       key: index,
       onClick: function onClick() {
@@ -7081,7 +7101,7 @@ var Tabs = function Tabs(_ref11) {
     }), React__default.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__default.createElement(Container$4, {
       key: index,
       "$overflow": overflow