@amboss/design-system 1.9.1 → 1.9.5

package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js

@@ -0,0 +1,66 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Inline } from '../Inline/Inline.js';
+import { flattenChildren } from '../../shared/flattenChildren.js';
+import { SubThemeProvider } from '../SubThemeProvider/SubThemeProvider.js';
+
+const StyledMediaViewerBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l20w891"
+} : {
+  target: "e1l20w891",
+  label: "StyledMediaViewerBar"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    display: "inline-flex",
+    borderRadius: theme.variables.size.spacing.xxs,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_1,
+    color: theme.values.color.text.lightPrimary,
+    overflow: "hidden",
+    "> div": {
+      width: "100%",
+      "> div": {
+        lineHeight: "normal"
+      }
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiTWVkaWFWaWV3ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5cbmNvbnN0IFN0eWxlZE1lZGlhVmlld2VyQmFyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5saWdodFByaW1hcnksXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBcIj4gZGl2XCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCI+IGRpdlwiOiB7XG4gICAgICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tZWRpYVZpZXdlckJhci5zZXBhcmF0b3Iud2lkdGgsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3RFbGVtZW50IHwgUmVhY3RFbGVtZW50W107XG4gIGhhc1NlcGFyYXRvcj86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQmFyKHtcbiAgY2hpbGRyZW4sXG4gIGhhc1NlcGFyYXRvcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBNZWRpYVZpZXdlckJhclByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZmxhdHRlbmVkQ2hpbGRyZW4gPSBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT1cImRpbW1lZFwiPlxuICAgICAgPFN0eWxlZE1lZGlhVmlld2VyQmFyIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGZsYXR0ZW5lZENoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7aGFzU2VwYXJhdG9yICYmIGluZGV4ID4gMCAmJiA8U3R5bGVkU2VwYXJhdG9yIC8+fVxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZE1lZGlhVmlld2VyQmFyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
+const StyledSeparator = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1l20w890"
+} : {
+  target: "e1l20w890",
+  label: "StyledSeparator"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    width: theme.variables.size.dimension.mediaViewerBar.separator.width,
+    height: theme.variables.size.spacing.l,
+    backgroundColor: theme.values.color.background.layer_2
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ik1lZGlhVmlld2VyQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IGZsYXR0ZW5DaGlsZHJlbiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZmxhdHRlbkNoaWxkcmVuXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuXG5jb25zdCBTdHlsZWRNZWRpYVZpZXdlckJhciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlnaHRQcmltYXJ5LFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgXCI+IGRpdlwiOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgbGluZUhlaWdodDogXCJub3JtYWxcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubWVkaWFWaWV3ZXJCYXIuc2VwYXJhdG9yLndpZHRoLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8yLFxufSkpO1xuXG5leHBvcnQgdHlwZSBNZWRpYVZpZXdlckJhclByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IFJlYWN0RWxlbWVudFtdO1xuICBoYXNTZXBhcmF0b3I/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZWRpYVZpZXdlckJhcih7XG4gIGNoaWxkcmVuLFxuICBoYXNTZXBhcmF0b3IsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTWVkaWFWaWV3ZXJCYXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGZsYXR0ZW5lZENoaWxkcmVuID0gZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9XCJkaW1tZWRcIj5cbiAgICAgIDxTdHlsZWRNZWRpYVZpZXdlckJhciBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgPElubGluZSBzcGFjZT1cInplcm9cIiB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBub1dyYXA+XG4gICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChmbGF0dGVuZWRDaGlsZHJlbiwgKGNoaWxkLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAge2hhc1NlcGFyYXRvciAmJiBpbmRleCA+IDAgJiYgPFN0eWxlZFNlcGFyYXRvciAvPn1cbiAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRNZWRpYVZpZXdlckJhcj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59XG4iXX0= */");
+function MediaViewerBar(_ref3) {
+  let {
+    children,
+    hasSeparator,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  const flattenedChildren = flattenChildren(children);
+  return /*#__PURE__*/React.createElement(SubThemeProvider, {
+    name: "dimmed"
+  }, /*#__PURE__*/React.createElement(StyledMediaViewerBar, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(Inline, {
+    space: "zero",
+    vAlignItems: "center",
+    alignItems: "center",
+    noWrap: true
+  }, React.Children.map(flattenedChildren, (child, index) => /*#__PURE__*/React.createElement(React.Fragment, null, hasSeparator && index > 0 && /*#__PURE__*/React.createElement(StyledSeparator, null), child)))));
+}
+
+export { MediaViewerBar };
+//# sourceMappingURL=MediaViewerBar.js.map

package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n  display: \"inline-flex\",\n  borderRadius: theme.variables.size.spacing.xxs,\n  height: theme.variables.size.spacing.l,\n  backgroundColor: theme.values.color.background.layer_1,\n  color: theme.values.color.text.lightPrimary,\n  overflow: \"hidden\",\n  \"> div\": {\n    width: \"100%\",\n    \"> div\": {\n      lineHeight: \"normal\",\n    },\n  },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n  width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n  height: theme.variables.size.spacing.l,\n  backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n  children?: ReactElement | ReactElement[];\n  hasSeparator?: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n  children,\n  hasSeparator,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n  const flattenedChildren = flattenChildren(children);\n\n  return (\n    <SubThemeProvider name=\"dimmed\">\n      <StyledMediaViewerBar data-e2e-test-id={dataE2eTestId}>\n        <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n          {React.Children.map(flattenedChildren, (child, index) => (\n            <>\n              {hasSeparator && index > 0 && <StyledSeparator />}\n              {child}\n            </>\n          ))}\n        </Inline>\n      </StyledMediaViewerBar>\n    </SubThemeProvider>\n  );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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"}

package/build/esm/src/components/Notification/Notification.js

@@ -0,0 +1,100 @@
+import _styled from '@emotion/styled/base';
+import React, { useState } from 'react';
+import { Card } from '../Card/Card.js';
+import { Box } from '../Box/Box.js';
+import { Columns, Column } from '../Column/Columns.js';
+import { Button } from '../Button/Button.js';
+import { Icon } from '../Icon/Icon.js';
+import { Text } from '../Typography/Text/Text.js';
+
+const ANIMATION_TIME = 200;
+const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo1"
+} : {
+  target: "e1cdeufo1",
+  label: "StyledExpandingContainer"
+})(_ref => {
+  let {
+    isDismissed
+  } = _ref;
+  return {
+    transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
+    transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0Rpc21pc3NlZD17aXNEaXNtaXNzZWR9PlxuICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCI+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gdmFyaWFudD1cInNlY29uZGFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1cdeufo0"
+} : {
+  target: "e1cdeufo0",
+  label: "StyledContainer"
+})(() => ({
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgPFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciBpc0Rpc21pc3NlZD17aXNEaXNtaXNzZWR9PlxuICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCI+XG4gICAgICAgICAgICA8Q29sdW1ucyBnYXA9XCJzXCIgdkFsaWduSXRlbXM9XCJ0b3BcIj5cbiAgICAgICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPEljb24gbmFtZT17aWNvbn0gdmFyaWFudD1cInNlY29uZGFyeVwiIGRhdGEtdGVzdGlkPVwiaWNvblwiIC8+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIDwvQ29sdW1uPntcIiBcIn1cbiAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgc2l6ZT17WzEyLCBcIm5hcnJvd1wiLCBcIm5hcnJvd1wiXX1cbiAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHNldElzRXhwYW5kZWQoIWlzRXhwYW5kZWQpfVxuICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtpc0V4cGFuZGVkID8gc2hyaW5rQnV0dG9uTGFiZWwgOiBleHBhbmRCdXR0b25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbHVtbnM+XG4gICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkPlxuICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
+function Notification(_ref2) {
+  let {
+    text,
+    icon,
+    isDismissable,
+    callToActionLabel,
+    onClickDismiss,
+    onClickCallToAction,
+    expandable,
+    expandButtonLabel,
+    shrinkButtonLabel,
+    children,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref2;
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [isDismissed, setIsDismissed] = useState(false);
+  const dismiss = () => {
+    setIsDismissed(true);
+    setTimeout(onClickDismiss, ANIMATION_TIME);
+  };
+  return /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
+    isDismissed: isDismissed
+  }, /*#__PURE__*/React.createElement(Card, {
+    squareCorners: true,
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(Box, {
+    space: "s"
+  }, /*#__PURE__*/React.createElement(Columns, {
+    gap: "s",
+    vAlignItems: "top"
+  }, icon && /*#__PURE__*/React.createElement(Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React.createElement(Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    variant: "secondary",
+    "data-testid": "icon"
+  }))), /*#__PURE__*/React.createElement(Column, {
+    size: "fill"
+  }, /*#__PURE__*/React.createElement(Box, {
+    vSpace: "xxs",
+    space: "zero"
+  }, /*#__PURE__*/React.createElement(Text, null, text))), " ", (callToActionLabel || expandable) && /*#__PURE__*/React.createElement(Column, {
+    size: [12, "narrow", "narrow"],
+    order: ["last", "unset", "unset"]
+  }, callToActionLabel && /*#__PURE__*/React.createElement(Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: onClickCallToAction
+  }, callToActionLabel), expandable && /*#__PURE__*/React.createElement(Button, {
+    size: "s",
+    fullWidth: true,
+    onClick: () => setIsExpanded(!isExpanded),
+    rightIcon: isExpanded ? "chevron-up" : "chevron-down"
+  }, isExpanded ? shrinkButtonLabel : expandButtonLabel)), isDismissable && /*#__PURE__*/React.createElement(Column, {
+    size: "narrow"
+  }, /*#__PURE__*/React.createElement(Button, {
+    leftIcon: "x",
+    variant: "tertiary",
+    size: "s",
+    onClick: dismiss
+  }))), isExpanded && children))));
+}
+
+export { Notification };
+//# sourceMappingURL=Notification.js.map

