@lidofinance/lido-app-ui 1.4.0 → 1.6.0

package/dist/cjs/index.cjs

@@ -8,14 +8,17 @@ const IconAdd = require('./icons/components/base/IconAdd.cjs');
 const IconAdjust = require('./icons/components/base/IconAdjust.cjs');
 const IconArrowDown = require('./icons/components/base/IconArrowDown.cjs');
 const IconArrowLeft = require('./icons/components/base/IconArrowLeft.cjs');
+const IconArrowNarrowDownLeft = require('./icons/components/base/IconArrowNarrowDownLeft.cjs');
 const IconArrowNarrowUpRight = require('./icons/components/base/IconArrowNarrowUpRight.cjs');
 const IconArrowRight = require('./icons/components/base/IconArrowRight.cjs');
 const IconArrowUp = require('./icons/components/base/IconArrowUp.cjs');
 const IconBell = require('./icons/components/base/IconBell.cjs');
 const IconBolt = require('./icons/components/base/IconBolt.cjs');
 const IconBox = require('./icons/components/base/IconBox.cjs');
+const IconCalendar = require('./icons/components/base/IconCalendar.cjs');
 const IconCheck = require('./icons/components/base/IconCheck.cjs');
 const IconChevronDown = require('./icons/components/base/IconChevronDown.cjs');
+const IconChevronLeft = require('./icons/components/base/IconChevronLeft.cjs');
 const IconChevronRight = require('./icons/components/base/IconChevronRight.cjs');
 const IconChevronUp = require('./icons/components/base/IconChevronUp.cjs');
 const IconChevronsUpDown = require('./icons/components/base/IconChevronsUpDown.cjs');
@@ -31,6 +34,7 @@ const IconDay = require('./icons/components/base/IconDay.cjs');
 const IconDownload = require('./icons/components/base/IconDownload.cjs');
 const IconExclamation = require('./icons/components/base/IconExclamation.cjs');
 const IconFilter = require('./icons/components/base/IconFilter.cjs');
+const IconFreeze = require('./icons/components/base/IconFreeze.cjs');
 const IconGem = require('./icons/components/base/IconGem.cjs');
 const IconHourglass = require('./icons/components/base/IconHourglass.cjs');
 const IconInfo = require('./icons/components/base/IconInfo.cjs');
@@ -40,8 +44,11 @@ const IconLink = require('./icons/components/base/IconLink.cjs');
 const IconListCheck = require('./icons/components/base/IconListCheck.cjs');
 const IconLoaderCircle = require('./icons/components/base/IconLoaderCircle.cjs');
 const IconLockKeyhole = require('./icons/components/base/IconLockKeyhole.cjs');
+const IconLogout = require('./icons/components/base/IconLogout.cjs');
+const IconMenu = require('./icons/components/base/IconMenu.cjs');
 const IconMinus = require('./icons/components/base/IconMinus.cjs');
 const IconNight = require('./icons/components/base/IconNight.cjs');
+const IconPause = require('./icons/components/base/IconPause.cjs');
 const IconPlus = require('./icons/components/base/IconPlus.cjs');
 const IconPriceDown = require('./icons/components/base/IconPriceDown.cjs');
 const IconPriceUp = require('./icons/components/base/IconPriceUp.cjs');
@@ -52,12 +59,14 @@ const IconShield = require('./icons/components/base/IconShield.cjs');
 const IconSpinner = require('./icons/components/base/IconSpinner.cjs');
 const IconStar = require('./icons/components/base/IconStar.cjs');
 const IconTrash = require('./icons/components/base/IconTrash.cjs');
+const IconUser = require('./icons/components/base/IconUser.cjs');
+const IconWallet = require('./icons/components/base/IconWallet.cjs');
 const IconWarning = require('./icons/components/base/IconWarning.cjs');
 const Avalanche = require('./icons/components/chains/Avalanche.cjs');
 const Bitcoin = require('./icons/components/chains/Bitcoin.cjs');
 const Ethereum = require('./icons/components/chains/Ethereum.cjs');
 const Mantle = require('./icons/components/chains/Mantle.cjs');
-const MegaETH = require('./icons/components/chains/MegaETH.cjs');
+const MegaEth = require('./icons/components/chains/MegaEth.cjs');
 const Metamask = require('./icons/components/chains/Metamask.cjs');
 const Monad = require('./icons/components/chains/Monad.cjs');
 const Optimism = require('./icons/components/chains/Optimism.cjs');
@@ -66,7 +75,7 @@ const Robinhood = require('./icons/components/chains/Robinhood.cjs');
 const Base = require('./icons/components/chains/Base.cjs');
 const Axis = require('./icons/components/protocols/Axis.cjs');
 const Balancer = require('./icons/components/protocols/Balancer.cjs');
-const CAP = require('./icons/components/protocols/CAP.cjs');
+const Cap = require('./icons/components/protocols/Cap.cjs');
 const Ethena = require('./icons/components/protocols/Ethena.cjs');
 const EtherFi = require('./icons/components/protocols/EtherFi.cjs');
 const Kelp = require('./icons/components/protocols/Kelp.cjs');
@@ -87,51 +96,51 @@ const Mellow = require('./icons/components/protocols/Mellow.cjs');
 const Morpho = require('./icons/components/protocols/Morpho.cjs');
 const Spark = require('./icons/components/protocols/Spark.cjs');
 const Uniswap = require('./icons/components/protocols/Uniswap.cjs');
