@dfds-ui/modal 2.2.0-alpha.9edc847c → 2.2.0-alpha.a78c2264

package/modal/ModalPanel.d.ts

@@ -0,0 +1,49 @@
+import React, { ReactNode } from 'react';
+export type ModalPanelProps = {
+    /**
+     * Determines if the modal should be shown or not.
+     */
+    isOpen: boolean;
+    /**
+     * Determines if pressing esc should close the modal.
+     */
+    shouldCloseOnEsc?: boolean;
+    /**
+     * Callback when the modal is requested to be closed.
+     */
+    onRequestClose?: () => void;
+    /**
+     * zIndex for the modal.
+     */
+    zIndex?: number;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: ReactNode;
+};
+export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => React.JSX.Element;
+export type ModalPanelHeaderProps = {
+    /**
+     * className to be assigned to component
+     */
+    className?: string;
+    children: ReactNode;
+};
+export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => React.JSX.Element;
+export type ModalPanelContent = {
+    /**
+     * className to be assigned to component
+     */
+    className?: string;
+    children: ReactNode;
+};
+export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => React.JSX.Element;
+export type ModalPanelFooterProps = {
+    /**
+     * className to be assigned to component
+     */
+    className?: string;
+    children: ReactNode;
+};
+export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => React.JSX.Element;

package/modal/ModalPanel.js

