@dfds-ui/modal 1.1.15 → 2.0.0

package/modal/ModalPanel.js

@@ -1,25 +1,22 @@
 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 ___EmotionJSX } from "@emotion/react";
-
 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;
+    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 ___EmotionJSX(LockBodyScroll, {
     enabled: isOpen
   }, ___EmotionJSX(ReactModalWrapper, {
@@ -35,7 +32,6 @@ export var ModalPanel = function ModalPanel(_ref5) {
     className: className
   }, children)));
 };
-
 var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "bjn8wh",
   styles: "position:relative"
@@ -45,16 +41,14 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   map: "/*# 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;
+    children = _ref6.children;
   return ___EmotionJSX("header", {
     css: _ref3,
     className: className
   }, 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"
@@ -64,16 +58,14 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   map: "/*# 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;
+    children = _ref7.children;
   return ___EmotionJSX("section", {
     css: _ref2,
     className: className
   }, children);
 };
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "ou8xsw",
   styles: "flex:0 0 auto"
@@ -83,10 +75,9 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# 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;
+    children = _ref8.children;
   return ___EmotionJSX("footer", {
     css: _ref,
     className: className

package/modal/ReactModalWrapper.js

@@ -1,24 +1,17 @@
 var _excluded = ["className"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
 import ReactModal from 'react-modal';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var ReactModalWrapper = function ReactModalWrapper(_ref) {
   var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   var classArr = className ? className.split(' ') : ['__modal'];
-
   var append = function append(str) {
     return classArr.join(str + ' ') + str;
   };
-
   return ___EmotionJSX(ReactModal, _extends({
     closeTimeoutMS: 200,
     className: {

package/package.json

@@ -3,7 +3,7 @@
   "description": "Modal components",
   "license": "MIT",
   "private": false,
-  "version": "1.1.15",
+  "version": "2.0.0",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -12,18 +12,18 @@
   "peerDependencies": {
     "@emotion/react": "^11.0.0",
     "@emotion/styled": "^11.0.0",
-    "react": ">= 16.8.0",
-    "react-dom": ">= 16.8.0"
+    "react": ">= 17.0.2",
+    "react-dom": ">= 17.0.2"
   },
   "dependencies": {
-    "@dfds-ui/colors": "1.1.15",
-    "@dfds-ui/icons": "1.1.15",
-    "@dfds-ui/react-components": "1.1.15",
-    "@dfds-ui/theme": "1.1.15",
-    "@dfds-ui/typography": "1.1.15",
-    "react-modal": "^3.8.2"
+    "@dfds-ui/colors": "2.0.0",
+    "@dfds-ui/icons": "2.0.0",
+    "@dfds-ui/react-components": "2.0.0",
+    "@dfds-ui/theme": "2.0.0",
+    "@dfds-ui/typography": "2.0.0",
+    "react-modal": "^3.16.1"
   },
-  "gitHead": "5bc4b26ef4753412be4ab1f268814789289981e4",
+  "gitHead": "98f0815776d1be1eef0e7a3012c384d7933ede8c",
   "publishConfig": {
     "access": "public"
   }