@cloudtower/eagle 0.27.66 → 0.27.69-alpha.3

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

@@ -1,6 +1,12 @@
 'use strict';
 
-var antd = require('antd');
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var progress_const = require('./progress.const.js');
+var progress_style = require('./progress.style.js');
+var progress_widgets = require('./progress.widgets.js');
+var isStringArr = require('../../utils/isStringArr.js');
+var antd5 = require('antd5');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,22 +14,130 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
   return a;
 };
-const Progress = (props) => /* @__PURE__ */ React__default.default.createElement(antd.Progress, __spreadValues({}, props));
-var Progress$1 = Progress;
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Row = /*#__PURE__*/react.styled('div')({
+  name: "Row",
+  class: "E_r77hffu",
+  propsAsIs: false
+});
+const _exp = () => ({
+  type
+}) => type === "rich" ? "6px" : "4px";
+const ProgressContainer = /*#__PURE__*/react.styled('div')({
+  name: "ProgressContainer",
+  class: "E_p1cmxsf7",
+  propsAsIs: false,
+  vars: {
+    "p1cmxsf7-0": [_exp()]
+  }
+});
+const getStatus = (status, percent, indeterminate) => {
+  if (indeterminate) return "active";
+  if (!status && percent >= 100) return "success";
+  return status || "active";
+};
+const createAreaNode = (content, className, type, gap = 6) => {
+  return typeof content === "string" ? /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+    className,
+    items: [{
+      type,
+      children: content
+    }],
+    gap
+  }) : content;
+};
+const Progress = _a => {
+  var _b = _a,
+    {
+      type = "simple",
+      status,
+      size = "small",
+      leftTop,
+      rightTop,
+      leftBottom,
+      rightBottom,
+      percent = 0,
+      className,
+      indeterminate
+    } = _b,
+    props = __objRest(_b, ["type", "status", "size", "leftTop", "rightTop", "leftBottom", "rightBottom", "percent", "className", "indeterminate"]);
+  const finalStatus = getStatus(status, percent, indeterminate);
+  const storkeWidth = size === "small" ? 4 : 8;
+  const isBaseProgress = type === "base";
+  const isRichProgress = type === "rich";
+  let titleNode;
+  let actionNode = rightBottom;
+  let statusTextNode;
+  if (type === "simple") {
+    let items;
+    if (!rightBottom) {
+      items = [`${percent}%`];
+    } else if (isStringArr.isStringArray(rightBottom)) {
+      items = [...rightBottom, `${percent}%`];
+    }
+    if (items) {
+      actionNode = /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+        items: items.map(desc => ({
+          type: "description",
+          children: desc
+        })),
+        split: "dot"
+      });
+    }
+    titleNode = createAreaNode(leftTop, core.cx(progress_style.FlexFullContentStyle, "progress-leftTop"), "description");
+  } else {
+    statusTextNode = createAreaNode(rightTop, "progress-status", "description", 2);
+    titleNode = createAreaNode(leftTop, "progress-leftTop", "title");
+  }
+  return /* @__PURE__ */React__default.default.createElement(ProgressContainer, {
+    type,
+    className: core.cx(className, progress_style.ProgressStyle)
+  }, titleNode ? /* @__PURE__ */React__default.default.createElement(Row, null, titleNode, statusTextNode) : null, /* @__PURE__ */React__default.default.createElement(antd5.Progress, __spreadProps(__spreadValues({
+    className: isBaseProgress ? progress_style.BaseProgressStyle : "",
+    strokeWidth: storkeWidth,
+    showInfo: false
+  }, props), {
+    status: finalStatus === "active" ? "active" : void 0,
+    percent: indeterminate ? 100 : percent,
+    strokeColor: progress_const.StatusColorMap[finalStatus]
+  })), leftBottom || actionNode ? /* @__PURE__ */React__default.default.createElement(Row, null, isStringArr.isStringArray(leftBottom) ? /* @__PURE__ */React__default.default.createElement(progress_widgets.Area, {
+    className: progress_style.FlexFullContentStyle,
+    items: leftBottom.map(desc => ({
+      type: "description",
+      children: desc,
+      multiLines: !rightBottom ? 2 : 1
+    })),
+    gap: isRichProgress ? 2 : 0,
+    split: "dot"
+  }) : leftBottom, actionNode) : null);
+};
 
