labsense-ui-kit 1.1.15 → 1.1.17

package/dist/Container&Span/StyledComponents.d.ts

@@ -33,6 +33,8 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $scrollbarWidth?: string | undefined;
     $border?: string | undefined;
     $borderRadius?: string | undefined;
+    $borderTopLeftRadius?: string | undefined;
+    $borderTopRightRadius?: string | undefined;
     $borderBottom?: string | undefined;
     $borderLeft?: string | undefined;
     $fontWeight?: string | undefined;

package/dist/Tabs/Tabs.d.ts

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

package/dist/index.js

@@ -2926,7 +2926,7 @@ var Icon = function Icon(_ref2) {
 };
 
 var _templateObject$1, _templateObject2$1;
-var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: ", ";\n  flex-wrap: ", ";\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";  \n  gap: ", ";\n  font-weight: ", ";\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  padding: ", ";\n  background: ", ";\n  object-fit:", ";\n  margin: ", ";\n  border-radius: ", ";\n  cursor: ", ";\n  font-size: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n  position: ", ";\n  top: ", ";\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  text-align: ", "; \n  color: ", "; \n  overflow: ", ";\n  overflow-y: ", ";\n  z-index: ", "; \n  scrollbar-width: ", ";\n  border: ", "; \n  border-bottom: ", ";\n  border-left: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
+var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex: ", ";\n  flex-wrap: ", ";\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";  \n  gap: ", ";\n  font-weight: ", ";\n  height: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  width: ", ";\n  min-width: ", ";\n  max-width: ", ";\n  padding: ", ";\n  background: ", ";\n  object-fit:", ";\n  margin: ", ";\n  border-radius: ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  cursor: ", ";\n  font-size: ", ";\n  opacity: ", ";\n  pointer-events: ", ";\n  position: ", ";\n  top: ", ";\n  bottom: ", ";\n  left: ", ";\n  right: ", ";\n  text-align: ", "; \n  color: ", "; \n  overflow: ", ";\n  overflow-y: ", ";\n  z-index: ", "; \n  scrollbar-width: ", ";\n  border: ", "; \n  border-bottom: ", ";\n  border-left: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
   var $flex = _ref.$flex;
   return $flex;
 }, function (_ref2) {
@@ -2981,92 +2981,98 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
   var $borderRadius = _ref18.$borderRadius;
   return $borderRadius;
 }, function (_ref19) {
-  var $cursor = _ref19.$cursor;
-  return $cursor;
+  var $borderTopLeftRadius = _ref19.$borderTopLeftRadius;
+  return $borderTopLeftRadius;
 }, function (_ref20) {
-  var $fontSize = _ref20.$fontSize;
-  return $fontSize;
+  var $borderTopRightRadius = _ref20.$borderTopRightRadius;
+  return $borderTopRightRadius;
 }, function (_ref21) {
-  var $opacity = _ref21.$opacity;
-  return $opacity;
+  var $cursor = _ref21.$cursor;
+  return $cursor;
 }, function (_ref22) {
-  var $pointerEvents = _ref22.$pointerEvents;
-  return $pointerEvents;
+  var $fontSize = _ref22.$fontSize;
+  return $fontSize;
 }, function (_ref23) {
-  var $position = _ref23.$position;
-  return $position;
+  var $opacity = _ref23.$opacity;
+  return $opacity;
 }, function (_ref24) {
-  var $top = _ref24.$top;
-  return $top;
+  var $pointerEvents = _ref24.$pointerEvents;
+  return $pointerEvents;
 }, function (_ref25) {
-  var $bottom = _ref25.$bottom;
-  return $bottom;
+  var $position = _ref25.$position;
+  return $position;
 }, function (_ref26) {
-  var $left = _ref26.$left;
-  return $left;
+  var $top = _ref26.$top;
+  return $top;
 }, function (_ref27) {
-  var $right = _ref27.$right;
-  return $right;
+  var $bottom = _ref27.$bottom;
+  return $bottom;
 }, function (_ref28) {
-  var $textAlign = _ref28.$textAlign;
-  return $textAlign;
+  var $left = _ref28.$left;
+  return $left;
 }, function (_ref29) {
-  var $color = _ref29.$color;
-  return $color;
+  var $right = _ref29.$right;
+  return $right;
 }, function (_ref30) {
-  var $overflow = _ref30.$overflow;
-  return $overflow || 'visible';
+  var $textAlign = _ref30.$textAlign;
+  return $textAlign;
 }, function (_ref31) {
-  var $overflowY = _ref31.$overflowY;
-  return $overflowY;
+  var $color = _ref31.$color;
+  return $color;
 }, function (_ref32) {
-  var $zIndex = _ref32.$zIndex;
-  return $zIndex;
+  var $overflow = _ref32.$overflow;
+  return $overflow || 'visible';
 }, function (_ref33) {
-  var $scrollbarWidth = _ref33.$scrollbarWidth;
-  return $scrollbarWidth;
+  var $overflowY = _ref33.$overflowY;
+  return $overflowY;
 }, function (_ref34) {
-  var $border = _ref34.$border;
-  return $border;
+  var $zIndex = _ref34.$zIndex;
+  return $zIndex;
 }, function (_ref35) {
-  var $borderBottom = _ref35.$borderBottom;
-  return $borderBottom;
+  var $scrollbarWidth = _ref35.$scrollbarWidth;
+  return $scrollbarWidth;
 }, function (_ref36) {
-  var $borderLeft = _ref36.$borderLeft;
-  return $borderLeft;
+  var $border = _ref36.$border;
+  return $border;
 }, function (_ref37) {
-  var $hoverBackground = _ref37.$hoverBackground;
-  return $hoverBackground;
+  var $borderBottom = _ref37.$borderBottom;
+  return $borderBottom;
 }, function (_ref38) {
-  var $hoverColor = _ref38.$hoverColor;
+  var $borderLeft = _ref38.$borderLeft;
+  return $borderLeft;
+}, function (_ref39) {
+  var $hoverBackground = _ref39.$hoverBackground;
+  return $hoverBackground;
+}, function (_ref40) {
+  var $hoverColor = _ref40.$hoverColor;
   return $hoverColor;
 });