@@ -0,0 +1,88 @@
+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 { ReactModalWrapper } from './ReactModalWrapper';
+import { LockBodyScroll } from '@dfds-ui/react-components';
+import { theme } from '@dfds-ui/theme';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+var modalPanelStyles = function modalPanelStyles(_ref4) {
+  var zIndex = _ref4.zIndex;
+  return /*#__PURE__*/css("&__overlay{position:relative;z-index:", zIndex, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:modalPanelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQlkiLCJmaWxlIjoiLi4vLi4vc3JjL21vZGFsL01vZGFsUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBSZWFjdE1vZGFsV3JhcHBlciB9IGZyb20gJy4vUmVhY3RNb2RhbFdyYXBwZXInXG5pbXBvcnQgeyBMb2NrQm9keVNjcm9sbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBtb2RhbCBzaG91bGQgYmUgc2hvd24gb3Igbm90LlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHByZXNzaW5nIGVzYyBzaG91bGQgY2xvc2UgdGhlIG1vZGFsLlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIG1vZGFsIGlzIHJlcXVlc3RlZCB0byBiZSBjbG9zZWQuXG4gICAqL1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIHpJbmRleCBmb3IgdGhlIG1vZGFsLlxuICAgKi9cbiAgekluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IG1vZGFsUGFuZWxTdHlsZXMgPSAoeyB6SW5kZXggfTogeyB6SW5kZXg/OiBudW1iZXIgfSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICZfX292ZXJsYXkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbCA9ICh7XG4gIGlzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIHpJbmRleCA9IDkwMDAsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBNb2RhbFBhbmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGwgZW5hYmxlZD17aXNPcGVufT5cbiAgICAgIDxSZWFjdE1vZGFsV3JhcHBlclxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17c2hvdWxkQ2xvc2VPbkVzY31cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e29uUmVxdWVzdENsb3NlfVxuICAgICAgICBhcmlhSGlkZUFwcD17ZmFsc2V9XG4gICAgICAgIGNzcz17bW9kYWxQYW5lbFN0eWxlcyh7IHpJbmRleCB9KX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9SZWFjdE1vZGFsV3JhcHBlcj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsUGFuZWxIZWFkZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsSGVhZGVyID0gKHsgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBNb2RhbFBhbmVsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8aGVhZGVyXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2hlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsQ29udGVudCA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsQ29udGVudCA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogTW9kYWxQYW5lbENvbnRlbnQpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3NlY3Rpb24+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbEZvb3RlclByb3BzID0ge1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsUGFuZWxGb290ZXIgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IE1vZGFsUGFuZWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxmb290ZXJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9mb290ZXI+XG4gIClcbn1cbiJdfQ== */");
+};
+export var ModalPanel = function ModalPanel(_ref5) {
+  var isOpen = _ref5.isOpen,
+    shouldCloseOnEsc = _ref5.shouldCloseOnEsc,
+    onRequestClose = _ref5.onRequestClose,
+    _ref5$zIndex = _ref5.zIndex,
+    zIndex = _ref5$zIndex === void 0 ? 9000 : _ref5$zIndex,
+    className = _ref5.className,
+    children = _ref5.children;
+  return _jsx(LockBodyScroll, {
+    enabled: isOpen,
+    children: _jsx(ReactModalWrapper, {
+      isOpen: isOpen,
+      shouldCloseOnEsc: shouldCloseOnEsc,
+      onRequestClose: onRequestClose,
+      ariaHideApp: false,
+      css: modalPanelStyles({
+        zIndex: zIndex
+      }),
+      children: _jsx("div", {
+        css: /*#__PURE__*/css("top:0;bottom:0;left:0;right:0;position:fixed;width:100%;display:flex;flex-direction:column;background-color:", theme.colors.surface.primary, ";z-index:1000;" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalPanel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RGtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgUmVhY3RNb2RhbFdyYXBwZXIgfSBmcm9tICcuL1JlYWN0TW9kYWxXcmFwcGVyJ1xuaW1wb3J0IHsgTG9ja0JvZHlTY3JvbGwgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbFByb3BzID0ge1xuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIG5vdC5cbiAgICovXG4gIGlzT3BlbjogYm9vbGVhblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyBpZiBwcmVzc2luZyBlc2Mgc2hvdWxkIGNsb3NlIHRoZSBtb2RhbC5cbiAgICovXG4gIHNob3VsZENsb3NlT25Fc2M/OiBib29sZWFuXG4gIC8qKlxuICAgKiBDYWxsYmFjayB3aGVuIHRoZSBtb2RhbCBpcyByZXF1ZXN0ZWQgdG8gYmUgY2xvc2VkLlxuICAgKi9cbiAgb25SZXF1ZXN0Q2xvc2U/OiAoKSA9PiB2b2lkXG4gIC8qKlxuICAgKiB6SW5kZXggZm9yIHRoZSBtb2RhbC5cbiAgICovXG4gIHpJbmRleD86IG51bWJlclxuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBtb2RhbFBhbmVsU3R5bGVzID0gKHsgekluZGV4IH06IHsgekluZGV4PzogbnVtYmVyIH0pID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAmX19vdmVybGF5IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICB9XG4gIGBcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsUGFuZWwgPSAoe1xuICBpc09wZW4sXG4gIHNob3VsZENsb3NlT25Fc2MsXG4gIG9uUmVxdWVzdENsb3NlLFxuICB6SW5kZXggPSA5MDAwLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxufTogTW9kYWxQYW5lbFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPExvY2tCb2R5U2Nyb2xsIGVuYWJsZWQ9e2lzT3Blbn0+XG4gICAgICA8UmVhY3RNb2RhbFdyYXBwZXJcbiAgICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICAgIHNob3VsZENsb3NlT25Fc2M9e3Nob3VsZENsb3NlT25Fc2N9XG4gICAgICAgIG9uUmVxdWVzdENsb3NlPXtvblJlcXVlc3RDbG9zZX1cbiAgICAgICAgYXJpYUhpZGVBcHA9e2ZhbHNlfVxuICAgICAgICBjc3M9e21vZGFsUGFuZWxTdHlsZXMoeyB6SW5kZXggfSl9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgICAgICAgei1pbmRleDogMTAwMDtcbiAgICAgICAgICBgfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvUmVhY3RNb2RhbFdyYXBwZXI+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsSGVhZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbEhlYWRlciA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogTW9kYWxQYW5lbEhlYWRlclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGhlYWRlclxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9oZWFkZXI+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbENvbnRlbnQgPSB7XG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbENvbnRlbnQgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IE1vZGFsUGFuZWxDb250ZW50KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHNlY3Rpb25cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxOHB4O1xuICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICBmbGV4OiAxIDEgYXV0bztcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9zZWN0aW9uPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsUGFuZWxGb290ZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsRm9vdGVyID0gKHsgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBNb2RhbFBhbmVsRm9vdGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Zm9vdGVyXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZmxleDogMCAwIGF1dG87XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZm9vdGVyPlxuICApXG59XG4iXX0= */"),
+        className: className,
+        children: children
+      })
+    })
+  });
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "bjn8wh",
+  styles: "position:relative"
+} : {
+  name: "1pgnmsq-ModalPanelHeader",
+  styles: "position:relative;label:ModalPanelHeader;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RmMiLCJmaWxlIjoiLi4vLi4vc3JjL21vZGFsL01vZGFsUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBSZWFjdE1vZGFsV3JhcHBlciB9IGZyb20gJy4vUmVhY3RNb2RhbFdyYXBwZXInXG5pbXBvcnQgeyBMb2NrQm9keVNjcm9sbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBtb2RhbCBzaG91bGQgYmUgc2hvd24gb3Igbm90LlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHByZXNzaW5nIGVzYyBzaG91bGQgY2xvc2UgdGhlIG1vZGFsLlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIG1vZGFsIGlzIHJlcXVlc3RlZCB0byBiZSBjbG9zZWQuXG4gICAqL1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIHpJbmRleCBmb3IgdGhlIG1vZGFsLlxuICAgKi9cbiAgekluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IG1vZGFsUGFuZWxTdHlsZXMgPSAoeyB6SW5kZXggfTogeyB6SW5kZXg/OiBudW1iZXIgfSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICZfX292ZXJsYXkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbCA9ICh7XG4gIGlzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIHpJbmRleCA9IDkwMDAsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBNb2RhbFBhbmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGwgZW5hYmxlZD17aXNPcGVufT5cbiAgICAgIDxSZWFjdE1vZGFsV3JhcHBlclxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17c2hvdWxkQ2xvc2VPbkVzY31cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e29uUmVxdWVzdENsb3NlfVxuICAgICAgICBhcmlhSGlkZUFwcD17ZmFsc2V9XG4gICAgICAgIGNzcz17bW9kYWxQYW5lbFN0eWxlcyh7IHpJbmRleCB9KX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9SZWFjdE1vZGFsV3JhcHBlcj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsUGFuZWxIZWFkZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsSGVhZGVyID0gKHsgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBNb2RhbFBhbmVsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8aGVhZGVyXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2hlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsQ29udGVudCA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsQ29udGVudCA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogTW9kYWxQYW5lbENvbnRlbnQpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3NlY3Rpb24+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbEZvb3RlclByb3BzID0ge1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsUGFuZWxGb290ZXIgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IE1vZGFsUGFuZWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxmb290ZXJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9mb290ZXI+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var ModalPanelHeader = function ModalPanelHeader(_ref6) {
+  var className = _ref6.className,
+    children = _ref6.children;
+  return _jsx("header", {
+    css: _ref3,
+    className: className,
+    children: children
+  });
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1ua03vx",
+  styles: "display:block;position:relative;font-size:14px;line-height:18px;font-weight:400;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch"
+} : {
+  name: "13s7etd-ModalPanelContent",
+  styles: "display:block;position:relative;font-size:14px;line-height:18px;font-weight:400;flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;label:ModalPanelContent;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4R2MiLCJmaWxlIjoiLi4vLi4vc3JjL21vZGFsL01vZGFsUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBSZWFjdE1vZGFsV3JhcHBlciB9IGZyb20gJy4vUmVhY3RNb2RhbFdyYXBwZXInXG5pbXBvcnQgeyBMb2NrQm9keVNjcm9sbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBtb2RhbCBzaG91bGQgYmUgc2hvd24gb3Igbm90LlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHByZXNzaW5nIGVzYyBzaG91bGQgY2xvc2UgdGhlIG1vZGFsLlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIG1vZGFsIGlzIHJlcXVlc3RlZCB0byBiZSBjbG9zZWQuXG4gICAqL1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIHpJbmRleCBmb3IgdGhlIG1vZGFsLlxuICAgKi9cbiAgekluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IG1vZGFsUGFuZWxTdHlsZXMgPSAoeyB6SW5kZXggfTogeyB6SW5kZXg/OiBudW1iZXIgfSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICZfX292ZXJsYXkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbCA9ICh7XG4gIGlzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIHpJbmRleCA9IDkwMDAsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBNb2RhbFBhbmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGwgZW5hYmxlZD17aXNPcGVufT5cbiAgICAgIDxSZWFjdE1vZGFsV3JhcHBlclxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17c2hvdWxkQ2xvc2VPbkVzY31cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e29uUmVxdWVzdENsb3NlfVxuICAgICAgICBhcmlhSGlkZUFwcD17ZmFsc2V9XG4gICAgICAgIGNzcz17bW9kYWxQYW5lbFN0eWxlcyh7IHpJbmRleCB9KX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9SZWFjdE1vZGFsV3JhcHBlcj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsUGFuZWxIZWFkZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsSGVhZGVyID0gKHsgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBNb2RhbFBhbmVsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8aGVhZGVyXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2hlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsQ29udGVudCA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsQ29udGVudCA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogTW9kYWxQYW5lbENvbnRlbnQpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3NlY3Rpb24+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbEZvb3RlclByb3BzID0ge1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsUGFuZWxGb290ZXIgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IE1vZGFsUGFuZWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxmb290ZXJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9mb290ZXI+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var ModalPanelContent = function ModalPanelContent(_ref7) {
+  var className = _ref7.className,
+    children = _ref7.children;
+  return _jsx("section", {
+    css: _ref2,
+    className: className,
+    children: children
+  });
+};
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "ou8xsw",
+  styles: "flex:0 0 auto"
+} : {
+  name: "1a68hcn-ModalPanelFooter",
+  styles: "flex:0 0 auto;label:ModalPanelFooter;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbFBhbmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwSWMiLCJmaWxlIjoiLi4vLi4vc3JjL21vZGFsL01vZGFsUGFuZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBSZWFjdE1vZGFsV3JhcHBlciB9IGZyb20gJy4vUmVhY3RNb2RhbFdyYXBwZXInXG5pbXBvcnQgeyBMb2NrQm9keVNjcm9sbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBtb2RhbCBzaG91bGQgYmUgc2hvd24gb3Igbm90LlxuICAgKi9cbiAgaXNPcGVuOiBib29sZWFuXG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHByZXNzaW5nIGVzYyBzaG91bGQgY2xvc2UgdGhlIG1vZGFsLlxuICAgKi9cbiAgc2hvdWxkQ2xvc2VPbkVzYz86IGJvb2xlYW5cbiAgLyoqXG4gICAqIENhbGxiYWNrIHdoZW4gdGhlIG1vZGFsIGlzIHJlcXVlc3RlZCB0byBiZSBjbG9zZWQuXG4gICAqL1xuICBvblJlcXVlc3RDbG9zZT86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIHpJbmRleCBmb3IgdGhlIG1vZGFsLlxuICAgKi9cbiAgekluZGV4PzogbnVtYmVyXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IG1vZGFsUGFuZWxTdHlsZXMgPSAoeyB6SW5kZXggfTogeyB6SW5kZXg/OiBudW1iZXIgfSkgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICZfX292ZXJsYXkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgY29uc3QgTW9kYWxQYW5lbCA9ICh7XG4gIGlzT3BlbixcbiAgc2hvdWxkQ2xvc2VPbkVzYyxcbiAgb25SZXF1ZXN0Q2xvc2UsXG4gIHpJbmRleCA9IDkwMDAsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBNb2RhbFBhbmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGwgZW5hYmxlZD17aXNPcGVufT5cbiAgICAgIDxSZWFjdE1vZGFsV3JhcHBlclxuICAgICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17c2hvdWxkQ2xvc2VPbkVzY31cbiAgICAgICAgb25SZXF1ZXN0Q2xvc2U9e29uUmVxdWVzdENsb3NlfVxuICAgICAgICBhcmlhSGlkZUFwcD17ZmFsc2V9XG4gICAgICAgIGNzcz17bW9kYWxQYW5lbFN0eWxlcyh7IHpJbmRleCB9KX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICAgICAgICB6LWluZGV4OiAxMDAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9SZWFjdE1vZGFsV3JhcHBlcj5cbiAgICA8L0xvY2tCb2R5U2Nyb2xsPlxuICApXG59XG5cbmV4cG9ydCB0eXBlIE1vZGFsUGFuZWxIZWFkZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsSGVhZGVyID0gKHsgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBNb2RhbFBhbmVsSGVhZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8aGVhZGVyXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2hlYWRlcj5cbiAgKVxufVxuXG5leHBvcnQgdHlwZSBNb2RhbFBhbmVsQ29udGVudCA9IHtcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnRcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbFBhbmVsQ29udGVudCA9ICh7IGNsYXNzTmFtZSwgY2hpbGRyZW4gfTogTW9kYWxQYW5lbENvbnRlbnQpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8c2VjdGlvblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3NlY3Rpb24+XG4gIClcbn1cblxuZXhwb3J0IHR5cGUgTW9kYWxQYW5lbEZvb3RlclByb3BzID0ge1xuICAvKipcbiAgICogY2xhc3NOYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsUGFuZWxGb290ZXIgPSAoeyBjbGFzc05hbWUsIGNoaWxkcmVuIH06IE1vZGFsUGFuZWxGb290ZXJQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxmb290ZXJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9mb290ZXI+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var ModalPanelFooter = function ModalPanelFooter(_ref8) {
+  var className = _ref8.className,
+    children = _ref8.children;
+  return _jsx("footer", {
+    css: _ref,
+    className: className,
+    children: children
+  });
+};

package/modal/ReactModalWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactModal from 'react-modal';
+export type ReactModalWrapperProps = ReactModal.Props & {
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => React.JSX.Element;

package/modal/ReactModalWrapper.js

@@ -0,0 +1,34 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import ReactModal from 'react-modal';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var ReactModalWrapper = function ReactModalWrapper(_ref) {
+  var className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var classArr = className ? className.split(' ') : ['__modal'];
+  var append = function append(str) {
+    return classArr.join(str + ' ') + str;
+  };
+  return _jsx(ReactModal, _objectSpread({
+    closeTimeoutMS: 200,
+    className: {
+      base: append('__content'),
+      afterOpen: append('__content--after-open'),
+      beforeClose: append('__content--before-close')
+    },
+    portalClassName: append(''),
+    overlayClassName: {
+      base: append('__overlay '),
+      afterOpen: append('__overlay--after-open'),
+      beforeClose: append('__overlay--before-close')
+    }
+  }, rest));
+};

package/modal/index.d.ts

@@ -0,0 +1,11 @@
+export * from './Modal';
+export { default as ModalDialog } from './ModalDialog';
+export * from './ModalDialog';
+export * from './ModalCloseButton';
+export * from './ModalHeader';
+export * from './ModalFooter';
+export * from './ModalBody';
+export * from './ModalHeadline';
+export { default as ModalAction } from './ModalAction';
+export { default as ModalActionsContainer } from './ModalActionsContainer';
+export * from './ModalPanel';

package/modal/index.js

@@ -0,0 +1,11 @@
+export * from './Modal';
+export { default as ModalDialog } from './ModalDialog';
+export * from './ModalDialog';
+export * from './ModalCloseButton';
+export * from './ModalHeader';
+export * from './ModalFooter';
+export * from './ModalBody';
+export * from './ModalHeadline';
+export { default as ModalAction } from './ModalAction';
+export { default as ModalActionsContainer } from './ModalActionsContainer';
+export * from './ModalPanel';

package/package.json

@@ -3,7 +3,7 @@
   "description": "Modal components",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.9edc847c",
+  "version": "2.2.0-alpha.a78c2264",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -16,14 +16,14 @@
     "react-dom": ">= 18.3.1"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.9edc847c",
-    "@dfds-ui/icons": "2.2.0-alpha.9edc847c",
-    "@dfds-ui/react-components": "2.2.0-alpha.9edc847c",
-    "@dfds-ui/theme": "2.2.0-alpha.9edc847c",
-    "@dfds-ui/typography": "2.2.0-alpha.9edc847c",
+    "@dfds-ui/colors": "2.2.0-alpha.a78c2264",
+    "@dfds-ui/icons": "2.2.0-alpha.a78c2264",
+    "@dfds-ui/react-components": "2.2.0-alpha.a78c2264",
+    "@dfds-ui/theme": "2.2.0-alpha.a78c2264",
+    "@dfds-ui/typography": "2.2.0-alpha.a78c2264",
     "react-modal": "3.16.3"
   },
-  "gitHead": "9edc847c21d2f86054d768d1f84d34027ca9d675",
+  "gitHead": "a78c2264aa558061cf24673e789db86617e849cc",
   "publishConfig": {
     "access": "public"
   }