@cloudtower/eagle 0.0.0-no-uikit-1 → 0.0.0-theme-rc-1

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

@@ -0,0 +1,39 @@
+'use strict';
+
+var core = require('@linaria/core');
+var react = require('@linaria/react');
+var React = require('react');
+var color = require('../../styles/token/color.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const _exp = /*#__PURE__*/() => ({
+  background
+}) => background;
+const AvatarWrapper = /*#__PURE__*/react.styled('span')({
+  name: "AvatarWrapper",
+  class: "E_0_0_0_theme_rc_1_a1b5xrg3",
+  propsAsIs: false,
+  vars: {
+    "a1b5xrg3-0": [_exp()]
+  }
+});
+const Avatar = ({
+  username,
+  className,
+  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", {
+    className: "user-icon-inner"
+  }, username.substring(0, 1)));
+};
+var Avatar$1 = Avatar;
+
+module.exports = Avatar$1;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+const BasicBanner = "E_0_0_0_theme_rc_1_bpgac8u";
+const ErrorBanner = "E_0_0_0_theme_rc_1_envn4g3";
+const InfoBanner = "E_0_0_0_theme_rc_1_i12w18eu";
+const WarningBanner = "E_0_0_0_theme_rc_1_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_0_0_0_theme_rc_1_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_0_0_0_theme_rc_1_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

