@dfds-ui/react-components 2.2.0-alpha.32eece3d → 2.2.0-alpha.3a6cc444

package/cjs/assertions/toast/Toast.js

@@ -13,8 +13,8 @@ var _intent = require("../../common/intent");
 var _button = require("../../button");
 var _system = require("@dfds-ui/icons/system");
 var _Spinner = require("../../spinner/Spinner");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const ToastWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e145csjx4"
@@ -51,8 +51,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "align-self:stretch;justify-self:center;margin-left:auto"
 } : {
   name: "1ucqtoh-Toast",
-  styles: "align-self:stretch;justify-self:center;margin-left:auto;label:Toast;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtR2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgYWN0aW9uTGFiZWw/OiBzdHJpbmdcbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIGFjdGlvbkxhYmVsID0gJ0FjdGlvbicsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICB7YWN0aW9uTGFiZWx9XG4gICAgICAgIDwvQWN0aW9uQnV0dG9uPlxuICAgICAgKX1cbiAgICAgIHtvblJlcXVlc3RDbG9zZSAmJiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENsb3NlSWNvbkJ1dHRvblxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e0Nsb3NlfVxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2VcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvYXN0LWNsb3NlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvVG9hc3RXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0XG4iXX0= */",
+  styles: "align-self:stretch;justify-self:center;margin-left:auto;label:Toast;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtR2tCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBsb2FkaW5nPzogYm9vbGVhblxuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgYWN0aW9uTGFiZWw/OiBzdHJpbmdcbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIGFjdGlvbkxhYmVsID0gJ0FjdGlvbicsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICB7YWN0aW9uTGFiZWx9XG4gICAgICAgIDwvQWN0aW9uQnV0dG9uPlxuICAgICAgKX1cbiAgICAgIHtvblJlcXVlc3RDbG9zZSAmJiAoXG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICAgICAgICAgICAganVzdGlmeS1zZWxmOiBjZW50ZXI7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENsb3NlSWNvbkJ1dHRvblxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIGljb249e0Nsb3NlfVxuICAgICAgICAgICAgYXJpYUxhYmVsPVwiQ2xvc2VcIlxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xvc2V9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD1cInRvYXN0LWNsb3NlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L3NwYW4+XG4gICAgICApfVxuICAgIDwvVG9hc3RXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const Toast = ({
@@ -66,20 +65,25 @@ const Toast = ({
 }) => {
   const handleClose = () => onRequestClose && onRequestClose();
   const handleAction = () => onRequestAction && onRequestAction();
-  return (0, _react2.jsx)(ToastWrapper, _extends({
-    intent: intent
-  }, rest), loading && (0, _react2.jsx)(Spinner, null), (0, _react2.jsx)(ToastText, null, children), onRequestAction && (0, _react2.jsx)(ActionButton, {
-    variation: "text",
-    onClick: handleAction
-  }, actionLabel), onRequestClose && (0, _react2.jsx)("span", {
-    css: _ref
-  }, (0, _react2.jsx)(CloseIconButton, {
-    size: "small",
-    icon: _system.Close,
-    ariaLabel: "Close",
-    onClick: handleClose,
-    "data-testid": "toast-close"
-  })));
+  return (0, _jsxRuntime.jsxs)(ToastWrapper, {
+    intent: intent,
+    ...rest,
+    children: [loading && (0, _jsxRuntime.jsx)(Spinner, {}), (0, _jsxRuntime.jsx)(ToastText, {
+      children: children
+    }), onRequestAction && (0, _jsxRuntime.jsx)(ActionButton, {
+      variation: "text",
+      onClick: handleAction,
+      children: actionLabel
+    }), onRequestClose && (0, _jsxRuntime.jsx)("span", {
+      css: _ref,
+      children: (0, _jsxRuntime.jsx)(CloseIconButton, {
+        size: "small",
+        icon: _system.Close,
+        ariaLabel: "Close",
+        onClick: handleClose,
+        "data-testid": "toast-close"
+      })
+    })]
+  });
 };
-var _default = Toast;
-exports.default = _default;
+var _default = exports.default = Toast;

package/cjs/assertions/toast/Toaster.d.ts

@@ -1,9 +1,9 @@
 import React, { PropsWithChildren, FunctionComponent } from 'react';
 import { ToastProps } from './Toast';
-declare type TimeoutType = {
+type TimeoutType = {
     timeout?: number;
 };
-declare type ToasterState = {
+type ToasterState = {
     open: boolean;
     hasActive: boolean;
     toastProps: ToastProps | null;

package/cjs/assertions/toast/Toaster.js

@@ -8,10 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _ = require(".");
 var _material = require("@mui/material");
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e271rjj0"
@@ -23,8 +22,7 @@ const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px"
 } : {
   name: "vzyge",
-  styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VFZmZlY3QsXG4gIHVzZVJlZHVjZXIsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHVzZUNvbnRleHQsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICBGdW5jdGlvbkNvbXBvbmVudCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48VG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlPikgPT4gUHJvbWlzZTx2b2lkPlxufSB8IG51bGw+KG51bGwpXG5cbmV4cG9ydCBjb25zdCB1c2VUb2FzdGVyID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2FzdGVyQ29udGV4dClcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUb2FzdGVyIG11c3QgYmUgdXNlZCBpbnNpZGUgb2YgVG9hc3RlciBQcm92aWRlciBjb21wb25lbnQnKVxuICB9XG4gIHJldHVybiB7IGFkZFRvYXN0OiBjb250ZXh0LmhhbmRsZU9uT3Blbiwgc3RhdGU6IGNvbnRleHQuc3RhdGUgfVxufVxuXG5jb25zdCBpbml0aWFsU3RhdGUgPSB7XG4gIG9wZW46IGZhbHNlLFxuICBoYXNBY3RpdmU6IGZhbHNlLFxuICB0b2FzdFByb3BzOiBudWxsLFxuICB0aW1lb3V0OiAzMDAwLFxufVxuXG5jb25zdCB0b2FzdGVyUmVkdWNlciA9IChzdGF0ZTogVG9hc3RlclN0YXRlLCBhY3Rpb246IGFueSkgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnQ0xPU0UnOlxuICAgICAgcmV0dXJuIGluaXRpYWxTdGF0ZVxuICAgIGNhc2UgJ09QRU4nOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgb3BlbjogdHJ1ZSxcbiAgICAgICAgaGFzQWN0aXZlOiB0cnVlLFxuICAgICAgICB0b2FzdFByb3BzOiBhY3Rpb24ucGF5bG9hZCxcbiAgICAgICAgdGltZW91dDogYWN0aW9uLnBheWxvYWQudGltZW91dCB8fCBzdGF0ZS50aW1lb3V0LFxuICAgICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gc3RhdGVcbiAgfVxufVxuXG5jb25zdCBUb2FzdGVyOiBGdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXTsgZ2xvYmFsVGltZW91dD86IG51bWJlciB9PiA9ICh7XG4gIGNoaWxkcmVuLFxuICBnbG9iYWxUaW1lb3V0LFxufSkgPT4ge1xuICBjb25zdCBbeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSwgZGlzcGF0Y2hdID0gdXNlUmVkdWNlcih0b2FzdGVyUmVkdWNlciwge1xuICAgIC4uLmluaXRpYWxTdGF0ZSxcbiAgICB0aW1lb3V0OiBnbG9iYWxUaW1lb3V0IHx8IGluaXRpYWxTdGF0ZS50aW1lb3V0LFxuICB9KVxuICBjb25zdCB0aW1lclJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCBoYW5kbGVUaW1lb3V0Q2xlYW5VcCA9ICgpID0+IHtcbiAgICB0aW1lclJlZi5jdXJyZW50ICYmIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZXJSZWYuY3VycmVudClcbiAgICB0aW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICB9XG4gIGNvbnN0IGhhbmRsZVRpbWVvdXQgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiAodGltZXJSZWYuY3VycmVudCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IGhhbmRsZU9uQ2xvc2UoKSwgdGltZW91dCkpLFxuICAgIFt0aW1lb3V0XVxuICApXG5cbiAgZnVuY3Rpb24gc2xlZXAoKSB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlPHZvaWQ+KChyZXNvbHZlKSA9PiB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHJlc29sdmUoKSwgMzAwKVxuICAgIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbkNsb3NlID0gKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogJ0NMT1NFJyB9KVxuICB9XG5cbiAgY29uc3QgaGFuZGxlT25PcGVuID0gYXN5bmMgKHBheWxvYWQ6IFRvYXN0UHJvcHMpID0+IHtcbiAgICBpZiAoaGFzQWN0aXZlKSB7XG4gICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgIGF3YWl0IHNsZWVwKClcbiAgICB9XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnT1BFTicsIHBheWxvYWQgfSlcbiAgfVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBoYW5kbGVUaW1lb3V0KClcbiAgICB9XG4gICAgcmV0dXJuIGhhbmRsZVRpbWVvdXRDbGVhblVwXG4gIH0sIFtoYW5kbGVUaW1lb3V0LCBvcGVuXSlcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFRvYXN0ZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGhhbmRsZU9uT3Blbiwgc3RhdGU6IHsgb3BlbiwgaGFzQWN0aXZlLCB0b2FzdFByb3BzLCB0aW1lb3V0IH0gfX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVG9hc3RlckNvbnRleHQuUHJvdmlkZXI+XG4gICAgICB7b3BlbiAmJiAoXG4gICAgICAgIDxDb250YWluZXIgb25Nb3VzZUVudGVyPXtoYW5kbGVUaW1lb3V0Q2xlYW5VcH0gb25Nb3VzZUxlYXZlPXtoYW5kbGVUaW1lb3V0fT5cbiAgICAgICAgICA8RmFkZSBpbj17b3Blbn0gbW91bnRPbkVudGVyIHVubW91bnRPbkV4aXQgb25FeGl0ZWQ9e2hhbmRsZVRpbWVvdXRDbGVhblVwfT5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxUb2FzdFxuICAgICAgICAgICAgICAgIHsuLi50b2FzdFByb3BzfVxuICAgICAgICAgICAgICAgIHsuLi4odG9hc3RQcm9wcz8ub25SZXF1ZXN0Q2xvc2VcbiAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgIG9uUmVxdWVzdENsb3NlOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvYXN0UHJvcHMub25SZXF1ZXN0Q2xvc2UgJiYgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgOiB7fSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L0ZhZGU+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb2FzdGVyXG4iXX0= */",
+  styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VFZmZlY3QsXG4gIHVzZVJlZHVjZXIsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHVzZUNvbnRleHQsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICBGdW5jdGlvbkNvbXBvbmVudCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48VG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlPikgPT4gUHJvbWlzZTx2b2lkPlxufSB8IG51bGw+KG51bGwpXG5cbmV4cG9ydCBjb25zdCB1c2VUb2FzdGVyID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2FzdGVyQ29udGV4dClcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUb2FzdGVyIG11c3QgYmUgdXNlZCBpbnNpZGUgb2YgVG9hc3RlciBQcm92aWRlciBjb21wb25lbnQnKVxuICB9XG4gIHJldHVybiB7IGFkZFRvYXN0OiBjb250ZXh0LmhhbmRsZU9uT3Blbiwgc3RhdGU6IGNvbnRleHQuc3RhdGUgfVxufVxuXG5jb25zdCBpbml0aWFsU3RhdGUgPSB7XG4gIG9wZW46IGZhbHNlLFxuICBoYXNBY3RpdmU6IGZhbHNlLFxuICB0b2FzdFByb3BzOiBudWxsLFxuICB0aW1lb3V0OiAzMDAwLFxufVxuXG5jb25zdCB0b2FzdGVyUmVkdWNlciA9IChzdGF0ZTogVG9hc3RlclN0YXRlLCBhY3Rpb246IGFueSkgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnQ0xPU0UnOlxuICAgICAgcmV0dXJuIGluaXRpYWxTdGF0ZVxuICAgIGNhc2UgJ09QRU4nOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgb3BlbjogdHJ1ZSxcbiAgICAgICAgaGFzQWN0aXZlOiB0cnVlLFxuICAgICAgICB0b2FzdFByb3BzOiBhY3Rpb24ucGF5bG9hZCxcbiAgICAgICAgdGltZW91dDogYWN0aW9uLnBheWxvYWQudGltZW91dCB8fCBzdGF0ZS50aW1lb3V0LFxuICAgICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gc3RhdGVcbiAgfVxufVxuXG5jb25zdCBUb2FzdGVyOiBGdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXTsgZ2xvYmFsVGltZW91dD86IG51bWJlciB9PiA9ICh7XG4gIGNoaWxkcmVuLFxuICBnbG9iYWxUaW1lb3V0LFxufSkgPT4ge1xuICBjb25zdCBbeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSwgZGlzcGF0Y2hdID0gdXNlUmVkdWNlcih0b2FzdGVyUmVkdWNlciwge1xuICAgIC4uLmluaXRpYWxTdGF0ZSxcbiAgICB0aW1lb3V0OiBnbG9iYWxUaW1lb3V0IHx8IGluaXRpYWxTdGF0ZS50aW1lb3V0LFxuICB9KVxuICBjb25zdCB0aW1lclJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCBoYW5kbGVUaW1lb3V0Q2xlYW5VcCA9ICgpID0+IHtcbiAgICB0aW1lclJlZi5jdXJyZW50ICYmIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZXJSZWYuY3VycmVudClcbiAgICB0aW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICB9XG4gIGNvbnN0IGhhbmRsZVRpbWVvdXQgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiAodGltZXJSZWYuY3VycmVudCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IGhhbmRsZU9uQ2xvc2UoKSwgdGltZW91dCkpLFxuICAgIFt0aW1lb3V0XVxuICApXG5cbiAgZnVuY3Rpb24gc2xlZXAoKSB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlPHZvaWQ+KChyZXNvbHZlKSA9PiB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHJlc29sdmUoKSwgMzAwKVxuICAgIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbkNsb3NlID0gKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogJ0NMT1NFJyB9KVxuICB9XG5cbiAgY29uc3QgaGFuZGxlT25PcGVuID0gYXN5bmMgKHBheWxvYWQ6IFRvYXN0UHJvcHMpID0+IHtcbiAgICBpZiAoaGFzQWN0aXZlKSB7XG4gICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgIGF3YWl0IHNsZWVwKClcbiAgICB9XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnT1BFTicsIHBheWxvYWQgfSlcbiAgfVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBoYW5kbGVUaW1lb3V0KClcbiAgICB9XG4gICAgcmV0dXJuIGhhbmRsZVRpbWVvdXRDbGVhblVwXG4gIH0sIFtoYW5kbGVUaW1lb3V0LCBvcGVuXSlcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFRvYXN0ZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGhhbmRsZU9uT3Blbiwgc3RhdGU6IHsgb3BlbiwgaGFzQWN0aXZlLCB0b2FzdFByb3BzLCB0aW1lb3V0IH0gfX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVG9hc3RlckNvbnRleHQuUHJvdmlkZXI+XG4gICAgICB7b3BlbiAmJiAoXG4gICAgICAgIDxDb250YWluZXIgb25Nb3VzZUVudGVyPXtoYW5kbGVUaW1lb3V0Q2xlYW5VcH0gb25Nb3VzZUxlYXZlPXtoYW5kbGVUaW1lb3V0fT5cbiAgICAgICAgICA8RmFkZSBpbj17b3Blbn0gbW91bnRPbkVudGVyIHVubW91bnRPbkV4aXQgb25FeGl0ZWQ9e2hhbmRsZVRpbWVvdXRDbGVhblVwfT5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxUb2FzdFxuICAgICAgICAgICAgICAgIHsuLi50b2FzdFByb3BzfVxuICAgICAgICAgICAgICAgIHsuLi4odG9hc3RQcm9wcz8ub25SZXF1ZXN0Q2xvc2VcbiAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgIG9uUmVxdWVzdENsb3NlOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvYXN0UHJvcHMub25SZXF1ZXN0Q2xvc2UgJiYgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgOiB7fSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L0ZhZGU+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb2FzdGVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const ToasterContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -105,30 +103,39 @@ const Toaster = ({
     }
     return handleTimeoutCleanUp;
   }, [handleTimeout, open]);
-  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(ToasterContext.Provider, {
-    value: {
-      handleOnOpen,
-      state: {
-        open,
-        hasActive,
-        toastProps,
-        timeout
-      }
-    }
-  }, children), open && (0, _react2.jsx)(Container, {
-    onMouseEnter: handleTimeoutCleanUp,
-    onMouseLeave: handleTimeout
-  }, (0, _react2.jsx)(_material.Fade, {
-    in: open,
-    mountOnEnter: true,
-    unmountOnExit: true,
-    onExited: handleTimeoutCleanUp
-  }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps?.onRequestClose ? {
-    onRequestClose: () => {
-      handleOnClose();
-      toastProps.onRequestClose && toastProps.onRequestClose();
-    }
-  } : {}))))));
+  return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [(0, _jsxRuntime.jsx)(ToasterContext.Provider, {
+      value: {
+        handleOnOpen,
+        state: {
+          open,
+          hasActive,
+          toastProps,
+          timeout
+        }
+      },
+      children: children
+    }), open && (0, _jsxRuntime.jsx)(Container, {
+      onMouseEnter: handleTimeoutCleanUp,
+      onMouseLeave: handleTimeout,
+      children: (0, _jsxRuntime.jsx)(_material.Fade, {
+        in: open,
+        mountOnEnter: true,
+        unmountOnExit: true,
+        onExited: handleTimeoutCleanUp,
+        children: (0, _jsxRuntime.jsx)("div", {
+          children: (0, _jsxRuntime.jsx)(_.Toast, {
+            ...toastProps,
+            ...(toastProps?.onRequestClose ? {
+              onRequestClose: () => {
+                handleOnClose();
+                toastProps.onRequestClose && toastProps.onRequestClose();
+              }
+            } : {})
+          })
+        })
+      })
+    })]
+  });
 };
