@flodesk/grain 9.1.5 → 9.2.0

package/es/components/modal.js

@@ -1,12 +1,12 @@
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.object.assign.js";
-var _excluded = ["cardPadding", "cardMaxWidth", "children", "onCloseClick", "closeButtonProps"],
+var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "children", "onCloseClick", "closeButtonProps", "hasOnClose"],
     _excluded2 = ["children"],
     _excluded3 = ["children"],
-    _excluded4 = ["children", "zIndex"],
+    _excluded4 = ["children", "zIndex", "paddingX"],
     _excluded5 = ["children"],
-    _excluded6 = ["isOpen", "children", "onClose", "title", "description", "cardPadding", "cardMaxWidth", "zIndex", "initialFocus", "returnFocus", "closeButtonProps"];
+    _excluded6 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "zIndex", "initialFocus", "returnFocus", "closeButtonProps"];
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 
@@ -23,7 +23,7 @@ import React, { Fragment, forwardRef } from 'react';
 import { Dialog, Transition } from '@headlessui/react';
 import { Box } from './box';
 import { Text } from './text';
-import { getTransition } from '../utilities';
+import { getSpace, getTransition } from '../utilities';
 import { css } from '@emotion/react';
 import { IconButton } from './icon-button';
 import { IconCross } from '../icons';
@@ -33,26 +33,31 @@ var modalZIndex = 1099;
 var ModalCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var cardPadding = _ref3.cardPadding,
       cardMaxWidth = _ref3.cardMaxWidth,
+      cardMaxHeight = _ref3.cardMaxHeight,
+      cardRadius = _ref3.cardRadius,
+      cardHeight = _ref3.cardHeight,
       children = _ref3.children,
       onCloseClick = _ref3.onCloseClick,
       closeButtonProps = _ref3.closeButtonProps,