@@ -12,14 +12,16 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 
 const BreadWrapper = /*#__PURE__*/react.styled('div')({
   name: "BreadWrapper",
-  class: "E_berrcjl",
+  class: "E_0_0_0_theme_rc_1_berrcjl",
   propsAsIs: false
 });
 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: {

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

@@ -36,8 +36,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const ButtonStyle = "E_b1wx3t3t";
-const NoPadding = "E_n7k2c6r";
+const ButtonStyle = "E_0_0_0_theme_rc_1_b1wx3t3t";
 const isAntdButtonTypes = type => {
   return Boolean(type && ["default", "primary", "ghost", "dashed", "link", "text"].includes(type));
 };
@@ -62,7 +61,7 @@ const Button = React__default.default.forwardRef((props, ref) => {
   const onlyIcon = !children && (prefixIcon || suffixIcon);
   return /* @__PURE__ */React__default.default.createElement(antd.Button, __spreadValues({
     ref,
-    className: cs__default.default(className, ButtonStyle, type === "link" && NoPadding, size === "large" && index.Typo.Label.l1_regular_title, size === "middle" && index.Typo.Label.l2_regular_title, size === "small" && index.Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
+    className: cs__default.default(className, ButtonStyle, size === "large" && index.Typo.Label.l1_regular_title, size === "middle" && index.Typo.Label.l2_regular_title, size === "small" && index.Typo.Label.l3_regular_title, type && `ant-btn-${type}`, onlyIcon && "ant-btn-icon-only"),
     type: isAntdButtonTypes(type) ? type : void 0,
     onMouseEnter: e => {
       onMouseEnter == null ? void 0 : onMouseEnter(e);

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

@@ -37,22 +37,24 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const ButtonStyle = "E_b1nip9bk";
+const ButtonStyle = "E_0_0_0_theme_rc_1_b1nip9bk";
 const ButtonGroupContainer = /*#__PURE__*/react.styled('div')({
   name: "ButtonGroupContainer",
-  class: "E_bqamoqe",
+  class: "E_0_0_0_theme_rc_1_bqamoqe",
   propsAsIs: false
 });
 const ButtonGroup = React__default.default.forwardRef((props, ref) => {
   const {
     className,
     options,
-    size = "middle"
+    size = "middle",
+    "data-testid": dataTestId
   } = props;
   if (!options.length) {
     return null;
   }
   return /* @__PURE__ */React__default.default.createElement(ButtonGroupContainer, {
+    "data-testid": dataTestId,
     className,
     ref
   }, options.map((button, index$2) => {

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

@@ -6,6 +6,7 @@ var useParrotTranslation = require('../../hooks/useParrotTranslation.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 }; }
 
@@ -33,20 +34,21 @@ const Byte = ({
   decimals,
   valueClassName,
   unitClassName,
-  emptyProps
+  emptyProps,
+  "data-testid": dataTestId
 }) => {
   const { t } = useParrotTranslation();
   if (isEmpty(rawValue)) {
-    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({}, emptyProps));
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
   }
   if (rawValue === -1) {
-    return /* @__PURE__ */ React__default.default.createElement("span", null, t("common.calculation"));
+    return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId }, t("common.calculation"));
   }
   const { value, unit } = tower.formatBytes(rawValue, decimals);
   if (noUnitOnZero && value === 0) {
-    return /* @__PURE__ */ React__default.default.createElement("span", { className: "value" }, value);
+    return /* @__PURE__ */ React__default.default.createElement("span", { "data-testid": dataTestId, className: "value" }, value);
   }
-  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 Byte$1 = Byte;
 

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

@@ -0,0 +1,46 @@
+'use strict';
+
+var core = require('@linaria/core');
+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 }; }
+
+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 BytePerSecond = ({
+  rawValue,
+  decimals,
+  valueClassName,
+  unitClassName,
+  emptyProps,
+  "data-testid": dataTestId
+}) => {
+  if (isEmpty(rawValue)) {
+    return /* @__PURE__ */ React__default.default.createElement(index, __spreadValues({ "data-testid": dataTestId }, emptyProps));
+  }
+  const { value, unit } = tower.formatBytePerSecond(rawValue, decimals);
+  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 BytePerSecond$1 = BytePerSecond;
+
+module.exports = BytePerSecond$1;

package/dist/cjs/core/Card/CardBody.js

@@ -4,7 +4,7 @@ var react = require('@linaria/react');
 
 const CardBody = /*#__PURE__*/react.styled('div')({
   name: "CardBody",
-  class: "E_c1yd35n",
+  class: "E_0_0_0_theme_rc_1_c1yd35n",
   propsAsIs: false
 });
 var CardBody$1 = CardBody;

package/dist/cjs/core/Card/CardTitle.js

@@ -4,7 +4,7 @@ var react = require('@linaria/react');
 
 const CardTitle = /*#__PURE__*/react.styled('div')({
   name: "CardTitle",
-  class: "E_c1kghdax",
+  class: "E_0_0_0_theme_rc_1_c1kghdax",
   propsAsIs: false
 });
 var CardTitle$1 = CardTitle;

package/dist/cjs/core/Card/CardWrapper.js

@@ -34,7 +34,7 @@ var __objRest = (source, exclude) => {
   }
   return target;
 };
-const boxShadow = "E_b14q2gmw";
+const boxShadow = "E_0_0_0_theme_rc_1_b14q2gmw";
 const Wrapper = React.forwardRef(props => {
   const _a = props,
     {
@@ -52,7 +52,7 @@ const Wrapper = React.forwardRef(props => {
 const _exp = /*#__PURE__*/() => Wrapper;
 const CardWrapper = /*#__PURE__*/react.styled(_exp())({
   name: "CardWrapper",
-  class: "E_c1eym6el",
+  class: "E_0_0_0_theme_rc_1_c1eym6el",
   propsAsIs: true
 });
 var CardWrapper$1 = CardWrapper;

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

@@ -53,7 +53,8 @@ const Card = React__default.default.forwardRef(
       className,
       defaultOpen = false,
       hoverable,
-      shadow = true
+      shadow = true,
+      "data-testid": dataTestId
     } = _a, domProps = __objRest(_a, [
       "collapsible",
       "title",
@@ -61,7 +62,8 @@ const Card = React__default.default.forwardRef(
       "className",
       "defaultOpen",
       "hoverable",
-      "shadow"
+      "shadow",
+      "data-testid"
     ]);
     const [open, setOpen] = React.useState(defaultOpen);
     return /* @__PURE__ */ React__default.default.createElement(
@@ -70,7 +72,8 @@ const Card = React__default.default.forwardRef(
         ref,
         className: cs__default.default(["card-wrapper", className, hoverable && "hoverable"])
       }, domProps), {
-        shadow
+        shadow,
+        "data-testid": dataTestId
       }),
       title && /* @__PURE__ */ React__default.default.createElement(
         CardTitle,
@@ -81,6 +84,7 @@ const Card = React__default.default.forwardRef(
           "div",
           {
             className: cs__default.default(["title-wrapper", open ? "is-open" : ""]),
+            "data-testid": dataTestId && collapsible ? `${dataTestId}-header` : void 0,
             onClick: () => {
               collapsible && setOpen(!open);
             }