labsense-ui-kit 1.2.83 → 1.2.84

package/dist/index.modern.js

@@ -9688,12 +9688,12 @@ var TableRow = function TableRow(_ref) {
   }));
 };
 
-var _templateObject$q, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$8;
-var TableContainer = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  border-radius: 8px;\n"])), function (_ref) {
+var _templateObject$q, _templateObject2$l, _templateObject3$e, _templateObject4$b, _templateObject5$9;
+var TableContainer = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  scrollbar-width: thin;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.vms.brand.light;
 });
-var TableHeader = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  display: flex;\n  background: ", ";\n  color: ", ";\n  min-height: 36px;\n  align-items: center;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  padding: 9px 12px;\n"])), function (_ref2) {
+var TableHeader = styled.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  display: flex;\n  background: ", ";\n  color: ", ";\n  min-height: 36px;\n  align-items: center;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  padding: 9px 12px;\n  width: 100%;\n"])), function (_ref2) {
   var $hbcolor = _ref2.$hbcolor,
     theme = _ref2.theme;
   return $hbcolor || theme.vms["default"].tertiary;
@@ -9702,19 +9702,18 @@ var TableHeader = styled.div(_templateObject2$l || (_templateObject2$l = _tagged
     theme = _ref3.theme;
   return $tcolor || theme.vms.text.white;
 });
-var TableContent = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow-x: auto;\n  scrollbar-width: thin;\n  svg {\n    cursor: pointer;\n  }\n"])));
-var TableData = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  overflow-y: auto;\n  scrollbar-width: thin;\n  height: 100%;\n  max-height: ", ";\n"])), function (_ref4) {
+var TableData = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  height: 100%;\n  max-height: ", ";\n"])), function (_ref4) {
   var $isLegends = _ref4.$isLegends;
   return $isLegends ? 'calc(100% - 56px)' : 'calc(100% - 36px)';
 });
-var LegendDivider = styled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 2px;\n  background: ", ";\n  margin-right: ", ";\n"])), function (_ref5) {
+var LegendDivider = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  height: 2px;\n  background: ", ";\n  margin-right: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.vms.border.extraLight;
 }, function (_ref6) {
   var $marginRight = _ref6.$marginRight;
   return $marginRight != null ? $marginRight : '0px';
 });
-var Divider = styled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  height: 2px;\n  background: ", ";\n"])), function (_ref7) {
+var Divider = styled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  height: 2px;\n  background: ", ";\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.vms.border.extraLight;
 });
@@ -9773,7 +9772,7 @@ var Table = function Table(_ref8) {
     });
     setIsAllSelected(allChecked);
   }, [rowconfig]);
-  return React.createElement(TableContainer, null, React.createElement(TableContent, null, React.createElement(TableHeader, {
+  return React.createElement(TableContainer, null, React.createElement(TableHeader, {
     "$hbcolor": tableheaderconfig.headercolor,
     "$tcolor": tableheaderconfig.textcolor
   }, tableheaderconfig.isAllSelectable && React.createElement(Container, {
@@ -9884,10 +9883,10 @@ var Table = function Table(_ref8) {
       tableheaderconfig: tableheaderconfig,
       selectCallback: tableObject.selectCallback
     }), filteredRows.length > 1 && index < filteredRows.length - 1 && React.createElement(Divider, null));
-  }))));
+  })));
 };
 
-var _templateObject$r, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$9;
+var _templateObject$r, _templateObject2$m, _templateObject3$f, _templateObject4$c, _templateObject5$a, _templateObject6$8;
 var Container$4 = styled.div(_templateObject$r || (_templateObject$r = _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';
@@ -9936,7 +9935,7 @@ var DetailsFirstContainer = styled.div(_templateObject5$a || (_templateObject5$a
     theme = _ref13.theme;
   return $active ? theme.vms["default"].primary : theme.vms.text.medium;
 });
-var TabItemsWrapper = styled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  // overflow-x: auto;\n  scrollbar-width: thin;\n"])));
+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(_ref14) {
   var tabItems = _ref14.tabItems,
     _ref14$disabled = _ref14.disabled,