@flodesk/grain 11.65.0 → 11.66.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/card.js +38 -41
- package/es/components/modal.js +8 -5
- package/es/icons/icon-diamond.js +13 -0
- package/es/icons/icon-star.js +13 -0
- package/es/icons/index.js +3 -1
- package/es/styles/card.js +29 -18
- package/es/types/components/modal.d.ts +2 -1
- package/es/types/components/text.d.ts +1 -1
- package/package.json +1 -1
package/es/components/card.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
const _excluded = ["children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "padding", "radius", "position", "zIndex"];
|
|
1
|
+
const _excluded = ["children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "padding", "radius", "position", "zIndex", "flex", "shadow", "shadowHover", "borderColor", "borderColorHover", "borderWidth", "borderSide", "backgroundColor", "backgroundColorHover", "transition", "transitionHover", "cursor"];
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
4
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
5
|
-
import React from 'react';
|
|
6
5
|
import PropTypes from 'prop-types';
|
|
7
6
|
import { Box } from './box';
|
|
8
7
|
import { types } from '../types';
|
|
@@ -19,7 +18,19 @@ export const Card = _ref => {
|
|
|
19
18
|
padding = 'var(--grn-card-padding)',
|
|
20
19
|
radius = 'var(--grn-card-radius)',
|
|
21
20
|
position,
|
|
22
|
-
zIndex
|
|
21
|
+
zIndex,
|
|
22
|
+
flex,
|
|
23
|
+
shadow = 's',
|
|
24
|
+
shadowHover,
|
|
25
|
+
borderColor,
|
|
26
|
+
borderColorHover,
|
|
27
|
+
borderWidth,
|
|
28
|
+
borderSide,
|
|
29
|
+
backgroundColor,
|
|
30
|
+
backgroundColorHover,
|
|
31
|
+
transition,
|
|
32
|
+
transitionHover,
|
|
33
|
+
cursor
|
|
23
34
|
} = _ref,
|
|
24
35
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
36
|
return ___EmotionJSX(Box, {
|
|
@@ -28,64 +39,50 @@ export const Card = _ref => {
|
|
|
28
39
|
minWidth: minWidth,
|
|
29
40
|
maxWidth: maxWidth,
|
|
30
41
|
position: position,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
right: 0,
|
|
34
|
-
bottom: 0,
|
|
35
|
-
zIndex: zIndex
|
|
42
|
+
zIndex: zIndex,
|
|
43
|
+
flex: flex
|
|
36
44
|
}, ___EmotionJSX(Box, _extends({
|
|
37
45
|
className: "grn-card",
|
|
38
46
|
width: "100%",
|
|
39
47
|
padding: padding,
|
|
40
48
|
radius: radius,
|
|
49
|
+
shadow: shadow,
|
|
41
50
|
height: height,
|
|
42
51
|
minHeight: minHeight,
|
|
43
|
-
maxHeight: maxHeight
|
|
52
|
+
maxHeight: maxHeight,
|
|
53
|
+
shadowHover: shadowHover,
|
|
54
|
+
borderColor: borderColor,
|
|
55
|
+
borderColorHover: borderColorHover,
|
|
56
|
+
borderWidth: borderWidth,
|
|
57
|
+
borderSide: borderSide,
|
|
58
|
+
backgroundColor: backgroundColor,
|
|
59
|
+
backgroundColorHover: backgroundColorHover,
|
|
60
|
+
transition: transition,
|
|
61
|
+
transitionHover: transitionHover,
|
|
62
|
+
cursor: cursor
|
|
44
63
|
}, props), children));
|
|
45
64
|
};
|
|
46
65
|
Card.propTypes = {
|
|
47
|
-
color: types.color,
|
|
48
|
-
colorHover: types.color,
|
|
49
|
-
backgroundColor: types.color,
|
|
50
|
-
backgroundColorHover: types.color,
|
|
51
|
-
borderColor: types.color,
|
|
52
|
-
borderColorHover: types.color,
|
|
53
|
-
borderWidth: types.borderWidth,
|
|
54
|
-
borderSide: types.side,
|
|
55
66
|
width: types.responsiveDimension,
|
|
56
67
|
minWidth: types.responsiveDimension,
|
|
57
68
|
maxWidth: types.responsiveDimension,
|
|
58
69
|
height: types.responsiveDimension,
|
|
59
70
|
minHeight: types.responsiveDimension,
|
|
60
71
|
maxHeight: types.responsiveDimension,
|
|
61
|
-
radius: types.radius,
|
|
62
|
-
shadow: types.shadow,
|
|
63
|
-
shadowHover: types.shadow,
|
|
64
72
|
padding: types.responsiveSpace,
|
|
65
|
-
|
|
66
|
-
marginTop: types.responsiveSpace,
|
|
67
|
-
marginBottom: types.responsiveSpace,
|
|
68
|
-
marginLeft: types.responsiveSpace,
|
|
69
|
-
marginRight: types.responsiveSpace,
|
|
70
|
-
marginX: types.responsiveSpace,
|
|
71
|
-
marginY: types.responsiveSpace,
|
|
73
|
+
radius: types.radius,
|
|
72
74
|
position: types.position,
|
|
73
|
-
top: types.responsiveSpace,
|
|
74
|
-
bottom: types.responsiveSpace,
|
|
75
|
-
left: types.responsiveSpace,
|
|
76
|
-
right: types.responsiveSpace,
|
|
77
|
-
overflow: types.overflow,
|
|
78
|
-
overflowX: types.overflow,
|
|
79
|
-
overflowY: types.overflow,
|
|
80
|
-
aspectRatio: PropTypes.string,
|
|
81
75
|
zIndex: types.zIndex,
|
|
82
|
-
opacity: PropTypes.string,
|
|
83
|
-
opacityHover: PropTypes.string,
|
|
84
|
-
order: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
|
|
85
|
-
alignSelf: types.alignSelf,
|
|
86
76
|
flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
77
|
+
shadow: types.shadow,
|
|
78
|
+
shadowHover: types.shadow,
|
|
79
|
+
borderColor: types.color,
|
|
80
|
+
borderColorHover: types.color,
|
|
81
|
+
borderWidth: types.borderWidth,
|
|
82
|
+
borderSide: types.side,
|
|
83
|
+
backgroundColor: types.color,
|
|
84
|
+
backgroundColorHover: types.color,
|
|
87
85
|
transition: types.transition,
|
|
88
86
|
transitionHover: types.transition,
|
|
89
|
-
cursor: types.cursor
|
|
90
|
-
tag: PropTypes.string
|
|
87
|
+
cursor: types.cursor
|
|
91
88
|
};
|
package/es/components/modal.js
CHANGED
|
@@ -3,7 +3,7 @@ const _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius",
|
|
|
3
3
|
_excluded2 = ["children"],
|
|
4
4
|
_excluded3 = ["children", "cardTop"],
|
|
5
5
|
_excluded4 = ["children"],
|
|
6
|
-
_excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardRadius", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardTop", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton", "disableCloseHandler"];
|
|
6
|
+
_excluded5 = ["isOpen", "children", "onClose", "title", "titleWrap", "description", "paddingX", "cardPadding", "cardRadius", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardTop", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton", "disableCloseHandler"];
|
|
7
7
|
import "core-js/modules/es.symbol.description.js";
|
|
8
8
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
9
9
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
@@ -80,7 +80,7 @@ const TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "productio
|
|
|
80
80
|
} : {
|
|
81
81
|
name: "ti75j2",
|
|
82
82
|
styles: "margin:0",
|
|
83
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRThCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IGNhcmRNYXhXaWR0aHMgPSB7XG4gIG5hcnJvdzogNTUsXG4gIG1lZGl1bTogNzIsXG4gIHdpZGU6IDEzMCxcbn07XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gTW9kYWxDYXJkKFxuICB7XG4gICAgY2FyZFBhZGRpbmcsXG4gICAgY2FyZE1heFdpZHRoLFxuICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgY2FyZFJhZGl1cyxcbiAgICBjYXJkSGVpZ2h0LFxuICAgIGNhcmRUb3AsXG4gICAgY2hpbGRyZW4sXG4gICAgb25DbG9zZUNsaWNrLFxuICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgaGFzQ2xvc2VCdXR0b24sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRoc1tjYXJkTWF4V2lkdGhdIHx8IGNhcmRNYXhXaWR0aH1cbiAgICAgIGNsYXNzTmFtZT1cImdybi1jYXJkLWNvbnRhaW5lclwiXG4gICAgPlxuICAgICAgPEJveFxuICAgICAgICBjbGFzc05hbWU9e2Bncm4tY2FyZCAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmbG9hdGluZ0JhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgdG9wPXtjYXJkVG9wfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfSBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+
|
|
83
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRThCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IGNhcmRNYXhXaWR0aHMgPSB7XG4gIG5hcnJvdzogNTUsXG4gIG1lZGl1bTogNzIsXG4gIHdpZGU6IDEzMCxcbn07XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gTW9kYWxDYXJkKFxuICB7XG4gICAgY2FyZFBhZGRpbmcsXG4gICAgY2FyZE1heFdpZHRoLFxuICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgY2FyZFJhZGl1cyxcbiAgICBjYXJkSGVpZ2h0LFxuICAgIGNhcmRUb3AsXG4gICAgY2hpbGRyZW4sXG4gICAgb25DbG9zZUNsaWNrLFxuICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgaGFzQ2xvc2VCdXR0b24sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRoc1tjYXJkTWF4V2lkdGhdIHx8IGNhcmRNYXhXaWR0aH1cbiAgICAgIGNsYXNzTmFtZT1cImdybi1jYXJkLWNvbnRhaW5lclwiXG4gICAgPlxuICAgICAgPEJveFxuICAgICAgICBjbGFzc05hbWU9e2Bncm4tY2FyZCAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmbG9hdGluZ0JhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgdG9wPXtjYXJkVG9wfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfSBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApO1xufSk7XG5cbmNvbnN0IFRpdGxlUm9vdCA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luOiAwO1xuYDtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRpdGxlKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUaXRsZVJvb3RcbiAgICAgIHRhZz1cImgzXCJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2l6ZT1cInZhcigtLWdybi1jYXJkLXRpdGxlLXNpemUpXCJcbiAgICAgIHdlaWdodD1cIm1lZGl1bVwiXG4gICAgICB0cmltVG9wXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGl0bGVSb290PlxuICApO1xufSk7XG5cbmNvbnN0IENvbnRhaW5lclJvb3QgPSBzdHlsZWQuZGl2YFxuICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXh9O1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGFkZGluZ1ggfSkgPT4gZ2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgYWxpZ24taXRlbXM6ICR7KHsgY2FyZFRvcCB9KSA9PiAoY2FyZFRvcCA/ICdzdGFydCcgOiAnY2VudGVyJyl9O1xuICBqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG4gIC5sZWF2ZVRvLFxuICAuZW50ZXJGcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIENvbnRhaW5lcih7IGNoaWxkcmVuLCBjYXJkVG9wLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyUm9vdCByZWY9e3JlZn0gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiBjYXJkVG9wPXtjYXJkVG9wfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29udGFpbmVyUm9vdD5cbiAgKTtcbn0pO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQmFja2Ryb3AoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgIHRvcD1cIjBcIlxuICAgICAgbGVmdD1cIjBcIlxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2Ryb3BcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0JveD5cbiAgKTtcbn0pO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICB0aXRsZVdyYXAsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkUmFkaXVzID0gJ2wnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFRvcCxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIGhhc0Nsb3NlQnV0dG9uID0gdHJ1ZSxcbiAgZGlzYWJsZUNsb3NlSGFuZGxlciA9IGZhbHNlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNCYWNrZHJvcCA9IGNhcmRIZWlnaHQgIT09ICcxMDB2aCc7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgaWYgKGRpc2FibGVDbG9zZUhhbmRsZXIpIHJldHVybjtcblxuICAgIGlmIChCb29sZWFuKG9uQ2xvc2UpKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Q29udGFpbmVyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIGNhcmRUb3A9e2NhcmRUb3B9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgY2FyZFJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgICAgIGNhcmRUb3A9e2NhcmRUb3B9XG4gICAgICAgICAgICBoYXNDbG9zZUJ1dHRvbj17aGFzQ2xvc2VCdXR0b259XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlICYmIChcbiAgICAgICAgICAgICAgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9IHdyYXA9e3RpdGxlV3JhcH0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L0RpYWxvZy5UaXRsZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPVwiZGl2XCI+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaGFzQ2xvc2VCdXR0b246IFByb3BUeXBlcy5ib29sLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgdGl0bGVXcmFwOiB0eXBlcy50ZXh0V3JhcCxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm51bWJlcixcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5vbmVPZihbJ25hcnJvdycsICdtZWRpdW0nLCAnd2lkZSddKSxcbiAgXSksXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIGNhcmRUb3A6IHR5cGVzLnNwYWNlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxuICBkaXNhYmxlQ2xvc2VIYW5kbGVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */",
|
|
84
84
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
85
85
|
});
|
|
86
86
|
const Title = /*#__PURE__*/forwardRef(function Title(_ref2, ref) {
|
|
@@ -91,7 +91,7 @@ const Title = /*#__PURE__*/forwardRef(function Title(_ref2, ref) {
|
|
|
91
91
|
return ___EmotionJSX(TitleRoot, _extends({
|
|
92
92
|
tag: "h3",
|
|
93
93
|
ref: ref,
|
|
94
|
-
size: "
|
|
94
|
+
size: "var(--grn-card-title-size)",
|
|
95
95
|
weight: "medium",
|
|
96
96
|
trimTop: true
|
|
97
97
|
}, props), children);
|
|
@@ -121,7 +121,7 @@ const ContainerRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "prod
|
|
|
121
121
|
cardTop
|
|
122
122
|
} = _ref6;
|
|
123
123
|
return cardTop ? 'start' : 'center';
|
|
124
|
-
}, ";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,
|
|
124
|
+
}, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IGNhcmRNYXhXaWR0aHMgPSB7XG4gIG5hcnJvdzogNTUsXG4gIG1lZGl1bTogNzIsXG4gIHdpZGU6IDEzMCxcbn07XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gTW9kYWxDYXJkKFxuICB7XG4gICAgY2FyZFBhZGRpbmcsXG4gICAgY2FyZE1heFdpZHRoLFxuICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgY2FyZFJhZGl1cyxcbiAgICBjYXJkSGVpZ2h0LFxuICAgIGNhcmRUb3AsXG4gICAgY2hpbGRyZW4sXG4gICAgb25DbG9zZUNsaWNrLFxuICAgIGNsb3NlQnV0dG9uUHJvcHMsXG4gICAgaGFzQ2xvc2VCdXR0b24sXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICByZXR1cm4gKFxuICAgIDxCb3hcbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRoc1tjYXJkTWF4V2lkdGhdIHx8IGNhcmRNYXhXaWR0aH1cbiAgICAgIGNsYXNzTmFtZT1cImdybi1jYXJkLWNvbnRhaW5lclwiXG4gICAgPlxuICAgICAgPEJveFxuICAgICAgICBjbGFzc05hbWU9e2Bncm4tY2FyZCAke2NsYXNzTmFtZSB8fCAnJ31gfVxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPXtjYXJkUmFkaXVzfVxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmbG9hdGluZ0JhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgdG9wPXtjYXJkVG9wfVxuICAgICAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfSBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgIDwvQm94PlxuICApO1xufSk7XG5cbmNvbnN0IFRpdGxlUm9vdCA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luOiAwO1xuYDtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRpdGxlKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikge1xuICByZXR1cm4gKFxuICAgIDxUaXRsZVJvb3RcbiAgICAgIHRhZz1cImgzXCJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgc2l6ZT1cInZhcigtLWdybi1jYXJkLXRpdGxlLXNpemUpXCJcbiAgICAgIHdlaWdodD1cIm1lZGl1bVwiXG4gICAgICB0cmltVG9wXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGl0bGVSb290PlxuICApO1xufSk7XG5cbmNvbnN0IENvbnRhaW5lclJvb3QgPSBzdHlsZWQuZGl2YFxuICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXh9O1xuICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGFkZGluZ1ggfSkgPT4gZ2V0U3BhY2UocGFkZGluZ1gpfTtcbiAgcGFkZGluZy1yaWdodDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZ3JpZDtcbiAgYWxpZ24taXRlbXM6ICR7KHsgY2FyZFRvcCB9KSA9PiAoY2FyZFRvcCA/ICdzdGFydCcgOiAnY2VudGVyJyl9O1xuICBqdXN0aWZ5LWl0ZW1zOiBjZW50ZXI7XG4gIC5sZWF2ZVRvLFxuICAuZW50ZXJGcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBDb250YWluZXIgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIENvbnRhaW5lcih7IGNoaWxkcmVuLCBjYXJkVG9wLCAuLi5wcm9wcyB9LCByZWYpIHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyUm9vdCByZWY9e3JlZn0gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIiBjYXJkVG9wPXtjYXJkVG9wfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29udGFpbmVyUm9vdD5cbiAgKTtcbn0pO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoZnVuY3Rpb24gQmFja2Ryb3AoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSB7XG4gIHJldHVybiAoXG4gICAgPEJveFxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICAgIHRvcD1cIjBcIlxuICAgICAgbGVmdD1cIjBcIlxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGhlaWdodD1cIjEwMCVcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2Ryb3BcIlxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0JveD5cbiAgKTtcbn0pO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICB0aXRsZVdyYXAsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkUmFkaXVzID0gJ2wnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFRvcCxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIGhhc0Nsb3NlQnV0dG9uID0gdHJ1ZSxcbiAgZGlzYWJsZUNsb3NlSGFuZGxlciA9IGZhbHNlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBoYXNCYWNrZHJvcCA9IGNhcmRIZWlnaHQgIT09ICcxMDB2aCc7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgaWYgKGRpc2FibGVDbG9zZUhhbmRsZXIpIHJldHVybjtcblxuICAgIGlmIChCb29sZWFuKG9uQ2xvc2UpKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Q29udGFpbmVyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIGNhcmRUb3A9e2NhcmRUb3B9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgY2FyZFJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgICAgIGNhcmRUb3A9e2NhcmRUb3B9XG4gICAgICAgICAgICBoYXNDbG9zZUJ1dHRvbj17aGFzQ2xvc2VCdXR0b259XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlICYmIChcbiAgICAgICAgICAgICAgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9IHdyYXA9e3RpdGxlV3JhcH0+XG4gICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICA8L0RpYWxvZy5UaXRsZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPVwiZGl2XCI+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaGFzQ2xvc2VCdXR0b246IFByb3BUeXBlcy5ib29sLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgdGl0bGVXcmFwOiB0eXBlcy50ZXh0V3JhcCxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm51bWJlcixcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5vbmVPZihbJ25hcnJvdycsICdtZWRpdW0nLCAnd2lkZSddKSxcbiAgXSksXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIGNhcmRUb3A6IHR5cGVzLnNwYWNlLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxuICBkaXNhYmxlQ2xvc2VIYW5kbGVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
|
|
125
125
|
const Container = /*#__PURE__*/forwardRef(function Container(_ref7, ref) {
|
|
126
126
|
let {
|
|
127
127
|
children,
|
|
@@ -163,6 +163,7 @@ export const Modal = _ref9 => {
|
|
|
163
163
|
children,
|
|
164
164
|
onClose,
|
|
165
165
|
title,
|
|
166
|
+
titleWrap,
|
|
166
167
|
description,
|
|
167
168
|
paddingX = 'l',
|
|
168
169
|
cardPadding = 'xl',
|
|
@@ -216,7 +217,8 @@ export const Modal = _ref9 => {
|
|
|
216
217
|
cardTop: cardTop,
|
|
217
218
|
hasCloseButton: hasCloseButton
|
|
218
219
|
}, title && ___EmotionJSX(Dialog.Title, {
|
|
219
|
-
as: Title
|
|
220
|
+
as: Title,
|
|
221
|
+
wrap: titleWrap
|
|
220
222
|
}, title), description && ___EmotionJSX(Box, {
|
|
221
223
|
marginTop: "s"
|
|
222
224
|
}, ___EmotionJSX(Dialog.Description, {
|
|
@@ -230,6 +232,7 @@ Modal.propTypes = {
|
|
|
230
232
|
onClose: PropTypes.func,
|
|
231
233
|
hasCloseButton: PropTypes.bool,
|
|
232
234
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
235
|
+
titleWrap: types.textWrap,
|
|
233
236
|
description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
234
237
|
cardPadding: types.dimension,
|
|
235
238
|
cardMaxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.oneOf(['narrow', 'medium', 'wide'])]),
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
4
|
+
const IconDiamond = props => ___EmotionJSX("svg", _extends({
|
|
5
|
+
viewBox: "0 0 32 36",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
}, props), ___EmotionJSX("path", {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
d: "M24.653 4.5a1.5 1.5 0 0 1 1.263.692l5.348 8.366a1.5 1.5 0 0 1-.147 1.808l-14 15.635-.112.112a1.5 1.5 0 0 1-2.122-.112l-14-15.635a1.5 1.5 0 0 1-.146-1.808l5.347-8.366A1.5 1.5 0 0 1 7.348 4.5zM3.878 14.215 16 27.752l12.123-13.537L23.831 7.5H8.17zm4.096-1.31a1.5 1.5 0 0 1 2.121.069l6 6.399a1.501 1.501 0 0 1-2.19 2.053l-6-6.4a1.5 1.5 0 0 1 .069-2.12"
|
|
11
|
+
}));
|
|
12
|
+
IconDiamond.viewBoxWidth = 32;
|
|
13
|
+
export default IconDiamond;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
4
|
+
const IconStar = props => ___EmotionJSX("svg", _extends({
|
|
5
|
+
viewBox: "0 0 34 36",
|
|
6
|
+
fill: "none",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8
|
+
}, props), ___EmotionJSX("path", {
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
d: "M17 2a1.5 1.5 0 0 1 1.36.868l4.18 9.003 9.857 1.195a1.5 1.5 0 0 1 .841 2.588l-7.271 6.758 1.91 9.743a1.502 1.502 0 0 1-2.201 1.6L17 28.928l-8.676 4.827a1.5 1.5 0 0 1-2.201-1.6l1.909-9.743-7.27-6.758a1.501 1.501 0 0 1 .84-2.588l9.856-1.195 4.181-9.003.05-.097A1.5 1.5 0 0 1 16.998 2m-3.173 11.893a1.5 1.5 0 0 1-1.18.857l-7.477.906 5.516 5.128c.38.354.551.879.451 1.388l-1.449 7.39 6.582-3.66.175-.084a1.5 1.5 0 0 1 1.284.083l6.581 3.662-1.448-7.391c-.1-.51.071-1.035.451-1.388l5.516-5.128-7.477-.906a1.5 1.5 0 0 1-1.18-.857L17 7.06z"
|
|
11
|
+
}));
|
|
12
|
+
IconStar.viewBoxWidth = 34;
|
|
13
|
+
export default IconStar;
|
package/es/icons/index.js
CHANGED
|
@@ -111,4 +111,6 @@ export { default as IconText } from './icon-text';
|
|
|
111
111
|
export { default as IconNetwork } from './icon-network';
|
|
112
112
|
export { default as IconBag } from './icon-bag';
|
|
113
113
|
export { default as IconTwoBranches } from './icon-two-branches';
|
|
114
|
-
export { default as IconThreeBranches } from './icon-three-branches';
|
|
114
|
+
export { default as IconThreeBranches } from './icon-three-branches';
|
|
115
|
+
export { default as IconDiamond } from './icon-diamond';
|
|
116
|
+
export { default as IconStar } from './icon-star';
|
package/es/styles/card.js
CHANGED
|
@@ -1,34 +1,45 @@
|
|
|
1
|
-
const
|
|
1
|
+
const bp1 = 120;
|
|
2
|
+
const bp2 = bp1 + 8 * 10;
|
|
3
|
+
const bp3 = bp2 + 8 * 15;
|
|
4
|
+
const bp4 = bp3 + 8 * 19;
|
|
5
|
+
const bp5 = bp4 + 8 * 22;
|
|
6
|
+
const bp6 = bp5 + 8 * 24;
|
|
2
7
|
export const cardRanges = [{
|
|
3
|
-
min:
|
|
4
|
-
max:
|
|
8
|
+
min: bp1,
|
|
9
|
+
max: bp2 - 1,
|
|
5
10
|
padding: 'm',
|
|
6
|
-
radius: 'm'
|
|
11
|
+
radius: 'm',
|
|
12
|
+
titleSize: 'l'
|
|
7
13
|
}, {
|
|
8
|
-
min:
|
|
9
|
-
max:
|
|
14
|
+
min: bp2,
|
|
15
|
+
max: bp3 - 1,
|
|
10
16
|
padding: 'l',
|
|
11
|
-
radius: 'm'
|
|
17
|
+
radius: 'm',
|
|
18
|
+
titleSize: 'l'
|
|
12
19
|
}, {
|
|
13
|
-
min:
|
|
14
|
-
max:
|
|
20
|
+
min: bp3,
|
|
21
|
+
max: bp4 - 1,
|
|
15
22
|
padding: 'l2',
|
|
16
|
-
radius: 'l'
|
|
23
|
+
radius: 'l',
|
|
24
|
+
titleSize: 'xl'
|
|
17
25
|
}, {
|
|
18
|
-
min:
|
|
19
|
-
max:
|
|
26
|
+
min: bp4,
|
|
27
|
+
max: bp5 - 1,
|
|
20
28
|
padding: 'xl',
|
|
21
|
-
radius: 'l'
|
|
29
|
+
radius: 'l',
|
|
30
|
+
titleSize: 'xl'
|
|
22
31
|
}, {
|
|
23
|
-
min:
|
|
24
|
-
max:
|
|
32
|
+
min: bp5,
|
|
33
|
+
max: bp6 - 1,
|
|
25
34
|
padding: 'xl2',
|
|
26
|
-
radius: 'l'
|
|
35
|
+
radius: 'l',
|
|
36
|
+
titleSize: 'xl'
|
|
27
37
|
}, {
|
|
28
|
-
min:
|
|
38
|
+
min: bp6,
|
|
29
39
|
max: 100000,
|
|
30
40
|
padding: 'xxl',
|
|
31
|
-
radius: 'l'
|
|
41
|
+
radius: 'l',
|
|
42
|
+
titleSize: 'xl'
|
|
32
43
|
}];
|
|
33
44
|
const fallback = "\n @supports not (container-type: inline-size) {\n .grn-card {\n --grn-card-radius: var(--grn-radius-".concat(cardRanges[2].radius, ");\n --grn-card-padding: var(--grn-space-").concat(cardRanges[2].padding, ");\n }\n }\n");
|
|
34
45
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
|
|
2
|
-
import { DimensionPropType, RadiusPropType } from '../shared';
|
|
2
|
+
import { DimensionPropType, RadiusPropType, TextWrapType } from '../shared';
|
|
3
3
|
|
|
4
4
|
export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
5
|
children?: React.ReactNode;
|
|
@@ -7,6 +7,7 @@ export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
onClose?: () => void;
|
|
8
8
|
hasCloseButton?: boolean;
|
|
9
9
|
title?: React.ReactNode;
|
|
10
|
+
titleWrap?: TextWrapType;
|
|
10
11
|
description?: React.ReactNode;
|
|
11
12
|
cardPadding?: DimensionPropType;
|
|
12
13
|
cardMaxWidth?: number | string | 'narrow' | 'medium' | 'wide';
|
|
@@ -22,7 +22,7 @@ export interface TextProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
22
22
|
align?: TextAlignType;
|
|
23
23
|
letterSpacing?: string;
|
|
24
24
|
textTransform?: TextTransformType;
|
|
25
|
-
|
|
25
|
+
wrap?: TextWrapType;
|
|
26
26
|
variant?: 'caps';
|
|
27
27
|
trimTop?: boolean;
|
|
28
28
|
trimBottom?: boolean;
|