-module.exports = Progress$1;
+exports.Area = progress_widgets.Area;
+exports.TitleArea = progress_widgets.TitleArea;
+exports.Progress = Progress;

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var color = require('../../styles/token/color.js');
+
+const StatusColorMap = {
+  success: color.Color.fill.positive.base,
+  failed: color.Color.fill.serious.base,
+  paused: color.Color.fill.notice.base,
+  active: color.Color.blue["blue-50"]
+};
+
+exports.StatusColorMap = StatusColorMap;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+const DescriptionStyle = "E_d1u4ndxc";
+const FlexFullContentStyle = "E_f6xb0iv";
+const BaseProgressStyle = "E_b1dhu7ov";
+const ProgressStyle = "E_p1as1j2z";
+
+exports.BaseProgressStyle = BaseProgressStyle;
+exports.DescriptionStyle = DescriptionStyle;
+exports.FlexFullContentStyle = FlexFullContentStyle;
+exports.ProgressStyle = ProgressStyle;

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

@@ -0,0 +1,135 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var react = require('@linaria/react');
+var index$1 = require('../Link/index.js');
+var components = require('./components.js');
+var index = require('../Tag/index.js');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const splitMap = {
+  dot: /* @__PURE__ */React__default.default.createElement(iconsReact.DotIntervalSeparation16TertiaryIcon, null)
+};
+const titleAreaStyle = "E_t1gvlxt5";
+const _exp = () => props => props.gap;
+const AreaWrapper = /*#__PURE__*/react.styled('div')({
+  name: "AreaWrapper",
+  class: "E_a1ji6r68",
+  propsAsIs: false,
+  vars: {
+    "a1ji6r68-0": [_exp(), "px"]
+  }
+});
+const Area = ({
+  items,
+  gap = 6,
+  split,
+  className
+}) => {
+  const splitNode = typeof split === "string" ? splitMap[split] || split : split;
+  return /* @__PURE__ */React__default.default.createElement(AreaWrapper, {
+    className,
+    gap
+  }, items.map((item, idx) => {
+    const _a = item,
+      {
+        type
+      } = _a,
+      props = __objRest(_a, ["type"]);
+    return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, {
+      key: idx
+    }, getComponent(type, props), split && idx < items.length - 1 && splitNode);
+  }));
+};
+const TitleArea = ({
+  title,
+  tag,
+  subtitle
+}) => {
+  const items = [];
+  if (tag) {
+    items.push(__spreadValues({
+      type: "tag"
+    }, tag));
+  }
+  items.push({
+    type: "title",
+    children: title
+  });
+  if (subtitle) {
+    items.push({
+      type: "description",
+      children: subtitle
+    });
+  }
+  return /* @__PURE__ */React__default.default.createElement(Area, {
+    gap: 6,
+    className: titleAreaStyle,
+    items
+  });
+};
+function getComponent(type, props) {
+  switch (type) {
+    case "description":
+    case "title":
+      return /* @__PURE__ */React__default.default.createElement(components.Info, __spreadProps(__spreadValues({}, props), {
+        type
+      }));
+    case "iconField":
+      return /* @__PURE__ */React__default.default.createElement(components.IconField, __spreadValues({}, props));
+    case "link":
+      const _a = props,
+        {
+          linkType
+        } = _a,
+        restLinkProps = __objRest(_a, ["linkType"]);
+      const defaultLinkType = restLinkProps.prefixIcon ? "secondary" : "default";
+      return /* @__PURE__ */React__default.default.createElement(index$1, __spreadProps(__spreadValues({}, restLinkProps), {
+        type: linkType || defaultLinkType
+      }));
+    case "tag":
+      const _b = props,
+        {
+          color
+        } = _b,
+        restTagProps = __objRest(_b, ["color"]);
+      return /* @__PURE__ */React__default.default.createElement(index.default, __spreadProps(__spreadValues({}, restTagProps), {
+        color: color || "blue"
+      }));
+  }
+}
+
+exports.Area = Area;
+exports.TitleArea = TitleArea;

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var iconsReact = require('@cloudtower/icons-react');
 var react = require('@linaria/react');
-var index$1 = require('../Icon/index.js');
-var index = require('../Typo/index.js');
+var index = require('../Icon/index.js');
+var index$1 = require('../Typo/index.js');
 var antd = require('antd');
 var cs = require('classnames');
 var React = require('react');