package/build/esm/src/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n  \"data-e2e-test-id\"?: string;\n  text?: string;\n  icon?: IconName;\n  isDismissable?: boolean;\n  callToActionLabel?: string;\n  expandButtonLabel?: string;\n  shrinkButtonLabel?: string;\n  expandable?: boolean;\n  onClickCallToAction?: (e: React.MouseEvent) => void;\n  onClickDismiss?: () => void;\n  children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n  isDismissed: boolean;\n}>(({ isDismissed }) => ({\n  transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n  transition: `transform ${\n    isDismissed ? ANIMATION_TIME : 0\n  }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n  overflow: \"hidden\",\n}));\n\nexport function Notification({\n  text,\n  icon,\n  isDismissable,\n  callToActionLabel,\n  onClickDismiss,\n  onClickCallToAction,\n  expandable,\n  expandButtonLabel,\n  shrinkButtonLabel,\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isDismissed, setIsDismissed] = useState(false);\n\n  const dismiss = () => {\n    setIsDismissed(true);\n    setTimeout(onClickDismiss, ANIMATION_TIME);\n  };\n\n  return (\n    <StyledContainer>\n      <StyledExpandingContainer isDismissed={isDismissed}>\n        <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n          <Box space=\"s\">\n            <Columns gap=\"s\" vAlignItems=\"top\">\n              {icon && (\n                <Column size=\"narrow\">\n                  <Box vSpace=\"xxs\" space=\"zero\">\n                    <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n                  </Box>\n                </Column>\n              )}\n              <Column size=\"fill\">\n                <Box vSpace=\"xxs\" space=\"zero\">\n                  <Text>{text}</Text>\n                </Box>\n              </Column>{\" \"}\n              {(callToActionLabel || expandable) && (\n                <Column\n                  size={[12, \"narrow\", \"narrow\"]}\n                  order={[\"last\", \"unset\", \"unset\"]}\n                >\n                  {callToActionLabel && (\n                    <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n                      {callToActionLabel}\n                    </Button>\n                  )}\n                  {expandable && (\n                    <Button\n                      size=\"s\"\n                      fullWidth\n                      onClick={() => setIsExpanded(!isExpanded)}\n                      rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n                    >\n                      {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n                    </Button>\n                  )}\n                </Column>\n              )}\n              {isDismissable && (\n                <Column size=\"narrow\">\n                  <Button\n                    leftIcon=\"x\"\n                    variant=\"tertiary\"\n                    size=\"s\"\n                    onClick={dismiss}\n                  />\n                </Column>\n              )}\n            </Columns>\n            {isExpanded && children}\n          </Box>\n        </Card>\n      </StyledExpandingContainer>\n    </StyledContainer>\n  );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":"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"}

