@dfds-ui/react-components 2.2.0-alpha.853cab6b → 2.2.0-alpha.88cbd504

package/cjs/assertions/banner/BannerAction.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
+export type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
 export interface BannerActionProps {
     variation?: BannerActionVariation;
     onClick?: () => void;

package/cjs/assertions/banner/BannerAction.js

@@ -10,8 +10,8 @@ var _theme = require("@dfds-ui/theme");
 var _typography = require("@dfds-ui/typography");
 var _button = require("../../button");
 var _Banner = require("./Banner");
+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); }
 const getVariationStyle = bannerVariant => {
   switch (bannerVariant) {
     case 'lowEmphasis':
@@ -31,11 +31,12 @@ const BannerAction = ({
   const {
     variant: bannerVariant
   } = (0, _Banner.useBannerContext)();
-  return (0, _react2.jsx)(_button.Button, _extends({
+  return (0, _jsxRuntime.jsx)(_button.Button, {
     variation: variation === 'primary-thick' ? 'outlined' : 'text',
     type: "button",
     css: /*#__PURE__*/(0, _react2.css)((variation === 'primary' || variation === 'secondary') && /*#__PURE__*/(0, _react2.css)(_typography.typography.action, ";padding:0 ", _theme.theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FVyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"), " flex:auto;flex-basis:auto;flex-grow:0;margin-left:", _theme.theme.spacing.xs, ";", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFYyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"),
-    className: "BannerAction"
-  }, rest));
+    className: "BannerAction",
+    ...rest
+  });
 };
 exports.BannerAction = BannerAction;

package/cjs/assertions/banner/BannerTypography.js

@@ -7,8 +7,8 @@ exports.BannerParagraph = exports.BannerHeadline = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _typography = require("@dfds-ui/typography");
 var _react2 = require("@emotion/react");
+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 _ref2 = process.env.NODE_ENV === "production" ? {
   name: "ti75j2",
@@ -19,11 +19,12 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const BannerHeadline = props => {
-  return (0, _react2.jsx)(_typography.Text, _extends({
+  return (0, _jsxRuntime.jsx)(_typography.Text, {
     as: "h2",
     styledAs: "bodyInterfaceBold",
-    css: _ref2
-  }, props));
+    css: _ref2,
+    ...props
+  });
 };
 exports.BannerHeadline = BannerHeadline;
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -35,10 +36,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const BannerParagraph = props => {
-  return (0, _react2.jsx)(_typography.Text, _extends({
+  return (0, _jsxRuntime.jsx)(_typography.Text, {
     as: "p",
     styledAs: "bodyInterface",
-    css: _ref
-  }, props));
+    css: _ref,
+    ...props
+  });
 };
 exports.BannerParagraph = BannerParagraph;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Intent } from '../../common/intent';
-export declare type ToastProps = {
+export type ToastProps = {
     children?: React.ReactNode;
     intent?: Intent;
     className?: string;

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"
@@ -65,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"
@@ -104,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,8 +10,8 @@ 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",
@@ -30,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;