@cloudtower/eagle 4100.0.16 → 4100.0.18

package/dist/esm/core/LocalUpload/LocalUpload.js

@@ -1,4 +1,5 @@
 import useParrotTranslation from '../../hooks/useParrotTranslation.js';
+import cs from 'classnames';
 import React__default from 'react';
 import { UploadWrapper } from './LocalUpload.style.js';
 import { UploadLabel, UploadDescription, UploadButton, UploadDragger, UploadFileList, UploadFileInfo } from './LocalUpload.widget.js';
@@ -24,6 +25,7 @@ const UploadComp = React__default.forwardRef(
     className,
     "data-testid": dataTestId,
     label,
+    labelPosition = "top",
     description,
     type = "dragger",
     multiple = false,
@@ -35,66 +37,71 @@ const UploadComp = React__default.forwardRef(
     setFileList,
     validate,
     buttonProps,
-    listType = "list",
     disableRemoveList = false,
-    onRemove
+    onRemove,
+    error
   }, ref) => {
     const { t } = useParrotTranslation();
     const removeFile = (id) => {
-      const index = fileList.findIndex((f) => f.uid === id);
-      if (index !== -1) {
-        const file = fileList[index];
-        fileList.splice(index, 1);
-        setFileList([...fileList]);
-        onRemove == null ? void 0 : onRemove(file);
+      const nextFileList = fileList.filter((file) => file.uid !== id);
+      if (nextFileList.length !== fileList.length) {
+        setFileList(nextFileList);
       }
     };
     const _maxCount = multiple ? maxCount || Infinity : 1;
     const isSingleSelect = _maxCount === 1;
+    const shouldShowDescriptionAbove = !!description && !!label && labelPosition === "top";
+    const shouldShowDescriptionBelow = !!description && !shouldShowDescriptionAbove;
+    const shouldDisableRemove = disabled || disableRemoveList;
+    const uploadContent = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, shouldShowDescriptionAbove ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, null, description) : null, type === "button" ? /* @__PURE__ */ React__default.createElement(
+      UploadComp.Button,
+      __spreadValues({}, __spreadValues({
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate,
+        error
+      }, buttonProps)),
+      t("components.select_file")
+    ) : /* @__PURE__ */ React__default.createElement(
+      UploadComp.Dragger,
+      __spreadValues({}, {
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate,
+        disableRemove: shouldDisableRemove,
+        onRemove,
+        error
+      })
+    ), shouldShowDescriptionBelow ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, { className: "description-below" }, description) : null, info, type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.createElement(
+      UploadComp.FileList,
+      {
+        fileList,
+        removeFile,
+        disableRemove: shouldDisableRemove,
+        onRemove
+      }
+    ) : null);
     return /* @__PURE__ */ React__default.createElement(
       UploadComp.Wrapper,
       {
-        className,
+        className: cs(
+          className,
+          label && labelPosition === "left" ? "label-left" : "label-top",
+          !label && "no-label"
+        ),
         ref,
         "data-testid": dataTestId
       },
       label ? /* @__PURE__ */ React__default.createElement(UploadComp.Label, null, label) : null,
-      description ? /* @__PURE__ */ React__default.createElement(UploadComp.Description, null, description) : null,
-      type === "button" ? /* @__PURE__ */ React__default.createElement(
-        UploadComp.Button,
-        __spreadValues({}, __spreadValues({
-          accept,
-          multiple,
-          disabled,
-          maxCount,
-          fileList,
-          setFileList,
-          validate
-        }, buttonProps)),
-        t("components.select_file")
-      ) : /* @__PURE__ */ React__default.createElement(
-        UploadComp.Dragger,
-        __spreadValues({}, {
-          accept,
-          multiple,
-          disabled,
-          maxCount,
-          fileList,
-          setFileList,
-          validate
-        })
-      ),
-      info != null ? info : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null),
-      type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.createElement(
-        UploadComp.FileList,
-        {
-          fileList,
-          removeFile,
-          type: listType,
-          disableRemove: disableRemoveList,
-          onRemove
-        }
-      ) : null
+      labelPosition === "left" && label ? /* @__PURE__ */ React__default.createElement("div", { className: "upload-main" }, uploadContent) : uploadContent
     );
   }
 );