package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Columns, Column } from '../../Column/Columns.js';
+import { Button } from '../../Button/Button.js';
+
+function ButtonGroup(_ref) {
+  let {
+    cancelButtonText,
+    actionButton,
+    onButtonClick,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Columns, {
+    gap: "s",
+    alignItems: ["spaceBetween", "right"],
+    "data-e2e-test-id": dataE2eTestId
+  }, actionButton && /*#__PURE__*/React.createElement(Column, {
+    order: ["first", "last"],
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: actionButton.variant,
+    type: actionButton.type,
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("action");
+    }
+  }, actionButton.text)), cancelButtonText && /*#__PURE__*/React.createElement(Column, {
+    size: [12, "narrow"]
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    fullWidth: true,
+    onClick: () => {
+      onButtonClick("cancel");
+    }
+  }, cancelButtonText)));
+}
+
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.js.map

package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/Patterns/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseVariations, MQ, SpaceSizes } from \"../../../types\";\nimport { Columns, Column } from \"../../Column/Columns\";\nimport { Button } from \"../../Button/Button\";\n\nexport type ActionButtonProps = {\n  text: string;\n  type?: \"button\" | \"submit\";\n  variant: BaseVariations;\n};\n\nexport type ButtonGroupProps = {\n  actionButton?: ActionButtonProps;\n  cancelButtonText?: string;\n  onButtonClick?: (action: \"cancel\" | \"action\") => void;\n  space?: MQ<SpaceSizes> | SpaceSizes;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function ButtonGroup({\n  cancelButtonText,\n  actionButton,\n  onButtonClick,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ButtonGroupProps): React.ReactElement {\n  return (\n    <Columns\n      gap=\"s\"\n      alignItems={[\"spaceBetween\", \"right\"]}\n      data-e2e-test-id={dataE2eTestId}\n    >\n      {actionButton && (\n        <Column order={[\"first\", \"last\"]} size={[12, \"narrow\"]}>\n          <Button\n            variant={actionButton.variant}\n            type={actionButton.type}\n            fullWidth\n            onClick={() => {\n              onButtonClick(\"action\");\n            }}\n          >\n            {actionButton.text}\n          </Button>\n        </Column>\n      )}\n      {cancelButtonText && (\n        <Column size={[12, \"narrow\"]}>\n          <Button\n            variant=\"secondary\"\n            fullWidth\n            onClick={() => {\n              onButtonClick(\"cancel\");\n            }}\n          >\n            {cancelButtonText}\n          </Button>\n        </Column>\n      )}\n    </Columns>\n  );\n}\n"],"names":["ButtonGroup","_ref","cancelButtonText","actionButton","onButtonClick","dataE2eTestId","React","createElement","Columns","gap","alignItems","Column","order","size","Button","variant","type","fullWidth","onClick","text"],"mappings":";;;;AAmBO,SAASA,WAAWA,CAAAC,IAAA,EAKc;EAAA,IALb;IAC1BC,gBAAgB;IAChBC,YAAY;IACZC,aAAa;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACJ,GAAC,GAAAJ,IAAA,CAAA;AACjB,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,GAAG,EAAC,GAAG;AACPC,IAAAA,UAAU,EAAE,CAAC,cAAc,EAAE,OAAO,CAAE;IACtC,kBAAkBL,EAAAA,aAAAA;AAAc,GAAA,EAE/BF,YAAY,iBACXG,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAE;AAACC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eACrDP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;IACLC,OAAO,EAAEZ,YAAY,CAACY,OAAQ;IAC9BC,IAAI,EAAEb,YAAY,CAACa,IAAK;IACxBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;AAAE,GAAA,EAEDD,YAAY,CAACgB,IAAI,CACX,CAEZ,EACAjB,gBAAgB,iBACfI,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACE,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eAC3BP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AACLC,IAAAA,OAAO,EAAC,WAAW;IACnBE,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;GAECF,EAAAA,gBAAgB,CACV,CAEZ,CACO,CAAA;AAEd;;;;"}