-var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref39) {
-  var $fontFamily = _ref39.$fontFamily;
+var Span = styled__default.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  font-family: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  color: ", ";\n  line-height: ", ";\n  text-align: ", ";\n  min-width: ", ";\n  width: ", ";\n  overflow-wrap: ", ";\n"])), function (_ref41) {
+  var $fontFamily = _ref41.$fontFamily;
   return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
-}, function (_ref40) {
-  var $fontWeight = _ref40.$fontWeight;
+}, function (_ref42) {
+  var $fontWeight = _ref42.$fontWeight;
   return $fontWeight ? $fontWeight : '500';
-}, function (_ref41) {
-  var $fontSize = _ref41.$fontSize;
+}, function (_ref43) {
+  var $fontSize = _ref43.$fontSize;
   return $fontSize ? $fontSize : '16px';
-}, function (_ref42) {
-  var $color = _ref42.$color;
+}, function (_ref44) {
+  var $color = _ref44.$color;
   return $color ? $color : colorVariables.text.medium;
-}, function (_ref43) {
-  var $lineHeight = _ref43.$lineHeight;
+}, function (_ref45) {
+  var $lineHeight = _ref45.$lineHeight;
   return $lineHeight ? $lineHeight : '100%';
-}, function (_ref44) {
-  var $textAlign = _ref44.$textAlign;
+}, function (_ref46) {
+  var $textAlign = _ref46.$textAlign;
   return $textAlign ? $textAlign : 'center';
-}, function (_ref45) {
-  var $minWidth = _ref45.$minWidth;
+}, function (_ref47) {
+  var $minWidth = _ref47.$minWidth;
   return $minWidth;
-}, function (_ref46) {
-  var $width = _ref46.$width;
+}, function (_ref48) {
+  var $width = _ref48.$width;
   return $width;
-}, function (_ref47) {
-  var $overflowWrap = _ref47.$overflowWrap;
+}, function (_ref49) {
+  var $overflowWrap = _ref49.$overflowWrap;
   return $overflowWrap;
 });
 
