@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var index$1 = require('../Styled/index.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+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;
+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 TimePicker = (_a) => {
+  var _b = _a, { className, error, size = "middle" } = _b, props = __objRest(_b, ["className", "error", "size"]);
+  const typo = {
+    large: index.Typo.Label.l2_regular,
+    middle: index.Typo.Label.l3_regular,
+    small: index.Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.TimePicker,
+    __spreadProps(__spreadValues({}, props), {
+      size,
+      "data-test": props.name,
+      className: cs__default.default(className, index$1.InputStyle, typo, error ? "error" : "")
+    })
+  );
+};
+var TimePicker$1 = TimePicker;
+
+module.exports = TimePicker$1;

package/dist/cjs/core/TimeZoneSelect/filter.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const TimeZoneSelectPlaceholderValue = "_placeholder_";
+function shouldShowTimeZoneSelectOption(keyword, option, searchableOptionTexts) {
+  const search = keyword.toLowerCase();
+  const matches = (text) => text.toLowerCase().includes(search);
+  const hasMatchedOption = searchableOptionTexts.some(matches);
+  if (!hasMatchedOption) {
+    return false;
+  }
+  if ((option == null ? void 0 : option.value) === TimeZoneSelectPlaceholderValue) {
+    return true;
+  }
+  const optionText = [
+    typeof (option == null ? void 0 : option.label) === "string" ? option.label : "",
+    (option == null ? void 0 : option.value) == null ? "" : String(option.value)
+  ].join(" ");
+  return matches(optionText);
+}
+
+exports.TimeZoneSelectPlaceholderValue = TimeZoneSelectPlaceholderValue;
+exports.shouldShowTimeZoneSelectOption = shouldShowTimeZoneSelectOption;

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

@@ -0,0 +1,174 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$2 = require('../Icon/index.js');
+var index$1 = require('../LegacySelect/index.js');
+var index = require('../Typo/index.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var antd = require('antd');
+var _ = require('lodash');
+var React = require('react');
+var TimeZones = require('timezones.json');
+var filter = require('./filter.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var TimeZones__default = /*#__PURE__*/_interopDefault(TimeZones);
+
+const allTimeZones = _.uniqBy(TimeZones__default.default.reduce((sum, zone) => {
+  const utcZones = zone.utc.map(utc => {
+    return {
+      abbr: zone.abbr,
+      text: zone.text.replace(/\(.*\) /, ""),
+      value: utc,
+      offset: zone.offset
+    };
+  });
+  return sum.concat(utcZones);
+}, []), "value");
+const timeZoneGroups = (() => {
+  const groupedTimeZones = _.groupBy(allTimeZones, tz => tz.value.split("/")[0]);
+  delete groupedTimeZones["CST6CDT"];
+  delete groupedTimeZones["MST7MDT"];
+  delete groupedTimeZones["PST8PDT"];
+  delete groupedTimeZones["Etc"];
+  return _.sortBy(_.toPairs(groupedTimeZones).map(([key, tzs]) => {
+    return [key, _.sortBy(tzs, "value")];
+  }), "0");
+})();
+const SelectStyle = "E_0_0_0_theme_rc_1_s1dni7lo";
+const DropdownStyle = "E_0_0_0_theme_rc_1_d1wwmmm5";
+const OptionWrapperStyle = core.cx("E_0_0_0_theme_rc_1_o1ugr09p", index.Typo.Label.l3_regular);
+const OptionFirstLineStyle = core.cx("E_0_0_0_theme_rc_1_o1ifxsq4", index.Typo.Label.l3_regular);
+const OptionSecondLineStyle = core.cx("E_0_0_0_theme_rc_1_o1zue7", index.Typo.Label.l4_regular);
+const TagStyle = "E_0_0_0_theme_rc_1_tyfmlxg";
+const OptionPlaceholder = "E_0_0_0_theme_rc_1_o18uybox";
+const BrowserTimeValue = "browser_time_zone";
+const browserTzName = Intl.DateTimeFormat().resolvedOptions().timeZone;
+const browserTz = allTimeZones.find(tz => tz.value === browserTzName) || allTimeZones[0];
+const TimeZoneSelect = props => {
+  const {
+    value,
+    onChange,
+    disabled,
+    defaultUseBrowserTime,
+    className,
+    size,
+    placeholder,
+    "data-testid": dataTestId
+  } = props;
+  const [innerValue, setInnerValue] = React.useState(value);
+  const {
+    t
+  } = useParrotTranslation();
+  const browserTimeZoneLabel = `${t("components.browser_time_zone")} (${getUTCOffsetText(browserTz.offset)})`;
+  const utcTimeZoneLabel = `${t("components.coordinated_universal_time")} (${getUTCOffsetText(0)})`;
+  const searchableOptionTexts = [`${browserTimeZoneLabel} ${BrowserTimeValue}`, utcTimeZoneLabel, ...timeZoneGroups.flatMap(([, timezones]) => timezones.map(zone => `${zone.value} (${getUTCOffsetText(zone.offset)})`))];
+  const _onChange = React.useCallback(val => {
+    setInnerValue(val);
+    if (val === BrowserTimeValue) {
+      onChange(browserTzName);
+    } else {
+      onChange(val);
+    }
+  }, [onChange]);
+  React.useEffect(() => {
+    if (defaultUseBrowserTime && !value) {
+      setInnerValue(BrowserTimeValue);
+      onChange(browserTzName);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (innerValue === BrowserTimeValue && value === browserTzName) return;
+    if (innerValue === value) return;
+    setInnerValue(value);
+  }, [innerValue, value]);
+  const timeZoneOptionGroups = timeZoneGroups.map(([key, timezones]) => {
+    return /* @__PURE__ */React__default.default.createElement(antd.Select.OptGroup, {
+      label: key.toUpperCase()
+    }, timezones.map(zone => {
+      return /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+        label: `${zone.value} (${getUTCOffsetText(zone.offset)})`,
+        value: zone.value,
+        className: OptionWrapperStyle
+      }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+        key: zone.value,
+        timeZone: zone
+      }));
+    }));
+  });
+  return /* @__PURE__ */React__default.default.createElement(index$1, {
+    "data-testid": dataTestId,
+    className: core.cx(SelectStyle, className),
+    dropdownClassName: DropdownStyle,
+    placeholder: /* @__PURE__ */React__default.default.createElement("span", null, placeholder || t("components.time_zone_select_placeholder")),
+    value: innerValue,
+    onChange: _onChange,
+    showSearch: true,
+    disabled,
+    size,
+    filterOption: (keyword, option) => {
+      return filter.shouldShowTimeZoneSelectOption(keyword, option, searchableOptionTexts);
+    },
+    optionLabelProp: "label",
+    input: {}
+  }, /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: BrowserTimeValue,
+    label: browserTimeZoneLabel,
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+    key: BrowserTimeValue,
+    customLabel: t("components.browser_time_zone"),
+    timeZone: browserTz
+  })), /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: "UTC",
+    label: utcTimeZoneLabel,
+    className: OptionWrapperStyle
+  }, /* @__PURE__ */React__default.default.createElement(TimeZoneOption, {
+    key: "utc",
+    customLabel: t("components.coordinated_universal_time"),
+    timeZone: {
+      value: "UTC",
+      text: "UTC",
+      offset: 0,
+      abbr: "GMT"
+    }
+  })), timeZoneOptionGroups, /* @__PURE__ */React__default.default.createElement(antd.Select.Option, {
+    value: filter.TimeZoneSelectPlaceholderValue,
+    className: OptionPlaceholder
+  }, filter.TimeZoneSelectPlaceholderValue));
+};
+function getUTCOffsetText(offset) {
+  if (offset === 0) {
+    return "UTC";
+  } else if (offset < 0) {
+    return `UTC${offset}:00`;
+  } else {
+    return `UTC+${offset}:00`;
+  }
+}
+const TimeZoneOption = ({
+  timeZone,
+  customLabel
+}) => {
+  let tagText = getUTCOffsetText(timeZone.offset);
+  return /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */React__default.default.createElement("div", {
+    className: OptionFirstLineStyle
+  }, /* @__PURE__ */React__default.default.createElement("span", {
+    className: "timezone-title"
+  }, customLabel || timeZone.value), /* @__PURE__ */React__default.default.createElement(antd.Tag, {
+    className: core.cx("timezone-tag", TagStyle)
+  }, tagText)), /* @__PURE__ */React__default.default.createElement("div", {
+    className: OptionSecondLineStyle
+  }, /* @__PURE__ */React__default.default.createElement("span", null, timeZone.text, ", ", timeZone.abbr), /* @__PURE__ */React__default.default.createElement(index$2, {
+    className: "selected-icon",
+    src: iconsReact.CheckmarkDoneSuccessCorrect16BlueIcon,
+    iconHeight: 16,
+    iconWidth: 16
+  })));
+};
+var TimeZoneSelect$1 = TimeZoneSelect;
+
+module.exports = TimeZoneSelect$1;

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

