labsense-ui-kit 1.1.16 → 1.1.18

package/dist/index.modern.js

@@ -701,6 +701,23 @@ var Cyber = function Cyber(_ref) {
   }));
 };
 
+var Directory = function Directory(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 34 26",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M28.6667 4.45898H18.67C18.0167 4.45898 17.3917 4.14565 17.0017 3.62232L15.7333 1.92398C14.8717 0.772318 13.5 0.0839844 12.0617 0.0839844H5.33333C2.805 0.0839844 0.75 2.13898 0.75 4.66732V21.334C0.75 23.8623 2.805 25.9173 5.33333 25.9173H28.6667C31.195 25.9173 33.25 23.8623 33.25 21.334V9.04232C33.25 6.51398 31.195 4.45898 28.6667 4.45898ZM30.75 21.334C30.75 22.4823 29.815 23.4173 28.6667 23.4173H5.33333C4.185 23.4173 3.25 22.4823 3.25 21.334V4.66732C3.25 3.51898 4.185 2.58398 5.33333 2.58398H12.0617C12.715 2.58398 13.34 2.89732 13.73 3.42065L14.9983 5.11898C15.86 6.27065 17.2317 6.95898 18.67 6.95898H28.6667C29.815 6.95898 30.75 7.89398 30.75 9.04232V21.334Z",
+    fill: color
+  }));
+};
+
 var DocumentBadge = function DocumentBadge(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -1792,6 +1809,32 @@ var NetworkStorage = function NetworkStorage(_ref) {
   }));
 };
 
+var NFS_Directory = function NFS_Directory(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: "0 0 32 28",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M19.4846 24.8098H2.92935C1.34308 24.8098 0.0527344 23.5193 0.0527344 21.9332V3.81021C0.0527344 2.22394 1.34328 0.933594 2.92935 0.933594H7.47741C8.64676 0.933594 9.69055 1.6321 10.1365 2.7131L10.717 4.11986H26.0599C27.6462 4.11986 28.9365 5.41041 28.9365 6.99648V11.8659C28.9365 12.4154 28.4909 12.861 27.9415 12.861C27.392 12.861 26.9465 12.4154 26.9465 11.8659V6.99648C26.9465 6.50752 26.5487 6.10991 26.0599 6.10991H10.6239C9.87144 6.10991 9.2 5.66056 8.91303 4.96504L8.29711 3.4721C8.1596 3.13897 7.83801 2.92364 7.47761 2.92364H2.92955C2.44059 2.92364 2.04298 3.32145 2.04298 3.81021V21.9332C2.04298 22.4222 2.44079 22.8198 2.92955 22.8198H19.4848C20.0342 22.8198 20.4798 23.2653 20.4798 23.8148C20.4798 24.3642 20.0342 24.8098 19.4848 24.8098H19.4846Z",
+    fill: color
+  }), React.createElement("path", {
+    d: "M27.2037 20.2793C27.0394 20.2793 26.8752 20.2388 26.7267 20.1576L23.1755 18.2177C22.8571 18.0437 22.6587 17.7104 22.6575 17.3476C22.6563 16.9848 22.8527 16.6503 23.1699 16.4744L26.7868 14.4686C27.0826 14.3046 27.4412 14.302 27.7393 14.4616L31.4221 16.4346C31.7466 16.6085 31.9486 16.9472 31.9472 17.3154C31.9458 17.6835 31.7415 18.0208 31.4157 18.1922L27.6672 20.1651C27.5222 20.2415 27.3629 20.2795 27.2037 20.2795V20.2793ZM25.716 17.3379L27.2123 18.1554L28.8304 17.3038L27.2776 16.472L25.716 17.3381V17.3379Z",
+    fill: color
+  }), React.createElement("path", {
+    d: "M27.2037 23.6508C27.0393 23.6508 26.8751 23.6102 26.7267 23.529L23.1754 21.5889C22.6932 21.3254 22.5157 20.7208 22.7792 20.2386C23.0427 19.7564 23.6473 19.5789 24.1295 19.8424L27.2124 21.5266L30.4887 19.8022C30.9748 19.5463 31.5766 19.733 31.8325 20.2193C32.0885 20.7057 31.9018 21.3073 31.4154 21.5632L27.667 23.5361C27.5219 23.6126 27.3627 23.6506 27.2035 23.6506L27.2037 23.6508Z",
+    fill: color
+  }), React.createElement("path", {
+    d: "M27.2037 27.0666C27.0393 27.0666 26.8751 27.026 26.7267 26.9448L23.1754 25.0049C22.6932 24.7414 22.5157 24.1368 22.7792 23.6546C23.0427 23.1725 23.6473 22.9949 24.1295 23.2584L27.2124 24.9426L30.4887 23.2182C30.9748 22.9623 31.5766 23.149 31.8325 23.6353C32.0885 24.1217 31.9018 24.7233 31.4154 24.9792L27.667 26.9522C27.5219 27.0286 27.3627 27.0666 27.2035 27.0666H27.2037Z",
+    fill: color
+  }));
+};
+
 var NoCam = function NoCam(_ref) {
   var size = _ref.size,
     color = _ref.color,
@@ -2810,6 +2853,7 @@ var IconSVGs = {
   CPU: CPU,
   Cube3D: Cube3D,
   Cyber: Cyber,
+  Directory: Directory,
   DocumentBadge: DocumentBadge,
   DownArrow: DownArrow,
   Download: Download,
@@ -2850,6 +2894,7 @@ var IconSVGs = {
   MuteVolume: MuteVolume,
   Menu: Menu,
   NetworkStorage: NetworkStorage,
+  NFS_Directory: NFS_Directory,
   NoCam: NoCam,
   NoStorage: NoStorage,
   Notifications: Notifications,
@@ -4676,7 +4721,7 @@ var DropdownMenu$1 = styled.div(_templateObject7$2 || (_templateObject7$2 = _tag
   var $bottom = _ref26.$bottom;
   return $bottom && "bottom: " + $bottom + ";";
 });
-var OptionsWrapper = styled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  max-height: 150px; \n  overflow-y: auto; \n  width: 100%;\n"])));
+var OptionsWrapper = styled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  max-height: 150px; \n  overflow-y: auto;\n  scrollbar-width: thin;\n  width: 100%;\n"])));
 var SearchContainer$1 = styled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  background: ", ";\n  border: ", ";\n  border-bottom: 1px solid ", ";\n  border-radius: ", ";\n  padding: 10px 12px;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  position: sticky;\n  top: 0;\n  z-index: 10; \n"])), function (_ref27) {
   var $background = _ref27.$background;
   return $background || colorVariables.accent.extraLight;
@@ -6288,29 +6333,32 @@ var Table = function Table(_ref) {
 };
 
 var _templateObject$p, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9;
-var Container$4 = styled.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.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.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.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.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.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.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.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';
@@ -6318,15 +6366,18 @@ var TabItemContainer = styled.div(_templateObject4$b || (_templateObject4$b = _t
 var DetailsFirstContainer = styled.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.createElement(Container$4, {
+    "$gap": gap,
     "$border": border
   }, React.createElement(FirstContainer, {
     "$headerPadding": headerPadding