@dfds-ui/react-components 0.9.8-alpha.b6efb903 → 0.9.8-alpha.f3c568d5

package/assertions/banner/BannerTypography.js

@@ -0,0 +1,44 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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)."; }
+
+import React from 'react';
+import { Text } from '@dfds-ui/typography';
+import { css } from '@emotion/react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "5a4yvr-BannerHeadline",
+  styles: "margin:0;label:BannerHeadline;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJUeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyVHlwb2dyYXBoeS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgQmFubmVySGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2xhc3NOYW1lPzogc3RyaW5nIH0+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRleHRcbiAgICAgIGFzPVwiaDJcIlxuICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlQm9sZFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJQYXJhZ3JhcGg6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHsgY2xhc3NOYW1lPzogc3RyaW5nIH0+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRleHRcbiAgICAgIGFzPVwicFwiXG4gICAgICBzdHlsZWRBcz1cImJvZHlJbnRlcmZhY2VcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var BannerHeadline = function BannerHeadline(props) {
+  return ___EmotionJSX(Text, _extends({
+    as: "h2",
+    styledAs: "bodyInterfaceBold",
+    css: _ref2
+  }, props));
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "ti75j2",
+  styles: "margin:0"
+} : {
+  name: "1waoqxw-BannerParagraph",
+  styles: "margin:0;label:BannerParagraph;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJUeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Fzc2VydGlvbnMvYmFubmVyL0Jhbm5lclR5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IEJhbm5lckhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNsYXNzTmFtZT86IHN0cmluZyB9PiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUZXh0XG4gICAgICBhcz1cImgyXCJcbiAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZUJvbGRcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyUGFyYWdyYXBoOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNsYXNzTmFtZT86IHN0cmluZyB9PiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUZXh0XG4gICAgICBhcz1cInBcIlxuICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW46IDA7XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export var BannerParagraph = function BannerParagraph(props) {
+  return ___EmotionJSX(Text, _extends({
+    as: "p",
+    styledAs: "bodyInterface",
+    css: _ref
+  }, props));
+};

package/assertions/banner/index.d.ts

@@ -0,0 +1,4 @@
+export * from './BannerAction';
+export * from './BannerTypography';
+export * from './Banner';
+export { default as Banner } from './Banner';

package/assertions/banner/index.js

@@ -0,0 +1,4 @@
+export * from './BannerAction';
+export * from './BannerTypography';
+export * from './Banner';
+export { default as Banner } from './Banner';

package/assertions/index.d.ts

@@ -0,0 +1,2 @@
+export * from './banner';
+export * from './toast';

package/assertions/index.js

@@ -0,0 +1,2 @@
+export * from './banner';
+export * from './toast';

package/assertions/toast/Toast.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Intent } from '../../common/intent';
+export declare type ToastProps = {
+    intent?: Intent;
+    className?: string;
+    onRequestClose?: () => void;
+    loading?: boolean;
+    onRequestAction?: () => void;
+};
+declare const Toast: React.FunctionComponent<ToastProps>;
+export default Toast;

package/assertions/toast/Toast.js