@@ -0,0 +1,13 @@
+'use strict';
+
+const TimelineWrapper = "E_0_0_0_theme_rc_1_t59qhqp";
+const TimelineItemWrapper = "E_0_0_0_theme_rc_1_t2e44lg";
+const EmptyWrapper = "E_0_0_0_theme_rc_1_e14ua30y";
+const SubInfoTextWrapper = "E_0_0_0_theme_rc_1_s1ikqzph";
+const InfoTextWrapper = "E_0_0_0_theme_rc_1_i15astnl";
+
+exports.EmptyWrapper = EmptyWrapper;
+exports.InfoTextWrapper = InfoTextWrapper;
+exports.SubInfoTextWrapper = SubInfoTextWrapper;
+exports.TimelineItemWrapper = TimelineItemWrapper;
+exports.TimelineWrapper = TimelineWrapper;

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

@@ -0,0 +1,114 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index$2 = require('../Link/index.js');
+var index$1 = require('../Tag/index.js');
+var index$3 = require('../Typo/index.js');
+var index$4 = require('../../coreX/OverflowTooltip/index.js');
+var constants = require('../../utils/constants.js');
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+var Timeline_style = require('./Timeline.style.js');
+var index = require('../../coreX/Show/index.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;
+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 __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 TimelineBasicText = ({
+  children,
+  className,
+  multiLines
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    index$4,
+    {
+      className,
+      multiLines: multiLines != null ? multiLines : 2,
+      content: children
+    }
+  );
+};
+const TimelineArea = ({ items, gap = 1, split, suffix, className, compact }) => {
+  const splitNode = typeof split === "string" ? constants.splitMap[split] || split : split;
+  const rendetItem = (category, props, compact2) => {
+    const _a = props, { className: className2 } = _a, restProps = __objRest(_a, ["className"]);
+    switch (category) {
+      case "subinfo_label":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: core.cx(Timeline_style.SubInfoTextWrapper, index$3.Typo.Label.l4_regular, className2)
+          }, restProps)
+        );
+      case "info":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs__default.default(
+              Timeline_style.InfoTextWrapper,
+              {
+                [index$3.Typo.Label.l4_regular]: compact2,
+                [index$3.Typo.Label.l2_regular]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "info_bold":
+        return /* @__PURE__ */ React__default.default.createElement(
+          TimelineBasicText,
+          __spreadValues({
+            className: cs__default.default(
+              Timeline_style.InfoTextWrapper,
+              {
+                [index$3.Typo.Label.l4_bold]: compact2,
+                [index$3.Typo.Label.l2_bold]: !compact2
+              },
+              className2
+            )
+          }, restProps)
+        );
+      case "link":
+        return /* @__PURE__ */ React__default.default.createElement(index$2, __spreadValues({}, props));
+      case "tag":
+        return /* @__PURE__ */ React__default.default.createElement(index$1.default, __spreadValues({}, props));
+    }
+  };
+  return /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { justify: "space-between", align: "center", className }, /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { align: "center", gap }, items.map((item, idx) => {
+    const { category } = item;
+    return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, { key: idx }, rendetItem(category, item, compact), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: idx < items.length - 1 }, splitNode)));
+  })), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(suffix) }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(split) }, splitNode), suffix));
+};
+
+exports.TimelineArea = TimelineArea;

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