-const TokenAAVE = require('./icons/components/token/TokenAAVE.cjs');
-const TokenBTC = require('./icons/components/token/TokenBTC.cjs');
-const TokenCAP = require('./icons/components/token/TokenCAP.cjs');
-const TokenDOT = require('./icons/components/token/TokenDOT.cjs');
-const TokenDVstETH = require('./icons/components/token/TokenDVstETH.cjs');
+const TokenAave = require('./icons/components/token/TokenAave.cjs');
+const TokenBtc = require('./icons/components/token/TokenBtc.cjs');
+const TokenCap = require('./icons/components/token/TokenCap.cjs');
+const TokenDot = require('./icons/components/token/TokenDot.cjs');
+const TokenDvstEth = require('./icons/components/token/TokenDvstEth.cjs');
 const TokenEth = require('./icons/components/token/TokenEth.cjs');
-const TokenFLEX = require('./icons/components/token/TokenFLEX.cjs');
-const TokenGG = require('./icons/components/token/TokenGG.cjs');
-const TokenHUMA = require('./icons/components/token/TokenHUMA.cjs');
-const TokenIPOR = require('./icons/components/token/TokenIPOR.cjs');
-const TokenLDO = require('./icons/components/token/TokenLDO.cjs');
-const TokenMORPHO = require('./icons/components/token/TokenMORPHO.cjs');
+const TokenFlex = require('./icons/components/token/TokenFlex.cjs');
+const TokenGg = require('./icons/components/token/TokenGg.cjs');
+const TokenHuma = require('./icons/components/token/TokenHuma.cjs');
+const TokenIpor = require('./icons/components/token/TokenIpor.cjs');
+const TokenLdo = require('./icons/components/token/TokenLdo.cjs');
+const TokenMorpho = require('./icons/components/token/TokenMorpho.cjs');
 const TokenMellowPoints = require('./icons/components/token/TokenMellowPoints.cjs');
-const TokenOBOL = require('./icons/components/token/TokenOBOL.cjs');
-const TokenPTSrUSDe = require('./icons/components/token/TokenPTSrUSDe.cjs');
-const TokenSSV = require('./icons/components/token/TokenSSV.cjs');
+const TokenObol = require('./icons/components/token/TokenObol.cjs');
+const TokenPtSrUsde = require('./icons/components/token/TokenPtSrUsde.cjs');
+const TokenSsv = require('./icons/components/token/TokenSsv.cjs');
 const TokenSteth = require('./icons/components/token/TokenSteth.cjs');
-const TokenSyrupUSDC = require('./icons/components/token/TokenSyrupUSDC.cjs');
-const TokenTREE = require('./icons/components/token/TokenTREE.cjs');
-const TokenUSDC = require('./icons/components/token/TokenUSDC.cjs');
-const TokenUSDG = require('./icons/components/token/TokenUSDG.cjs');
-const TokenUSDM = require('./icons/components/token/TokenUSDM.cjs');
-const TokenUSDT = require('./icons/components/token/TokenUSDT.cjs');
-const TokenUSDY = require('./icons/components/token/TokenUSDY.cjs');
-const TokenUSDe = require('./icons/components/token/TokenUSDe.cjs');
+const TokenSyrupUsdc = require('./icons/components/token/TokenSyrupUsdc.cjs');
+const TokenTree = require('./icons/components/token/TokenTree.cjs');
+const TokenUsdc = require('./icons/components/token/TokenUsdc.cjs');
+const TokenUsdg = require('./icons/components/token/TokenUsdg.cjs');
+const TokenUsdm = require('./icons/components/token/TokenUsdm.cjs');
+const TokenUsdt = require('./icons/components/token/TokenUsdt.cjs');
+const TokenUsdy = require('./icons/components/token/TokenUsdy.cjs');
+const TokenUsde = require('./icons/components/token/TokenUsde.cjs');
 const TokenWsteth = require('./icons/components/token/TokenWsteth.cjs');
-const TokenYFI = require('./icons/components/token/TokenYFI.cjs');
-const TokenAUSD = require('./icons/components/token/TokenAUSD.cjs');
-const TokenEarnETH = require('./icons/components/token/TokenEarnETH.cjs');
-const TokenEarnUSD = require('./icons/components/token/TokenEarnUSD.cjs');
-const TokenFrxUSD = require('./icons/components/token/TokenFrxUSD.cjs');
-const TokenLlETH = require('./icons/components/token/TokenLlETH.cjs');
-const TokenMsUSD = require('./icons/components/token/TokenMsUSD.cjs');
-const TokenPyUSD = require('./icons/components/token/TokenPyUSD.cjs');
-const TokenRsETH = require('./icons/components/token/TokenRsETH.cjs');
-const TokenSpUSDG = require('./icons/components/token/TokenSpUSDG.cjs');
-const TokenSrUSDe = require('./icons/components/token/TokenSrUSDe.cjs');
-const TokenStrETH = require('./icons/components/token/TokenStrETH.cjs');
-const TokenSyrupUSDG = require('./icons/components/token/TokenSyrupUSDG.cjs');
-const TokenSyrupUSDT = require('./icons/components/token/TokenSyrupUSDT.cjs');
-const TokenWETH = require('./icons/components/token/TokenWETH.cjs');
-const Bitget = require('./icons/components/wallets/Bitget.cjs');
+const TokenYfi = require('./icons/components/token/TokenYfi.cjs');
+const TokenAUsd = require('./icons/components/token/TokenAUsd.cjs');
+const TokenEarnEth = require('./icons/components/token/TokenEarnEth.cjs');
+const TokenEarnUsd = require('./icons/components/token/TokenEarnUsd.cjs');
+const TokenFrxUsd = require('./icons/components/token/TokenFrxUsd.cjs');
+const TokenLlEth = require('./icons/components/token/TokenLlEth.cjs');
+const TokenMsUsd = require('./icons/components/token/TokenMsUsd.cjs');
+const TokenPyUsd = require('./icons/components/token/TokenPyUsd.cjs');
+const TokenRsEth = require('./icons/components/token/TokenRsEth.cjs');
+const TokenSpUsdg = require('./icons/components/token/TokenSpUsdg.cjs');
+const TokenSrUsde = require('./icons/components/token/TokenSrUsde.cjs');
+const TokenStrEth = require('./icons/components/token/TokenStrEth.cjs');
+const TokenSyrupUsdg = require('./icons/components/token/TokenSyrupUsdg.cjs');
+const TokenSyrupUsdt = require('./icons/components/token/TokenSyrupUsdt.cjs');
+const TokenWEth = require('./icons/components/token/TokenWEth.cjs');
+const BitGet = require('./icons/components/wallets/BitGet.cjs');
 const Browser = require('./icons/components/wallets/Browser.cjs');
 const WalletsMetamask = require('./icons/components/wallets/WalletsMetamask.cjs');
