@cloudtower/eagle 0.0.0-config-rc-7 → 0.0.0-data-testid

package/dist/__test__/mockLineChart.d.ts

@@ -0,0 +1,4 @@
+import { ILineChartMetric } from "../src/core/LineChart/type";
+declare const mockMetric2: ILineChartMetric;
+declare const mockMetric: ILineChartMetric;
+export { mockMetric, mockMetric2 };

package/dist/cjs/UIKitProvider/index.js

@@ -3,22 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var parrot = require('@cloudtower/parrot');
-var index = require('../core/message/index.js');
+var message = require('../core/message/message.js');
 var legacyAntd = require('../legacy-antd.js');
-var enUS = require('antd/lib/locale/en_US');
-var zhCN = require('antd/lib/locale/zh_CN');
-var antd5enUS = require('antd5/lib/locale/en_US');
-var antd5zhCN = require('antd5/lib/locale/zh_CN');
+var _ = require('lodash');
 var React = require('react');
-var index$2 = require('../core/ConfigProvider/index.js');
-var index$1 = require('../core/message-group/index.js');
+var index$1 = require('../core/ConfigProvider/index.js');
+var index = require('../core/message-group/index.js');
+var useMessage = require('../core/message/useMessage.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var enUS__default = /*#__PURE__*/_interopDefault(enUS);
-var zhCN__default = /*#__PURE__*/_interopDefault(zhCN);
-var antd5enUS__default = /*#__PURE__*/_interopDefault(antd5enUS);
-var antd5zhCN__default = /*#__PURE__*/_interopDefault(antd5zhCN);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
@@ -41,54 +35,35 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const kitContext = React.createContext(legacyAntd.antdKit);
-const MessageContext = React.createContext(index.default);
 const UIKitProvider = (props) => {
-  const { children, kit = legacyAntd.antdKit, message, lng = "en-US", config } = props;
+  const { children, kit = legacyAntd.antdKit, message: message$1, lng = "en-US", config } = props;
   const batchMessage = React.useMemo(() => {
-    if ((message == null ? void 0 : message.batch) != null) {
-      return index$1.createBatchMessageMethods(index.default, message.batch);
+    if ((message$1 == null ? void 0 : message$1.batch) != null) {
+      return index.createBatchMessageMethods(message.default, message$1.batch);
     }
-  }, [message == null ? void 0 : message.batch]);
+  }, [message$1 == null ? void 0 : message$1.batch]);
   const _kit = React.useMemo(() => {
     return __spreadProps(__spreadValues({}, kit), {
-      message: batchMessage != null ? batchMessage : index.default
+      message: batchMessage != null ? batchMessage : message.default
     });
   }, [batchMessage, kit]);
   React.useEffect(() => {
-    index.default.config({
-      maxCount: message == null ? void 0 : message.maxCount
-    });
-  }, [message == null ? void 0 : message.maxCount]);
+    message.default.config(__spreadProps(__spreadValues({}, _.omit(message$1, "batch")), {
+      configProviderProps: config
+    }));
+  }, [message$1, config]);
   React.useEffect(() => {
     if (parrot.parrotI18n.language !== lng) {
       parrot.parrotI18n.changeLanguage(lng);
     }
   }, [lng]);
-  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(MessageContext.Provider, { value: batchMessage != null ? batchMessage : index.default }, /* @__PURE__ */ React__default.default.createElement(
-    index$2.ConfigProvider,
-    {
-      antd4Configs: __spreadValues({
-        autoInsertSpaceInButton: false,
-        locale: lng === "zh-CN" ? zhCN__default.default : enUS__default.default
-      }, config == null ? void 0 : config.antd4Configs),
-      antd5Configs: __spreadValues({
-        autoInsertSpaceInButton: false,
-        locale: lng === "zh-CN" ? antd5zhCN__default.default : antd5enUS__default.default
-      }, config == null ? void 0 : config.antd5Configs)
-    },
-    children
-  )));
+  return /* @__PURE__ */ React__default.default.createElement(kitContext.Provider, { value: _kit }, /* @__PURE__ */ React__default.default.createElement(index$1.ConfigProvider, __spreadValues({}, config), /* @__PURE__ */ React__default.default.createElement(useMessage.MessageContext.Provider, { value: batchMessage != null ? batchMessage : message.default }, children)));
 };
 var UIKitProvider$1 = UIKitProvider;
 const useUIKit = () => {
   return React.useContext(kitContext);
 };
