@flodesk/grain 11.15.1 → 11.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/modal.js +50 -39
- package/es/types.js +1 -1
- package/package.json +3 -3
package/es/components/modal.js
CHANGED
|
@@ -2,11 +2,11 @@ import "core-js/modules/es.object.keys.js";
|
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.object.assign.js";
|
|
4
4
|
import _styled from "@emotion/styled/base";
|
|
5
|
-
var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "children", "onCloseClick", "closeButtonProps", "hasCloseButton"],
|
|
5
|
+
var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "cardTop", "children", "onCloseClick", "closeButtonProps", "hasCloseButton"],
|
|
6
6
|
_excluded2 = ["children"],
|
|
7
|
-
_excluded3 = ["children"],
|
|
7
|
+
_excluded3 = ["children", "cardTop"],
|
|
8
8
|
_excluded4 = ["children"],
|
|
9
|
-
_excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton"];
|
|
9
|
+
_excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "cardTop", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton"];
|
|
10
10
|
import "core-js/modules/es.symbol.js";
|
|
11
11
|
import "core-js/modules/es.symbol.description.js";
|
|
12
12
|
|
|
@@ -35,6 +35,7 @@ var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
35
35
|
cardMaxHeight = _ref.cardMaxHeight,
|
|
36
36
|
cardRadius = _ref.cardRadius,
|
|
37
37
|
cardHeight = _ref.cardHeight,
|
|
38
|
+
cardTop = _ref.cardTop,
|
|
38
39
|
children = _ref.children,
|
|
39
40
|
onCloseClick = _ref.onCloseClick,
|
|
40
41
|
closeButtonProps = _ref.closeButtonProps,
|
|
@@ -49,7 +50,8 @@ var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
49
50
|
overflow: "hidden",
|
|
50
51
|
ref: ref,
|
|
51
52
|
backgroundColor: "floatingBackground",
|
|
52
|
-
shadow: "l"
|
|
53
|
+
shadow: "l",
|
|
54
|
+
top: cardTop
|
|
53
55
|
}, props), ___EmotionJSX(Box, {
|
|
54
56
|
overflow: "auto",
|
|
55
57
|
maxHeight: cardMaxHeight,
|
|
@@ -78,7 +80,7 @@ var TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production"
|
|
|
78
80
|
} : {
|
|
79
81
|
name: "ti75j2",
|
|
80
82
|
styles: "margin:0",
|
|
81
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
83
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjYXJkUGFkZGluZyxcbiAgICAgIGNhcmRNYXhXaWR0aCxcbiAgICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgICBjYXJkUmFkaXVzLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGNhcmRUb3AsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uQ2xvc2VDbGljayxcbiAgICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgICBoYXNDbG9zZUJ1dHRvbixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB0b3A9e2NhcmRUb3B9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAgPEJveCBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAgPEJveCBwYWRkaW5nPXtjYXJkUGFkZGluZ30+e2NoaWxkcmVufTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH0sXG4pO1xuXG5jb25zdCBUaXRsZVJvb3QgPSBzdHlsZWQoVGV4dClgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUaXRsZVJvb3QgdGFnPVwiaDNcIiByZWY9e3JlZn0gc2l6ZT1cInhsXCIgd2VpZ2h0PVwibWVkaXVtXCIgdHJpbVRvcCB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UaXRsZVJvb3Q+XG4pKTtcblxuY29uc3QgQ29udGFpbmVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIHBhZGRpbmctbGVmdDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdYIH0pID0+IGdldFNwYWNlKHBhZGRpbmdYKX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBncmlkO1xuICBhbGlnbi1pdGVtczogJHsoeyBjYXJkVG9wIH0pID0+IChjYXJkVG9wID8gJ3N0YXJ0JyA6ICdjZW50ZXInKX07XG4gIGp1c3RpZnktaXRlbXM6IGNlbnRlcjtcbiAgLmxlYXZlVG8sXG4gIC5lbnRlckZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGNhcmRUb3AsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Q29udGFpbmVyUm9vdCByZWY9e3JlZn0gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiBjYXJkVG9wPXtjYXJkVG9wfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Db250YWluZXJSb290PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIGNhcmRUb3AsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICBoYXNDbG9zZUJ1dHRvbiA9IHRydWUsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGhhc0JhY2tkcm9wID0gY2FyZEhlaWdodCAhPT0gJzEwMHZoJztcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBpZiAoQm9vbGVhbihvbkNsb3NlKSkge1xuICAgICAgb25DbG9zZSgpO1xuICAgIH1cbiAgICBpZiAocmV0dXJuRm9jdXMpIHtcbiAgICAgIHJldHVybkZvY3VzLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFRyYW5zaXRpb24gYXBwZWFyIHNob3c9e2lzT3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgIDxEaWFsb2dcbiAgICAgICAgYXM9e0NvbnRhaW5lcn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICBjYXJkVG9wPXtjYXJkVG9wfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGNhcmRSYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgICAgICBjYXJkVG9wPXtjYXJkVG9wfVxuICAgICAgICAgICAgaGFzQ2xvc2VCdXR0b249e2hhc0Nsb3NlQnV0dG9ufVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9XCJkaXZcIj57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICBoYXNDbG9zZUJ1dHRvbjogUHJvcFR5cGVzLmJvb2wsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIGNhcmRUb3A6IHR5cGVzLnNwYWNlcyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGluaXRpYWxGb2N1czogUHJvcFR5cGVzLm5vZGUsXG4gIHJldHVybkZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgY2xvc2VCdXR0b25Qcm9wczogUHJvcFR5cGVzLm9iamVjdCxcbiAgcGFkZGluZ1g6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
|
|
82
84
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
83
85
|
});
|
|
84
86
|
|
|
@@ -109,20 +111,25 @@ var ContainerRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
|
|
|
109
111
|
}, ";padding-right:", function (_ref5) {
|
|
110
112
|
var paddingX = _ref5.paddingX;
|
|
111
113
|
return getSpace(paddingX);
|
|
112
|
-
}, ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;
|
|
114
|
+
}, ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;align-items:", function (_ref6) {
|
|
115
|
+
var cardTop = _ref6.cardTop;
|
|
116
|
+
return cardTop ? 'start' : 'center';
|
|
117
|
+
}, ";justify-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRWdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjYXJkUGFkZGluZyxcbiAgICAgIGNhcmRNYXhXaWR0aCxcbiAgICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgICBjYXJkUmFkaXVzLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGNhcmRUb3AsXG4gICAgICBjaGlsZHJlbixcbiAgICAgIG9uQ2xvc2VDbGljayxcbiAgICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgICBoYXNDbG9zZUJ1dHRvbixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB0b3A9e2NhcmRUb3B9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAgPEJveCBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAgPEJveCBwYWRkaW5nPXtjYXJkUGFkZGluZ30+e2NoaWxkcmVufTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH0sXG4pO1xuXG5jb25zdCBUaXRsZVJvb3QgPSBzdHlsZWQoVGV4dClgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUaXRsZVJvb3QgdGFnPVwiaDNcIiByZWY9e3JlZn0gc2l6ZT1cInhsXCIgd2VpZ2h0PVwibWVkaXVtXCIgdHJpbVRvcCB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UaXRsZVJvb3Q+XG4pKTtcblxuY29uc3QgQ29udGFpbmVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIHBhZGRpbmctbGVmdDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdYIH0pID0+IGdldFNwYWNlKHBhZGRpbmdYKX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBncmlkO1xuICBhbGlnbi1pdGVtczogJHsoeyBjYXJkVG9wIH0pID0+IChjYXJkVG9wID8gJ3N0YXJ0JyA6ICdjZW50ZXInKX07XG4gIGp1c3RpZnktaXRlbXM6IGNlbnRlcjtcbiAgLmxlYXZlVG8sXG4gIC5lbnRlckZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRhaW5lciA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGNhcmRUb3AsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Q29udGFpbmVyUm9vdCByZWY9e3JlZn0gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiBjYXJkVG9wPXtjYXJkVG9wfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Db250YWluZXJSb290PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZHJvcFwiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgcGFkZGluZ1ggPSAnbCcsXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIGNhcmRNYXhIZWlnaHQgPSAnOTB2aCcsXG4gIGNhcmRIZWlnaHQsXG4gIGNhcmRSYWRpdXMgPSAnbCcsXG4gIGNhcmRUb3AsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxuICBjbG9zZUJ1dHRvblByb3BzLFxuICBoYXNDbG9zZUJ1dHRvbiA9IHRydWUsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGhhc0JhY2tkcm9wID0gY2FyZEhlaWdodCAhPT0gJzEwMHZoJztcblxuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBpZiAoQm9vbGVhbihvbkNsb3NlKSkge1xuICAgICAgb25DbG9zZSgpO1xuICAgIH1cbiAgICBpZiAocmV0dXJuRm9jdXMpIHtcbiAgICAgIHJldHVybkZvY3VzLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFRyYW5zaXRpb24gYXBwZWFyIHNob3c9e2lzT3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgIDxEaWFsb2dcbiAgICAgICAgYXM9e0NvbnRhaW5lcn1cbiAgICAgICAgb25DbG9zZT17aGFuZGxlQ2xvc2V9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBpbml0aWFsRm9jdXM9e2luaXRpYWxGb2N1c31cbiAgICAgICAgcGFkZGluZ1g9e3BhZGRpbmdYfVxuICAgICAgICBjYXJkVG9wPXtjYXJkVG9wfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNCYWNrZHJvcCAmJiA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz59XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICAgIGNhcmRNYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9XG4gICAgICAgICAgICBjYXJkSGVpZ2h0PXtjYXJkSGVpZ2h0fVxuICAgICAgICAgICAgY2xvc2VCdXR0b25Qcm9wcz17Y2xvc2VCdXR0b25Qcm9wc31cbiAgICAgICAgICAgIGNhcmRSYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgICAgICBjYXJkVG9wPXtjYXJkVG9wfVxuICAgICAgICAgICAgaGFzQ2xvc2VCdXR0b249e2hhc0Nsb3NlQnV0dG9ufVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9XCJkaXZcIj57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwuVGl0bGUgPSBUaXRsZTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLFxuICBoYXNDbG9zZUJ1dHRvbjogUHJvcFR5cGVzLmJvb2wsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIGNhcmRUb3A6IHR5cGVzLnNwYWNlcyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGluaXRpYWxGb2N1czogUHJvcFR5cGVzLm5vZGUsXG4gIHJldHVybkZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgY2xvc2VCdXR0b25Qcm9wczogUHJvcFR5cGVzLm9iamVjdCxcbiAgcGFkZGluZ1g6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */"));
|
|
113
118
|
|
|
114
|
-
var Container = /*#__PURE__*/forwardRef(function (
|
|
115
|
-
var children =
|
|
116
|
-
|
|
119
|
+
var Container = /*#__PURE__*/forwardRef(function (_ref7, ref) {
|
|
120
|
+
var children = _ref7.children,
|
|
121
|
+
cardTop = _ref7.cardTop,
|
|
122
|
+
props = _objectWithoutProperties(_ref7, _excluded3);
|
|
117
123
|
|
|
118
124
|
return ___EmotionJSX(ContainerRoot, _extends({
|
|
119
125
|
ref: ref,
|
|
120
|
-
className: "grn-context"
|
|
126
|
+
className: "grn-context",
|
|
127
|
+
cardTop: cardTop
|
|
121
128
|
}, props), children);
|
|
122
129
|
});
|
|
123
|
-
var Backdrop = /*#__PURE__*/forwardRef(function (
|
|
124
|
-
var children =
|
|
125
|
-
props = _objectWithoutProperties(
|
|
130
|
+
var Backdrop = /*#__PURE__*/forwardRef(function (_ref8, ref) {
|
|
131
|
+
var children = _ref8.children,
|
|
132
|
+
props = _objectWithoutProperties(_ref8, _excluded4);
|
|
126
133
|
|
|
127
134
|
return ___EmotionJSX(Box, _extends({
|
|
128
135
|
ref: ref,
|
|
@@ -142,31 +149,32 @@ var transitionChildProps = {
|
|
|
142
149
|
leaveFrom: 'leaveFrom',
|
|
143
150
|
leaveTo: 'leaveTo'
|
|
144
151
|
};
|
|
145
|
-
export var Modal = function Modal(
|
|
146
|
-
var isOpen =
|
|
147
|
-
children =
|
|
148
|
-
onClose =
|
|
149
|
-
title =
|
|
150
|
-
description =
|
|
151
|
-
|
|
152
|
-
paddingX =
|
|
153
|
-
|
|
154
|
-
cardPadding =
|
|
155
|
-
|
|
156
|
-
cardMaxWidth =
|
|
157
|
-
|
|
158
|
-
cardMaxHeight =
|
|
159
|
-
cardHeight =
|
|
160
|
-
|
|
161
|
-
cardRadius =
|
|
162
|
-
|
|
163
|
-
zIndex =
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
hasCloseButton =
|
|
169
|
-
|
|
152
|
+
export var Modal = function Modal(_ref9) {
|
|
153
|
+
var isOpen = _ref9.isOpen,
|
|
154
|
+
children = _ref9.children,
|
|
155
|
+
onClose = _ref9.onClose,
|
|
156
|
+
title = _ref9.title,
|
|
157
|
+
description = _ref9.description,
|
|
158
|
+
_ref9$paddingX = _ref9.paddingX,
|
|
159
|
+
paddingX = _ref9$paddingX === void 0 ? 'l' : _ref9$paddingX,
|
|
160
|
+
_ref9$cardPadding = _ref9.cardPadding,
|
|
161
|
+
cardPadding = _ref9$cardPadding === void 0 ? 'xl' : _ref9$cardPadding,
|
|
162
|
+
_ref9$cardMaxWidth = _ref9.cardMaxWidth,
|
|
163
|
+
cardMaxWidth = _ref9$cardMaxWidth === void 0 ? 68 : _ref9$cardMaxWidth,
|
|
164
|
+
_ref9$cardMaxHeight = _ref9.cardMaxHeight,
|
|
165
|
+
cardMaxHeight = _ref9$cardMaxHeight === void 0 ? '90vh' : _ref9$cardMaxHeight,
|
|
166
|
+
cardHeight = _ref9.cardHeight,
|
|
167
|
+
_ref9$cardRadius = _ref9.cardRadius,
|
|
168
|
+
cardRadius = _ref9$cardRadius === void 0 ? 'l' : _ref9$cardRadius,
|
|
169
|
+
cardTop = _ref9.cardTop,
|
|
170
|
+
_ref9$zIndex = _ref9.zIndex,
|
|
171
|
+
zIndex = _ref9$zIndex === void 0 ? modalZIndex : _ref9$zIndex,
|
|
172
|
+
initialFocus = _ref9.initialFocus,
|
|
173
|
+
returnFocus = _ref9.returnFocus,
|
|
174
|
+
closeButtonProps = _ref9.closeButtonProps,
|
|
175
|
+
_ref9$hasCloseButton = _ref9.hasCloseButton,
|
|
176
|
+
hasCloseButton = _ref9$hasCloseButton === void 0 ? true : _ref9$hasCloseButton,
|
|
177
|
+
props = _objectWithoutProperties(_ref9, _excluded5);
|
|
170
178
|
|
|
171
179
|
var hasBackdrop = cardHeight !== '100vh';
|
|
172
180
|
|
|
@@ -189,7 +197,8 @@ export var Modal = function Modal(_ref8) {
|
|
|
189
197
|
onClose: handleClose,
|
|
190
198
|
zIndex: zIndex,
|
|
191
199
|
initialFocus: initialFocus,
|
|
192
|
-
paddingX: paddingX
|
|
200
|
+
paddingX: paddingX,
|
|
201
|
+
cardTop: cardTop
|
|
193
202
|
}, props), hasBackdrop && ___EmotionJSX(Transition.Child, _extends({
|
|
194
203
|
as: Backdrop
|
|
195
204
|
}, transitionChildProps)), ___EmotionJSX(Transition.Child, _extends({
|
|
@@ -203,6 +212,7 @@ export var Modal = function Modal(_ref8) {
|
|
|
203
212
|
cardHeight: cardHeight,
|
|
204
213
|
closeButtonProps: closeButtonProps,
|
|
205
214
|
cardRadius: cardRadius,
|
|
215
|
+
cardTop: cardTop,
|
|
206
216
|
hasCloseButton: hasCloseButton
|
|
207
217
|
}, title && ___EmotionJSX(Dialog.Title, {
|
|
208
218
|
as: Title
|
|
@@ -225,6 +235,7 @@ Modal.propTypes = {
|
|
|
225
235
|
cardHeight: types.dimension,
|
|
226
236
|
cardMaxHeight: types.dimension,
|
|
227
237
|
cardRadius: types.radius,
|
|
238
|
+
cardTop: types.spaces,
|
|
228
239
|
zIndex: types.zIndex,
|
|
229
240
|
initialFocus: PropTypes.node,
|
|
230
241
|
returnFocus: PropTypes.node,
|
package/es/types.js
CHANGED
|
@@ -28,7 +28,7 @@ export var textDisplays = ['block', 'inline-block', 'inline'];
|
|
|
28
28
|
export var textAlignments = ['left', 'center', 'right'];
|
|
29
29
|
export var spaces = Object.keys(vars.spaces);
|
|
30
30
|
export var types = {
|
|
31
|
-
spaces: PropTypes.oneOf(spaces),
|
|
31
|
+
spaces: PropTypes.oneOfType([PropTypes.oneOf(spaces), PropTypes.number, PropTypes.string]),
|
|
32
32
|
color: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.colors)), PropTypes.string]),
|
|
33
33
|
responsiveSpace: PropTypes.oneOfType([PropTypes.oneOf(spaces), PropTypes.number, PropTypes.string, PropTypes.object]),
|
|
34
34
|
dimension: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flodesk/grain",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.16.0",
|
|
4
4
|
"description": "Flodesk design system",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"author": "Flodesk",
|
|
@@ -50,14 +50,14 @@
|
|
|
50
50
|
"colord": "^2.9.2",
|
|
51
51
|
"cross-env": "^7.0.3",
|
|
52
52
|
"del-cli": "^4.0.1",
|
|
53
|
-
"eslint": "8.16.0",
|
|
53
|
+
"eslint": "^8.16.0",
|
|
54
54
|
"eslint-config-next": "12.1.6",
|
|
55
55
|
"eslint-config-prettier": "^8.5.0",
|
|
56
56
|
"eslint-plugin-import": "^2.26.0",
|
|
57
57
|
"eslint-plugin-mdx": "^2.0.2",
|
|
58
58
|
"eslint-plugin-prettier": "^4.2.1",
|
|
59
59
|
"next": "12.1.6",
|
|
60
|
-
"prettier": "^2.
|
|
60
|
+
"prettier": "^2.8.8",
|
|
61
61
|
"react-docgen": "^6.0.0-alpha.3",
|
|
62
62
|
"react-live": "^3.1.0",
|
|
63
63
|
"semantic-release": "^19.0.2",
|