-const OKX = require('./icons/components/wallets/OKX.cjs');
+const Okx = require('./icons/components/wallets/Okx.cjs');
 const WalletConnect = require('./icons/components/wallets/WalletConnect.cjs');
 const Ledger = require('./icons/components/wallets/Ledger.cjs');
 const iconsMap = require('./icons/components/base/iconsMap.cjs');
@@ -183,14 +192,17 @@ exports.IconAdd = IconAdd.IconAdd;
 exports.IconAdjust = IconAdjust.IconAdjust;
 exports.IconArrowDown = IconArrowDown.IconArrowDown;
 exports.IconArrowLeft = IconArrowLeft.IconArrowLeft;
+exports.IconArrowNarrowDownLeft = IconArrowNarrowDownLeft.IconArrowNarrowDownLeft;
 exports.IconArrowNarrowUpRight = IconArrowNarrowUpRight.IconArrowNarrowUpRight;
 exports.IconArrowRight = IconArrowRight.IconArrowRight;
 exports.IconArrowUp = IconArrowUp.IconArrowUp;
 exports.IconBell = IconBell.IconBell;
 exports.IconBolt = IconBolt.IconBolt;
 exports.IconBox = IconBox.IconBox;
+exports.IconCalendar = IconCalendar.IconCalendar;
 exports.IconCheck = IconCheck.IconCheck;
 exports.IconChevronDown = IconChevronDown.IconChevronDown;
+exports.IconChevronLeft = IconChevronLeft.IconChevronLeft;
 exports.IconChevronRight = IconChevronRight.IconChevronRight;
 exports.IconChevronUp = IconChevronUp.IconChevronUp;
 exports.IconChevronsUpDown = IconChevronsUpDown.IconChevronsUpDown;
@@ -206,6 +218,7 @@ exports.IconDay = IconDay.IconDay;
 exports.IconDownload = IconDownload.IconDownload;
 exports.IconExclamation = IconExclamation.IconExclamation;
 exports.IconFilter = IconFilter.IconFilter;
+exports.IconFreeze = IconFreeze.IconFreeze;
 exports.IconGem = IconGem.IconGem;
 exports.IconHourglass = IconHourglass.IconHourglass;
 exports.IconInfo = IconInfo.IconInfo;
@@ -215,8 +228,11 @@ exports.IconLink = IconLink.IconLink;
 exports.IconListCheck = IconListCheck.IconListCheck;
 exports.IconLoaderCircle = IconLoaderCircle.IconLoaderCircle;
 exports.IconLockKeyhole = IconLockKeyhole.IconLockKeyhole;
+exports.IconLogout = IconLogout.IconLogout;
+exports.IconMenu = IconMenu.IconMenu;
 exports.IconMinus = IconMinus.IconMinus;
 exports.IconNight = IconNight.IconNight;
+exports.IconPause = IconPause.IconPause;
 exports.IconPlus = IconPlus.IconPlus;
 exports.IconPriceDown = IconPriceDown.IconPriceDown;
 exports.IconPriceUp = IconPriceUp.IconPriceUp;
@@ -227,12 +243,14 @@ exports.IconShield = IconShield.IconShield;
 exports.IconSpinner = IconSpinner.IconSpinner;
 exports.IconStar = IconStar.IconStar;
 exports.IconTrash = IconTrash.IconTrash;
+exports.IconUser = IconUser.IconUser;
+exports.IconWallet = IconWallet.IconWallet;
 exports.IconWarning = IconWarning.IconWarning;
 exports.Avalanche = Avalanche.Avalanche;
 exports.Bitcoin = Bitcoin.Bitcoin;
 exports.Ethereum = Ethereum.Ethereum;
 exports.Mantle = Mantle.Mantle;
-exports.MegaETH = MegaETH.MegaETH;
+exports.MegaEth = MegaEth.MegaEth;
 exports.Metamask = Metamask.Metamask;
 exports.Monad = Monad.Monad;
 exports.Optimism = Optimism.Optimism;
@@ -241,10 +259,10 @@ exports.Robinhood = Robinhood.Robinhood;
 exports.Base = Base.Base;
 exports.Axis = Axis.Axis;
 exports.Balancer = Balancer.Balancer;
-exports.CAP = CAP.CAP;
-exports.ETHENA = Ethena.ETHENA;
+exports.Cap = Cap.Cap;
+exports.Ethena = Ethena.Ethena;
 exports.EtherFi = EtherFi.EtherFi;
-exports.KELP = Kelp.KELP;
+exports.Kelp = Kelp.Kelp;
 exports.Maple = Maple.Maple;
 exports.Nethermind = Nethermind.Nethermind;
 exports.PendleDark = PendleDark.PendleDark;
@@ -262,51 +280,51 @@ exports.Mellow = Mellow.Mellow;
 exports.Morpho = Morpho.Morpho;
 exports.Spark = Spark.Spark;
 exports.Uniswap = Uniswap.Uniswap;
