@cloudtower/eagle 4100.0.17 → 4100.0.19

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_17_l1v1luhz",
+  class: "E_4100_0_19_l1v1luhz",
   propsAsIs: false
 });
 const LogViewInnerContaier = /*#__PURE__*/react.styled('div')({
   name: "LogViewInnerContaier",
-  class: "E_4100_0_17_lranxiw",
+  class: "E_4100_0_19_lranxiw",
   propsAsIs: false
 });
 const LogTerminal = /*#__PURE__*/react.styled('div')({
   name: "LogTerminal",
-  class: "E_4100_0_17_l1y3zqy5",
+  class: "E_4100_0_19_l1y3zqy5",
   propsAsIs: false
 });
 const CustomContentOverlay = /*#__PURE__*/react.styled('div')({
   name: "CustomContentOverlay",
-  class: "E_4100_0_17_c1x4mn5u",
+  class: "E_4100_0_19_c1x4mn5u",
   propsAsIs: false
 });
-const SearchInputStyle = "E_4100_0_17_s4pilip";
+const SearchInputStyle = "E_4100_0_19_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_17_m5foqp8";
+const MediumDialogStyle = "E_4100_0_19_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_17_mp64wfi";
-const LegendStyle = "E_4100_0_17_l1oyigan";
-const LegendItemStyle = "E_4100_0_17_l1noi4n1";
-const ColorBlockStyle = "E_4100_0_17_cz19rz6";
-const ExtraResource = "E_4100_0_17_e17r5r9c";
+const MetricLegendTabStyle = "E_4100_0_19_mp64wfi";
+const LegendStyle = "E_4100_0_19_l1oyigan";
+const LegendItemStyle = "E_4100_0_19_l1noi4n1";
+const ColorBlockStyle = "E_4100_0_19_cz19rz6";
+const ExtraResource = "E_4100_0_19_e17r5r9c";
 const MetricWrapper = /*#__PURE__*/react.styled('div')({
   name: "MetricWrapper",
-  class: "E_4100_0_17_m1y1hhnr",
+  class: "E_4100_0_19_m1y1hhnr",
   propsAsIs: false
 });
 const TooltipWrapper = /*#__PURE__*/react.styled('div')({
   name: "TooltipWrapper",
-  class: "E_4100_0_17_tnvijvs",
+  class: "E_4100_0_19_tnvijvs",
   propsAsIs: false
 });
 const TooltipColumn = /*#__PURE__*/react.styled('div')({
   name: "TooltipColumn",
-  class: "E_4100_0_17_t1ub2aex",
+  class: "E_4100_0_19_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_17_m196gn1d";
+const MinWidth = "E_4100_0_19_m196gn1d";
 const Nav = ({
   left,
   right,

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

@@ -4,10 +4,10 @@ var react = require('@linaria/react');
 
 const Header = /*#__PURE__*/react.styled('header')({
   name: "Header",
-  class: "E_4100_0_17_h12yihis",
+  class: "E_4100_0_19_h12yihis",
   propsAsIs: false
 });
-const NavCenterStyle = "E_4100_0_17_ncaepor";
+const NavCenterStyle = "E_4100_0_19_ncaepor";
 
 exports.Header = Header;
 exports.NavCenterStyle = NavCenterStyle;

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

@@ -11,8 +11,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const OverflowWrapper = "E_4100_0_17_owd0kml";
-const HiddenStyle = "E_4100_0_17_h1jsgezc";
+const OverflowWrapper = "E_4100_0_19_owd0kml";
+const HiddenStyle = "E_4100_0_19_h1jsgezc";
 const Overflow = props => {
   const {
     children,

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

@@ -15,8 +15,8 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var cs__default = /*#__PURE__*/_interopDefault(cs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const PaginationStyle = "E_4100_0_17_phljevk";
-const DropdownOverlayStyle = "E_4100_0_17_d12rtyeg";
+const PaginationStyle = "E_4100_0_19_phljevk";
+const DropdownOverlayStyle = "E_4100_0_19_d12rtyeg";
 const Pagination = props => {
   const {
     current,

package/dist/cjs/core/Progress/components.js

@@ -49,7 +49,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => color || "";
 const IconFieldText = /*#__PURE__*/react.styled('div')({
   name: "IconFieldText",
-  class: "E_4100_0_17_i14c7jc8",
+  class: "E_4100_0_19_i14c7jc8",
   propsAsIs: false,
   vars: {
     "i14c7jc8-0": [_exp()]
@@ -66,7 +66,7 @@ const StatusIconMap = {
 };
 const IconFieldWrapper = /*#__PURE__*/react.styled('div')({
   name: "IconFieldWrapper",
-  class: "E_4100_0_17_i1ibuolf",
+  class: "E_4100_0_19_i1ibuolf",
   propsAsIs: false
 });
 const IconField = _a => {

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

@@ -44,7 +44,7 @@ var __objRest = (source, exclude) => {
 };
 const Row = /*#__PURE__*/react.styled('div')({
   name: "Row",
-  class: "E_4100_0_17_r77hffu",
+  class: "E_4100_0_19_r77hffu",
   propsAsIs: false
 });
 const _exp = /*#__PURE__*/() => ({
@@ -52,7 +52,7 @@ const _exp = /*#__PURE__*/() => ({
 }) => type === "rich" ? "6px" : "4px";
 const ProgressContainer = /*#__PURE__*/react.styled('div')({
   name: "ProgressContainer",
-  class: "E_4100_0_17_p1cmxsf7",
+  class: "E_4100_0_19_p1cmxsf7",
   propsAsIs: false,
   vars: {
     "p1cmxsf7-0": [_exp()]

package/dist/cjs/core/Progress/progress.style.js

@@ -1,9 +1,9 @@
 'use strict';
 
-const DescriptionStyle = "E_4100_0_17_d1u4ndxc";
-const FlexFullContentStyle = "E_4100_0_17_f6xb0iv";
-const BaseProgressStyle = "E_4100_0_17_b1dhu7ov";
-const ProgressStyle = "E_4100_0_17_p1as1j2z";
+const DescriptionStyle = "E_4100_0_19_d1u4ndxc";
+const FlexFullContentStyle = "E_4100_0_19_f6xb0iv";
+const BaseProgressStyle = "E_4100_0_19_b1dhu7ov";
+const ProgressStyle = "E_4100_0_19_p1as1j2z";
 
 exports.BaseProgressStyle = BaseProgressStyle;
 exports.DescriptionStyle = DescriptionStyle;

package/dist/cjs/core/Progress/progress.widgets.js

@@ -39,11 +39,11 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const titleAreaStyle = "E_4100_0_17_t1gvlxt5";
+const titleAreaStyle = "E_4100_0_19_t1gvlxt5";
 const _exp2 = /*#__PURE__*/() => props => props.gap;
 const AreaWrapper = /*#__PURE__*/react.styled('div')({
   name: "AreaWrapper",
-  class: "E_4100_0_17_a1ji6r68",
+  class: "E_4100_0_19_a1ji6r68",
   propsAsIs: false,
   vars: {
     "a1ji6r68-0": [_exp2(), "px"]

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

@@ -39,9 +39,9 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const RadioStyle = "E_4100_0_17_rapgekc";
-const RadioGroupStyle = "E_4100_0_17_rp906go";
-const RadioButtonStyle = "E_4100_0_17_rcc63c8";
+const RadioStyle = "E_4100_0_19_rapgekc";
+const RadioGroupStyle = "E_4100_0_19_rp906go";
+const RadioButtonStyle = "E_4100_0_19_rcc63c8";
 const KitRadioGroupContext = React__default.default.createContext({});
 const Radio = _a => {
   var _b = _a,

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

@@ -1,10 +1,10 @@
 'use strict';
 
-const SearchInputStyles = "E_4100_0_17_s1n7hav7";
-const CountTextStyles = "E_4100_0_17_c1tgpyn0";
-const IconContainerStyles = "E_4100_0_17_i1cmbu8m";
-const DisabledIconStyles = "E_4100_0_17_dxmfsc9";
-const SearchInputDropdownStyles = "E_4100_0_17_slbf45q";
+const SearchInputStyles = "E_4100_0_19_s1n7hav7";
+const CountTextStyles = "E_4100_0_19_c1tgpyn0";
+const IconContainerStyles = "E_4100_0_19_i1cmbu8m";
+const DisabledIconStyles = "E_4100_0_19_dxmfsc9";
+const SearchInputDropdownStyles = "E_4100_0_19_slbf45q";
 
 exports.CountTextStyles = CountTextStyles;
 exports.DisabledIconStyles = DisabledIconStyles;

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

@@ -27,10 +27,10 @@ var __spreadValues = (a, b) => {
   }
   return a;
 };
-const Segment = "E_4100_0_17_s11wux3h";
-const SmallSegment = "E_4100_0_17_s1t2an3z";
-const MediumSegment = "E_4100_0_17_ma64lna";
-const ColorSegment = "E_4100_0_17_ckld275";
+const Segment = "E_4100_0_19_s11wux3h";
+const SmallSegment = "E_4100_0_19_s1t2an3z";
+const MediumSegment = "E_4100_0_19_ma64lna";
+const ColorSegment = "E_4100_0_19_ckld275";
 const SegmentControl = props => {
   const {
     size = "middle",