package/dist/esm/core/LocalUpload/LocalUpload.style.js

@@ -2,9 +2,9 @@ import { styled } from '@linaria/react';
 
 const UploadWrapper = /*#__PURE__*/styled('div')({
   name: "UploadWrapper",
-  class: "E_4100_0_16_u3l9ivi",
+  class: "E_4100_0_18_u3l9ivi",
   propsAsIs: false
 });
-const FileInfoWrapperStyle = "E_4100_0_16_ftdwz1g";
+const FileInfoWrapperStyle = "E_4100_0_18_ftdwz1g";
 
 export { FileInfoWrapperStyle, UploadWrapper };

package/dist/esm/core/LocalUpload/LocalUpload.widget.js

@@ -1,8 +1,9 @@
-import { Uploading16GradientGrayIcon, Uploading16GradientBlueIcon, Upload24GradientGrayIcon, Upload24GradientBlueIcon, Upload48GradientBlueIcon, XmarkRemove16SecondaryIcon, ExclamationErrorCircleFill16RedIcon, File16GradientBlueIcon, Loading16GradientBlueIcon, XmarkRemove24SecondaryIcon } from '@cloudtower/icons-react';
+import { Uploading16GradientGrayIcon, Uploading16GradientBlueIcon, Upload24GradientBlueIcon, Upload48GradientBlueIcon, ExclamationErrorCircleFill16RedIcon, File16GradientBlueIcon, Loading16GradientBlueIcon, XmarkRemove16SecondaryIcon, XmarkRemove16RegularPrimaryCapsOffIcon } from '@cloudtower/icons-react';
 import { cx } from '@linaria/core';
 import Button from '../Button/index.js';
 import Byte from '../Byte/index.js';
 import Icon from '../Icon/index.js';
+import { ParrotTrans } from '../ParrotTrans/index.js';
 import Tooltip from '../Tooltip/index.js';
 import { Typo } from '../Typo/index.js';
 import OverflowTooltip from '../../coreX/OverflowTooltip/index.js';
@@ -39,6 +40,75 @@ const STATUS_ICON_MAP = {
   validating: Loading16GradientBlueIcon,
   "need-validate": Loading16GradientBlueIcon
 };
