@cloudtower/eagle 4100.0.16 → 4100.0.18

package/dist/cjs/core/LocalUpload/LocalUpload.js

@@ -1,12 +1,14 @@
 'use strict';
 
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var cs = require('classnames');
 var React = require('react');
 var LocalUpload_style = require('./LocalUpload.style.js');
 var LocalUpload_widget = require('./LocalUpload.widget.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
@@ -30,6 +32,7 @@ const UploadComp = React__default.default.forwardRef(
     className,
     "data-testid": dataTestId,
     label,
+    labelPosition = "top",
     description,
     type = "dragger",
     multiple = false,
@@ -41,66 +44,71 @@ const UploadComp = React__default.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.default.createElement(React__default.default.Fragment, null, shouldShowDescriptionAbove ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Description, null, description) : null, type === "button" ? /* @__PURE__ */ React__default.default.createElement(
+      UploadComp.Button,
+      __spreadValues({}, __spreadValues({
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate,
+        error
+      }, buttonProps)),
+      t("components.select_file")
+    ) : /* @__PURE__ */ React__default.default.createElement(
+      UploadComp.Dragger,
+      __spreadValues({}, {
+        accept,
+        multiple,
+        disabled,
+        maxCount,
+        fileList,
+        setFileList,
+        validate,
+        disableRemove: shouldDisableRemove,
+        onRemove,
+        error
+      })
+    ), shouldShowDescriptionBelow ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Description, { className: "description-below" }, description) : null, info, type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.default.createElement(
+      UploadComp.FileList,
+      {
+        fileList,
+        removeFile,
+        disableRemove: shouldDisableRemove,
+        onRemove
+      }
+    ) : null);
     return /* @__PURE__ */ React__default.default.createElement(
       UploadComp.Wrapper,
       {
-        className,
+        className: cs__default.default(
+          className,
+          label && labelPosition === "left" ? "label-left" : "label-top",
+          !label && "no-label"
+        ),
         ref,
         "data-testid": dataTestId
       },
       label ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Label, null, label) : null,
-      description ? /* @__PURE__ */ React__default.default.createElement(UploadComp.Description, null, description) : null,
-      type === "button" ? /* @__PURE__ */ React__default.default.createElement(
-        UploadComp.Button,
-        __spreadValues({}, __spreadValues({
-          accept,
-          multiple,
-          disabled,
-          maxCount,
-          fileList,
-          setFileList,
-          validate
-        }, buttonProps)),
-        t("components.select_file")
-      ) : /* @__PURE__ */ React__default.default.createElement(
-        UploadComp.Dragger,
-        __spreadValues({}, {
-          accept,
-          multiple,
-          disabled,
-          maxCount,
-          fileList,
-          setFileList,
-          validate
-        })
-      ),
-      info != null ? info : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null),
-      type === "button" || !isSingleSelect ? /* @__PURE__ */ React__default.default.createElement(
-        UploadComp.FileList,
-        {
-          fileList,
-          removeFile,
-          type: listType,
-          disableRemove: disableRemoveList,
-          onRemove
-        }
-      ) : null
+      labelPosition === "left" && label ? /* @__PURE__ */ React__default.default.createElement("div", { className: "upload-main" }, uploadContent) : uploadContent
     );
   }
 );

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

@@ -4,10 +4,10 @@ var react = require('@linaria/react');
 
 const UploadWrapper = /*#__PURE__*/react.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";
 
 exports.FileInfoWrapperStyle = FileInfoWrapperStyle;
 exports.UploadWrapper = UploadWrapper;

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

@@ -3,11 +3,12 @@
 var iconsReact = require('@cloudtower/icons-react');
 var core = require('@linaria/core');
 var index$1 = require('../Button/index.js');
-var index$4 = require('../Byte/index.js');
+var index$5 = require('../Byte/index.js');
 var index$2 = require('../Icon/index.js');