+      hasOnClose = _ref3.hasOnClose,
       props = _objectWithoutProperties(_ref3, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     maxWidth: cardMaxWidth,
     width: "100%",
     position: "relative",
-    radius: "l",
+    radius: cardRadius,
     overflow: "hidden",
     ref: ref,
     backgroundColor: "floatingBackground",
     shadow: "l"
   }, props), ___EmotionJSX(Box, {
     overflow: "auto",
-    maxHeight: "90vh"
+    maxHeight: cardMaxHeight,
+    height: cardHeight
   }, ___EmotionJSX(Box, {
     padding: cardPadding
-  }, children)), ___EmotionJSX(Box, {
+  }, children)), hasOnClose && ___EmotionJSX(Box, {
     position: "absolute",
     right: "xs",
     top: "xs"
@@ -68,7 +73,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "xkiag4-Title",
   styles: "margin:0;label:Title;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q1kiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCBjbG9zZUJ1dHRvblByb3BzLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibFwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PVwiOTB2aFwiPlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwibWVkaXVtXCJcbiAgICB0cmltVG9wXG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBEZXNjcmlwdGlvbiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dFxuICAgIHRhZz1cInBcIlxuICAgIHJlZj17cmVmfVxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgUm9vdCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHpJbmRleCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nOiAyNHB4O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAubGVhdmVUbyxcbiAgICAgIC5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgLmVudGVyVG8sXG4gICAgICAubGVhdmVUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBjYXJkUGFkZGluZyA9ICd4bCcsXG4gIGNhcmRNYXhXaWR0aCA9IDY4LFxuICB6SW5kZXggPSBtb2RhbFpJbmRleCxcbiAgaW5pdGlhbEZvY3VzLFxuICByZXR1cm5Gb2N1cyxcbiAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25DbG9zZSgpO1xuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -92,7 +97,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1jup6sr-Description",
   styles: "margin:0;label:Description;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCBjbG9zZUJ1dHRvblByb3BzLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibFwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PVwiOTB2aFwiPlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwibWVkaXVtXCJcbiAgICB0cmltVG9wXG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBEZXNjcmlwdGlvbiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dFxuICAgIHRhZz1cInBcIlxuICAgIHJlZj17cmVmfVxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgUm9vdCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHpJbmRleCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nOiAyNHB4O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAubGVhdmVUbyxcbiAgICAgIC5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgLmVudGVyVG8sXG4gICAgICAubGVhdmVUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBjYXJkUGFkZGluZyA9ICd4bCcsXG4gIGNhcmRNYXhXaWR0aCA9IDY4LFxuICB6SW5kZXggPSBtb2RhbFpJbmRleCxcbiAgaW5pdGlhbEZvY3VzLFxuICByZXR1cm5Gb2N1cyxcbiAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25DbG9zZSgpO1xuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -109,12 +114,13 @@ var Description = /*#__PURE__*/forwardRef(function (_ref5, ref) {
 var Root = /*#__PURE__*/forwardRef(function (_ref6, ref) {
   var children = _ref6.children,
       zIndex = _ref6.zIndex,
+      paddingX = _ref6.paddingX,
       props = _objectWithoutProperties(_ref6, _excluded4);
 
   return ___EmotionJSX("div", _extends({
     ref: ref,
     className: "grn-context",
-    css: /*#__PURE__*/css("z-index:", zIndex, ";padding:24px;position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCBjbG9zZUJ1dHRvblByb3BzLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibFwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PVwiOTB2aFwiPlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwibWVkaXVtXCJcbiAgICB0cmltVG9wXG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBEZXNjcmlwdGlvbiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dFxuICAgIHRhZz1cInBcIlxuICAgIHJlZj17cmVmfVxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgUm9vdCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHpJbmRleCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nOiAyNHB4O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAubGVhdmVUbyxcbiAgICAgIC5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgLmVudGVyVG8sXG4gICAgICAubGVhdmVUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBjYXJkUGFkZGluZyA9ICd4bCcsXG4gIGNhcmRNYXhXaWR0aCA9IDY4LFxuICB6SW5kZXggPSBtb2RhbFpJbmRleCxcbiAgaW5pdGlhbEZvY3VzLFxuICByZXR1cm5Gb2N1cyxcbiAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgb25DbG9zZSgpO1xuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxufTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("z-index:", zIndex, ";padding-left:", getSpace(paddingX), ";padding-right:", getSpace(paddingX), ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RlkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCBwYWRkaW5nWCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxkaXZcbiAgICByZWY9e3JlZn1cbiAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgY3NzPXtjc3NgXG4gICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICBwYWRkaW5nLWxlZnQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBhZGRpbmctcmlnaHQ6ICR7Z2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNPbkNsb3NlID0gQm9vbGVhbihvbkNsb3NlKTtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChoYXNPbkNsb3NlKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Um9vdH1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGhhc09uQ2xvc2U9e2hhc09uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */")
   }, props), children);
 });
 var Backdrop = /*#__PURE__*/forwardRef(function (_ref7, ref) {
@@ -145,10 +151,17 @@ export var Modal = function Modal(_ref8) {
       onClose = _ref8.onClose,
       title = _ref8.title,
       description = _ref8.description,
+      _ref8$paddingX = _ref8.paddingX,
+      paddingX = _ref8$paddingX === void 0 ? 'l' : _ref8$paddingX,
       _ref8$cardPadding = _ref8.cardPadding,
       cardPadding = _ref8$cardPadding === void 0 ? 'xl' : _ref8$cardPadding,
       _ref8$cardMaxWidth = _ref8.cardMaxWidth,
       cardMaxWidth = _ref8$cardMaxWidth === void 0 ? 68 : _ref8$cardMaxWidth,
+      _ref8$cardMaxHeight = _ref8.cardMaxHeight,
+      cardMaxHeight = _ref8$cardMaxHeight === void 0 ? '90vh' : _ref8$cardMaxHeight,
+      cardHeight = _ref8.cardHeight,
+      _ref8$cardRadius = _ref8.cardRadius,
+      cardRadius = _ref8$cardRadius === void 0 ? 'l' : _ref8$cardRadius,
       _ref8$zIndex = _ref8.zIndex,
       zIndex = _ref8$zIndex === void 0 ? modalZIndex : _ref8$zIndex,
       initialFocus = _ref8.initialFocus,
@@ -156,8 +169,13 @@ export var Modal = function Modal(_ref8) {
       closeButtonProps = _ref8.closeButtonProps,
       props = _objectWithoutProperties(_ref8, _excluded6);
 
+  var hasOnClose = Boolean(onClose);
+  var hasBackdrop = cardHeight !== '100vh';
+
   var handleClose = function handleClose() {
-    onClose();
+    if (hasOnClose) {
+      onClose();
+    }
 
     if (returnFocus) {
       returnFocus.focus();
@@ -172,8 +190,9 @@ export var Modal = function Modal(_ref8) {
     as: Root,
     onClose: handleClose,
     zIndex: zIndex,
-    initialFocus: initialFocus
-  }, props), ___EmotionJSX(Transition.Child, _extends({
+    initialFocus: initialFocus,
+    paddingX: paddingX
+  }, props), hasBackdrop && ___EmotionJSX(Transition.Child, _extends({
     as: Backdrop
   }, transitionChildProps)), ___EmotionJSX(Transition.Child, _extends({
     as: Fragment
@@ -182,7 +201,11 @@ export var Modal = function Modal(_ref8) {
     onCloseClick: onClose,
     cardPadding: cardPadding,
     cardMaxWidth: cardMaxWidth,
-    closeButtonProps: closeButtonProps
+    cardMaxHeight: cardMaxHeight,
+    cardHeight: cardHeight,
+    closeButtonProps: closeButtonProps,
+    hasOnClose: hasOnClose,
+    cardRadius: cardRadius
   }, title && ___EmotionJSX(Dialog.Title, {
     as: Title
   }, title), description && ___EmotionJSX(Box, {
@@ -195,13 +218,17 @@ Modal.Title = Title;
 Modal.propTypes = {
   isOpen: PropTypes.bool,
   children: PropTypes.node,
-  onClose: PropTypes.func.isRequired,
+  onClose: PropTypes.func,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   cardPadding: types.dimension,
   cardMaxWidth: types.dimension,
+  cardHeight: types.dimension,
+  cardMaxHeight: types.dimension,
+  cardRadius: types.radius,
   zIndex: types.zIndex,
   initialFocus: PropTypes.node,
   returnFocus: PropTypes.node,
-  closeButtonProps: PropTypes.object
+  closeButtonProps: PropTypes.object,
+  paddingX: types.dimension
 };

package/es/styles/colors/core.css

@@ -43,27 +43,27 @@
   --fadeA2: 17%;
   --fadeA1: 10%;
 
-  --grn-color-whiteFade10: hsl(var(--H) 7% var(--wfS) / var(--fadeA10));
-  --grn-color-whiteFade9:  hsl(var(--H) 7% var(--wfS) / var(--fadeA9));
-  --grn-color-whiteFade8:  hsl(var(--H) 7% var(--wfS) / var(--fadeA8));
-  --grn-color-whiteFade7:  hsl(var(--H) 7% var(--wfS) / var(--fadeA7));
-  --grn-color-whiteFade6:  hsl(var(--H) 7% var(--wfS) / var(--fadeA6));
-  --grn-color-whiteFade5:  hsl(var(--H) 7% var(--wfS) / var(--fadeA5));
-  --grn-color-whiteFade4:  hsl(var(--H) 7% var(--wfS) / var(--fadeA4));
-  --grn-color-whiteFade3:  hsl(var(--H) 7% var(--wfS) / var(--fadeA3));
-  --grn-color-whiteFade2:  hsl(var(--H) 7% var(--wfS) / var(--fadeA2));
-  --grn-color-whiteFade1:  hsl(var(--H) 7% var(--wfS) / var(--fadeA1));
+  --grn-color-lightFade10: hsl(var(--H) 7% var(--wfS) / var(--fadeA10));
+  --grn-color-lightFade9:  hsl(var(--H) 7% var(--wfS) / var(--fadeA9));
+  --grn-color-lightFade8:  hsl(var(--H) 7% var(--wfS) / var(--fadeA8));
+  --grn-color-lightFade7:  hsl(var(--H) 7% var(--wfS) / var(--fadeA7));
+  --grn-color-lightFade6:  hsl(var(--H) 7% var(--wfS) / var(--fadeA6));
+  --grn-color-lightFade5:  hsl(var(--H) 7% var(--wfS) / var(--fadeA5));
+  --grn-color-lightFade4:  hsl(var(--H) 7% var(--wfS) / var(--fadeA4));
+  --grn-color-lightFade3:  hsl(var(--H) 7% var(--wfS) / var(--fadeA3));
+  --grn-color-lightFade2:  hsl(var(--H) 7% var(--wfS) / var(--fadeA2));
+  --grn-color-lightFade1:  hsl(var(--H) 7% var(--wfS) / var(--fadeA1));
 
-  --grn-color-blackFade10: hsl(var(--H) 7% var(--bfS) / var(--fadeA10));
-  --grn-color-blackFade9:  hsl(var(--H) 7% var(--bfS) / var(--fadeA9));
-  --grn-color-blackFade8:  hsl(var(--H) 7% var(--bfS) / var(--fadeA8));
-  --grn-color-blackFade7:  hsl(var(--H) 7% var(--bfS) / var(--fadeA7));
-  --grn-color-blackFade6:  hsl(var(--H) 7% var(--bfS) / var(--fadeA6));
-  --grn-color-blackFade5:  hsl(var(--H) 7% var(--bfS) / var(--fadeA5));
-  --grn-color-blackFade4:  hsl(var(--H) 9% var(--bfS) / var(--fadeA4));
-  --grn-color-blackFade3:  hsl(var(--H) 11% var(--bfS) / var(--fadeA3));
-  --grn-color-blackFade2:  hsl(var(--H) 13% var(--bfS) / var(--fadeA2));
-  --grn-color-blackFade1:  hsl(var(--H) 15% var(--bfS) / var(--fadeA1));
+  --grn-color-darkFade10: hsl(var(--H) 7% var(--bfS) / var(--fadeA10));
+  --grn-color-darkFade9:  hsl(var(--H) 7% var(--bfS) / var(--fadeA9));
+  --grn-color-darkFade8:  hsl(var(--H) 7% var(--bfS) / var(--fadeA8));
+  --grn-color-darkFade7:  hsl(var(--H) 7% var(--bfS) / var(--fadeA7));
+  --grn-color-darkFade6:  hsl(var(--H) 7% var(--bfS) / var(--fadeA6));
+  --grn-color-darkFade5:  hsl(var(--H) 7% var(--bfS) / var(--fadeA5));
+  --grn-color-darkFade4:  hsl(var(--H) 9% var(--bfS) / var(--fadeA4));
+  --grn-color-darkFade3:  hsl(var(--H) 11% var(--bfS) / var(--fadeA3));
+  --grn-color-darkFade2:  hsl(var(--H) 13% var(--bfS) / var(--fadeA2));
+  --grn-color-darkFade1:  hsl(var(--H) 15% var(--bfS) / var(--fadeA1));
 }
 
 :root {

package/es/styles/colors/theme.css

@@ -1,16 +1,16 @@
 /* light */
 
 :root, [data-theme="light"], [data-theme="dark"] [data-theme="invert"] {
-  --grn-color-fade10: var(--grn-color-blackFade10);
-  --grn-color-fade9: var(--grn-color-blackFade9);
-  --grn-color-fade8: var(--grn-color-blackFade8);
-  --grn-color-fade7: var(--grn-color-blackFade7);
-  --grn-color-fade6: var(--grn-color-blackFade6);
-  --grn-color-fade5: var(--grn-color-blackFade5);
-  --grn-color-fade4: var(--grn-color-blackFade4);
-  --grn-color-fade3: var(--grn-color-blackFade3);
-  --grn-color-fade2: var(--grn-color-blackFade2);
-  --grn-color-fade1: var(--grn-color-blackFade1);
+  --grn-color-fade10: var(--grn-color-darkFade10);
+  --grn-color-fade9: var(--grn-color-darkFade9);
+  --grn-color-fade8: var(--grn-color-darkFade8);
+  --grn-color-fade7: var(--grn-color-darkFade7);
+  --grn-color-fade6: var(--grn-color-darkFade6);
+  --grn-color-fade5: var(--grn-color-darkFade5);
+  --grn-color-fade4: var(--grn-color-darkFade4);
+  --grn-color-fade3: var(--grn-color-darkFade3);
+  --grn-color-fade2: var(--grn-color-darkFade2);
+  --grn-color-fade1: var(--grn-color-darkFade1);
 
   --grn-color-shade1: var(--grn-color-shadeTone1);
   --grn-color-shade2: var(--grn-color-shadeTone2);
@@ -30,16 +30,16 @@
 /* dark */
 
 [data-theme="dark"], [data-theme="light"] [data-theme="invert"] {
-  --grn-color-fade10: var(--grn-color-whiteFade10);
-  --grn-color-fade9: var(--grn-color-whiteFade9);
-  --grn-color-fade8: var(--grn-color-whiteFade8);
-  --grn-color-fade7: var(--grn-color-whiteFade7);
-  --grn-color-fade6: var(--grn-color-whiteFade6);
-  --grn-color-fade5: var(--grn-color-whiteFade5);
-  --grn-color-fade4: var(--grn-color-whiteFade4);
-  --grn-color-fade3: var(--grn-color-whiteFade3);
-  --grn-color-fade2: var(--grn-color-whiteFade2);
-  --grn-color-fade1: var(--grn-color-whiteFade1);
+  --grn-color-fade10: var(--grn-color-lightFade10);
+  --grn-color-fade9: var(--grn-color-lightFade9);
+  --grn-color-fade8: var(--grn-color-lightFade8);
+  --grn-color-fade7: var(--grn-color-lightFade7);
+  --grn-color-fade6: var(--grn-color-lightFade6);
+  --grn-color-fade5: var(--grn-color-lightFade5);
+  --grn-color-fade4: var(--grn-color-lightFade4);
+  --grn-color-fade3: var(--grn-color-lightFade3);
+  --grn-color-fade2: var(--grn-color-lightFade2);
+  --grn-color-fade1: var(--grn-color-lightFade1);
 
   --grn-color-shade1: var(--grn-color-shadeTone13);
   --grn-color-shade2: var(--grn-color-shadeTone12);

package/es/styles/variables.css

@@ -59,7 +59,7 @@
   --grn-color-fieldBorderFocus: var(--grn-color-shade9);
   --grn-color-fieldBorderDisabled: var(--grn-color-shade5);
   --grn-color-fieldBackgroundDisabled: var(--grn-color-shade2);
-  --grn-color-backdrop: var(--grn-color-blackFade8);
+  --grn-color-backdrop: var(--grn-color-darkFade8);
 
   --grn-transition-leave: var(--grn-transition-slow);
   --grn-transition-hover: var(--grn-transition-fast);

package/es/variables/colors.js

@@ -1,27 +1,27 @@
 export var colors = {
-  whiteFades: {
-    whiteFade10: 'whiteFade10',
-    whiteFade9: 'whiteFade9',
-    whiteFade8: 'whiteFade8',
-    whiteFade7: 'whiteFade7',
-    whiteFade6: 'whiteFade6',
-    whiteFade5: 'whiteFade5',
-    whiteFade4: 'whiteFade4',
-    whiteFade3: 'whiteFade3',
-    whiteFade2: 'whiteFade2',
-    whiteFade1: 'whiteFade1'
+  lightFades: {
+    lightFade10: 'lightFade10',
+    lightFade9: 'lightFade9',
+    lightFade8: 'lightFade8',
+    lightFade7: 'lightFade7',
+    lightFade6: 'lightFade6',
+    lightFade5: 'lightFade5',
+    lightFade4: 'lightFade4',
+    lightFade3: 'lightFade3',
+    lightFade2: 'lightFade2',
+    lightFade1: 'lightFade1'
   },
-  blackFades: {
-    blackFade10: 'blackFade10',
-    blackFade9: 'blackFade9',
-    blackFade8: 'blackFade8',
-    blackFade7: 'blackFade7',
-    blackFade6: 'blackFade6',
-    blackFade5: 'blackFade5',
-    blackFade4: 'blackFade4',
-    blackFade3: 'blackFade3',
-    blackFade2: 'blackFade2',
-    blackFade1: 'blackFade1'
+  darkFades: {
+    darkFade10: 'darkFade10',
+    darkFade9: 'darkFade9',
+    darkFade8: 'darkFade8',
+    darkFade7: 'darkFade7',
+    darkFade6: 'darkFade6',
+    darkFade5: 'darkFade5',
+    darkFade4: 'darkFade4',
+    darkFade3: 'darkFade3',
+    darkFade2: 'darkFade2',
+    darkFade1: 'darkFade1'
   },
   shadeTones: {
     shadeTone13: 'shadeTone13',

package/es/variables/vars.js

@@ -60,7 +60,7 @@ export var vars = {
     xFast: 'xFast',
     xxFast: 'xxFast'
   },
-  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors.shadeTones), colors.shades), colors.fades), colors.blackFades), colors.whiteFades), colors.bases), colors.internals), colors.generics), colors.contents), colors.backgrounds), colors.borders),
+  colors: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, colors.shadeTones), colors.shades), colors.fades), colors.darkFades), colors.lightFades), colors.bases), colors.internals), colors.generics), colors.contents), colors.backgrounds), colors.borders),
   spaceUtils: {
     betweenFormTitleAndContent: 'betweenFormTitleAndContent',
     betweenFormContents: 'betweenFormContents',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "9.1.5",
+  "version": "9.2.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",