+const isFileValidating = (fileStatus) => fileStatus === "validating" || fileStatus === "need-validate";
+const FileMeta = ({ file, showError = true }) => {
+  const fileStatus = file.fileStatus || "success";
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: cs(
+        "file-content",
+        Typo.Label.l4_regular,
+        isFileValidating(fileStatus) && "validating"
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(
+      OverflowTooltip,
+      {
+        className: "file-name",
+        content: file.name || file.fileName,
+        tooltip: file.name || file.fileName
+      }
+    ),
+    file.size && !isFileValidating(fileStatus) ? /* @__PURE__ */ React__default.createElement("div", { className: "file-size-line" }, /* @__PURE__ */ React__default.createElement(
+      Byte,
+      {
+        rawValue: file.size,
+        valueClassName: "file-size",
+        unitClassName: "file-size-unit"
+      }
+    )) : null,
+    showError && file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)
+  );
+};
+const swallowClick = (e) => {
+  e.preventDefault();
+  e.stopPropagation();
+};
+const FileRemoveIcon = ({ disabled, onClick }) => {
+  const { t } = useParrotTranslation();
+  const icon = /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      className: "remove-button",
+      cursor: disabled ? "not-allowed" : "pointer",
+      src: XmarkRemove16SecondaryIcon,
+      hoverSrc: disabled ? void 0 : XmarkRemove16RegularPrimaryCapsOffIcon,
+      onClick: disabled ? swallowClick : onClick
+    }
+  );
+  return disabled ? icon : /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("common.remove") }, icon);
+};
+const DraggerFileInfo = ({ file, disableRemove, onRemove }) => {
+  const fileStatus = file.fileStatus || "success";
+  return /* @__PURE__ */ React__default.createElement("div", { className: cs("file-info", disableRemove && "disabled") }, /* @__PURE__ */ React__default.createElement(
+    Icon,
+    {
+      src: STATUS_ICON_MAP[fileStatus],
+      isRotate: isFileValidating(fileStatus)
+    }
+  ), /* @__PURE__ */ React__default.createElement(FileMeta, { file, showError: false }), /* @__PURE__ */ React__default.createElement(
+    FileRemoveIcon,
+    {
+      disabled: disableRemove,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onRemove(file);
+      }
+    }
+  ));
+};
 const createBeforeUploadHandler = ({
   fileList,
   setFileList,
@@ -46,16 +116,14 @@ const createBeforeUploadHandler = ({
   maxCount,
   isSingleSelect,
   setError,
-  t,
-  checkSingleSelectCount = false
+  t
 }) => {
   return (file, _fileList) => {
+    var _a;
     if (isSingleSelect) {
-      if (checkSingleSelectCount && _fileList.length > 1) {
-        setError(t("components.exceed_max_count", { count: 1 }) || "");
+      setError("");
+      if (file.uid !== ((_a = _fileList[0]) == null ? void 0 : _a.uid)) {
         return false;
-      } else {
-        setError("");
       }
       const _file2 = file;
       _file2.fileStatus = validate ? "need-validate" : "success";
@@ -96,10 +164,11 @@ const UploadButton = ({
   maxCount,
   multiple = false,
   disabled,
-  accept
+  accept,
+  error
 }) => {
   const { t } = useParrotTranslation();
-  const [error, setError] = useState("");
+  const [countError, setCountError] = useState("");
   const _maxCount = multiple ? maxCount || Infinity : 1;
   const isSingleSelect = _maxCount === 1;
   useFileValidation({
@@ -111,7 +180,7 @@ const UploadButton = ({
   useFileCountErrorClear({
     fileList,
     maxCount: _maxCount,
-    setError
+    setError: setCountError
   });
   const props = {
     accept,
@@ -123,21 +192,28 @@ const UploadButton = ({
       validate,
       maxCount: _maxCount,
       isSingleSelect,
-      setError,
-      t,
-      checkSingleSelectCount: false
+      setError: setCountError,
+      t
     }),
     multiple
   };
-  return /* @__PURE__ */ React__default.createElement(Upload, __spreadProps(__spreadValues({}, props), { className: cs("upload-button", className) }), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      disabled,
-      prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientGrayIcon }) : void 0,
-      hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientBlueIcon }) : void 0
-    },
-    children
-  ), error ? /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error) : null);
+  const fieldError = error || countError;
+  return /* @__PURE__ */ React__default.createElement(
+    Upload,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs("upload-button", fieldError && "has-error", className)
+    }),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        disabled,
+        prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientGrayIcon }) : void 0,
+        hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.createElement(Icon, { src: Uploading16GradientBlueIcon }) : void 0
+      },
+      children
+    ),
+    fieldError ? /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, fieldError) : null
+  );
 };
 const UploadDragger = ({
   children,
@@ -148,14 +224,16 @@ const UploadDragger = ({
   maxCount,
   multiple = false,
   disabled,
-  accept
+  accept,
+  disableRemove,
+  onRemove,
+  error
 }) => {
-  var _a;
+  var _a, _b;
   const { t } = useParrotTranslation();
-  const [error, setError] = useState("");
+  const [countError, setCountError] = useState("");
   const _maxCount = multiple ? maxCount || Infinity : 1;
   const isSingleSelect = _maxCount === 1;
-  const reachMaxCount = !!maxCount && !isSingleSelect && fileList.length >= maxCount;
   useFileValidation({
     fileList,
     setFileList,
@@ -165,7 +243,7 @@ const UploadDragger = ({
   useFileCountErrorClear({
     fileList,
     maxCount: _maxCount,
-    setError
+    setError: setCountError
   });
   const props = {
     accept,
@@ -177,9 +255,8 @@ const UploadDragger = ({
       validate,
       maxCount: _maxCount,
       isSingleSelect,
-      setError,
-      t,
-      checkSingleSelectCount: true
+      setError: setCountError,
+      t
     }),
     disabled,
     multiple
@@ -187,47 +264,39 @@ const UploadDragger = ({
   const DefaultChildren = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     Icon,
     {
-      src: (fileList == null ? void 0 : fileList.length) ? reachMaxCount ? Upload24GradientGrayIcon : Upload24GradientBlueIcon : Upload48GradientBlueIcon,
+      src: (fileList == null ? void 0 : fileList.length) ? Upload24GradientBlueIcon : Upload48GradientBlueIcon,
       iconHeight: (fileList == null ? void 0 : fileList.length) ? 24 : 48,
       iconWidth: (fileList == null ? void 0 : fileList.length) ? 24 : 48
     }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-drag-text", Typo.Label.l2_regular) }, t("components.upload_file_desc")));
+  ), /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-drag-text", Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.createElement(ParrotTrans, { i18nKey: "components.upload_file_desc" }, /* @__PURE__ */ React__default.createElement("span", { className: "upload-drag-link" }))));
   const fileStatus = isSingleSelect ? ((_a = fileList[0]) == null ? void 0 : _a.fileStatus) || "success" : void 0;
-  const FileInfo = ({ file }) => {
-    const fileStatus2 = file.fileStatus || "success";
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "file-info", onClick: (e) => e.preventDefault() }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        src: STATUS_ICON_MAP[fileStatus2],
-        isRotate: fileStatus2 === "validating" || fileStatus2 === "need-validate"
-      }
-    ), /* @__PURE__ */ React__default.createElement("div", { className: cx("file-name", Typo.Label.l4_regular) }, file.name || file.fileName)), /* @__PURE__ */ React__default.createElement(Button, { className: Typo.Label.l2_regular, type: "link" }, t("components.reselect_file")));
-  };
-  const Error2 = () => {
-    if (error) {
-      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, error);
-    }
-    const file = fileList[0];
-    if (isSingleSelect && (file == null ? void 0 : file.fileStatus) === "error" && file.error) {
-      return /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, file.error);
-    }
-    return null;
-  };
-  return /* @__PURE__ */ React__default.createElement("div", { className: cs("upload-drag", className) }, /* @__PURE__ */ React__default.createElement(
+  const lockedSingleFile = isSingleSelect && !!fileList.length && !!disableRemove;
+  const singleFileError = isSingleSelect && ((_b = fileList[0]) == null ? void 0 : _b.fileStatus) === "error" ? fileList[0].error : void 0;
+  const displayError = error || countError || singleFileError;
+  return /* @__PURE__ */ React__default.createElement("div", { className: cs("upload-drag", displayError && "has-error", className) }, /* @__PURE__ */ React__default.createElement(
     Upload.Dragger,
     __spreadProps(__spreadValues({}, props), {
-      disabled: disabled || fileStatus === "validating",
+      disabled: disabled || lockedSingleFile || isFileValidating(fileStatus),
       className: cs(
         "upload-drag-area",
         fileList.length ? "has-file" : "",
-        reachMaxCount && "reach-max-count",
         isSingleSelect && "single",
         fileStatus === "error" && "file-error",
-        fileStatus === "validating" && "file-validating"
+        isFileValidating(fileStatus) && "file-validating"
       )
     }),
-    isSingleSelect && fileList.length ? /* @__PURE__ */ React__default.createElement(FileInfo, { file: fileList[0] }) : children || DefaultChildren
-  ), /* @__PURE__ */ React__default.createElement(Error2, null));
+    isSingleSelect && fileList.length ? /* @__PURE__ */ React__default.createElement(
+      DraggerFileInfo,
+      {
+        file: fileList[0],
+        disableRemove,
+        onRemove: (file) => {
+          setFileList([]);
+          onRemove == null ? void 0 : onRemove(file);
+        }
+      }
+    ) : children || DefaultChildren
+  ), displayError ? /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-error", Typo.Label.l4_regular) }, displayError) : null);
 };
 const UploadFileInfo = ({
   file,
@@ -255,36 +324,15 @@ const UploadFileInfo = ({
       Icon,
       {
         src: STATUS_ICON_MAP[fileStatus],
-        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+        isRotate: isFileValidating(fileStatus)
       }
     ),
-    /* @__PURE__ */ React__default.createElement("div", { className: cx("file-info", Typo.Label.l4_regular) }, /* @__PURE__ */ React__default.createElement(
-      OverflowTooltip,
-      {
-        className: "file-name",
-        content: file.name || file.fileName,
-        tooltip: file.name || file.fileName
-      }
-    ), file.size ? /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
-      Byte,
-      {
-        rawValue: file.size,
-        valueClassName: "file-size",
-        unitClassName: "file-size-unit"
-      }
-    )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null), file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)),
-    /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        src: XmarkRemove16SecondaryIcon,
-        onClick: disabled ? void 0 : handleRemove
-      }
-    )
+    /* @__PURE__ */ React__default.createElement(FileMeta, { file }),
+    /* @__PURE__ */ React__default.createElement(FileRemoveIcon, { disabled, onClick: handleRemove })
   );
 };