-var index$5 = require('../Tooltip/index.js');
+var index$3 = require('../ParrotTrans/index.js');
+var index$6 = require('../Tooltip/index.js');
 var index = require('../Typo/index.js');
-var index$3 = require('../../coreX/OverflowTooltip/index.js');
+var index$4 = require('../../coreX/OverflowTooltip/index.js');
 var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
 var cs = require('classnames');
 var _ = require('lodash');
@@ -47,6 +48,75 @@ const STATUS_ICON_MAP = {
   validating: iconsReact.Loading16GradientBlueIcon,
   "need-validate": iconsReact.Loading16GradientBlueIcon
 };
+const isFileValidating = (fileStatus) => fileStatus === "validating" || fileStatus === "need-validate";
+const FileMeta = ({ file, showError = true }) => {
+  const fileStatus = file.fileStatus || "success";
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      className: cs__default.default(
+        "file-content",
+        index.Typo.Label.l4_regular,
+        isFileValidating(fileStatus) && "validating"
+      )
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      index$4,
+      {
+        className: "file-name",
+        content: file.name || file.fileName,
+        tooltip: file.name || file.fileName
+      }
+    ),
+    file.size && !isFileValidating(fileStatus) ? /* @__PURE__ */ React__default.default.createElement("div", { className: "file-size-line" }, /* @__PURE__ */ React__default.default.createElement(
+      index$5,
+      {
+        rawValue: file.size,
+        valueClassName: "file-size",
+        unitClassName: "file-size-unit"
+      }
+    )) : null,
+    showError && file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-file-error", index.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.default.createElement(
+    index$2,
+    {
+      className: "remove-button",
+      cursor: disabled ? "not-allowed" : "pointer",
+      src: iconsReact.XmarkRemove16SecondaryIcon,
+      hoverSrc: disabled ? void 0 : iconsReact.XmarkRemove16RegularPrimaryCapsOffIcon,
+      onClick: disabled ? swallowClick : onClick
+    }
+  );
+  return disabled ? icon : /* @__PURE__ */ React__default.default.createElement(index$6, { title: t("common.remove") }, icon);
+};
+const DraggerFileInfo = ({ file, disableRemove, onRemove }) => {
+  const fileStatus = file.fileStatus || "success";
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("file-info", disableRemove && "disabled") }, /* @__PURE__ */ React__default.default.createElement(
+    index$2,
+    {
+      src: STATUS_ICON_MAP[fileStatus],
+      isRotate: isFileValidating(fileStatus)
+    }
+  ), /* @__PURE__ */ React__default.default.createElement(FileMeta, { file, showError: false }), /* @__PURE__ */ React__default.default.createElement(
+    FileRemoveIcon,
+    {
+      disabled: disableRemove,
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onRemove(file);
+      }
+    }
+  ));
+};
 const createBeforeUploadHandler = ({
   fileList,
   setFileList,
@@ -54,16 +124,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";
@@ -104,10 +172,11 @@ const UploadButton = ({
   maxCount,
   multiple = false,
   disabled,
-  accept
+  accept,
+  error
 }) => {
   const { t } = useParrotTranslation();
-  const [error, setError] = React.useState("");
+  const [countError, setCountError] = React.useState("");
   const _maxCount = multiple ? maxCount || Infinity : 1;
   const isSingleSelect = _maxCount === 1;
   LocalUpload_hooks.useFileValidation({
@@ -119,7 +188,7 @@ const UploadButton = ({
   LocalUpload_hooks.useFileCountErrorClear({
     fileList,
     maxCount: _maxCount,
-    setError
+    setError: setCountError
   });
   const props = {
     accept,
@@ -131,21 +200,28 @@ const UploadButton = ({
       validate,
       maxCount: _maxCount,
       isSingleSelect,
-      setError,
-      t,
-      checkSingleSelectCount: false
+      setError: setCountError,
+      t
     }),
     multiple
   };
-  return /* @__PURE__ */ React__default.default.createElement(antd.Upload, __spreadProps(__spreadValues({}, props), { className: cs__default.default("upload-button", className) }), /* @__PURE__ */ React__default.default.createElement(
-    index$1,
-    {
-      disabled,
-      prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.default.createElement(index$2, { src: iconsReact.Uploading16GradientGrayIcon }) : void 0,
-      hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.default.createElement(index$2, { src: iconsReact.Uploading16GradientBlueIcon }) : void 0
-    },
-    children
-  ), error ? /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-error", index.Typo.Label.l4_regular) }, error) : null);
+  const fieldError = error || countError;
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Upload,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs__default.default("upload-button", fieldError && "has-error", className)
+    }),
+    /* @__PURE__ */ React__default.default.createElement(
+      index$1,
+      {
+        disabled,
+        prefixIcon: !hideIcon ? /* @__PURE__ */ React__default.default.createElement(index$2, { src: iconsReact.Uploading16GradientGrayIcon }) : void 0,
+        hoverPrefixIcon: !hideIcon ? /* @__PURE__ */ React__default.default.createElement(index$2, { src: iconsReact.Uploading16GradientBlueIcon }) : void 0
+      },
+      children
+    ),
+    fieldError ? /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-error", index.Typo.Label.l4_regular) }, fieldError) : null
+  );
 };
 const UploadDragger = ({
   children,
@@ -156,14 +232,16 @@ const UploadDragger = ({
   maxCount,
   multiple = false,
   disabled,
-  accept
+  accept,
+  disableRemove,
+  onRemove,
+  error
 }) => {
-  var _a;
+  var _a, _b;
   const { t } = useParrotTranslation();
-  const [error, setError] = React.useState("");
+  const [countError, setCountError] = React.useState("");
   const _maxCount = multiple ? maxCount || Infinity : 1;
   const isSingleSelect = _maxCount === 1;
-  const reachMaxCount = !!maxCount && !isSingleSelect && fileList.length >= maxCount;
   LocalUpload_hooks.useFileValidation({
     fileList,
     setFileList,
@@ -173,7 +251,7 @@ const UploadDragger = ({
   LocalUpload_hooks.useFileCountErrorClear({
     fileList,
     maxCount: _maxCount,
-    setError
+    setError: setCountError
   });
   const props = {
     accept,
@@ -185,9 +263,8 @@ const UploadDragger = ({
       validate,
       maxCount: _maxCount,
       isSingleSelect,
-      setError,
-      t,
-      checkSingleSelectCount: true
+      setError: setCountError,
+      t
     }),
     disabled,
     multiple
@@ -195,47 +272,39 @@ const UploadDragger = ({
   const DefaultChildren = /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     index$2,
     {
-      src: (fileList == null ? void 0 : fileList.length) ? reachMaxCount ? iconsReact.Upload24GradientGrayIcon : iconsReact.Upload24GradientBlueIcon : iconsReact.Upload48GradientBlueIcon,
+      src: (fileList == null ? void 0 : fileList.length) ? iconsReact.Upload24GradientBlueIcon : iconsReact.Upload48GradientBlueIcon,
       iconHeight: (fileList == null ? void 0 : fileList.length) ? 24 : 48,
       iconWidth: (fileList == null ? void 0 : fileList.length) ? 24 : 48
     }
-  ), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-drag-text", index.Typo.Label.l2_regular) }, t("components.upload_file_desc")));
+  ), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-drag-text", index.Typo.Label.l2_regular) }, /* @__PURE__ */ React__default.default.createElement(index$3.ParrotTrans, { i18nKey: "components.upload_file_desc" }, /* @__PURE__ */ React__default.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.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { className: "file-info", onClick: (e) => e.preventDefault() }, /* @__PURE__ */ React__default.default.createElement(
-      index$2,
-      {
-        src: STATUS_ICON_MAP[fileStatus2],
-        isRotate: fileStatus2 === "validating" || fileStatus2 === "need-validate"
-      }
-    ), /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("file-name", index.Typo.Label.l4_regular) }, file.name || file.fileName)), /* @__PURE__ */ React__default.default.createElement(index$1, { className: index.Typo.Label.l2_regular, type: "link" }, t("components.reselect_file")));
-  };
-  const Error2 = () => {
-    if (error) {
-      return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-error", index.Typo.Label.l4_regular) }, error);
-    }
-    const file = fileList[0];
-    if (isSingleSelect && (file == null ? void 0 : file.fileStatus) === "error" && file.error) {
-      return /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-error", index.Typo.Label.l4_regular) }, file.error);
-    }
-    return null;
-  };
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("upload-drag", className) }, /* @__PURE__ */ React__default.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.default.createElement("div", { className: cs__default.default("upload-drag", displayError && "has-error", className) }, /* @__PURE__ */ React__default.default.createElement(
     antd.Upload.Dragger,
     __spreadProps(__spreadValues({}, props), {
-      disabled: disabled || fileStatus === "validating",
+      disabled: disabled || lockedSingleFile || isFileValidating(fileStatus),
       className: cs__default.default(
         "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.default.createElement(FileInfo, { file: fileList[0] }) : children || DefaultChildren
-  ), /* @__PURE__ */ React__default.default.createElement(Error2, null));
+    isSingleSelect && fileList.length ? /* @__PURE__ */ React__default.default.createElement(
+      DraggerFileInfo,
+      {
+        file: fileList[0],
+        disableRemove,
+        onRemove: (file) => {
+          setFileList([]);
+          onRemove == null ? void 0 : onRemove(file);
+        }
+      }
+    ) : children || DefaultChildren
+  ), displayError ? /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-error", index.Typo.Label.l4_regular) }, displayError) : null);
 };
 const UploadFileInfo = ({
   file,
@@ -263,36 +332,15 @@ const UploadFileInfo = ({
       index$2,
       {
         src: STATUS_ICON_MAP[fileStatus],
-        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+        isRotate: isFileValidating(fileStatus)
       }
     ),
-    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("file-info", index.Typo.Label.l4_regular) }, /* @__PURE__ */ React__default.default.createElement(
-      index$3,
-      {
-        className: "file-name",
-        content: file.name || file.fileName,
-        tooltip: file.name || file.fileName
-      }
-    ), file.size ? /* @__PURE__ */ React__default.default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.default.createElement(
-      index$4,
-      {
-        rawValue: file.size,
-        valueClassName: "file-size",
-        unitClassName: "file-size-unit"
-      }
-    )) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-file-error", index.Typo.Footnote.f2_regular) }, file.error)),
-    /* @__PURE__ */ React__default.default.createElement(
-      index$2,
-      {
-        src: iconsReact.XmarkRemove16SecondaryIcon,
-        onClick: disabled ? void 0 : handleRemove
-      }
-    )
+    /* @__PURE__ */ React__default.default.createElement(FileMeta, { file }),
+    /* @__PURE__ */ React__default.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);
@@ -301,73 +349,48 @@ const FileListItem = ({ file, removeFile, onRemove }) => {
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
-      className: core.cx("upload-file-item", index.Typo.Label.l4_regular),
+      className: cs__default.default(
+        "upload-file-item",
+        LocalUpload_style.FileInfoWrapperStyle,
+        index.Typo.Label.l4_regular,
+        {
+          "file-error-wrapper": fileStatus === "error",
+          disabled: disableRemove
+        }
+      ),
       key: file.uid
     },
-    /* @__PURE__ */ React__default.default.createElement("div", { className: "upload-file-info" }, /* @__PURE__ */ React__default.default.createElement("div", { className: "file-info" }, /* @__PURE__ */ React__default.default.createElement(
+    /* @__PURE__ */ React__default.default.createElement(
       index$2,
       {
         src: STATUS_ICON_MAP[fileStatus],
-        isRotate: fileStatus === "validating" || fileStatus === "need-validate"
+        isRotate: isFileValidating(fileStatus)
       }
-    ), /* @__PURE__ */ React__default.default.createElement(
-      "div",
-      {
-        className: fileStatus === "validating" || fileStatus === "need-validate" ? "validating" : ""
-      },
-      file.name || file.fileName
-    )), /* @__PURE__ */ React__default.default.createElement(index$5, { title: t("common.remove") }, /* @__PURE__ */ React__default.default.createElement(
-      index$2,
-      {
-        className: "remove-button",
-        src: iconsReact.XmarkRemove24SecondaryIcon,
-        onClick: handleRemove
-      }
-    ))),
-    file.fileStatus === "error" && !!file.error && /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("upload-file-error", index.Typo.Footnote.f2_regular) }, file.error)
+    ),
+    /* @__PURE__ */ React__default.default.createElement(FileMeta, { file }),
+    /* @__PURE__ */ React__default.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.default.createElement(
-    "div",
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: cs__default.default("upload-file-list", className) }, fileList.map((file) => /* @__PURE__ */ React__default.default.createElement(
+    FileListItem,
     {
-      className: cs__default.default(
-        "upload-file-list",
-        type === "list" ? "" : "upload-file-info-list",
-        className
-      )
-    },
-    fileList.map(
-      (file) => type === "list" ? /* @__PURE__ */ React__default.default.createElement(
-        FileListItem,
-        {
-          key: file.uid,
-          file,
-          removeFile,
-          onRemove
-        }
-      ) : /* @__PURE__ */ React__default.default.createElement(
-        UploadFileInfo,
-        {
-          key: file.uid,
-          file,
-          removeFile,
-          disabled: disableRemove,
-          onRemove
-        }
-      )
-    )
-  );
+      key: file.uid,
+      file,
+      removeFile,
+      disableRemove,
+      onRemove
+    }
+  )));
 };
 
 exports.FileListItem = FileListItem;

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