-var _default = Toaster;
-exports.default = _default;
+var _default = exports.default = Toaster;

package/cjs/badge/Badge.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Intent } from '../common/intent';
 import { FlexBoxProps } from '../flexbox/FlexBox';
-export declare type BadgeProps = {
+export type BadgeProps = {
     /**
      * Specifies the intent of the Badge
      */

package/cjs/badge/Badge.js

@@ -10,16 +10,15 @@ var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _intent = require("../common/intent");
 var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1h52dri",
   styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
 } : {
   name: "vqzb74-Badge",
-  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;label:Badge;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yLCBnZXRJbnRlbnRUZXh0Q29sb3IgfSBmcm9tICcuLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBpbnRlbnQgb2YgdGhlIEJhZGdlXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBzaG93biBpbiB0aGUgYmFkZ2UgKHVzdWFsbHkganVzdCBhIHN0cmluZylcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYWRkZWQgdG8gdGhlIGJhZGdlXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogUHJvcHMgY29udHJvbGxpbmcgdGhlIGZsZXhib3hcbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgYXMgPSAnZGl2JyxcbiAgY2hpbGRyZW4sXG4gIGludGVudCA9ICdub25lJyxcbiAgZmxleEJveFByb3BzID0geyBpbmxpbmU6IHRydWUgfSxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcz17YXN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnRlbnRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC42MjVyZW07XG4gICAgICAgIGNvbG9yOiAke2dldEludGVudFRleHRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgICAgICBtYXgtd2lkdGg6ICR7ZmxleEJveFByb3BzLmlubGluZSAmJiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nLnhzfSlgfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5mbGV4Qm94UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIGB9XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap;label:Badge;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yLCBnZXRJbnRlbnRUZXh0Q29sb3IgfSBmcm9tICcuLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBpbnRlbnQgb2YgdGhlIEJhZGdlXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBzaG93biBpbiB0aGUgYmFkZ2UgKHVzdWFsbHkganVzdCBhIHN0cmluZylcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYWRkZWQgdG8gdGhlIGJhZGdlXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogUHJvcHMgY29udHJvbGxpbmcgdGhlIGZsZXhib3hcbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgYXMgPSAnZGl2JyxcbiAgY2hpbGRyZW4sXG4gIGludGVudCA9ICdub25lJyxcbiAgZmxleEJveFByb3BzID0geyBpbmxpbmU6IHRydWUgfSxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcz17YXN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnRlbnRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC42MjVyZW07XG4gICAgICAgIGNvbG9yOiAke2dldEludGVudFRleHRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgICAgICBtYXgtd2lkdGg6ICR7ZmxleEJveFByb3BzLmlubGluZSAmJiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nLnhzfSlgfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5mbGV4Qm94UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIGB9XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 function Badge({
@@ -31,11 +30,15 @@ function Badge({
   },
   ...rest
 }) {
-  return (0, _react2.jsx)(_FlexBox.default, _extends({
+  return (0, _jsxRuntime.jsx)(_FlexBox.default, {
     as: as,
-    css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
-  }, flexBoxProps, rest), (0, _react2.jsx)(_typography.Text, {
-    css: _ref,
-    styledAs: "bodyInterfaceSmall"
-  }, children));
+    css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */"),
+    ...flexBoxProps,
+    ...rest,
+    children: (0, _jsxRuntime.jsx)(_typography.Text, {
+      css: _ref,
+      styledAs: "bodyInterfaceSmall",
+      children: children
+    })
+  });
 }

package/cjs/button/BadgeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type BadgeIconProps = {
+export type BadgeIconProps = {
     letter: string;
     className?: string;
 };

package/cjs/button/BadgeIcon.js

@@ -7,32 +7,34 @@ exports.default = exports.BadgeIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BadgeIcon = ({
   letter,
   className
 }) => {
-  return (0, _react2.jsx)("svg", {
+  return (0, _jsxRuntime.jsxs)("svg", {
     css: /*#__PURE__*/(0, _react2.css)("font-family:", _theme.theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
     width: "1em",
     height: "1em",
     viewBox: "0 0 24 24",
     focusable: false,
-    className: className
-  }, (0, _react2.jsx)("circle", {
-    cx: "50%",
-    cy: "50%",
-    r: "50%"
-  }), (0, _react2.jsx)("text", {
-    textAnchor: "middle",
-    x: "50%",
-    y: "50%",
-    dy: "0.325em",
-    fontSize: "0.875rem",
-    fontWeight: 200,
-    fill: "#fff"
-  }, letter.toUpperCase()));
+    className: className,
+    children: [(0, _jsxRuntime.jsx)("circle", {
+      cx: "50%",
+      cy: "50%",
+      r: "50%"
+    }), (0, _jsxRuntime.jsx)("text", {
+      textAnchor: "middle",
+      x: "50%",
+      y: "50%",
+      dy: "0.325em",
+      fontSize: "0.875rem",
+      fontWeight: 200,
+      fill: "#fff",
+      children: letter.toUpperCase()
+    })]
+  });
 };
 exports.BadgeIcon = BadgeIcon;
-var _default = BadgeIcon;
-exports.default = _default;
+var _default = exports.default = BadgeIcon;

package/cjs/button/BaseButton.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
-export declare type BaseButtonProps = React.PropsWithoutRef<JSX.IntrinsicElements['button']>;
-export declare type ButtonVariation = typeof variations[number];
-export declare type ButtonVariationProps = {
+export type BaseButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['button']>;
+export type ButtonVariation = (typeof variations)[number];
+export type ButtonVariationProps = {
     variation?: ButtonVariation;
 };
 export declare const BaseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    selected?: boolean | undefined;
+    selected?: boolean;
 }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/utils").SerializedStyles;

package/cjs/button/BaseButton.js

@@ -10,15 +10,13 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _buttonStyle = require("./button-style");
 var _theme = require("@dfds-ui/theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
-exports.variations = variations;
-const BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
+const variations = exports.variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
+const BaseButton = exports.BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
   target: "egdn0t20"
 } : {
   target: "egdn0t20",
   label: "BaseButton"
-})(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSB0eXBlb2YgdmFyaWF0aW9uc1tudW1iZXJdXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb25Qcm9wcyA9IHsgdmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uIH1cblxuZXhwb3J0IGNvbnN0IEJhc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgc2VsZWN0ZWQ/OiBib29sZWFuIH0+YFxuICAke2Jhc2VCdXR0b25TdHlsZX07XG4gICR7KHByb3BzKSA9PiB0aGVtZS5zdGF0ZXMub3ZlcmxheShwcm9wcy5zZWxlY3RlZCl9O1xuYFxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QnV0dG9uVmFyaWF0aW9uU3R5bGUodmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uKSB7XG4gIHN3aXRjaCAodmFyaWF0aW9uKSB7XG4gICAgZGVmYXVsdDpcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBwcmltYXJ5QnV0dG9uU3R5bGVzXG4gICAgY2FzZSAnc2Vjb25kYXJ5JzpcbiAgICAgIHJldHVybiBzZWNvbmRhcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdvdXRsaW5lZCc6XG4gICAgICByZXR1cm4gb3V0bGluZWRCdXR0b25TdHlsZXNcbiAgfVxufVxuIl19 */"));
-exports.BaseButton = BaseButton;
+})(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSAodHlwZW9mIHZhcmlhdGlvbnMpW251bWJlcl1cbmV4cG9ydCB0eXBlIEJ1dHRvblZhcmlhdGlvblByb3BzID0geyB2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24gfVxuXG5leHBvcnQgY29uc3QgQmFzZUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gICR7YmFzZUJ1dHRvblN0eWxlfTtcbiAgJHsocHJvcHMpID0+IHRoZW1lLnN0YXRlcy5vdmVybGF5KHByb3BzLnNlbGVjdGVkKX07XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCdXR0b25WYXJpYXRpb25TdHlsZSh2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24pIHtcbiAgc3dpdGNoICh2YXJpYXRpb24pIHtcbiAgICBkZWZhdWx0OlxuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIHByaW1hcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgcmV0dXJuIHNlY29uZGFyeUJ1dHRvblN0eWxlc1xuICAgIGNhc2UgJ291dGxpbmVkJzpcbiAgICAgIHJldHVybiBvdXRsaW5lZEJ1dHRvblN0eWxlc1xuICB9XG59XG4iXX0= */"));
 function getButtonVariationStyle(variation) {
   switch (variation) {
     default:

package/cjs/button/Button.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
-declare type ButtonSize = 'medium' | 'small';
-declare type IconAlign = 'left' | 'right';
-export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
+type ButtonSize = 'medium' | 'small';
+type IconAlign = 'left' | 'right';
+export type ButtonProps = BaseButtonProps & ButtonVariationProps & {
     className?: string;
     replace?: boolean;
     submitting?: boolean;
@@ -15,5 +15,5 @@ export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
     as?: React.ElementType;
     children?: React.ReactNode;
 };
-declare const Button: React.FC<ButtonProps>;
+declare const Button: ({ variation, children, submitting, size, icon, iconSpacing, iconAlign, iconColor, title, disabled, ...rest }: ButtonProps) => React.JSX.Element;
 export default Button;