@@ -43,7 +43,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const PresetColors = ["blue", "red", "yellow", "green", "gray"];
+const StatusPresetColors = ["blue", "red", "yellow", "green", "gray"];
 const StatusCapsuleStyle = "E_sddwhm6";
 const StatusCode = /*#__PURE__*/react.styled('i')({
   name: "StatusCode",
@@ -54,7 +54,7 @@ const StatusIcon = ({
   loading
 }) => {
   if (loading) {
-    return /* @__PURE__ */React__default.default.createElement(index$1, {
+    return /* @__PURE__ */React__default.default.createElement(index, {
       className: "ui-kit-status-capsule-icon ui-kit-status-capsule-icon-loading",
       iconWidth: 8,
       iconHeight: 8,
@@ -85,8 +85,8 @@ const StatusCapsule = _a => {
     props = __objRest(_b, ["color", "className", "loading", "hoverable", "children", "offWhiteMode", "number"]);
   const computedColor = ColorMap[color] || color;
   return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
-    className: cs__default.default(className, StatusCapsuleStyle, index.Typo.Label.l4_regular, "ui-kit-status-capsule", {
-      [`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
+    className: cs__default.default(className, StatusCapsuleStyle, index$1.Typo.Label.l4_regular, "ui-kit-status-capsule", {
+      [`ant-tag-${computedColor}`]: StatusPresetColors.includes(computedColor),
       "tag-hover": hoverable,
       "off-white": offWhiteMode
     }),
@@ -100,6 +100,6 @@ const StatusCapsule = _a => {
 };
 var StatusCapsule$1 = StatusCapsule;
 
-exports.PresetColors = PresetColors;
 exports.StatusIcon = StatusIcon;
+exports.StatusPresetColors = StatusPresetColors;
 exports.default = StatusCapsule$1;

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

@@ -2,16 +2,123 @@
 
 var react = require('@linaria/react');
 
+const CommonContent = /*#__PURE__*/react.styled('div')({
+  name: "CommonContent",
+  class: "E_cnujxq2",
+  propsAsIs: false
+});
+const ModalBody = /*#__PURE__*/react.styled('div')({
+  name: "ModalBody",
+  class: "E_m7s48ia",
+  propsAsIs: false
+});
 const WizardBody = /*#__PURE__*/react.styled('div')({
   name: "WizardBody",
   class: "E_wt5zbg6",
   propsAsIs: false
 });
+const HorizontalWizardModalCompactStyle = "E_h18jprzg";
+const HorizontalWizardModalLooseStyle = "E_h16z9xgz";
+const FormWrapper = /*#__PURE__*/react.styled('div')({
+  name: "FormWrapper",
+  class: "E_f1lrhghm",
+  propsAsIs: false
+});
+const FormSectionTitle = /*#__PURE__*/react.styled('h4')({
+  name: "FormSectionTitle",
+  class: "E_f18ot8em",
+  propsAsIs: false
+});
+const FormField = /*#__PURE__*/react.styled('div')({
+  name: "FormField",
+  class: "E_f1l1g2k0",
+  propsAsIs: false
+});
+const ErrorSpan = /*#__PURE__*/react.styled('span')({
+  name: "ErrorSpan",
+  class: "E_e1k89cwg",
+  propsAsIs: false
+});
+const Divider = /*#__PURE__*/react.styled('div')({
+  name: "Divider",
+  class: "E_d1oui1gf",
+  propsAsIs: false
+});
+const LoadingWrapper = /*#__PURE__*/react.styled('div')({
+  name: "LoadingWrapper",
+  class: "E_l15itdbb",
+  propsAsIs: false
+});
+const Dot = /*#__PURE__*/react.styled('span')({
+  name: "Dot",
+  class: "E_d1y3z4w",
+  propsAsIs: false
+});
+const ModalWrapper = "E_m177r7a3";
+const _exp = () => ({
+  color
+}) => {
+  switch (color) {
+    case "red":
+      return "linear-gradient(262.79deg, #FA5F3C 0%, #FF9412 100%)";
+    case "yellow":
+      return "linear-gradient(260.13deg, #FFA600 0%, #FFD900 100%)";
+    case "blue":
+      return "linear-gradient(276.05deg, #0066FF 10.65%, #5CA8FF 89.35%)";
+  }
+};
+const TagSpan = /*#__PURE__*/react.styled('span')({
+  name: "TagSpan",
+  class: "E_t1wwio3v",
+  propsAsIs: false,
+  vars: {
+    "t1wwio3v-0": [_exp()]
+  }
+});
 const FullView = /*#__PURE__*/react.styled('div')({
   name: "FullView",
   class: "E_f17jvtfk",
   propsAsIs: false
 });
+const NameTag = /*#__PURE__*/react.styled('span')({
+  name: "NameTag",
+  class: "E_nzppkea",
+  propsAsIs: false
+});
+const FormItemDiv = /*#__PURE__*/react.styled('div')({
+  name: "FormItemDiv",
+  class: "E_f4mi9eq",
+  propsAsIs: false
+});
+const FieldTitle = /*#__PURE__*/react.styled('div')({
+  name: "FieldTitle",
+  class: "E_fh0ewl8",
+  propsAsIs: false
+});
+const ExpandArrow = /*#__PURE__*/react.styled('i')({
+  name: "ExpandArrow",
+  class: "E_e1qrlvot",
+  propsAsIs: false
+});
+const WarningAlert = "E_w9ic984";
+const NoticeAlert = "E_n1k9qi4r";
+const NormalAlert = "E_n16fsg9x";
+const InfoAlert = "E_i173wxzw";
+const Description = /*#__PURE__*/react.styled('div')({
+  name: "Description",
+  class: "E_dld369h",
+  propsAsIs: false
+});
+const SelectOptionDisabledText = /*#__PURE__*/react.styled('div')({
+  name: "SelectOptionDisabledText",
+  class: "E_s1epv22q",
+  propsAsIs: false
+});
+const OperationWraper = /*#__PURE__*/react.styled('div')({
+  name: "OperationWraper",
+  class: "E_okus5hk",
+  propsAsIs: false
+});
 const TertiaryText = /*#__PURE__*/react.styled('div')({
   name: "TertiaryText",
   class: "E_t1auuzri",
@@ -19,6 +126,10 @@ const TertiaryText = /*#__PURE__*/react.styled('div')({
 });
 const InputStyle = "E_i74cfyt";
 const KitInputStyle = "E_k1ci6977";
+const LeftEndInputStyle = "E_l1f7td1d";
+const RightEndInputStyle = "E_rf8rlle";
+const LeftEndSelectStyle = "E_llt2k48";
+const RightEndSelectStyle = "E_rdwz7eh";
 const ContentWrapper = /*#__PURE__*/react.styled('div')({
   name: "ContentWrapper",
   class: "E_c3ni091",
@@ -45,13 +156,41 @@ const radioStyle = "E_r1skkc3l";
 const CannotOperationInfo = "E_c3cobmo";
 
 exports.CannotOperationInfo = CannotOperationInfo;
+exports.CommonContent = CommonContent;
 exports.ContentWrapper = ContentWrapper;
 exports.Desc = Desc;
+exports.Description = Description;
+exports.Divider = Divider;
+exports.Dot = Dot;
+exports.ErrorSpan = ErrorSpan;
+exports.ExpandArrow = ExpandArrow;
+exports.FieldTitle = FieldTitle;
+exports.FormField = FormField;
+exports.FormItemDiv = FormItemDiv;
+exports.FormSectionTitle = FormSectionTitle;
+exports.FormWrapper = FormWrapper;
 exports.FullView = FullView;
+exports.HorizontalWizardModalCompactStyle = HorizontalWizardModalCompactStyle;
+exports.HorizontalWizardModalLooseStyle = HorizontalWizardModalLooseStyle;
+exports.InfoAlert = InfoAlert;
 exports.InputStyle = InputStyle;
 exports.KitInputStyle = KitInputStyle;
+exports.LeftEndInputStyle = LeftEndInputStyle;
+exports.LeftEndSelectStyle = LeftEndSelectStyle;
 exports.LightDesc = LightDesc;
+exports.LoadingWrapper = LoadingWrapper;
+exports.ModalBody = ModalBody;
+exports.ModalWrapper = ModalWrapper;
+exports.NameTag = NameTag;
+exports.NormalAlert = NormalAlert;
+exports.NoticeAlert = NoticeAlert;
+exports.OperationWraper = OperationWraper;
 exports.RadioDesc = RadioDesc;
+exports.RightEndInputStyle = RightEndInputStyle;
+exports.RightEndSelectStyle = RightEndSelectStyle;
+exports.SelectOptionDisabledText = SelectOptionDisabledText;
+exports.TagSpan = TagSpan;
 exports.TertiaryText = TertiaryText;
+exports.WarningAlert = WarningAlert;
 exports.WizardBody = WizardBody;
 exports.radioStyle = radioStyle;

package/dist/cjs/core/Table/TableWidget.js

@@ -35,7 +35,7 @@ const TableLoading = () => {
     className: "td-loading"
   }))));
 };
-React.createContext({});
+const KitTableContext = React.createContext({});
 const ColumnTitle = props => {
   const {
     title,
@@ -47,6 +47,11 @@ const ColumnTitle = props => {
     src: iconsReact.ArrowChevronUp16BoldSecondaryIcon
   }));
 };
+const EmptyRowMenu = () => {
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null);
+};
 
 exports.ColumnTitle = ColumnTitle;
+exports.EmptyRowMenu = EmptyRowMenu;
+exports.KitTableContext = KitTableContext;
 exports.TableLoading = TableLoading;

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

@@ -109,9 +109,12 @@ const Table = props => {
     showSorterTooltip: false
   }));
 };
+var Table$1 = Table;
 
 exports.useTableBodyHasScrollBar = common.useTableBodyHasScrollBar;
 exports.ColumnTitle = TableWidget.ColumnTitle;
+exports.EmptyRowMenu = TableWidget.EmptyRowMenu;
+exports.KitTableContext = TableWidget.KitTableContext;
 exports.TableLoading = TableWidget.TableLoading;
-exports.default = Table;
+exports.default = Table$1;
 exports.tableStyleCover = tableStyleCover;

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

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var AddRowButton = require('./AddRowButton.js');
 var style = require('./style.js');
 var TableFormBodyRows = require('./TableFormBodyRows.js');
@@ -188,4 +190,4 @@ const TableForm = React__default.default.forwardRef(
 );
 var TableForm$1 = TableForm;
 
-module.exports = TableForm$1;
+exports.default = TableForm$1;

package/dist/cjs/core/Tag/SplitTag.js

@@ -54,11 +54,11 @@ const SplitTag = _a => {
     props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
   return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
     className: cs__default.default(className, style.TagStyle, style.Size[size], WrapperStyle, index.Typo.Label.l4_regular, {
-      [`ant-tag-${color}`]: _const.PresetColors.includes(color)
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
     }, "outside-tag")
   }), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
     className: cs__default.default(style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
-      [`ant-tag-${color}`]: _const.PresetColors.includes(color)
+      [`ant-tag-${color}`]: _const.TagBasePresetColors.includes(color)
     }, "inside-tag")
   }, icon && /* @__PURE__ */React__default.default.createElement("span", {
     className: cs__default.default("ui-kit-tag-icon", style.IconStyle)

package/dist/cjs/core/Tag/const.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const PresetColors = [
+const TagBasePresetColors = [
   "blue",
   "red",
   "yellow",
@@ -9,4 +9,4 @@ const PresetColors = [
   "purple"
 ];
 
-exports.PresetColors = PresetColors;
+exports.TagBasePresetColors = TagBasePresetColors;

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

@@ -46,8 +46,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const PresetColors = [
-  ..._const.PresetColors,
+const TagPresetColors = [
+  ..._const.TagBasePresetColors,
   "red-ontint",
   "green-ontint"
 ];
@@ -79,7 +79,7 @@ const Tag = (_a) => {
     antd.Tag,
     __spreadProps(__spreadValues({}, props), {
       className: cs__default.default(className, style.Size[size], style.TagStyle, index.Typo.Label.l4_regular, {
-        [`ant-tag-${computedColor}`]: PresetColors.includes(computedColor),
+        [`ant-tag-${computedColor}`]: TagPresetColors.includes(computedColor),
         "tag-hover": hoverable
       }),
       closable: false,
@@ -97,5 +97,5 @@ Tag.SplitTag = SplitTag;
 Tag.NameTag = NameTag;
 var Tag$1 = Tag;
 
-exports.PresetColors = PresetColors;
+exports.TagPresetColors = TagPresetColors;
 exports.default = Tag$1;

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

@@ -44,7 +44,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const PresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
+const TokenPresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
 const Size = {
   small: "E_s1sck0th",
   medium: "E_m855nr1",
@@ -68,7 +68,7 @@ const Token = React__default.default.forwardRef((_a, ref) => {
     className: cs__default.default(className, Size[size], TokenStyle, {
       [index.Typo.Label.l4_regular]: size === "small" || size === "medium",
       [index.Typo.Label.l3_regular]: size === "large",
-      [`ant-tag-${color}`]: PresetColors.includes(color)
+      [`ant-tag-${color}`]: TokenPresetColors.includes(color)
     }, "ui-kit-token", checked && "ui-kit-token-checked"),
     closeIcon: /* @__PURE__ */React__default.default.createElement(index$1, __spreadValues({
       title: tooltipConfig == null ? void 0 : tooltipConfig.title
@@ -87,5 +87,5 @@ const Token = React__default.default.forwardRef((_a, ref) => {
 });
 var Token$1 = Token;
 
-exports.PresetColors = PresetColors;
+exports.TokenPresetColors = TokenPresetColors;
 exports.default = Token$1;