@@ -4,25 +4,25 @@ var react = require('@linaria/react');
 
 const LogViewContainer = /*#__PURE__*/react.styled('div')({
   name: "LogViewContainer",
-  class: "E_4100_0_16_l1v1luhz",
+  class: "E_4100_0_18_l1v1luhz",
   propsAsIs: false
 });
 const LogViewInnerContaier = /*#__PURE__*/react.styled('div')({
   name: "LogViewInnerContaier",
-  class: "E_4100_0_16_lranxiw",
+  class: "E_4100_0_18_lranxiw",
   propsAsIs: false
 });
 const LogTerminal = /*#__PURE__*/react.styled('div')({
   name: "LogTerminal",
-  class: "E_4100_0_16_l1y3zqy5",
+  class: "E_4100_0_18_l1y3zqy5",
   propsAsIs: false
 });
 const CustomContentOverlay = /*#__PURE__*/react.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";
 
 exports.CustomContentOverlay = CustomContentOverlay;
 exports.LogTerminal = LogTerminal;

package/dist/cjs/core/MediumDialog/MediumDialog.js

@@ -34,7 +34,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/cjs/core/Metric/styled.js

@@ -2,24 +2,24 @@
 
 var react = require('@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__*/react.styled('div')({
   name: "MetricWrapper",
-  class: "E_4100_0_16_m1y1hhnr",
+  class: "E_4100_0_18_m1y1hhnr",
   propsAsIs: false
 });
 const TooltipWrapper = /*#__PURE__*/react.styled('div')({
   name: "TooltipWrapper",
-  class: "E_4100_0_16_tnvijvs",
+  class: "E_4100_0_18_tnvijvs",
   propsAsIs: false
 });
 const TooltipColumn = /*#__PURE__*/react.styled('div')({
   name: "TooltipColumn",
-  class: "E_4100_0_16_t1ub2aex",
+  class: "E_4100_0_18_t1ub2aex",
   propsAsIs: false
 });
 

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

@@ -10,7 +10,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const MinWidth = "E_4100_0_16_m196gn1d";
+const MinWidth = "E_4100_0_18_m196gn1d";
 const Nav = ({
   left,
   right,