labsense-ui-kit 1.1.16 → 1.1.17

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

@@ -6292,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';
@@ -6322,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