package/build/esm/src/components/Patterns/Modal/Modal.js

@@ -0,0 +1,213 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React, { useRef } from 'react';
+import { Portal } from '../../Portal/Portal.js';
+import { H6, H2, H4 } from '../../Typography/Header/Header.js';
+import { Stack } from '../../Stack/Stack.js';
+import { Container } from '../../Container/Container.js';
+import { Box } from '../../Box/Box.js';
+import { Inline } from '../../Inline/Inline.js';
+import { ButtonGroup } from '../ButtonGroup/ButtonGroup.js';
+import { Button } from '../../Button/Button.js';
+import { Text } from '../../Typography/Text/Text.js';
+import { mqValue } from '../../../shared/mediaQueries.js';
+import { useOnEscapePress } from '../../../shared/useOnEscapePress.js';
+import { useOutsideClick } from '../../../shared/useOutsideClick.js';
+
+const defaultModalProps = {
+  role: "dialog",
+  "data-e2e-test-id": undefined,
+  privateProps: {
+    skipPortal: false
+  }
+};
+const StyledBackdrop = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj4"
+} : {
+  target: "encqoj4",
+  label: "StyledBackdrop"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100vh",
+    background: theme.values.color.background.backdrop,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    flex: "1 0 auto"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q3VCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledModalWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj3"
+} : {
+  target: "encqoj3",
+  label: "StyledModalWrapper"
+})(_ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return {
+    maxWidth: theme.variables.size.dimension.modal.width,
+    ...mqValue({
+      width: [`calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`, theme.variables.size.dimension.modal.width]
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRDJCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledInner = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj2"
+} : {
+  target: "encqoj2",
+  label: "StyledInner"
+})(() => ({
+  display: "flex",
+  maxHeight: `calc(100vh - 100px)`,
+  flexDirection: "column",
+  overflow: "hidden"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRG9CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledBody = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "encqoj1"
+} : {
+  target: "encqoj1",
+  label: "StyledBody"
+})(() => ({
+  overflowY: "auto",
+  maxHeight: "100%"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRW1CIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const StyledImg = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
+  target: "encqoj0"
+} : {
+  target: "encqoj0",
+  label: "StyledImg"
+})(() => ({
+  width: "100%",
+  aspectRatio: "16/9"
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWtCIiwiZmlsZSI6Ik1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUG9ydGFsIH0gZnJvbSBcIi4uLy4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEgyLCBINCwgSDYgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBTdGFjaywgU3RhY2tQcm9wcyB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uLy4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAsIEFjdGlvbkJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbkdyb3VwL0J1dHRvbkdyb3VwXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dCwgVGV4dFByb3BzIH0gZnJvbSBcIi4uLy4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBIb3Jpem9udGFsQWxpZ25tZW50LCBNUSB9IGZyb20gXCIuLi8uLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyB1c2VPbkVzY2FwZVByZXNzIH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC91c2VPbkVzY2FwZVByZXNzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuXG5leHBvcnQgdHlwZSBNb2RhbFByb3BzID0ge1xuICBoZWFkZXI6IHN0cmluZztcbiAgb25BY3Rpb246IChhY3Rpb246IFwiY2FuY2VsXCIgfCBcImFjdGlvblwiKSA9PiB2b2lkO1xuICByb2xlPzogXCJkaWFsb2dcIiB8IFwiYWxlcnRkaWFsb2dcIjtcbiAgbGFiZWxIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBUaGUgYmxhY2sgY29sb3IgaXMgZ29pbmcgdG8gYmUgcmVwbGFjZWQgd2l0aCBncmF5IG9uZSAqL1xuICBzdWJIZWFkZXI/OiBzdHJpbmc7XG4gIC8qKiBBc3BlY3QgcmF0aW8gMTY6OSAqL1xuICBpbWFnZVVybD86IHN0cmluZztcbiAgYWN0aW9uQnV0dG9uPzogQWN0aW9uQnV0dG9uUHJvcHM7XG4gIGNhbmNlbEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICAvKiogQWltIHRvIHVzZSA8TW9kYWwuVGV4dD4gYW5kIDxNb2RhbC5TdGFjaz4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHByaXZhdGVQcm9wcz86IHsgc2tpcFBvcnRhbD86IGJvb2xlYW4gfTtcbn07XG5cbmNvbnN0IGRlZmF1bHRNb2RhbFByb3BzOiBQYXJ0aWFsPE1vZGFsUHJvcHM+ID0ge1xuICByb2xlOiBcImRpYWxvZ1wiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbDogZmFsc2UgfSxcbn07XG5cbmNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICB0b3A6IDAsXG4gIGxlZnQ6IDAsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgaGVpZ2h0OiBcIjEwMHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXg6IFwiMSAwIGF1dG9cIixcbn0pKTtcblxuY29uc3QgU3R5bGVkTW9kYWxXcmFwcGVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXhXaWR0aDogdGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLm1vZGFsLndpZHRoLFxuICAuLi5tcVZhbHVlKHtcbiAgICB3aWR0aDogW1xuICAgICAgYGNhbGMoMTAwdncgLSBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAqIDIpKWAsXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubW9kYWwud2lkdGgsXG4gICAgXSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IFN0eWxlZElubmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWF4SGVpZ2h0OiBgY2FsYygxMDB2aCAtIDEwMHB4KWAsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRCb2R5ID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICBtYXhIZWlnaHQ6IFwiMTAwJVwiLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJbWcgPSBzdHlsZWQuaW1nKCgpID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYXNwZWN0UmF0aW86IFwiMTYvOVwiLFxufSkpO1xuXG5jb25zdCBNb2RhbFN0YWNrID0gKHsgY2hpbGRyZW4sIC4uLnJlc3QgfTogT21pdDxTdGFja1Byb3BzLCBcInNwYWNlXCI+KSA9PiAoXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nXG4gIDxTdGFjayB7Li4ucmVzdH0gc3BhY2U9XCJtXCI+XG4gICAge2NoaWxkcmVufVxuICA8L1N0YWNrPlxuKTtcblxuY29uc3QgTW9kYWxUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IE9taXQ8VGV4dFByb3BzLCBcInNpemVcIiB8IFwidmFyaWFudFwiPikgPT4gKFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZ1xuICA8VGV4dCB7Li4ucmVzdH0gc2l6ZT1cIm1cIiB2YXJpYW50PVwidGVydGlhcnlcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbik7XG5cbmNvbnN0IEZvb3RlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zID0gW1wic3BhY2VCZXR3ZWVuXCIsIFwicmlnaHRcIl0sXG59OiB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgYWxpZ25JdGVtcz86IE1RPEhvcml6b250YWxBbGlnbm1lbnQ+IHwgSG9yaXpvbnRhbEFsaWdubWVudDtcbn0pID0+IChcbiAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJsXCI+XG4gICAgPFN0YWNrIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9PntjaGlsZHJlbn08L1N0YWNrPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IFdyYXBwZXIgPSAoe1xuICBza2lwUG9ydGFsLFxuICBjaGlsZHJlbixcbn06IHtcbiAgc2tpcFBvcnRhbDogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0pOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT5cbiAgc2tpcFBvcnRhbCA/IChcbiAgICA8PntjaGlsZHJlbn08Lz5cbiAgKSA6IChcbiAgICA8UG9ydGFsPlxuICAgICAgPFN0eWxlZEJhY2tkcm9wPntjaGlsZHJlbn08L1N0eWxlZEJhY2tkcm9wPlxuICAgIDwvUG9ydGFsPlxuICApO1xuXG5jb25zdCBCdXR0b25DbG9zZSA9ICh7IG9uQ2xpY2sgfTogeyBvbkNsaWNrOiBSZWFjdC5SZWFjdEV2ZW50SGFuZGxlciB9KSA9PiAoXG4gIDxCdXR0b24gdmFyaWFudD1cInRlcnRpYXJ5XCIgbGVmdEljb249XCJ4XCIgc2l6ZT1cInNcIiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1vZGFsKHtcbiAgaGVhZGVyLFxuICBzdWJIZWFkZXIsXG4gIGxhYmVsSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2VVcmwsXG4gIGNhbmNlbEJ1dHRvbkxhYmVsLFxuICBhY3Rpb25CdXR0b24sXG4gIHJvbGUsXG4gIG9uQWN0aW9uLFxuICBwcml2YXRlUHJvcHM6IHsgc2tpcFBvcnRhbCB9LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IE1vZGFsUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25BY3Rpb24oXCJjYW5jZWxcIik7XG4gIH07XG4gIGNvbnN0IGhhc0JhY2tkcm9wRGlzbWlzcyA9ICFza2lwUG9ydGFsO1xuICB1c2VPdXRzaWRlQ2xpY2sobW9kYWxSZWYsIGhhbmRsZUNsb3NlLCBoYXNCYWNrZHJvcERpc21pc3MpO1xuICB1c2VPbkVzY2FwZVByZXNzKGhhbmRsZUNsb3NlLCBbaGFuZGxlQ2xvc2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHNraXBQb3J0YWw9e3NraXBQb3J0YWx9PlxuICAgICAgPFN0eWxlZE1vZGFsV3JhcHBlclxuICAgICAgICByZWY9e21vZGFsUmVmfVxuICAgICAgICByb2xlPXtyb2xlfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgPlxuICAgICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17NH0+XG4gICAgICAgICAgPEJveCBzcGFjZT17W1wibVwiLCBcInhsXCJdfT5cbiAgICAgICAgICAgIDxTdHlsZWRJbm5lcj5cbiAgICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiBiU3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPXtpbWFnZVVybCA/IFtcInNcIiwgXCJsXCJdIDogXCJ6ZXJvXCJ9PlxuICAgICAgICAgICAgICAgICAge2ltYWdlVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJyaWdodFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNsb3NlIG9uQ2xpY2s9e2hhbmRsZUNsb3NlfSAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbWcgc3JjPXtpbWFnZVVybH0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPElubGluZSBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgIHtsYWJlbEhlYWRlciAmJiA8SDY+e2xhYmVsSGVhZGVyfTwvSDY+fVxuICAgICAgICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEgyPntoZWFkZXJ9PC9IMj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtzdWJIZWFkZXIgJiYgPEg0PntzdWJIZWFkZXJ9PC9IND59XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgICAgICAgeyFpbWFnZVVybCAmJiA8QnV0dG9uQ2xvc2Ugb25DbGljaz17aGFuZGxlQ2xvc2V9IC8+fVxuICAgICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG5cbiAgICAgICAgICAgICAgPFN0eWxlZEJvZHk+e2NoaWxkcmVufTwvU3R5bGVkQm9keT5cblxuICAgICAgICAgICAgICB7KGFjdGlvbkJ1dHRvbiB8fCBjYW5jZWxCdXR0b25MYWJlbCkgJiYgKFxuICAgICAgICAgICAgICAgIDxGb290ZXI+XG4gICAgICAgICAgICAgICAgICA8QnV0dG9uR3JvdXBcbiAgICAgICAgICAgICAgICAgICAgYWN0aW9uQnV0dG9uPXthY3Rpb25CdXR0b259XG4gICAgICAgICAgICAgICAgICAgIGNhbmNlbEJ1dHRvblRleHQ9e2NhbmNlbEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICBvbkJ1dHRvbkNsaWNrPXtvbkFjdGlvbn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgPC9Gb290ZXI+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1N0eWxlZElubmVyPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkTW9kYWxXcmFwcGVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn1cblxuTW9kYWwuZGVmYXVsdFByb3BzID0gZGVmYXVsdE1vZGFsUHJvcHM7XG5cbk1vZGFsLlN0YWNrID0gTW9kYWxTdGFjaztcbk1vZGFsLlRleHQgPSBNb2RhbFRleHQ7XG4iXX0= */");
+const ModalStack = _ref3 => {
+  let {
+    children,
+    ...rest
+  } = _ref3;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement(Stack, _extends({}, rest, {
+      space: "m"
+    }), children)
+  );
+};
+const ModalText = _ref4 => {
+  let {
+    children,
+    ...rest
+  } = _ref4;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement(Text, _extends({}, rest, {
+      size: "m",
+      variant: "tertiary"
+    }), children)
+  );
+};
+const Footer = _ref5 => {
+  let {
+    children,
+    alignItems = ["spaceBetween", "right"]
+  } = _ref5;
+  return /*#__PURE__*/React.createElement(Box, {
+    space: "zero",
+    tSpace: "l"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    alignItems: alignItems
+  }, children));
+};
+const Wrapper = _ref6 => {
+  let {
+    skipPortal,
+    children
+  } = _ref6;
+  return skipPortal ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledBackdrop, null, children));
+};
+const ButtonClose = _ref7 => {
+  let {
+    onClick
+  } = _ref7;
+  return /*#__PURE__*/React.createElement(Button, {
+    variant: "tertiary",
+    leftIcon: "x",
+    size: "s",
+    onClick: onClick
+  });
+};
+function Modal(_ref8) {
+  let {
+    header,
+    subHeader,
+    labelHeader,
+    children,
+    imageUrl,
+    cancelButtonLabel,
+    actionButton,
+    role,
+    onAction,
+    privateProps: {
+      skipPortal
+    },
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref8;
+  const modalRef = useRef(null);
+  const handleClose = () => {
+    onAction("cancel");
+  };
+  const hasBackdropDismiss = !skipPortal;
+  useOutsideClick(modalRef, handleClose, hasBackdropDismiss);
+  useOnEscapePress(handleClose, [handleClose]);
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    skipPortal: skipPortal
+  }, /*#__PURE__*/React.createElement(StyledModalWrapper, {
+    ref: modalRef,
+    role: role,
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(Container, {
+    elevation: 4
+  }, /*#__PURE__*/React.createElement(Box, {
+    space: ["m", "xl"]
+  }, /*#__PURE__*/React.createElement(StyledInner, null, /*#__PURE__*/React.createElement(Box, {
+    space: "zero",
+    bSpace: "s"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: imageUrl ? ["s", "l"] : "zero"
+  }, imageUrl && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Inline, {
+    alignItems: "right"
+  }, /*#__PURE__*/React.createElement(ButtonClose, {
+    onClick: handleClose
+  })), /*#__PURE__*/React.createElement(StyledImg, {
+    src: imageUrl
+  })), /*#__PURE__*/React.createElement(Inline, {
+    alignItems: "spaceBetween",
+    noWrap: true
+  }, /*#__PURE__*/React.createElement(Stack, {
+    space: "xs"
+  }, labelHeader && /*#__PURE__*/React.createElement(H6, null, labelHeader), /*#__PURE__*/React.createElement(Stack, {
+    space: "xxs"
+  }, /*#__PURE__*/React.createElement(H2, null, header), subHeader && /*#__PURE__*/React.createElement(H4, null, subHeader))), !imageUrl && /*#__PURE__*/React.createElement(ButtonClose, {
+    onClick: handleClose
+  })))), /*#__PURE__*/React.createElement(StyledBody, null, children), (actionButton || cancelButtonLabel) && /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(ButtonGroup, {
+    actionButton: actionButton,
+    cancelButtonText: cancelButtonLabel,
+    onButtonClick: onAction
+  })))))));
+}
+Modal.defaultProps = defaultModalProps;
+Modal.Stack = ModalStack;
+Modal.Text = ModalText;
+
+export { Modal };
+//# sourceMappingURL=Modal.js.map