-exports.TokenAAVE = TokenAAVE.TokenAAVE;
-exports.TokenBTC = TokenBTC.TokenBTC;
-exports.TokenCAP = TokenCAP.TokenCAP;
-exports.TokenDOT = TokenDOT.TokenDOT;
-exports.TokenDVstETH = TokenDVstETH.TokenDVstETH;
+exports.TokenAave = TokenAave.TokenAave;
+exports.TokenBtc = TokenBtc.TokenBtc;
+exports.TokenCap = TokenCap.TokenCap;
+exports.TokenDot = TokenDot.TokenDot;
+exports.TokenDvstEth = TokenDvstEth.TokenDvstEth;
 exports.TokenEth = TokenEth.TokenEth;
-exports.TokenFLEX = TokenFLEX.TokenFLEX;
-exports.TokenGG = TokenGG.TokenGG;
-exports.TokenHUMA = TokenHUMA.TokenHUMA;
-exports.TokenIPOR = TokenIPOR.TokenIPOR;
-exports.TokenLDO = TokenLDO.TokenLDO;
-exports.TokenMORPHO = TokenMORPHO.TokenMORPHO;
+exports.TokenFlex = TokenFlex.TokenFlex;
+exports.TokenGg = TokenGg.TokenGg;
+exports.TokenHuma = TokenHuma.TokenHuma;
+exports.TokenIpor = TokenIpor.TokenIpor;
+exports.TokenLdo = TokenLdo.TokenLdo;
+exports.TokenMorpho = TokenMorpho.TokenMorpho;
 exports.TokenMellowPoints = TokenMellowPoints.TokenMellowPoints;
-exports.TokenOBOL = TokenOBOL.TokenOBOL;
-exports.TokenPTSrUSDe = TokenPTSrUSDe.TokenPTSrUSDe;
-exports.TokenSSV = TokenSSV.TokenSSV;
+exports.TokenObol = TokenObol.TokenObol;
+exports.TokenPtSrUsde = TokenPtSrUsde.TokenPtSrUsde;
+exports.TokenSsv = TokenSsv.TokenSsv;
 exports.TokenSteth = TokenSteth.TokenSteth;
-exports.TokenSyrupUSDC = TokenSyrupUSDC.TokenSyrupUSDC;
-exports.TokenTREE = TokenTREE.TokenTREE;
-exports.TokenUSDC = TokenUSDC.TokenUSDC;
-exports.TokenUSDG = TokenUSDG.TokenUSDG;
-exports.TokenUSDM = TokenUSDM.TokenUSDM;
-exports.TokenUSDT = TokenUSDT.TokenUSDT;
-exports.TokenUSDY = TokenUSDY.TokenUSDY;
-exports.TokenUSDe = TokenUSDe.TokenUSDe;
+exports.TokenSyrupUsdc = TokenSyrupUsdc.TokenSyrupUsdc;
+exports.TokenTree = TokenTree.TokenTree;
+exports.TokenUsdc = TokenUsdc.TokenUsdc;
+exports.TokenUsdg = TokenUsdg.TokenUsdg;
+exports.TokenUsdm = TokenUsdm.TokenUsdm;
+exports.TokenUsdt = TokenUsdt.TokenUsdt;
+exports.TokenUsdy = TokenUsdy.TokenUsdy;
+exports.TokenUsde = TokenUsde.TokenUsde;
 exports.TokenWsteth = TokenWsteth.TokenWsteth;
-exports.TokenYFI = TokenYFI.TokenYFI;
-exports.TokenAUSD = TokenAUSD.TokenAUSD;
-exports.TokenEarnETH = TokenEarnETH.TokenEarnETH;
-exports.TokenEarnUSD = TokenEarnUSD.TokenEarnUSD;
-exports.TokenFrxUSD = TokenFrxUSD.TokenFrxUSD;
-exports.TokenLlETH = TokenLlETH.TokenLlETH;
-exports.TokenMsUSD = TokenMsUSD.TokenMsUSD;
-exports.TokenPyUSD = TokenPyUSD.TokenPyUSD;
-exports.TokenRsETH = TokenRsETH.TokenRsETH;
-exports.TokenSpUSDG = TokenSpUSDG.TokenSpUSDG;
-exports.TokenSrUSDe = TokenSrUSDe.TokenSrUSDe;
-exports.TokenStrETH = TokenStrETH.TokenStrETH;
-exports.TokenSyrupUSDG = TokenSyrupUSDG.TokenSyrupUSDG;
-exports.TokenSyrupUSDT = TokenSyrupUSDT.TokenSyrupUSDT;
-exports.TokenWETH = TokenWETH.TokenWETH;
-exports.BitGet = Bitget.BitGet;
+exports.TokenYfi = TokenYfi.TokenYfi;
+exports.TokenAUsd = TokenAUsd.TokenAUsd;
+exports.TokenEarnEth = TokenEarnEth.TokenEarnEth;
+exports.TokenEarnUsd = TokenEarnUsd.TokenEarnUsd;
+exports.TokenFrxUsd = TokenFrxUsd.TokenFrxUsd;
+exports.TokenLlEth = TokenLlEth.TokenLlEth;
+exports.TokenMsUsd = TokenMsUsd.TokenMsUsd;
+exports.TokenPyUsd = TokenPyUsd.TokenPyUsd;
+exports.TokenRsEth = TokenRsEth.TokenRsEth;
+exports.TokenSpUsdg = TokenSpUsdg.TokenSpUsdg;
+exports.TokenSrUsde = TokenSrUsde.TokenSrUsde;
+exports.TokenStrEth = TokenStrEth.TokenStrEth;
+exports.TokenSyrupUsdg = TokenSyrupUsdg.TokenSyrupUsdg;
+exports.TokenSyrupUsdt = TokenSyrupUsdt.TokenSyrupUsdt;
+exports.TokenWEth = TokenWEth.TokenWEth;
+exports.BitGet = BitGet.BitGet;
 exports.Browser = Browser.Browser;
 exports.WalletsMetamask = WalletsMetamask.WalletsMetamask;