-const useMessage = () => {
-  return React.useContext(MessageContext);
-};
 
-exports.MessageContext = MessageContext;
 exports.default = UIKitProvider$1;
 exports.kitContext = kitContext;
-exports.useMessage = useMessage;
 exports.useUIKit = useUIKit;

package/dist/cjs/antd.js

@@ -7,13 +7,17 @@ const ListItem = antd.List.Item;
 const MenuItemGroup = antd.Menu.ItemGroup;
 const SkeletonButton = antd.Skeleton.Button;
 const TabsTabPane = antd.Tabs.TabPane;
-const TimelineItem = antd.Timeline.Item;
+const AntdTimelineItem = antd.Timeline.Item;
 const TypographyText = antd.Typography.Text;
 const UploadDragger = antd.Upload.Dragger;
 const AntdOption = antd.Select.Option;
 const AntdSelectOptGroup = antd.Select.OptGroup;
 const AntdModal = antd.Modal;
 
+Object.defineProperty(exports, 'AntdAutoComplete', {
+  enumerable: true,
+  get: function () { return antd.AutoComplete; }
+});
 Object.defineProperty(exports, 'AntdBadge', {
   enumerable: true,
   get: function () { return antd.Badge; }
@@ -54,6 +58,10 @@ Object.defineProperty(exports, 'AntdSelect', {
   enumerable: true,
   get: function () { return antd.Select; }
 });
+Object.defineProperty(exports, 'AntdSkeleton', {
+  enumerable: true,
+  get: function () { return antd.Skeleton; }
+});
 Object.defineProperty(exports, 'AntdSteps', {
   enumerable: true,
   get: function () { return antd.Steps; }
@@ -70,6 +78,10 @@ Object.defineProperty(exports, 'AntdTimePicker', {
   enumerable: true,
   get: function () { return antd.TimePicker; }
 });
+Object.defineProperty(exports, 'AntdTimeline', {
+  enumerable: true,
+  get: function () { return antd.Timeline; }
+});
 Object.defineProperty(exports, 'AntdTooltip', {
   enumerable: true,
   get: function () { return antd.Tooltip; }
@@ -78,10 +90,6 @@ Object.defineProperty(exports, 'AntdTreeSelect', {
   enumerable: true,
   get: function () { return antd.TreeSelect; }
 });
-Object.defineProperty(exports, 'AutoComplete', {
-  enumerable: true,
-  get: function () { return antd.AutoComplete; }
-});
 Object.defineProperty(exports, 'Col', {
   enumerable: true,
   get: function () { return antd.Col; }
@@ -114,18 +122,10 @@ Object.defineProperty(exports, 'Row', {
   enumerable: true,
   get: function () { return antd.Row; }
 });
-Object.defineProperty(exports, 'Skeleton', {
-  enumerable: true,
-  get: function () { return antd.Skeleton; }
-});
 Object.defineProperty(exports, 'Tabs', {
   enumerable: true,
   get: function () { return antd.Tabs; }
 });
-Object.defineProperty(exports, 'Timeline', {
-  enumerable: true,
-  get: function () { return antd.Timeline; }
-});
 Object.defineProperty(exports, 'Tree', {
   enumerable: true,
   get: function () { return antd.Tree; }
@@ -141,11 +141,11 @@ Object.defineProperty(exports, 'Upload', {
 exports.AntdModal = AntdModal;
 exports.AntdOption = AntdOption;
 exports.AntdSelectOptGroup = AntdSelectOptGroup;
+exports.AntdTimelineItem = AntdTimelineItem;
 exports.DatePickerRangePicker = DatePickerRangePicker;
 exports.ListItem = ListItem;
 exports.MenuItemGroup = MenuItemGroup;
 exports.SkeletonButton = SkeletonButton;
 exports.TabsTabPane = TabsTabPane;
-exports.TimelineItem = TimelineItem;
 exports.TypographyText = TypographyText;
 exports.UploadDragger = UploadDragger;

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

@@ -40,12 +40,15 @@ const AccordionCard = props => {
     className,
     defaultExpand = true,
     mountOnEnter,
-    unmountOnExit
+    unmountOnExit,
+    "data-testid": dataTestId
   } = props;
   const [active, setActive] = React.useState(defaultExpand);
   return /* @__PURE__ */React__default.default.createElement(Card, {
+    "data-testid": dataTestId,
     className: cs__default.default(active && "active", className)
   }, /* @__PURE__ */React__default.default.createElement("header", {
+    "data-testid": dataTestId ? `${dataTestId}-header` : void 0,
     onClick: () => setActive(!active),
     className: "show-close"
   }, typeof header === "function" ? header(active) : header), /* @__PURE__ */React__default.default.createElement(index, {

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var iconsReact = require('@cloudtower/icons-react');
 var index = require('../Icon/index.js');
 var antd = require('antd');
 var cs = require('classnames');
@@ -51,15 +52,19 @@ const Alert = _a => {
       onClose,
       closeText,
       action,
-      message
+      message,
+      closable,
+      "data-testid": dataTestId
     } = _b,
-    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message"]);
+    props = __objRest(_b, ["type", "icon", "showIcon", "className", "onClose", "closeText", "action", "message", "closable", "data-testid"]);
   const _icon = /* @__PURE__ */React__default.default.createElement(index, {
     alt: type,
     src: icon.getAlertIcon(type)
   });
   const _type = type === "normal" ? "info" : type;
+  const _closable = closable || Boolean(onClose) || Boolean(closeText);
   return /* @__PURE__ */React__default.default.createElement(antd.Alert, __spreadProps(__spreadValues({}, props), {
+    "data-testid": dataTestId,
     className: cs__default.default(AlertStyle, type ? `alert-${type}` : "", className, {
       action
     }),
@@ -76,8 +81,11 @@ const Alert = _a => {
     icon: icon$1 || _icon,
     showIcon,
     onClose,
-    closeText,
-    closable: !!onClose
+    closeText: closeText || _closable && /* @__PURE__ */React__default.default.createElement(index, {
+      src: iconsReact.XmarkRemove16RegularTertiaryCapsOffIcon,
+      hoverSrc: iconsReact.XmarkRemove16RegularPrimaryCapsOffIcon
+    }),
+    closable: _closable
   }));
 };
 var Alert$1 = Alert;

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

@@ -9,14 +9,16 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-const Arch = (props) => {
+const Arch = ({
+  architecture,
+  "data-testid": dataTestId
+}) => {
   const { t } = useParrotTranslation();
-  const { architecture } = props;
   let text = "";
   if (architecture) {
     text = t(`components.Architecture_${architecture}`);
   }
-  return /* @__PURE__ */ React__default.default.createElement("span", null, text);
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, text);
 };
 var Arch$1 = Arch;
 

package/dist/cjs/core/AutoComplete/AutoComplete.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var antd5 = require('antd5');
+var cs = require('classnames');
+var React = require('react');
+var select_style = require('../LegacySelect/select.style.js');
+var select_style$1 = require('../Select/select.style.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 AutoComplete = (props) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd5.AutoComplete,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs__default.default(select_style.SelectStyle, select_style$1.SelectStyle, props.className)
+    })
+  );
+};
+
+exports.AutoComplete = AutoComplete;

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

@@ -23,9 +23,11 @@ const AvatarWrapper = /*#__PURE__*/react.styled('span')({
 const Avatar = ({
   username,
   className,
-  background = "light-blue"
+  background = "light-blue",
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */React__default.default.createElement(AvatarWrapper, {
+    "data-testid": dataTestId,
     background: color.Color.gradient[background] || background,
     className: core.cx(className, "user-icon btn-item")
   }, /* @__PURE__ */React__default.default.createElement("span", {

package/dist/cjs/core/Banner/banner.style.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const BasicBanner = "E_bpgac8u";
+const ErrorBanner = "E_envn4g3";
+const InfoBanner = "E_i12w18eu";
+const WarningBanner = "E_wujsnt4";
+
+exports.BasicBanner = BasicBanner;
+exports.ErrorBanner = ErrorBanner;
+exports.InfoBanner = InfoBanner;
+exports.WarningBanner = WarningBanner;

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

@@ -0,0 +1,45 @@
+'use strict';
+
+var iconsReact = require('@cloudtower/icons-react');
+var index$1 = require('../Icon/index.js');
+var index = require('../Typo/index.js');
+var cs = require('classnames');
+var React = require('react');
+var banner_style = require('./banner.style.js');
+var index$2 = 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);
+
+const Banner = ({
+  message,
+  type,
+  btnProps,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": dataTestId, id: "global-banner" }, /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      className: cs__default.default(index.Typo.Label.l3_bold, banner_style.BasicBanner, {
+        [banner_style.ErrorBanner]: type === "error",
+        [banner_style.InfoBanner]: type === "info",
+        [banner_style.WarningBanner]: type === "warning"
+      })
+    },
+    /* @__PURE__ */ React__default.default.createElement(index$1, { src: iconsReact.InfoICircleFill16OntintIcon }),
+    /* @__PURE__ */ React__default.default.createElement("span", null, message),
+    /* @__PURE__ */ React__default.default.createElement(index$2.Show, { condition: !(btnProps == null ? void 0 : btnProps.hide) }, /* @__PURE__ */ React__default.default.createElement(
+      "span",
+      {
+        className: "dashed-btn",
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: btnProps == null ? void 0 : btnProps.onClick
+      },
+      btnProps == null ? void 0 : btnProps.text
+    ))
+  ));
+};
+
+exports.Banner = Banner;

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

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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var core = require('@linaria/core');
+var useCTErrorMsg = require('../../hooks/useCTErrorMsg.js');
+var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
+var React = require('react');
+var index = require('../Typo/index.js');
+var BasicCTError_style = require('./BasicCTError.style.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const defaultErrorContainerRender = ({ children, className, "data-testid": dataTestId }) => {
+  return /* @__PURE__ */ React__default.default.createElement(
+    "span",
+    {
+      "data-testid": dataTestId,
+      className: core.cx(index.Typo.Label.l3_regular, BasicCTError_style.BasicCTErrorStyle, className)
+    },
+    children
+  );
+};
+const BasicCTError = (props) => {
+  const {
+    error,
+    className,
+    ErrorItemRender,
+    ErrorContainerRender,
+    errorMsgOptions,
+    "data-testid": dataTestId
+  } = props;
+  const msgs = useCTErrorMsg.useCTErrorMsg(error, errorMsgOptions);
+  useParrotTranslation();
+  const ContainerRender = ErrorContainerRender || defaultErrorContainerRender;
+  const child = React.useMemo(() => {
+    if (ErrorItemRender) {
+      return msgs.map((errorMsg, index) => /* @__PURE__ */ React__default.default.createElement(ErrorItemRender, { errorMsg, index, key: index }));
+    }
+    return msgs.join("");
+  }, [msgs, ErrorItemRender]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    ContainerRender,
+    {
+      className,
+      errorMsgs: msgs,
+      children: child,
+      "data-testid": dataTestId
+    }
+  );
+};
+
+exports.BasicCTError = BasicCTError;

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

@@ -5,6 +5,7 @@ var index = require('../Empty/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$1 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -31,13 +32,14 @@ const Bit = ({
   decimals,
   unitClassName,
   valueClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = tower.formatBits(rawValue, decimals);
-  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bit$1 = Bit;
 

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

@@ -5,6 +5,7 @@ var index = require('../Empty/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$1 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -26,19 +27,20 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const BitPerSeconds = ({
+const BitPerSecond = ({
   rawValue,
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = tower.formatBitPerSecond(rawValue, decimals);
-  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
-var BitPerSecond = BitPerSeconds;
+var BitPerSecond$1 = BitPerSecond;
 
-module.exports = BitPerSecond;
+module.exports = BitPerSecond$1;

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

@@ -0,0 +1,91 @@
+'use strict';
+
+var core = require('@linaria/core');
+var index = require('../Typo/index.js');
+var React = require('react');
+var style = require('./style.js');
+var index$1 = require('../Button/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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;
+};
+const SIZE_FONT_MAP = {
+  large: {
+    title: index.Typo.Display.d2_bold_title,
+    desc: index.Typo.Label.l2_regular
+  },
+  medium: {
+    title: index.Typo.Display.d3_bold_title,
+    desc: index.Typo.Label.l3_regular
+  },
+  small: {
+    title: index.Typo.Heading.h2_bold_title,
+    desc: index.Typo.Label.l4_regular
+  },
+  area: {
+    title: index.Typo.Heading.h2_bold_title,
+    desc: index.Typo.Label.l4_regular
+  },
+  xSmall: {
+    title: index.Typo.Heading.h2_regular_title
+  }
+};
+const BlankState = ({
+  className,
+  style: style$1,
+  width,
+  height,
+  title,
+  description,
+  action,
+  backgroundColor,
+  size = "medium",
+  "data-testid": dataTestId
+}) => {
+  const fontStyle = SIZE_FONT_MAP[size];
+  const buttonSize = size === "large" || size === "medium" ? "middle" : "small";
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-testid": dataTestId,
+      className: core.cx(className, style.BlankStateWrapper, size, backgroundColor),
+      style: __spreadValues({
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height
+      }, style$1 || {})
+    },
+    /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("title", fontStyle.title) }, title),
+    size !== "xSmall" && description ? /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx("desc", fontStyle.desc) }, description) : null,
+    action ? /* @__PURE__ */ React__default.default.createElement(
+      index$1,
+      {
+        type: "ordinary",
+        size: buttonSize,
+        className: core.cx("action-button", buttonSize),
+        "data-testid": dataTestId ? `${dataTestId}-action` : void 0,
+        onClick: action.onClick
+      },
+      action.label
+    ) : null
+  );
+};
+var BlankState$1 = BlankState;
+
+module.exports = BlankState$1;

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

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

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

@@ -5,6 +5,7 @@ var index = require('../Empty/index.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var tower = require('../../utils/tower.js');
 var React = require('react');
+var index$1 = require('../Styled/index.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -31,13 +32,14 @@ const Bps = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   const { value, unit } = tower.formatBps(rawValue, decimals);
-  return /* @__PURE__ */ React__default.default.createElement("span", null, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", unitClassName) }, ` ${unit}`));
+  return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("value", valueClassName) }, value), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx("unit", index$1.UnitStyle, unitClassName) }, ` ${unit}`));
 };
 var Bps$1 = Bps;
 

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

@@ -17,9 +17,11 @@ const BreadWrapper = /*#__PURE__*/react.styled('div')({
 });
 const Breadcrumb = props => {
   const {
-    items
+    items,
+    "data-testid": dataTestId
   } = props;
   return /* @__PURE__ */React__default.default.createElement(BreadWrapper, {
+    "data-testid": dataTestId,
     className: index.Typo.Heading.h3_bold_title
   }, items.map((item, index) => {
     return /* @__PURE__ */React__default.default.createElement("span", {
@@ -39,6 +41,7 @@ const Breadcrumb = props => {
       fillOpacity: "0.18"
     })) : null, /* @__PURE__ */React__default.default.createElement("span", {
       className: "breadcrumb-link",
+      "data-testid": item["data-testid"],
       onClick: item.onClick
     }, item.name), index === items.length - 1 && /* @__PURE__ */React__default.default.createElement("svg", {
       style: {