-const FileListItem = ({ file, removeFile, onRemove }) => {
+const FileListItem = ({ file, removeFile, disableRemove, onRemove }) => {
   const fileStatus = file.fileStatus || "success";
-  const { t } = useParrotTranslation();
   const handleRemove = (e) => {
     e.stopPropagation();
     removeFile(file.uid);
@@ -293,73 +341,48 @@ const FileListItem = ({ file, removeFile, onRemove }) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: cx("upload-file-item", Typo.Label.l4_regular),
+      className: cs(
+        "upload-file-item",
+        FileInfoWrapperStyle,
+        Typo.Label.l4_regular,
+        {
+          "file-error-wrapper": fileStatus === "error",
+          disabled: disableRemove
+        }
+      ),
       key: file.uid
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "upload-file-info" }, /* @__PURE__ */ React__default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Icon,
       {
         src: STATUS_ICON_MAP[fileStatus],
-        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+        isRotate: isFileValidating(fileStatus)
       }
-    ), /* @__PURE__ */ React__default.createElement(
-      "div",
-      {
-        className: fileStatus === "validating" || fileStatus === "need-validate" ? "validating" : ""
-      },
-      file.name || file.fileName
-    )), /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("common.remove") }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        className: "remove-button",
-        src: XmarkRemove24SecondaryIcon,
-        onClick: handleRemove
-      }
-    ))),
-    file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.createElement("div", { className: cx("upload-file-error", Typo.Footnote.f2_regular) }, file.error)
+    ),
+    /* @__PURE__ */ React__default.createElement(FileMeta, { file }),
+    /* @__PURE__ */ React__default.createElement(FileRemoveIcon, { disabled: disableRemove, onClick: handleRemove })
   );
 };
 const UploadFileList = ({
   className,
   fileList,
   removeFile,
-  type = "list",
   disableRemove = false,
   onRemove
 }) => {
   if (!fileList.length) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    "div",
+  return /* @__PURE__ */ React__default.createElement("div", { className: cs("upload-file-list", className) }, fileList.map((file) => /* @__PURE__ */ React__default.createElement(
+    FileListItem,
     {
-      className: cs(
-        "upload-file-list",
-        type === "list" ? "" : "upload-file-info-list",
-        className
-      )
-    },
-    fileList.map(
-      (file) => type === "list" ? /* @__PURE__ */ React__default.createElement(
-        FileListItem,
-        {
-          key: file.uid,
-          file,
-          removeFile,
-          onRemove
-        }
-      ) : /* @__PURE__ */ React__default.createElement(
-        UploadFileInfo,
-        {
-          key: file.uid,
-          file,
-          removeFile,
-          disabled: disableRemove,
-          onRemove
-        }
-      )
-    )
-  );
+      key: file.uid,
+      file,
+      removeFile,
+      disableRemove,
+      onRemove
+    }
+  )));
 };
 
 export { FileListItem, UploadButton, UploadDescription, UploadDragger, UploadFileInfo, UploadFileList, UploadLabel };