-exports.OKX = OKX.OKX;
+exports.Okx = Okx.Okx;
 exports.WalletConnect = WalletConnect.WalletConnect;
 exports.Ledger = Ledger.Ledger;
 exports.BASE_ICONS_MAP = iconsMap.BASE_ICONS_MAP;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/input/Input.cjs

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Input_module = require('./Input.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const Tooltip = require('../tooltip/Tooltip.cjs');
 const IconInfo = require('../icons/components/base/IconInfo.cjs');
 
-const Input = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
+const Input = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     size = 'default',
     icon,
@@ -20,54 +20,61 @@ const Input = /*#__PURE__*/require$$0.forwardRef((_ref, ref) => {
     disabled,
     className,
     id,
+    dataTestId,
     ...rest
   } = _ref;
-  const fallbackId = require$$0.useId();
+  const fallbackId = react.useId();
   const inputId = id ?? fallbackId;
   const errorId = `${inputId}-error`;
   const hasError = Boolean(error);
   const errorMessage = typeof error === 'boolean' ? null : error;
   const showErrorMessage = errorMessage != null;
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(Input_module.field, className),
-    children: [label != null ? /*#__PURE__*/require$$2.jsxs("span", {
+    "data-testid": dataTestId?.root,
+    children: [label != null ? /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: Input_module.labelRow,
-      children: [/*#__PURE__*/require$$2.jsx("label", {
+      children: [/*#__PURE__*/jsxRuntime.jsx("label", {
         className: Input_module.label,
         htmlFor: inputId,
+        "data-testid": dataTestId?.label,
         children: label
-      }), tooltip != null ? /*#__PURE__*/require$$2.jsx(Tooltip.Tooltip, {
+      }), tooltip != null ? /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
         content: tooltip,
-        children: /*#__PURE__*/require$$2.jsx(IconInfo.IconInfo, {
+        children: /*#__PURE__*/jsxRuntime.jsx(IconInfo.IconInfo, {
           className: Input_module.tooltipIcon,
           "aria-hidden": "true"
         })
       }) : null]
-    }) : null, /*#__PURE__*/require$$2.jsxs("label", {
+    }) : null, /*#__PURE__*/jsxRuntime.jsxs("label", {
       className: cn(Input_module.root, Input_module[size], {
         [Input_module.error]: hasError,
         [Input_module.disabled]: disabled
       }),
-      children: [icon ? /*#__PURE__*/require$$2.jsx("span", {
+      children: [icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: Input_module.icon,
         "aria-hidden": "true",
+        "data-testid": dataTestId?.icon,
         children: icon
-      }) : null, /*#__PURE__*/require$$2.jsx("input", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("input", {
         ref: ref,
         id: inputId,
         className: Input_module.input,
         disabled: disabled,
         "aria-invalid": hasError || undefined,
         "aria-describedby": showErrorMessage ? errorId : undefined,
+        "data-testid": dataTestId?.input,
         ...rest
       })]
-    }), showErrorMessage ? /*#__PURE__*/require$$2.jsx("p", {
+    }), showErrorMessage ? /*#__PURE__*/jsxRuntime.jsx("p", {
       id: errorId,
       className: Input_module.errorText,
       role: "alert",
+      "data-testid": dataTestId?.error,
       children: errorMessage
-    }) : null, description != null ? /*#__PURE__*/require$$2.jsx("p", {
+    }) : null, description != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
       className: Input_module.description,
+      "data-testid": dataTestId?.description,
       children: description
     }) : null]
   });

package/dist/cjs/input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../src/input/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\nimport styles from './Input.module.css'\n\nexport type InputSize = 'default' | 'small'\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  size?: InputSize\n  icon?: ReactNode\n  label?: ReactNode\n  tooltip?: ReactNode\n  description?: ReactNode\n  error?: ReactNode | boolean\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = 'default',\n      icon,\n      label,\n      tooltip,\n      description,\n      error,\n      disabled,\n      className,\n      id,\n      ...rest\n    },\n    ref,\n  ) => {\n    const fallbackId = useId()\n    const inputId = id ?? fallbackId\n    const errorId = `${inputId}-error`\n\n    const hasError = Boolean(error)\n    const errorMessage = typeof error === 'boolean' ? null : error\n    const showErrorMessage = errorMessage != null\n\n    return (\n      <div className={cn(styles.field, className)}>\n        {label != null ? (\n          <span className={styles.labelRow}>\n            <label className={styles.label} htmlFor={inputId}>\n              {label}\n            </label>\n            {tooltip != null ? (\n              <Tooltip content={tooltip}>\n                <IconInfo className={styles.tooltipIcon} aria-hidden='true' />\n              </Tooltip>\n            ) : null}\n          </span>\n        ) : null}\n        <label\n          className={cn(styles.root, styles[size], {\n            [styles.error]: hasError,\n            [styles.disabled]: disabled,\n          })}\n        >\n          {icon ? (\n            <span className={styles.icon} aria-hidden='true'>\n              {icon}\n            </span>\n          ) : null}\n          <input\n            ref={ref}\n            id={inputId}\n            className={styles.input}\n            disabled={disabled}\n            aria-invalid={hasError || undefined}\n            aria-describedby={showErrorMessage ? errorId : undefined}\n            {...rest}\n          />\n        </label>\n        {showErrorMessage ? (\n          <p id={errorId} className={styles.errorText} role='alert'>\n            {errorMessage}\n          </p>\n        ) : null}\n        {description != null ? (\n          <p className={styles.description}>{description}</p>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","_ref","ref","size","icon","label","tooltip","description","error","disabled","className","id","rest","fallbackId","useId","inputId","errorId","hasError","Boolean","errorMessage","showErrorMessage","_jsxs","cn","styles","field","children","labelRow","_jsx","htmlFor","Tooltip","content","IconInfo","tooltipIcon","root","input","undefined","errorText","role","displayName"],"mappings":"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"}
+{"version":3,"file":"Input.cjs","sources":["../../../src/input/Input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport cn from 'classnames'\n\nimport { IconInfo } from '../icons'\nimport { Tooltip } from '../tooltip'\nimport styles from './Input.module.css'\n\nexport type InputSize = 'default' | 'small'\n\nexport type InputDataTestId = {\n  root?: string\n  label?: string\n  icon?: string\n  input?: string\n  error?: string\n  description?: string\n}\n\nexport type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {\n  size?: InputSize\n  icon?: ReactNode\n  label?: ReactNode\n  tooltip?: ReactNode\n  description?: ReactNode\n  error?: ReactNode | boolean\n  dataTestId?: InputDataTestId\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = 'default',\n      icon,\n      label,\n      tooltip,\n      description,\n      error,\n      disabled,\n      className,\n      id,\n      dataTestId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const fallbackId = useId()\n    const inputId = id ?? fallbackId\n    const errorId = `${inputId}-error`\n\n    const hasError = Boolean(error)\n    const errorMessage = typeof error === 'boolean' ? null : error\n    const showErrorMessage = errorMessage != null\n\n    return (\n      <div\n        className={cn(styles.field, className)}\n        data-testid={dataTestId?.root}\n      >\n        {label != null ? (\n          <span className={styles.labelRow}>\n            <label\n              className={styles.label}\n              htmlFor={inputId}\n              data-testid={dataTestId?.label}\n            >\n              {label}\n            </label>\n            {tooltip != null ? (\n              <Tooltip content={tooltip}>\n                <IconInfo className={styles.tooltipIcon} aria-hidden='true' />\n              </Tooltip>\n            ) : null}\n          </span>\n        ) : null}\n        <label\n          className={cn(styles.root, styles[size], {\n            [styles.error]: hasError,\n            [styles.disabled]: disabled,\n          })}\n        >\n          {icon ? (\n            <span\n              className={styles.icon}\n              aria-hidden='true'\n              data-testid={dataTestId?.icon}\n            >\n              {icon}\n            </span>\n          ) : null}\n          <input\n            ref={ref}\n            id={inputId}\n            className={styles.input}\n            disabled={disabled}\n            aria-invalid={hasError || undefined}\n            aria-describedby={showErrorMessage ? errorId : undefined}\n            data-testid={dataTestId?.input}\n            {...rest}\n          />\n        </label>\n        {showErrorMessage ? (\n          <p\n            id={errorId}\n            className={styles.errorText}\n            role='alert'\n            data-testid={dataTestId?.error}\n          >\n            {errorMessage}\n          </p>\n        ) : null}\n        {description != null ? (\n          <p\n            className={styles.description}\n            data-testid={dataTestId?.description}\n          >\n            {description}\n          </p>\n        ) : null}\n      </div>\n    )\n  },\n)\n\nInput.displayName = 'Input'\n"],"names":["Input","forwardRef","_ref","ref","size","icon","label","tooltip","description","error","disabled","className","id","dataTestId","rest","fallbackId","useId","inputId","errorId","hasError","Boolean","errorMessage","showErrorMessage","_jsxs","cn","styles","field","root","children","labelRow","_jsx","htmlFor","Tooltip","content","IconInfo","tooltipIcon","input","undefined","errorText","role","displayName"],"mappings":"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"}

package/dist/cjs/message-box/MessageBox.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const cn = require('classnames');
 const MessageBox_module = require('./MessageBox.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconShield = require('../icons/components/base/IconShield.cjs');
 const IconWarning = require('../icons/components/base/IconWarning.cjs');
 const IconInfo = require('../icons/components/base/IconInfo.cjs');
@@ -24,23 +24,28 @@ const MessageBox = _ref => {
     headline,
     className,
     children,
+    dataTestId,
     ...rest
   } = _ref;
   const Icon = variantIcons[variant];
-  return /*#__PURE__*/require$$2.jsxs("div", {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(MessageBox_module.box, MessageBox_module[variant], className),
+    "data-testid": dataTestId?.root,
     ...rest,
-    children: [icon ? /*#__PURE__*/require$$2.jsx("span", {
+    children: [icon ? /*#__PURE__*/jsxRuntime.jsx("span", {
       className: MessageBox_module.icon,
       "aria-hidden": "true",
-      children: /*#__PURE__*/require$$2.jsx(Icon, {})
-    }) : null, /*#__PURE__*/require$$2.jsxs("div", {
+      "data-testid": dataTestId?.icon,
+      children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
+    }) : null, /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: MessageBox_module.text,
-      children: [headline != null ? /*#__PURE__*/require$$2.jsx("div", {
+      children: [headline != null ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: MessageBox_module.headline,
+        "data-testid": dataTestId?.headline,
         children: headline
-      }) : null, /*#__PURE__*/require$$2.jsx("div", {
+      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
         className: MessageBox_module.description,
+        "data-testid": dataTestId?.description,
         children: children
       })]
     })]

package/dist/cjs/message-box/MessageBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBox.cjs","sources":["../../../src/message-box/MessageBox.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport { IconCheck, IconInfo, IconShield, IconWarning } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './MessageBox.module.css'\n\nexport type MessageBoxVariant =\n  | 'default'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'success'\n\nconst variantIcons = {\n  default: IconInfo,\n  info: IconShield,\n  warning: IconWarning,\n  error: IconWarning,\n  success: IconCheck,\n}\n\nexport type MessageBoxProps = HTMLAttributes<HTMLDivElement> & {\n  variant?: MessageBoxVariant\n  icon?: boolean\n  headline?: ReactNode\n}\n\nexport const MessageBox = ({\n  variant = 'default',\n  icon = true,\n  headline,\n  className,\n  children,\n  ...rest\n}: MessageBoxProps) => {\n  const Icon = variantIcons[variant]\n\n  return (\n    <div className={cn(styles.box, styles[variant], className)} {...rest}>\n      {icon ? (\n        <span className={styles.icon} aria-hidden='true'>\n          <Icon />\n        </span>\n      ) : null}\n      <div className={styles.text}>\n        {headline != null ? (\n          <div className={styles.headline}>{headline}</div>\n        ) : null}\n        <div className={styles.description}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["variantIcons","default","IconInfo","info","IconShield","warning","IconWarning","error","success","IconCheck","MessageBox","_ref","variant","icon","headline","className","children","rest","Icon","_jsxs","cn","styles","box","_jsx","text","description"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAEC,iBAAQ;AACjBC,EAAAA,IAAI,EAAEC,qBAAU;AAChBC,EAAAA,OAAO,EAAEC,uBAAW;AACpBC,EAAAA,KAAK,EAAED,uBAAW;AAClBE,EAAAA,OAAO,EAAEC,mBAAAA;AACX,CAAC,CAAA;AAQYC,MAAAA,UAAU,GAAGC,IAAA,IAOH;EAAA,IAPI;AACzBC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,IAAI;IACXC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACY,GAAC,GAAAN,IAAA,CAAA;AAChB,EAAA,MAAMO,IAAI,GAAGlB,YAAY,CAACY,OAAO,CAAC,CAAA;AAElC,EAAA,oBACEO,eAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAEK,EAAE,CAACC,iBAAM,CAACC,GAAG,EAAED,iBAAM,CAACT,OAAO,CAAC,EAAEG,SAAS,CAAE;AAAA,IAAA,GAAKE,IAAI;IAAAD,QAAA,EAAA,CACjEH,IAAI,gBACHU,cAAA,CAAA,MAAA,EAAA;MAAMR,SAAS,EAAEM,iBAAM,CAACR,IAAK;AAAC,MAAA,aAAA,EAAY,MAAM;AAAAG,MAAAA,QAAA,eAC9CO,cAAA,CAACL,IAAI,EAAE,EAAA,CAAA;AAAC,KACJ,CAAC,GACL,IAAI,eACRC,eAAA,CAAA,KAAA,EAAA;MAAKJ,SAAS,EAAEM,iBAAM,CAACG,IAAK;AAAAR,MAAAA,QAAA,EACzBF,CAAAA,QAAQ,IAAI,IAAI,gBACfS,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEM,iBAAM,CAACP,QAAS;AAAAE,QAAAA,QAAA,EAAEF,QAAAA;AAAQ,OAAM,CAAC,GAC/C,IAAI,eACRS,cAAA,CAAA,KAAA,EAAA;QAAKR,SAAS,EAAEM,iBAAM,CAACI,WAAY;AAAAT,QAAAA,QAAA,EAAEA,QAAAA;AAAQ,OAAM,CAAC,CAAA;AAAA,KACjD,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"MessageBox.cjs","sources":["../../../src/message-box/MessageBox.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nimport { IconCheck, IconInfo, IconShield, IconWarning } from '../icons'\nimport cn from 'classnames'\n\nimport styles from './MessageBox.module.css'\n\nexport type MessageBoxVariant =\n  | 'default'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'success'\n\nconst variantIcons = {\n  default: IconInfo,\n  info: IconShield,\n  warning: IconWarning,\n  error: IconWarning,\n  success: IconCheck,\n}\n\nexport type MessageBoxDataTestId = {\n  root?: string\n  icon?: string\n  headline?: string\n  description?: string\n}\n\nexport type MessageBoxProps = HTMLAttributes<HTMLDivElement> & {\n  variant?: MessageBoxVariant\n  icon?: boolean\n  headline?: ReactNode\n  dataTestId?: MessageBoxDataTestId\n}\n\nexport const MessageBox = ({\n  variant = 'default',\n  icon = true,\n  headline,\n  className,\n  children,\n  dataTestId,\n  ...rest\n}: MessageBoxProps) => {\n  const Icon = variantIcons[variant]\n\n  return (\n    <div\n      className={cn(styles.box, styles[variant], className)}\n      data-testid={dataTestId?.root}\n      {...rest}\n    >\n      {icon ? (\n        <span\n          className={styles.icon}\n          aria-hidden='true'\n          data-testid={dataTestId?.icon}\n        >\n          <Icon />\n        </span>\n      ) : null}\n      <div className={styles.text}>\n        {headline != null ? (\n          <div className={styles.headline} data-testid={dataTestId?.headline}>\n            {headline}\n          </div>\n        ) : null}\n        <div\n          className={styles.description}\n          data-testid={dataTestId?.description}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["variantIcons","default","IconInfo","info","IconShield","warning","IconWarning","error","success","IconCheck","MessageBox","_ref","variant","icon","headline","className","children","dataTestId","rest","Icon","_jsxs","cn","styles","box","root","_jsx","text","description"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAEC,iBAAQ;AACjBC,EAAAA,IAAI,EAAEC,qBAAU;AAChBC,EAAAA,OAAO,EAAEC,uBAAW;AACpBC,EAAAA,KAAK,EAAED,uBAAW;AAClBE,EAAAA,OAAO,EAAEC,mBAAAA;AACX,CAAC,CAAA;AAgBYC,MAAAA,UAAU,GAAGC,IAAA,IAQH;EAAA,IARI;AACzBC,IAAAA,OAAO,GAAG,SAAS;AACnBC,IAAAA,IAAI,GAAG,IAAI;IACXC,QAAQ;IACRC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACV,GAAGC,IAAAA;AACY,GAAC,GAAAP,IAAA,CAAA;AAChB,EAAA,MAAMQ,IAAI,GAAGnB,YAAY,CAACY,OAAO,CAAC,CAAA;AAElC,EAAA,oBACEQ,eAAA,CAAA,KAAA,EAAA;AACEL,IAAAA,SAAS,EAAEM,EAAE,CAACC,iBAAM,CAACC,GAAG,EAAED,iBAAM,CAACV,OAAO,CAAC,EAAEG,SAAS,CAAE;IACtD,aAAaE,EAAAA,UAAU,EAAEO,IAAK;AAAA,IAAA,GAC1BN,IAAI;IAAAF,QAAA,EAAA,CAEPH,IAAI,gBACHY,cAAA,CAAA,MAAA,EAAA;MACEV,SAAS,EAAEO,iBAAM,CAACT,IAAK;AACvB,MAAA,aAAA,EAAY,MAAM;MAClB,aAAaI,EAAAA,UAAU,EAAEJ,IAAK;AAAAG,MAAAA,QAAA,eAE9BS,cAAA,CAACN,IAAI,EAAE,EAAA,CAAA;AAAC,KACJ,CAAC,GACL,IAAI,eACRC,eAAA,CAAA,KAAA,EAAA;MAAKL,SAAS,EAAEO,iBAAM,CAACI,IAAK;AAAAV,MAAAA,QAAA,EACzBF,CAAAA,QAAQ,IAAI,IAAI,gBACfW,cAAA,CAAA,KAAA,EAAA;QAAKV,SAAS,EAAEO,iBAAM,CAACR,QAAS;QAAC,aAAaG,EAAAA,UAAU,EAAEH,QAAS;AAAAE,QAAAA,QAAA,EAChEF,QAAAA;AAAQ,OACN,CAAC,GACJ,IAAI,eACRW,cAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEO,iBAAM,CAACK,WAAY;QAC9B,aAAaV,EAAAA,UAAU,EAAEU,WAAY;AAAAX,QAAAA,QAAA,EAEpCA,QAAAA;AAAQ,OACN,CAAC,CAAA;AAAA,KACH,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV;;;;"}

package/dist/cjs/modal/Modal.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const require$$0 = require('react');
+const react = require('react');
 const cn = require('classnames');
 const Modal_module = require('./Modal.module.css.cjs');
-const require$$2 = require('react/jsx-runtime');
+const jsxRuntime = require('react/jsx-runtime');
 const IconButton = require('../icon-button/IconButton.cjs');
 const IconCross = require('../icons/components/base/IconCross.cjs');
 
@@ -32,11 +32,13 @@ const Modal = _ref => {
     withOverlay = false,
     bodyFill = false,
     children,
-    className
+    className,
+    dataTestId,
+    ...rest
   } = _ref;
-  const titleId = require$$0.useId();
-  const backdropMouseDown = require$$0.useRef(false);
-  require$$0.useEffect(() => {
+  const titleId = react.useId();
+  const backdropMouseDown = react.useRef(false);
+  react.useEffect(() => {
     if (!withOverlay) return;
     lockBodyScroll();
     return unlockBodyScroll;
@@ -49,31 +51,39 @@ const Modal = _ref => {
     if (!backdropMouseDown.current) return;
     onClose?.();
   };
-  const card = /*#__PURE__*/require$$2.jsxs("div", {
+  const card = /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: cn(Modal_module.card, bodyFill && Modal_module.cardBodyFill, className),
     role: "dialog",
     "aria-modal": withOverlay || undefined,
     "aria-labelledby": title ? titleId : undefined,
-    children: [/*#__PURE__*/require$$2.jsxs("div", {
+    "data-testid": dataTestId?.root,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: Modal_module.headerGroup,
-      children: [/*#__PURE__*/require$$2.jsxs("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: Modal_module.header,
-        children: [/*#__PURE__*/require$$2.jsx("span", {
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           id: titleId,
           className: cn(Modal_module.title, !title && Modal_module.titleHidden),
+          "data-testid": dataTestId?.title,
           children: title
-        }), onClose ? /*#__PURE__*/require$$2.jsx(IconButton.IconButton, {
+        }), onClose ? /*#__PURE__*/jsxRuntime.jsx(IconButton.IconButton, {
           variant: "outline",
           "aria-label": "Close",
-          icon: /*#__PURE__*/require$$2.jsx(IconCross.IconCross, {}),
-          onClick: onClose
+          icon: /*#__PURE__*/jsxRuntime.jsx(IconCross.IconCross, {}),
+          onClick: onClose,
+          dataTestId: {
+            root: dataTestId?.closeButton
+          }
         }) : null]
-      }), subtitle != null ? /*#__PURE__*/require$$2.jsx("p", {
+      }), subtitle != null ? /*#__PURE__*/jsxRuntime.jsx("p", {
         className: Modal_module.subtitle,
+        "data-testid": dataTestId?.subtitle,
         children: subtitle
       }) : null]
-    }), /*#__PURE__*/require$$2.jsx("div", {
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: Modal_module.body,
+      "data-testid": dataTestId?.body,
       children: children
     })]
   });
@@ -84,10 +94,11 @@ const Modal = _ref => {
     // a stop in the tab order before the dialog. Keyboard users close via the
     // close button.
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    require$$2.jsx("div", {
+    jsxRuntime.jsx("div", {
       className: Modal_module.overlay,
       onMouseDown: handleOverlayMouseDown,
       onClick: handleOverlayClick,
+      "data-testid": dataTestId?.overlay,
       children: card
     })
   );