@@ -6286,29 +6292,32 @@ var Table = function Table(_ref) {
 };
 
 var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
-var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;   \n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  gap: 24px;\n  border: ", ";\n  border-radius: 8px;\n"])), function (_ref) {
-  var $border = _ref.$border;
+var Container$4 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 100%;   \n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  gap: ", ";\n  border: ", ";\n  border-radius: 8px;\n"])), function (_ref) {
+  var $gap = _ref.$gap;
+  return $gap;
+}, function (_ref2) {
+  var $border = _ref2.$border;
   return $border;
 });
-var FirstContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _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 (_ref2) {
-  var $headerPadding = _ref2.$headerPadding;
+var FirstContainer = styled__default.div(_templateObject2$k || (_templateObject2$k = _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 (_ref3) {
+  var $headerPadding = _ref3.$headerPadding;
   return $headerPadding ? $headerPadding : '0px';
 });
-var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _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 (_ref3) {
-  var $disabled = _ref3.$disabled;
-  return $disabled ? 'not-allowed' : 'pointer';
-}, function (_ref4) {
+var TabContainer = styled__default.div(_templateObject3$e || (_templateObject3$e = _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 (_ref4) {
   var $disabled = _ref4.$disabled;
+  return $disabled ? 'not-allowed' : 'pointer';
+}, function (_ref5) {
+  var $disabled = _ref5.$disabled;
   return $disabled ? '0.6' : '1';
-}, colorVariables.text.medium, function (_ref5) {
-  var $headerHeight = _ref5.$headerHeight;
+}, colorVariables.text.medium, function (_ref6) {
+  var $headerHeight = _ref6.$headerHeight;
   return $headerHeight ? $headerHeight : '34px';
-}, function (_ref6) {
-  var $disabled = _ref6.$disabled;
+}, function (_ref7) {
+  var $disabled = _ref7.$disabled;
   return $disabled ? 'not-allowed' : 'pointer';
 });
-var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObject4$b = _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 (_ref7) {
-  var $headerHeight = _ref7.$headerHeight;
+var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObject4$b = _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 (_ref8) {
+  var $headerHeight = _ref8.$headerHeight;
   return $headerHeight ? $headerHeight : '34px';
 }, function (props) {
   return props.$active ? 'block' : 'none';
@@ -6316,15 +6325,18 @@ var TabItemContainer = styled__default.div(_templateObject4$b || (_templateObjec
 var DetailsFirstContainer = styled__default.div(_templateObject5$9 || (_templateObject5$9 = _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(_ref8) {
-  var tabItems = _ref8.tabItems,
-    _ref8$disabled = _ref8.disabled,
-    disabled = _ref8$disabled === void 0 ? false : _ref8$disabled,
-    headerHeight = _ref8.headerHeight,
-    headerPadding = _ref8.headerPadding,
-    activeTab = _ref8.activeTab,
-    border = _ref8.border;
+var Tabs = function Tabs(_ref9) {
+  var tabItems = _ref9.tabItems,
+    _ref9$disabled = _ref9.disabled,
+    disabled = _ref9$disabled === void 0 ? false : _ref9$disabled,
+    headerHeight = _ref9.headerHeight,
+    headerPadding = _ref9.headerPadding,
+    activeTab = _ref9.activeTab,
+    border = _ref9.border,
+    _ref9$gap = _ref9.gap,
+    gap = _ref9$gap === void 0 ? '24px' : _ref9$gap;
   return React__default.createElement(Container$4, {
+    "$gap": gap,
     "$border": border
   }, React__default.createElement(FirstContainer, {
     "$headerPadding": headerPadding