package/dist/esm/core/LogView/LogView.style.js

@@ -2,24 +2,24 @@ import { styled } from '@linaria/react';
 
 const LogViewContainer = /*#__PURE__*/styled('div')({
   name: "LogViewContainer",
-  class: "E_4100_0_16_l1v1luhz",
+  class: "E_4100_0_18_l1v1luhz",
   propsAsIs: false
 });
 const LogViewInnerContaier = /*#__PURE__*/styled('div')({
   name: "LogViewInnerContaier",
-  class: "E_4100_0_16_lranxiw",
+  class: "E_4100_0_18_lranxiw",
   propsAsIs: false
 });
 const LogTerminal = /*#__PURE__*/styled('div')({
   name: "LogTerminal",
-  class: "E_4100_0_16_l1y3zqy5",
+  class: "E_4100_0_18_l1y3zqy5",
   propsAsIs: false
 });
 const CustomContentOverlay = /*#__PURE__*/styled('div')({
   name: "CustomContentOverlay",
-  class: "E_4100_0_16_c1x4mn5u",
+  class: "E_4100_0_18_c1x4mn5u",
   propsAsIs: false
 });
-const SearchInputStyle = "E_4100_0_16_s4pilip";
+const SearchInputStyle = "E_4100_0_18_s4pilip";
 
 export { CustomContentOverlay, LogTerminal, LogViewContainer, LogViewInnerContaier, SearchInputStyle };