@@ -0,0 +1,103 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["intent", "onRequestClose", "onRequestAction", "children", "loading"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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)."; }
+
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { typography } from '@dfds-ui/typography';
+import { getIntentColor } from '../../common/intent';
+import { IconButton } from '../../button';
+import { Close } from '@dfds-ui/icons/system';
+import { CenteredSpinner } from '../../spinner/Spinner';
+import { Button } from '../../button';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var ToastWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e145csjx4"
+} : {
+  target: "e145csjx4",
+  label: "ToastWrapper"
+})("width:284px;cursor:default;user-select:none;min-height:3rem;box-shadow:", theme.elevation['8'], ";color:", theme.colors.surface.primary, ";background-color:", function (p) {
+  return getIntentColor(p.intent);
+}, ";display:inline-flex;align-items:center;border-radius:", theme.radii.m, ";overflow:hidden;box-sizing:border-box;padding:0 0 0 1rem;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm9EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */"));
+
+var ToastText = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e145csjx3"
+} : {
+  target: "e145csjx3",
+  label: "ToastText"
+})(typography.bodyInterface, ";margin:1rem 1rem 1rem 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzRCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */"));
+
+var Spinner = /*#__PURE__*/_styled(CenteredSpinner, process.env.NODE_ENV === "production" ? {
+  target: "e145csjx2"
+} : {
+  target: "e145csjx2",
+  label: "Spinner"
+})("transform:none;color:", theme.colors.surface.primary, ";position:relative;margin-right:18px;left:0;top:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3VDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */"));
+
+var ActionButton = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
+  target: "e145csjx1"
+} : {
+  target: "e145csjx1",
+  label: "ActionButton"
+})("color:", theme.colors.text.light.secondary, ";font-weight:400;height:2rem;margin:0.5rem 0.5rem 0.5rem auto;padding:0;&:hover{color:", theme.colors.text.light.primary, ";}&:focus{color:", theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRG1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */"));
+
+var CloseIconButton = /*#__PURE__*/_styled(IconButton, process.env.NODE_ENV === "production" ? {
+  target: "e145csjx0"
+} : {
+  target: "e145csjx0",
+  label: "CloseIconButton"
+})("height:100%;padding:0;color:", theme.colors.text.light.secondary, ";&:hover{color:", theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRTBDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */"));
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "w3g0y0",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnR2tCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yIH0gZnJvbSAnLi4vLi4vY29tbW9uL2ludGVudCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9idXR0b24nXG5pbXBvcnQgeyBDbG9zZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IENlbnRlcmVkU3Bpbm5lciB9IGZyb20gJy4uLy4uL3NwaW5uZXIvU3Bpbm5lcidcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uLy4uL2J1dHRvbidcblxuZXhwb3J0IHR5cGUgVG9hc3RQcm9wcyA9IHtcbiAgaW50ZW50PzogSW50ZW50XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgbG9hZGluZz86IGJvb2xlYW5cbiAgb25SZXF1ZXN0QWN0aW9uPzogKCkgPT4gdm9pZFxufVxuXG5jb25zdCBUb2FzdFdyYXBwZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VG9hc3RQcm9wcz4+YFxuICB3aWR0aDogMjg0cHg7XG4gIGN1cnNvcjogZGVmYXVsdDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWyc4J119O1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsocCkgPT4gZ2V0SW50ZW50Q29sb3IocC5pbnRlbnQpfTtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkubX07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6IDAgMCAwIDFyZW07XG5gXG5cbmNvbnN0IFRvYXN0VGV4dCA9IHN0eWxlZC5kaXZgXG4gICR7dHlwb2dyYXBoeS5ib2R5SW50ZXJmYWNlfTtcbiAgbWFyZ2luOiAxcmVtIDFyZW0gMXJlbSAwO1xuYFxuXG5jb25zdCBTcGlubmVyID0gc3R5bGVkKENlbnRlcmVkU3Bpbm5lcilgXG4gIHRyYW5zZm9ybTogbm9uZTtcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXJpZ2h0OiAxOHB4O1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG5gXG5cbmNvbnN0IEFjdGlvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuICBmb250LXdlaWdodDogNDAwO1xuICBoZWlnaHQ6IDJyZW07XG4gIG1hcmdpbjogMC41cmVtIDAuNXJlbSAwLjVyZW0gYXV0bztcbiAgcGFkZGluZzogMDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5cbmNvbnN0IENsb3NlSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5zZWNvbmRhcnl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICB9XG5gXG5jb25zdCBUb2FzdDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8VG9hc3RQcm9wcz4gPSAoe1xuICBpbnRlbnQgPSAnaW5mbycsXG4gIG9uUmVxdWVzdENsb3NlLFxuICBvblJlcXVlc3RBY3Rpb24sXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gb25SZXF1ZXN0Q2xvc2UgJiYgb25SZXF1ZXN0Q2xvc2UoKVxuICBjb25zdCBoYW5kbGVBY3Rpb24gPSAoKSA9PiBvblJlcXVlc3RBY3Rpb24gJiYgb25SZXF1ZXN0QWN0aW9uKClcblxuICByZXR1cm4gKFxuICAgIDxUb2FzdFdyYXBwZXIgaW50ZW50PXtpbnRlbnR9IHsuLi5yZXN0fT5cbiAgICAgIHtsb2FkaW5nICYmIDxTcGlubmVyIC8+fVxuICAgICAgPFRvYXN0VGV4dD57Y2hpbGRyZW59PC9Ub2FzdFRleHQ+XG4gICAgICB7b25SZXF1ZXN0QWN0aW9uICYmIChcbiAgICAgICAgPEFjdGlvbkJ1dHRvbiB2YXJpYXRpb249XCJ0ZXh0XCIgb25DbGljaz17aGFuZGxlQWN0aW9ufT5cbiAgICAgICAgICBBY3Rpb25cbiAgICAgICAgPC9BY3Rpb25CdXR0b24+XG4gICAgICApfVxuICAgICAge29uUmVxdWVzdENsb3NlICYmIChcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gICAgICAgICAgICBqdXN0aWZ5LXNlbGY6IGNlbnRlcjtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Q2xvc2VJY29uQnV0dG9uXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgaWNvbj17Q2xvc2V9XG4gICAgICAgICAgICBhcmlhTGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwidG9hc3QtY2xvc2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgPC9Ub2FzdFdyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgVG9hc3RcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var Toast = function Toast(_ref2) {
+  var _ref2$intent = _ref2.intent,
+      intent = _ref2$intent === void 0 ? 'info' : _ref2$intent,
+      onRequestClose = _ref2.onRequestClose,
+      onRequestAction = _ref2.onRequestAction,
+      children = _ref2.children,
+      loading = _ref2.loading,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  var handleClose = function handleClose() {
+    return onRequestClose && onRequestClose();
+  };
+
+  var handleAction = function handleAction() {
+    return onRequestAction && onRequestAction();
+  };
+
+  return ___EmotionJSX(ToastWrapper, _extends({
+    intent: intent
+  }, rest), loading && ___EmotionJSX(Spinner, null), ___EmotionJSX(ToastText, null, children), onRequestAction && ___EmotionJSX(ActionButton, {
+    variation: "text",
+    onClick: handleAction
+  }, "Action"), onRequestClose && ___EmotionJSX("span", {
+    css: _ref
+  }, ___EmotionJSX(CloseIconButton, {
+    size: "small",
+    icon: Close,
+    ariaLabel: "Close",
+    onClick: handleClose,
+    "data-testid": "toast-close"
+  })));
+};
+
+export default Toast;

package/assertions/toast/Toaster.d.ts

@@ -0,0 +1,18 @@
+import { PropsWithChildren, FunctionComponent } from 'react';
+import { ToastProps } from './Toast';
+declare type TimeoutType = {
+    timeout?: number;
+};
+declare type ToasterState = {
+    open: boolean;
+    hasActive: boolean;
+    toastProps: ToastProps | null;
+} & TimeoutType;
+export declare const useToaster: () => {
+    addToast: (props: PropsWithChildren<ToastProps & TimeoutType>) => void;
+    state: ToasterState;
+};
+declare const Toaster: FunctionComponent<{
+    globalTimeout?: number;
+}>;
+export default Toaster;

package/assertions/toast/Toaster.js

@@ -0,0 +1,196 @@
+import _styled from "@emotion/styled/base";
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+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)."; }
+
+import React, { useEffect, useReducer, useCallback, useRef, useContext, createContext } from 'react';
+import { Toast } from '.';
+import { Fade } from '@material-ui/core';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Container = _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e271rjj0"
+} : {
+  target: "e271rjj0",
+  label: "Container"
+})(process.env.NODE_ENV === "production" ? {
+  name: "vzyge",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VFZmZlY3QsXG4gIHVzZVJlZHVjZXIsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHVzZUNvbnRleHQsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICBGdW5jdGlvbkNvbXBvbmVudCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZSdcbmltcG9ydCB7IFRvYXN0UHJvcHMgfSBmcm9tICcuL1RvYXN0J1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiA1MHB4O1xuYFxudHlwZSBUaW1lb3V0VHlwZSA9IHsgdGltZW91dD86IG51bWJlciB9XG5cbnR5cGUgVG9hc3RlclN0YXRlID0ge1xuICBvcGVuOiBib29sZWFuXG4gIGhhc0FjdGl2ZTogYm9vbGVhblxuICB0b2FzdFByb3BzOiBUb2FzdFByb3BzIHwgbnVsbFxufSAmIFRpbWVvdXRUeXBlXG5cbmNvbnN0IFRvYXN0ZXJDb250ZXh0ID0gY3JlYXRlQ29udGV4dDx7XG4gIHN0YXRlOiBUb2FzdGVyU3RhdGVcbiAgaGFuZGxlT25PcGVuOiAocHJvcHM6IFByb3BzV2l0aENoaWxkcmVuPFRvYXN0UHJvcHMgJiBUaW1lb3V0VHlwZT4pID0+IHZvaWRcbn0gfCBudWxsPihudWxsKVxuXG5leHBvcnQgY29uc3QgdXNlVG9hc3RlciA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVG9hc3RlckNvbnRleHQpXG4gIGlmICghY29udGV4dCkge1xuICAgIHRocm93IG5ldyBFcnJvcigndXNlVG9hc3RlciBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIFRvYXN0ZXIgUHJvdmlkZXIgY29tcG9uZW50JylcbiAgfVxuICByZXR1cm4geyBhZGRUb2FzdDogY29udGV4dC5oYW5kbGVPbk9wZW4sIHN0YXRlOiBjb250ZXh0LnN0YXRlIH1cbn1cblxuY29uc3QgaW5pdGlhbFN0YXRlID0ge1xuICBvcGVuOiBmYWxzZSxcbiAgaGFzQWN0aXZlOiBmYWxzZSxcbiAgdG9hc3RQcm9wczogbnVsbCxcbiAgdGltZW91dDogMzAwMCxcbn1cblxuY29uc3QgdG9hc3RlclJlZHVjZXIgPSAoc3RhdGU6IFRvYXN0ZXJTdGF0ZSwgYWN0aW9uOiBhbnkpID0+IHtcbiAgc3dpdGNoIChhY3Rpb24udHlwZSkge1xuICAgIGNhc2UgJ0NMT1NFJzpcbiAgICAgIHJldHVybiBpbml0aWFsU3RhdGVcbiAgICBjYXNlICdPUEVOJzpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIG9wZW46IHRydWUsXG4gICAgICAgIGhhc0FjdGl2ZTogdHJ1ZSxcbiAgICAgICAgdG9hc3RQcm9wczogYWN0aW9uLnBheWxvYWQsXG4gICAgICAgIHRpbWVvdXQ6IGFjdGlvbi5wYXlsb2FkLnRpbWVvdXQgfHwgc3RhdGUudGltZW91dCxcbiAgICAgIH1cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHN0YXRlXG4gIH1cbn1cblxuY29uc3QgVG9hc3RlcjogRnVuY3Rpb25Db21wb25lbnQ8eyBnbG9iYWxUaW1lb3V0PzogbnVtYmVyIH0+ID0gKHsgY2hpbGRyZW4sIGdsb2JhbFRpbWVvdXQgfSkgPT4ge1xuICBjb25zdCBbeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSwgZGlzcGF0Y2hdID0gdXNlUmVkdWNlcih0b2FzdGVyUmVkdWNlciwge1xuICAgIC4uLmluaXRpYWxTdGF0ZSxcbiAgICB0aW1lb3V0OiBnbG9iYWxUaW1lb3V0IHx8IGluaXRpYWxTdGF0ZS50aW1lb3V0LFxuICB9KVxuICBjb25zdCB0aW1lclJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCBoYW5kbGVUaW1lb3V0Q2xlYW5VcCA9ICgpID0+IHtcbiAgICB0aW1lclJlZi5jdXJyZW50ICYmIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZXJSZWYuY3VycmVudClcbiAgICB0aW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICB9XG4gIGNvbnN0IGhhbmRsZVRpbWVvdXQgPSB1c2VDYWxsYmFjaygoKSA9PiAodGltZXJSZWYuY3VycmVudCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IGhhbmRsZU9uQ2xvc2UoKSwgdGltZW91dCkpLCBbXG4gICAgdGltZW91dCxcbiAgXSlcblxuICBmdW5jdGlvbiBzbGVlcCgpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4oKHJlc29sdmUpID0+IHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gcmVzb2x2ZSgpLCAzMDApXG4gICAgfSlcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2xvc2UgPSAoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnQ0xPU0UnIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbk9wZW4gPSBhc3luYyAocGF5bG9hZDogVG9hc3RQcm9wcykgPT4ge1xuICAgIGlmIChoYXNBY3RpdmUpIHtcbiAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgYXdhaXQgc2xlZXAoKVxuICAgIH1cbiAgICBkaXNwYXRjaCh7IHR5cGU6ICdPUEVOJywgcGF5bG9hZCB9KVxuICB9XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGhhbmRsZVRpbWVvdXQoKVxuICAgIH1cbiAgICByZXR1cm4gaGFuZGxlVGltZW91dENsZWFuVXBcbiAgfSwgW2hhbmRsZVRpbWVvdXQsIG9wZW5dKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9hc3RlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgaGFuZGxlT25PcGVuLCBzdGF0ZTogeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSB9fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Ub2FzdGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIHtvcGVuICYmIChcbiAgICAgICAgPENvbnRhaW5lciBvbk1vdXNlRW50ZXI9e2hhbmRsZVRpbWVvdXRDbGVhblVwfSBvbk1vdXNlTGVhdmU9e2hhbmRsZVRpbWVvdXR9PlxuICAgICAgICAgIDxGYWRlIGluPXtvcGVufSBtb3VudE9uRW50ZXIgdW5tb3VudE9uRXhpdCBvbkV4aXRlZD17aGFuZGxlVGltZW91dENsZWFuVXB9PlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPFRvYXN0XG4gICAgICAgICAgICAgICAgey4uLnRvYXN0UHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLih0b2FzdFByb3BzPy5vblJlcXVlc3RDbG9zZVxuICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgb25SZXF1ZXN0Q2xvc2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgICAgICAgICAgICAgICAgICAgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSAmJiB0b2FzdFByb3BzLm9uUmVxdWVzdENsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICA6IHt9KX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0ZXJcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var ToasterContext = /*#__PURE__*/createContext(null);
+export var useToaster = function useToaster() {
+  var context = useContext(ToasterContext);
+
+  if (!context) {
+    throw new Error('useToaster must be used inside of Toaster Provider component');
+  }
+
+  return {
+    addToast: context.handleOnOpen,
+    state: context.state
+  };
+};
+var initialState = {
+  open: false,
+  hasActive: false,
+  toastProps: null,
+  timeout: 3000
+};
+
+var toasterReducer = function toasterReducer(state, action) {
+  switch (action.type) {
+    case 'CLOSE':
+      return initialState;
+
+    case 'OPEN':
+      return {
+        open: true,
+        hasActive: true,
+        toastProps: action.payload,
+        timeout: action.payload.timeout || state.timeout
+      };
+
+    default:
+      return state;
+  }
+};
+
+var Toaster = function Toaster(_ref) {
+  var children = _ref.children,
+      globalTimeout = _ref.globalTimeout;
+
+  var _useReducer = useReducer(toasterReducer, _objectSpread(_objectSpread({}, initialState), {}, {
+    timeout: globalTimeout || initialState.timeout
+  })),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2$ = _useReducer2[0],
+      open = _useReducer2$.open,
+      hasActive = _useReducer2$.hasActive,
+      toastProps = _useReducer2$.toastProps,
+      timeout = _useReducer2$.timeout,
+      dispatch = _useReducer2[1];
+
+  var timerRef = useRef(null);
+
+  var handleTimeoutCleanUp = function handleTimeoutCleanUp() {
+    timerRef.current && window.clearTimeout(timerRef.current);
+    timerRef.current = null;
+  };
+
+  var handleTimeout = useCallback(function () {
+    return timerRef.current = window.setTimeout(function () {
+      return handleOnClose();
+    }, timeout);
+  }, [timeout]);
+
+  function sleep() {
+    return new Promise(function (resolve) {
+      setTimeout(function () {
+        return resolve();
+      }, 300);
+    });
+  }
+
+  var handleOnClose = function handleOnClose() {
+    dispatch({
+      type: 'CLOSE'
+    });
+  };
+
+  var handleOnOpen = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!hasActive) {
+                _context.next = 4;
+                break;
+              }
+
+              handleOnClose();
+              _context.next = 4;
+              return sleep();
+
+            case 4:
+              dispatch({
+                type: 'OPEN',
+                payload: payload
+              });
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleOnOpen(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  useEffect(function () {
+    if (open) {
+      handleTimeout();
+    }
+
+    return handleTimeoutCleanUp;
+  }, [handleTimeout, open]);
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(ToasterContext.Provider, {
+    value: {
+      handleOnOpen: handleOnOpen,
+      state: {
+        open: open,
+        hasActive: hasActive,
+        toastProps: toastProps,
+        timeout: timeout
+      }
+    }
+  }, children), open && ___EmotionJSX(Container, {
+    onMouseEnter: handleTimeoutCleanUp,
+    onMouseLeave: handleTimeout
+  }, ___EmotionJSX(Fade, {
+    "in": open,
+    mountOnEnter: true,
+    unmountOnExit: true,
+    onExited: handleTimeoutCleanUp
+  }, ___EmotionJSX("div", null, ___EmotionJSX(Toast, _extends({}, toastProps, toastProps !== null && toastProps !== void 0 && toastProps.onRequestClose ? {
+    onRequestClose: function onRequestClose() {
+      handleOnClose();
+      toastProps.onRequestClose && toastProps.onRequestClose();
+    }
+  } : {}))))));
+};
+
+export default Toaster;

package/assertions/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from './Toast';
+export { default as Toaster, useToaster } from './Toaster';

package/assertions/toast/index.js

@@ -0,0 +1,2 @@
+export { default as Toast } from './Toast';
+export { default as Toaster, useToaster } from './Toaster';

package/badge/Badge.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Intent } from '../common/intent';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+export declare type BadgeProps = {
+    /**
+     * Specifies the intent of the Badge
+     */
+    intent?: Intent;
+    /**
+     * Text to be shown in the badge (usually just a string)
+     */
+    children: React.ReactNode;
+    /**
+     * Class name to be added to the badge
+     */
+    className?: string;
+    /**
+     * Props controlling the flexbox
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * HTML tag or custom component being rendered
+     */
+    as?: React.ElementType;
+};
+export default function Badge({ as, children, intent, flexBoxProps, ...rest }: BadgeProps): JSX.Element;