package/build/esm/src/components/Patterns/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Patterns/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { H2, H4, H6 } from \"../../Typography/Header/Header\";\nimport { Stack, StackProps } from \"../../Stack/Stack\";\nimport { Container } from \"../../Container/Container\";\nimport { Box } from \"../../Box/Box\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { ButtonGroup, ActionButtonProps } from \"../ButtonGroup/ButtonGroup\";\nimport { Button } from \"../../Button/Button\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport { HorizontalAlignment, MQ } from \"../../../types\";\nimport { mqValue } from \"../../../shared/mediaQueries\";\nimport { useOnEscapePress } from \"../../../shared/useOnEscapePress\";\nimport { useOutsideClick } from \"../../../shared/useOutsideClick\";\n\nexport type ModalProps = {\n  header: string;\n  onAction: (action: \"cancel\" | \"action\") => void;\n  role?: \"dialog\" | \"alertdialog\";\n  labelHeader?: string;\n  /** The black color is going to be replaced with gray one */\n  subHeader?: string;\n  /** Aspect ratio 16:9 */\n  imageUrl?: string;\n  actionButton?: ActionButtonProps;\n  cancelButtonLabel?: string;\n  /** Aim to use <Modal.Text> and <Modal.Stack> */\n  children: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n  privateProps?: { skipPortal?: boolean };\n};\n\nconst defaultModalProps: Partial<ModalProps> = {\n  role: \"dialog\",\n  \"data-e2e-test-id\": undefined,\n  privateProps: { skipPortal: false },\n};\n\nconst StyledBackdrop = styled.div(({ theme }) => ({\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  width: \"100%\",\n  height: \"100vh\",\n  background: theme.values.color.background.backdrop,\n  display: \"flex\",\n  flexDirection: \"column\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  flex: \"1 0 auto\",\n}));\n\nconst StyledModalWrapper = styled.div(({ theme }) => ({\n  maxWidth: theme.variables.size.dimension.modal.width,\n  ...mqValue({\n    width: [\n      `calc(100vw - calc(${theme.variables.size.spacing.m} * 2))`,\n      theme.variables.size.dimension.modal.width,\n    ],\n  }),\n}));\n\nconst StyledInner = styled.div(() => ({\n  display: \"flex\",\n  maxHeight: `calc(100vh - 100px)`,\n  flexDirection: \"column\",\n  overflow: \"hidden\",\n}));\n\nconst StyledBody = styled.div(() => ({\n  overflowY: \"auto\",\n  maxHeight: \"100%\",\n}));\n\nconst StyledImg = styled.img(() => ({\n  width: \"100%\",\n  aspectRatio: \"16/9\",\n}));\n\nconst ModalStack = ({ children, ...rest }: Omit<StackProps, \"space\">) => (\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  <Stack {...rest} space=\"m\">\n    {children}\n  </Stack>\n);\n\nconst ModalText = ({\n  children,\n  ...rest\n}: Omit<TextProps, \"size\" | \"variant\">) => (\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  <Text {...rest} size=\"m\" variant=\"tertiary\">\n    {children}\n  </Text>\n);\n\nconst Footer = ({\n  children,\n  alignItems = [\"spaceBetween\", \"right\"],\n}: {\n  children: React.ReactNode[] | React.ReactElement;\n  alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n}) => (\n  <Box space=\"zero\" tSpace=\"l\">\n    <Stack alignItems={alignItems}>{children}</Stack>\n  </Box>\n);\n\nconst Wrapper = ({\n  skipPortal,\n  children,\n}: {\n  skipPortal: boolean;\n  children: React.ReactElement;\n}): React.ReactElement =>\n  skipPortal ? (\n    <>{children}</>\n  ) : (\n    <Portal>\n      <StyledBackdrop>{children}</StyledBackdrop>\n    </Portal>\n  );\n\nconst ButtonClose = ({ onClick }: { onClick: React.ReactEventHandler }) => (\n  <Button variant=\"tertiary\" leftIcon=\"x\" size=\"s\" onClick={onClick} />\n);\n\nexport function Modal({\n  header,\n  subHeader,\n  labelHeader,\n  children,\n  imageUrl,\n  cancelButtonLabel,\n  actionButton,\n  role,\n  onAction,\n  privateProps: { skipPortal },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ModalProps): React.ReactElement {\n  const modalRef = useRef(null);\n  const handleClose = () => {\n    onAction(\"cancel\");\n  };\n  const hasBackdropDismiss = !skipPortal;\n  useOutsideClick(modalRef, handleClose, hasBackdropDismiss);\n  useOnEscapePress(handleClose, [handleClose]);\n\n  return (\n    <Wrapper skipPortal={skipPortal}>\n      <StyledModalWrapper\n        ref={modalRef}\n        role={role}\n        data-e2e-test-id={dataE2eTestId}\n      >\n        <Container elevation={4}>\n          <Box space={[\"m\", \"xl\"]}>\n            <StyledInner>\n              <Box space=\"zero\" bSpace=\"s\">\n                <Stack space={imageUrl ? [\"s\", \"l\"] : \"zero\"}>\n                  {imageUrl && (\n                    <>\n                      <Inline alignItems=\"right\">\n                        <ButtonClose onClick={handleClose} />\n                      </Inline>\n                      <StyledImg src={imageUrl} />\n                    </>\n                  )}\n                  <Inline alignItems=\"spaceBetween\" noWrap>\n                    <Stack space=\"xs\">\n                      {labelHeader && <H6>{labelHeader}</H6>}\n                      <Stack space=\"xxs\">\n                        <H2>{header}</H2>\n                        {subHeader && <H4>{subHeader}</H4>}\n                      </Stack>\n                    </Stack>\n                    {!imageUrl && <ButtonClose onClick={handleClose} />}\n                  </Inline>\n                </Stack>\n              </Box>\n\n              <StyledBody>{children}</StyledBody>\n\n              {(actionButton || cancelButtonLabel) && (\n                <Footer>\n                  <ButtonGroup\n                    actionButton={actionButton}\n                    cancelButtonText={cancelButtonLabel}\n                    onButtonClick={onAction}\n                  />\n                </Footer>\n              )}\n            </StyledInner>\n          </Box>\n        </Container>\n      </StyledModalWrapper>\n    </Wrapper>\n  );\n}\n\nModal.defaultProps = defaultModalProps;\n\nModal.Stack = ModalStack;\nModal.Text = ModalText;\n"],"names":["defaultModalProps","role","undefined","privateProps","skipPortal","StyledBackdrop","_styled","process","env","NODE_ENV","target","label","_ref","theme","position","top","left","width","height","background","values","color","backdrop","display","flexDirection","justifyContent","alignItems","flex","StyledModalWrapper","_ref2","maxWidth","variables","size","dimension","modal","mqValue","spacing","m","StyledInner","maxHeight","overflow","StyledBody","overflowY","StyledImg","aspectRatio","ModalStack","_ref3","children","rest","React","createElement","Stack","_extends","space","ModalText","_ref4","Text","variant","Footer","_ref5","Box","tSpace","Wrapper","_ref6","Fragment","Portal","ButtonClose","_ref7","onClick","Button","leftIcon","Modal","_ref8","header","subHeader","labelHeader","imageUrl","cancelButtonLabel","actionButton","onAction","dataE2eTestId","modalRef","useRef","handleClose","hasBackdropDismiss","useOutsideClick","useOnEscapePress","ref","Container","elevation","bSpace","Inline","src","noWrap","H6","H2","H4","ButtonGroup","cancelButtonText","onButtonClick","defaultProps"],"mappings":"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"}