@@ -0,0 +1,143 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var core = require('@linaria/core');
+var index$1 = require('../Alert/index.js');
+var index = require('../Icon/index.js');
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+var Timeline_style = require('./Timeline.style.js');
+var Timeline_widget = require('./Timeline.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;
+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));
+const Timeline = ({
+  items,
+  emptyText,
+  emptyRender,
+  compact,
+  timelineContainerClassName,
+  emptyTextClassName,
+  "data-testid": dataTestId
+}) => {
+  if (!items.length) {
+    if (emptyRender) {
+      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, emptyRender(emptyText));
+    }
+    return /* @__PURE__ */ React__default.default.createElement(
+      "div",
+      {
+        "data-testid": dataTestId,
+        className: core.cx(Timeline_style.EmptyWrapper, emptyTextClassName)
+      },
+      emptyText
+    );
+  }
+  const iconMap = {
+    success: iconsReact.CheckmarkDoneSuccessCorrect16GreenIcon,
+    failed: iconsReact.XmarkFailed16RedIcon,
+    progress: iconsReact.Loading16GradientBlueIcon,
+    notice: iconsReact.NoticeTriangleFill16YellowIcon,
+    pending: iconsReact.WaitingBreathingLed16YellowIcon,
+    idle: iconsReact.TimelineNotStart16GrayIcon
+  };
+  const alertTypeMap = {
+    success: "success",
+    failed: "error",
+    progress: "info",
+    notice: "warning",
+    pending: "info",
+    idle: "normal"
+  };
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-testid": dataTestId,
+      className: core.cx(Timeline_style.TimelineWrapper, timelineContainerClassName)
+    },
+    /* @__PURE__ */ React__default.default.createElement(antd5.Timeline, null, items.map((item, index$2) => {
+      const {
+        status,
+        infos,
+        infosRender,
+        infoAction,
+        subInfo,
+        subInfoRender,
+        detailMessage,
+        detailMessages,
+        detailMessageRender
+      } = item;
+      const finalDetailMessages = detailMessages != null ? detailMessages : detailMessage ? [detailMessage] : [];
+      return /* @__PURE__ */ React__default.default.createElement(
+        antd5.Timeline.Item,
+        {
+          key: `timeline-item-${index$2}`,
+          className: cs__default.default(Timeline_style.TimelineItemWrapper, { compact }),
+          dot: /* @__PURE__ */ React__default.default.createElement(
+            index,
+            {
+              src: iconMap[status],
+              iconHeight: 16,
+              iconWidth: 16,
+              isRotate: status === "progress"
+            }
+          )
+        },
+        infosRender ? infosRender(infos) : /* @__PURE__ */ React__default.default.createElement(
+          antd5.Flex,
+          {
+            vertical: true,
+            justify: "space-between",
+            gap: 2,
+            className: "info-wrapper"
+          },
+          infos.map((item2, index2) => /* @__PURE__ */ React__default.default.createElement(
+            Timeline_widget.TimelineArea,
+            __spreadProps(__spreadValues({
+              gap: 6,
+              key: `title-area-${index2}`
+            }, item2), {
+              compact,
+              suffix: !index2 && infoAction ? /* @__PURE__ */ React__default.default.createElement("span", { className: "info-action" }, infoAction) : void 0
+            })
+          ))
+        ),
+        /* @__PURE__ */ React__default.default.createElement("div", { className: "item-time" }, subInfoRender ? subInfoRender(subInfo) : subInfo ? /* @__PURE__ */ React__default.default.createElement(Timeline_widget.TimelineArea, __spreadValues({}, subInfo)) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null), finalDetailMessages.length > 0 ? finalDetailMessages.map(
+          (detailMessage2, index2) => detailMessageRender ? detailMessageRender(detailMessage2, index2) : /* @__PURE__ */ React__default.default.createElement(
+            index$1.default,
+            __spreadValues({
+              key: `detail-message-${index2}`,
+              showIcon: false,
+              type: alertTypeMap[status]
+            }, detailMessage2)
+          )
+        ) : /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null))
+      );
+    }))
+  );
+};
+
+exports.Timeline = Timeline;

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

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$2 = require('../Icon/index.js');
+var style = require('./style.js');
+var index$1 = require('../Tooltip/index.js');
+var index = require('../Typo/index.js');
+var antd = require('antd');
+var cs = require('classnames');
+var React = require('react');
+
+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;
+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 TokenPresetColors = ["blue", "red", "yellow", "green", "gray", "purple"];
+const Size = {
+  small: "E_0_0_0_theme_rc_1_s1sck0th",
+  medium: "E_0_0_0_theme_rc_1_m855nr1",
+  large: "E_0_0_0_theme_rc_1_l1270xpg"
+};
+const TokenStyle = "E_0_0_0_theme_rc_1_t14rextb";
+const Token = React__default.default.forwardRef((_a, ref) => {
+  var _b = _a,
+    {
+      size = "small",
+      color = "gray",
+      className,
+      icon,
+      checked,
+      children,
+      tooltipConfig
+    } = _b,
+    props = __objRest(_b, ["size", "color", "className", "icon", "checked", "children", "tooltipConfig"]);
+  return /* @__PURE__ */React__default.default.createElement(antd.Tag, __spreadProps(__spreadValues({}, props), {
+    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}`]: 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
+    }, !(tooltipConfig == null ? void 0 : tooltipConfig.title) && {
+      visible: false
+    }), /* @__PURE__ */React__default.default.createElement(index$2, {
+      className: "selected-icon",
+      src: iconsReact.XmarkRemoveSmall16RegularInheritIcon,
+      iconHeight: 16,
+      iconWidth: 16
+    })),
+    color: color === "gray" ? void 0 : color
+  }), icon && /* @__PURE__ */React__default.default.createElement("span", {
+    className: cs__default.default("ui-kit-tag-icon", style.IconStyle)
+  }, icon), children);
+});
+var Token$1 = Token;
+
+exports.TokenPresetColors = TokenPresetColors;
+exports.default = Token$1;

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

@@ -0,0 +1,5 @@
+'use strict';
+
+const IconStyle = "E_0_0_0_theme_rc_1_i1g85yz3";
+
+exports.IconStyle = IconStyle;

package/dist/cjs/core/Tooltip/EllipsisTooltipContent.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var _ = require('lodash');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const _exp = /*#__PURE__*/() => props => props.maxHeight ? `${props.maxHeight}px` : "unset";
+const Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  class: "E_0_0_0_theme_rc_1_w1dxz879",
+  propsAsIs: false,
+  vars: {
+    "w1dxz879-0": [_exp()]
+  }
+});
+const EllipsisTooltipContent = ({
+  tooltip,
+  maxHeight,
+  contentWrapperClassName,
+  ellipsisTips
+}) => {
+  const overFlowWrapperRef = React.useRef(null);
+  const [showTips, setShowTips] = React.useState(null);
+  React.useEffect(() => {
+    const wrapperEle = overFlowWrapperRef.current;
+    let wrapperObserver;
+    if (wrapperEle) {
+      const handleVisibleTips = _.debounce(() => {
+        setShowTips(wrapperEle.scrollHeight > (maxHeight || Infinity));
+      }, 200);
+      wrapperObserver = new ResizeObserver(handleVisibleTips);
+      wrapperObserver.observe(wrapperEle);
+    }
+    return () => {
+      wrapperObserver == null ? void 0 : wrapperObserver.disconnect();
+    };
+  }, [maxHeight]);
+  return /* @__PURE__ */React__default.default.createElement(Wrapper, {
+    className: core.cx(contentWrapperClassName, _.isNull(showTips) && "eagle-ellipsis-content"),
+    maxHeight
+  }, /* @__PURE__ */React__default.default.createElement("div", {
+    className: "ellipsis-tooltip",
+    ref: overFlowWrapperRef
+  }, tooltip), !!showTips && /* @__PURE__ */React__default.default.createElement("span", {
+    className: "tips"
+  }, ellipsisTips));
+};
+var EllipsisTooltipContent$1 = EllipsisTooltipContent;
+
+module.exports = EllipsisTooltipContent$1;