package/badge/Badge.js

@@ -0,0 +1,48 @@
+var _excluded = ["as", "children", "intent", "flexBoxProps"];
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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)."; }
+
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { Text } from '@dfds-ui/typography';
+import { getIntentColor, getIntentTextColor } from '../common/intent';
+import FlexBox from '../flexbox/FlexBox';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RnQiIsImZpbGUiOiIuLi8uLi9zcmMvYmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBJbnRlbnQsIGdldEludGVudENvbG9yLCBnZXRJbnRlbnRUZXh0Q29sb3IgfSBmcm9tICcuLi9jb21tb24vaW50ZW50J1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuXG5leHBvcnQgdHlwZSBCYWRnZVByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBpbnRlbnQgb2YgdGhlIEJhZGdlXG4gICAqL1xuICBpbnRlbnQ/OiBJbnRlbnRcblxuICAvKipcbiAgICogVGV4dCB0byBiZSBzaG93biBpbiB0aGUgYmFkZ2UgKHVzdWFsbHkganVzdCBhIHN0cmluZylcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYWRkZWQgdG8gdGhlIGJhZGdlXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKipcbiAgICogUHJvcHMgY29udHJvbGxpbmcgdGhlIGZsZXhib3hcbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgYXMgPSAnZGl2JyxcbiAgY2hpbGRyZW4sXG4gIGludGVudCA9ICdub25lJyxcbiAgZmxleEJveFByb3BzID0geyBpbmxpbmU6IHRydWUgfSxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBhcz17YXN9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJbnRlbnRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogMC42MjVyZW07XG4gICAgICAgIGNvbG9yOiAke2dldEludGVudFRleHRDb2xvcihpbnRlbnQpfTtcbiAgICAgICAgaGVpZ2h0OiAxLjI1cmVtO1xuICAgICAgICBtYXgtd2lkdGg6ICR7ZmxleEJveFByb3BzLmlubGluZSAmJiBgY2FsYygxMDAlIC0gJHt0aGVtZS5zcGFjaW5nLnhzfSlgfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5mbGV4Qm94UHJvcHN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8VGV4dFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgIGB9XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keUludGVyZmFjZVNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+export default function Badge(_ref2) {
+  var _ref2$as = _ref2.as,
+      as = _ref2$as === void 0 ? 'div' : _ref2$as,
+      children = _ref2.children,
+      _ref2$intent = _ref2.intent,
+      intent = _ref2$intent === void 0 ? 'none' : _ref2$intent,
+      _ref2$flexBoxProps = _ref2.flexBoxProps,
+      flexBoxProps = _ref2$flexBoxProps === void 0 ? {
+    inline: true
+  } : _ref2$flexBoxProps,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  return ___EmotionJSX(FlexBox, _extends({
+    as: as,
+    css: /*#__PURE__*/css("align-items:center;background-color:", getIntentColor(intent), ";border-radius:0.625rem;color:", getIntentTextColor(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && "calc(100% - ".concat(theme.spacing.xs, ")"), ";padding:0 ", theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
+  }, flexBoxProps, rest), ___EmotionJSX(Text, {
+    css: _ref,
+    styledAs: "bodyInterfaceSmall"
+  }, children));
+}

package/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+export { default as Badge } from './Badge';

package/badge/index.js

@@ -0,0 +1,2 @@
+export * from './Badge';
+export { default as Badge } from './Badge';

package/button/BadgeIcon.d.ts

@@ -0,0 +1,6 @@
+export declare type BadgeIconProps = {
+    letter: string;
+    className?: string;
+};
+export declare const BadgeIcon: ({ letter, className }: BadgeIconProps) => JSX.Element;
+export default BadgeIcon;

package/button/BadgeIcon.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { css } from '@emotion/react';
+import { theme } from '@dfds-ui/theme';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var BadgeIcon = function BadgeIcon(_ref) {
+  var letter = _ref.letter,
+      className = _ref.className;
+  return ___EmotionJSX("svg", {
+    css: /*#__PURE__*/css("font-family:", theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    focusable: false,
+    className: className
+  }, ___EmotionJSX("circle", {
+    cx: "50%",
+    cy: "50%",
+    r: "50%"
+  }), ___EmotionJSX("text", {
+    textAnchor: "middle",
+    x: "50%",
+    y: "50%",
+    dy: "0.325em",
+    fontSize: "0.875rem",
+    fontWeight: 200,
+    fill: "#fff"
+  }, letter.toUpperCase()));
+};
+export default BadgeIcon;

package/button/BaseButton.d.ts

@@ -0,0 +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 = {
+    variation?: ButtonVariation;
+};
+export declare const BaseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    selected?: boolean | undefined;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/react").SerializedStyles;