package/dist/esm/core/MediumDialog/MediumDialog.js

@@ -28,7 +28,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const MediumDialogStyle = "E_4100_0_16_m5foqp8";
+const MediumDialogStyle = "E_4100_0_18_m5foqp8";
 const MediumDialog = _a => {
   var _b = _a,
     {

package/dist/esm/core/Metric/styled.js

@@ -1,23 +1,23 @@
 import { styled } from '@linaria/react';
 
-const MetricLegendTabStyle = "E_4100_0_16_mp64wfi";
-const LegendStyle = "E_4100_0_16_l1oyigan";
-const LegendItemStyle = "E_4100_0_16_l1noi4n1";
-const ColorBlockStyle = "E_4100_0_16_cz19rz6";
-const ExtraResource = "E_4100_0_16_e17r5r9c";
+const MetricLegendTabStyle = "E_4100_0_18_mp64wfi";
+const LegendStyle = "E_4100_0_18_l1oyigan";
+const LegendItemStyle = "E_4100_0_18_l1noi4n1";
+const ColorBlockStyle = "E_4100_0_18_cz19rz6";
+const ExtraResource = "E_4100_0_18_e17r5r9c";
 const MetricWrapper = /*#__PURE__*/styled('div')({
   name: "MetricWrapper",
-  class: "E_4100_0_16_m1y1hhnr",
+  class: "E_4100_0_18_m1y1hhnr",
   propsAsIs: false
 });
 const TooltipWrapper = /*#__PURE__*/styled('div')({
   name: "TooltipWrapper",
-  class: "E_4100_0_16_tnvijvs",
+  class: "E_4100_0_18_tnvijvs",
   propsAsIs: false
 });
 const TooltipColumn = /*#__PURE__*/styled('div')({
   name: "TooltipColumn",
-  class: "E_4100_0_16_t1ub2aex",
+  class: "E_4100_0_18_t1ub2aex",
   propsAsIs: false
 });
 

package/dist/esm/core/Nav/index.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { Typo } from '../Typo/index.js';
 import { Header, NavCenterStyle } from './style.js';
 
-const MinWidth = "E_4100_0_16_m196gn1d";
+const MinWidth = "E_4100_0_18_m196gn1d";
 const Nav = ({
   left,
   right,

package/dist/esm/core/Nav/style.js

@@ -2,9 +2,9 @@ import { styled } from '@linaria/react';
 
 const Header = /*#__PURE__*/styled('header')({
   name: "Header",
-  class: "E_4100_0_16_h12yihis",
+  class: "E_4100_0_18_h12yihis",
   propsAsIs: false
 });
-const NavCenterStyle = "E_4100_0_16_ncaepor";
+const NavCenterStyle = "E_4100_0_18_ncaepor";
 
 export { Header, NavCenterStyle };

package/dist/esm/core/Overflow/index.js

@@ -2,8 +2,8 @@ import cs from 'classnames';
 import React__default, { useRef, useState, useCallback, useLayoutEffect } from 'react';
 import useElementResize from '../../hooks/useElementResize.js';
 
-const OverflowWrapper = "E_4100_0_16_owd0kml";
-const HiddenStyle = "E_4100_0_16_h1jsgezc";
+const OverflowWrapper = "E_4100_0_18_owd0kml";
+const HiddenStyle = "E_4100_0_18_h1jsgezc";
 const Overflow = props => {
   const {
     children,