@flodesk/grain 5.18.1 → 5.19.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/arrange.js +5 -3
- package/es/components/index.js +2 -1
- package/es/components/modal.js +179 -0
- package/es/components/text-input.js +7 -4
- package/es/components/text.js +2 -2
- package/es/foundational/field.js +5 -3
- package/es/icons/icon-cross.js +6 -4
- package/es/types.js +1 -0
- package/es/utilities/responsive.js +10 -0
- package/package.json +3 -3
package/es/components/arrange.js
CHANGED
|
@@ -2,7 +2,7 @@ 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.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
-
var _excluded = ["children", "gap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "autoFlow", "width", "height"];
|
|
5
|
+
var _excluded = ["children", "gap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "rows", "autoFlow", "width", "height"];
|
|
6
6
|
|
|
7
7
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
10
10
|
|
|
11
11
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
12
12
|
|
|
13
|
-
import { getResponsiveDimension, getResponsiveGridColumns, getResponsiveSpace } from '../utilities';
|
|
13
|
+
import { getResponsiveDimension, getResponsiveGridColumns, getResponsiveGridRows, getResponsiveSpace } from '../utilities';
|
|
14
14
|
import React from 'react';
|
|
15
15
|
import { css } from '@emotion/react';
|
|
16
16
|
import { types } from '../types';
|
|
@@ -25,6 +25,7 @@ export var Arrange = function Arrange(_ref) {
|
|
|
25
25
|
justifyContent = _ref$justifyContent === void 0 ? 'start' : _ref$justifyContent,
|
|
26
26
|
alignContent = _ref.alignContent,
|
|
27
27
|
columns = _ref.columns,
|
|
28
|
+
rows = _ref.rows,
|
|
28
29
|
_ref$autoFlow = _ref.autoFlow,
|
|
29
30
|
autoFlow = _ref$autoFlow === void 0 ? 'column' : _ref$autoFlow,
|
|
30
31
|
width = _ref.width,
|
|
@@ -32,12 +33,13 @@ export var Arrange = function Arrange(_ref) {
|
|
|
32
33
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
34
|
|
|
34
35
|
return ___EmotionJSX("div", _extends({
|
|
35
|
-
css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
36
|
+
css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";", getResponsiveGridRows(rows), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCWSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGdldFJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGdldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyxcbiAgZ2V0UmVzcG9uc2l2ZUdyaWRSb3dzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBBcnJhbmdlID0gKHtcbiAgY2hpbGRyZW4sXG4gIGdhcCxcbiAgYWxpZ25JdGVtcyA9ICdjZW50ZXInLFxuICBqdXN0aWZ5SXRlbXMsXG4gIGp1c3RpZnlDb250ZW50ID0gJ3N0YXJ0JyxcbiAgYWxpZ25Db250ZW50LFxuICBjb2x1bW5zLFxuICByb3dzLFxuICBhdXRvRmxvdyA9ICdjb2x1bW4nLFxuICB3aWR0aCxcbiAgaGVpZ2h0LFxuICAuLi5wcm9wc1xufSkgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgJHshY29sdW1ucyAmJiBgZ3JpZC1hdXRvLWZsb3c6ICR7YXV0b0Zsb3d9YH07XG4gICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnZ2FwJywgZ2FwKX07XG4gICAgICAke2dldFJlc3BvbnNpdmVHcmlkQ29sdW1ucyhjb2x1bW5zKX07XG4gICAgICAke2dldFJlc3BvbnNpdmVHcmlkUm93cyhyb3dzKX07XG4gICAgICBqdXN0aWZ5LWl0ZW1zOiAke2p1c3RpZnlJdGVtc307XG4gICAgICBhbGlnbi1pdGVtczogJHthbGlnbkl0ZW1zfTtcbiAgICAgIGp1c3RpZnktY29udGVudDogJHtqdXN0aWZ5Q29udGVudH07XG4gICAgICBhbGlnbi1jb250ZW50OiAke2FsaWduQ29udGVudH07XG4gICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblxuQXJyYW5nZS5wcm9wVHlwZXMgPSB7XG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5zOiB0eXBlcy5yZXNwb25zaXZlQ29sdW1ucyxcbiAgcm93czogdHlwZXMucmVzcG9uc2l2ZVJvd3MsXG4gIGF1dG9GbG93OiB0eXBlcy5hdXRvRmxvdyxcbiAgYWxpZ25JdGVtczogdHlwZXMuZ3JpZEl0ZW1zQWxpZ25tZW50LFxuICBqdXN0aWZ5SXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIGFsaWduQ29udGVudDogdHlwZXMuZ3JpZENvbnRlbnRQb3NpdGlvbixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbn07XG4iXX0= */")
|
|
36
37
|
}, props), children);
|
|
37
38
|
};
|
|
38
39
|
Arrange.propTypes = {
|
|
39
40
|
gap: types.responsiveSpace,
|
|
40
41
|
columns: types.responsiveColumns,
|
|
42
|
+
rows: types.responsiveRows,
|
|
41
43
|
autoFlow: types.autoFlow,
|
|
42
44
|
alignItems: types.gridItemsAlignment,
|
|
43
45
|
justifyItems: types.gridItemsAlignment,
|
package/es/components/index.js
CHANGED
|
@@ -16,4 +16,5 @@ export { Spinner } from './spinner';
|
|
|
16
16
|
export { Switch } from './switch';
|
|
17
17
|
export { Autocomplete } from './autocomplete';
|
|
18
18
|
export { MultiAutocomplete } from './multi-autocomplete';
|
|
19
|
-
export { Dropdown } from './dropdown';
|
|
19
|
+
export { Dropdown } from './dropdown';
|
|
20
|
+
export { Modal } from './modal';
|
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
import "core-js/modules/es.object.keys.js";
|
|
2
|
+
import "core-js/modules/es.array.index-of.js";
|
|
3
|
+
import "core-js/modules/es.object.assign.js";
|
|
4
|
+
var _excluded = ["cardPadding", "cardMaxWidth", "children", "onCloseClick"],
|
|
5
|
+
_excluded2 = ["children"],
|
|
6
|
+
_excluded3 = ["children"],
|
|
7
|
+
_excluded4 = ["children"],
|
|
8
|
+
_excluded5 = ["children"];
|
|
9
|
+
import "core-js/modules/es.symbol.js";
|
|
10
|
+
import "core-js/modules/es.symbol.description.js";
|
|
11
|
+
|
|
12
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
+
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
|
|
18
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
19
|
+
|
|
20
|
+
import PropTypes from 'prop-types';
|
|
21
|
+
import React, { Fragment, forwardRef } from 'react';
|
|
22
|
+
import { Dialog, Transition } from '@headlessui/react';
|
|
23
|
+
import { Box } from './box';
|
|
24
|
+
import { Text } from './text';
|
|
25
|
+
import { getTransition } from '../utilities';
|
|
26
|
+
import { css } from '@emotion/react';
|
|
27
|
+
import { IconButton } from './icon-button';
|
|
28
|
+
import { IconCross } from '../icons';
|
|
29
|
+
import { types } from '../types';
|
|
30
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
31
|
+
var ModalCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
32
|
+
var cardPadding = _ref3.cardPadding,
|
|
33
|
+
cardMaxWidth = _ref3.cardMaxWidth,
|
|
34
|
+
children = _ref3.children,
|
|
35
|
+
onCloseClick = _ref3.onCloseClick,
|
|
36
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
37
|
+
|
|
38
|
+
return ___EmotionJSX(Box, {
|
|
39
|
+
maxWidth: cardMaxWidth,
|
|
40
|
+
width: "100%",
|
|
41
|
+
position: "relative",
|
|
42
|
+
zIndex: 100,
|
|
43
|
+
ref: ref
|
|
44
|
+
}, ___EmotionJSX(Box, _extends({
|
|
45
|
+
backgroundColor: "white",
|
|
46
|
+
radius: "m",
|
|
47
|
+
shadow: "l",
|
|
48
|
+
padding: cardPadding,
|
|
49
|
+
maxHeight: "90vh",
|
|
50
|
+
overflow: "auto"
|
|
51
|
+
}, props), children), ___EmotionJSX(Box, {
|
|
52
|
+
position: "absolute",
|
|
53
|
+
right: "xs",
|
|
54
|
+
top: "xs"
|
|
55
|
+
}, ___EmotionJSX(IconButton, {
|
|
56
|
+
icon: ___EmotionJSX(IconCross, null),
|
|
57
|
+
onClick: onCloseClick
|
|
58
|
+
})));
|
|
59
|
+
});
|
|
60
|
+
|
|
61
|
+
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
62
|
+
name: "ti75j2",
|
|
63
|
+
styles: "margin:0"
|
|
64
|
+
} : {
|
|
65
|
+
name: "xkiag4-Title",
|
|
66
|
+
styles: "margin:0;label:Title;",
|
|
67
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ1kiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2FyZFBhZGRpbmcsIGNhcmRNYXhXaWR0aCwgY2hpbGRyZW4sIG9uQ2xvc2VDbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPEJveCBtYXhXaWR0aD17Y2FyZE1heFdpZHRofSB3aWR0aD1cIjEwMCVcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCIgekluZGV4PXsxMDB9IHJlZj17cmVmfT5cbiAgICAgIDxCb3hcbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwid2hpdGVcIlxuICAgICAgICByYWRpdXM9XCJtXCJcbiAgICAgICAgc2hhZG93PVwibFwiXG4gICAgICAgIHBhZGRpbmc9e2NhcmRQYWRkaW5nfVxuICAgICAgICBtYXhIZWlnaHQ9XCI5MHZoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6IDEwMDtcbiAgICAgIHBhZGRpbmc6IDMycHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcblxuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgekluZGV4PXsxMDB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG59KSA9PiB7XG4gIGNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICAgIGVudGVyOiAnZW50ZXInLFxuICAgIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gICAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICAgIGxlYXZlOiAnbGVhdmUnLFxuICAgIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gICAgbGVhdmVUbzogJ2xlYXZlVG8nLFxuICB9O1xuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtvbkNsb3NlfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRlc2NyaXB0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjYXJkUGFkZGluZzogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkTWF4V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
|
|
68
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
var Title = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
72
|
+
var children = _ref4.children,
|
|
73
|
+
props = _objectWithoutProperties(_ref4, _excluded2);
|
|
74
|
+
|
|
75
|
+
return ___EmotionJSX(Text, _extends({
|
|
76
|
+
tag: "h3",
|
|
77
|
+
ref: ref,
|
|
78
|
+
size: "xl",
|
|
79
|
+
weight: "semiBold",
|
|
80
|
+
css: _ref2
|
|
81
|
+
}, props), children);
|
|
82
|
+
});
|
|
83
|
+
|
|
84
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
85
|
+
name: "ti75j2",
|
|
86
|
+
styles: "margin:0"
|
|
87
|
+
} : {
|
|
88
|
+
name: "1jup6sr-Description",
|
|
89
|
+
styles: "margin:0;label:Description;",
|
|
90
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2FyZFBhZGRpbmcsIGNhcmRNYXhXaWR0aCwgY2hpbGRyZW4sIG9uQ2xvc2VDbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPEJveCBtYXhXaWR0aD17Y2FyZE1heFdpZHRofSB3aWR0aD1cIjEwMCVcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCIgekluZGV4PXsxMDB9IHJlZj17cmVmfT5cbiAgICAgIDxCb3hcbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwid2hpdGVcIlxuICAgICAgICByYWRpdXM9XCJtXCJcbiAgICAgICAgc2hhZG93PVwibFwiXG4gICAgICAgIHBhZGRpbmc9e2NhcmRQYWRkaW5nfVxuICAgICAgICBtYXhIZWlnaHQ9XCI5MHZoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6IDEwMDtcbiAgICAgIHBhZGRpbmc6IDMycHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcblxuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgekluZGV4PXsxMDB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG59KSA9PiB7XG4gIGNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICAgIGVudGVyOiAnZW50ZXInLFxuICAgIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gICAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICAgIGxlYXZlOiAnbGVhdmUnLFxuICAgIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gICAgbGVhdmVUbzogJ2xlYXZlVG8nLFxuICB9O1xuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtvbkNsb3NlfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRlc2NyaXB0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjYXJkUGFkZGluZzogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkTWF4V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */",
|
|
91
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
var Description = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
95
|
+
var children = _ref5.children,
|
|
96
|
+
props = _objectWithoutProperties(_ref5, _excluded3);
|
|
97
|
+
|
|
98
|
+
return ___EmotionJSX(Text, _extends({
|
|
99
|
+
tag: "p",
|
|
100
|
+
ref: ref,
|
|
101
|
+
css: _ref
|
|
102
|
+
}, props), children);
|
|
103
|
+
});
|
|
104
|
+
var Root = /*#__PURE__*/forwardRef(function (_ref6, ref) {
|
|
105
|
+
var children = _ref6.children,
|
|
106
|
+
props = _objectWithoutProperties(_ref6, _excluded4);
|
|
107
|
+
|
|
108
|
+
return ___EmotionJSX("div", _extends({
|
|
109
|
+
ref: ref,
|
|
110
|
+
className: "grn-context",
|
|
111
|
+
css: /*#__PURE__*/css("z-index:100;padding:32px;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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2FyZFBhZGRpbmcsIGNhcmRNYXhXaWR0aCwgY2hpbGRyZW4sIG9uQ2xvc2VDbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPEJveCBtYXhXaWR0aD17Y2FyZE1heFdpZHRofSB3aWR0aD1cIjEwMCVcIiBwb3NpdGlvbj1cInJlbGF0aXZlXCIgekluZGV4PXsxMDB9IHJlZj17cmVmfT5cbiAgICAgIDxCb3hcbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwid2hpdGVcIlxuICAgICAgICByYWRpdXM9XCJtXCJcbiAgICAgICAgc2hhZG93PVwibFwiXG4gICAgICAgIHBhZGRpbmc9e2NhcmRQYWRkaW5nfVxuICAgICAgICBtYXhIZWlnaHQ9XCI5MHZoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJhdXRvXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIHJpZ2h0PVwieHNcIiB0b3A9XCJ4c1wiPlxuICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICA8L0JveD5cbiAgICA8L0JveD5cbiAgKSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6IDEwMDtcbiAgICAgIHBhZGRpbmc6IDMycHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcblxuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgekluZGV4PXsxMDB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG59KSA9PiB7XG4gIGNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICAgIGVudGVyOiAnZW50ZXInLFxuICAgIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gICAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICAgIGxlYXZlOiAnbGVhdmUnLFxuICAgIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gICAgbGVhdmVUbzogJ2xlYXZlVG8nLFxuICB9O1xuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtvbkNsb3NlfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgdGl0bGU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGRlc2NyaXB0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBjYXJkUGFkZGluZzogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkTWF4V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */")
|
|
112
|
+
}, props), children);
|
|
113
|
+
});
|
|
114
|
+
var Backdrop = /*#__PURE__*/forwardRef(function (_ref7, ref) {
|
|
115
|
+
var children = _ref7.children,
|
|
116
|
+
props = _objectWithoutProperties(_ref7, _excluded5);
|
|
117
|
+
|
|
118
|
+
return ___EmotionJSX(Box, _extends({
|
|
119
|
+
ref: ref,
|
|
120
|
+
position: "fixed",
|
|
121
|
+
top: "0",
|
|
122
|
+
left: "0",
|
|
123
|
+
width: "100%",
|
|
124
|
+
height: "100%",
|
|
125
|
+
backgroundColor: "fade7",
|
|
126
|
+
zIndex: 100
|
|
127
|
+
}, props), children);
|
|
128
|
+
});
|
|
129
|
+
export var Modal = function Modal(_ref8) {
|
|
130
|
+
var isOpen = _ref8.isOpen,
|
|
131
|
+
children = _ref8.children,
|
|
132
|
+
onClose = _ref8.onClose,
|
|
133
|
+
title = _ref8.title,
|
|
134
|
+
description = _ref8.description,
|
|
135
|
+
_ref8$cardPadding = _ref8.cardPadding,
|
|
136
|
+
cardPadding = _ref8$cardPadding === void 0 ? 'xl' : _ref8$cardPadding,
|
|
137
|
+
_ref8$cardMaxWidth = _ref8.cardMaxWidth,
|
|
138
|
+
cardMaxWidth = _ref8$cardMaxWidth === void 0 ? 68 : _ref8$cardMaxWidth;
|
|
139
|
+
var transitionChildProps = {
|
|
140
|
+
enter: 'enter',
|
|
141
|
+
enterFrom: 'enterFrom',
|
|
142
|
+
enterTo: 'enterTo',
|
|
143
|
+
leave: 'leave',
|
|
144
|
+
leaveFrom: 'leaveFrom',
|
|
145
|
+
leaveTo: 'leaveTo'
|
|
146
|
+
};
|
|
147
|
+
return ___EmotionJSX(Transition, {
|
|
148
|
+
appear: true,
|
|
149
|
+
show: isOpen,
|
|
150
|
+
as: Fragment
|
|
151
|
+
}, ___EmotionJSX(Dialog, {
|
|
152
|
+
as: Root,
|
|
153
|
+
onClose: onClose
|
|
154
|
+
}, ___EmotionJSX(Transition.Child, _extends({
|
|
155
|
+
as: Backdrop
|
|
156
|
+
}, transitionChildProps)), ___EmotionJSX(Transition.Child, _extends({
|
|
157
|
+
as: Fragment
|
|
158
|
+
}, transitionChildProps), ___EmotionJSX(Dialog.Panel, {
|
|
159
|
+
as: ModalCard,
|
|
160
|
+
onCloseClick: onClose,
|
|
161
|
+
cardPadding: cardPadding,
|
|
162
|
+
cardMaxWidth: cardMaxWidth
|
|
163
|
+
}, title && ___EmotionJSX(Dialog.Title, {
|
|
164
|
+
as: Title
|
|
165
|
+
}, title), description && ___EmotionJSX(Box, {
|
|
166
|
+
marginTop: "s"
|
|
167
|
+
}, ___EmotionJSX(Dialog.Description, {
|
|
168
|
+
as: Description
|
|
169
|
+
}, description)), children))));
|
|
170
|
+
};
|
|
171
|
+
Modal.propTypes = {
|
|
172
|
+
isOpen: PropTypes.bool,
|
|
173
|
+
children: PropTypes.node,
|
|
174
|
+
onClose: PropTypes.func,
|
|
175
|
+
title: PropTypes.string,
|
|
176
|
+
description: PropTypes.string,
|
|
177
|
+
cardPadding: types.dimension,
|
|
178
|
+
cardMaxWidth: types.dimension
|
|
179
|
+
};
|
|
@@ -12,7 +12,7 @@ import "core-js/modules/es.array.from.js";
|
|
|
12
12
|
import "core-js/modules/es.regexp.exec.js";
|
|
13
13
|
import "core-js/modules/es.object.assign.js";
|
|
14
14
|
import _styled from "@emotion/styled/base";
|
|
15
|
-
var _excluded = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage"];
|
|
15
|
+
var _excluded = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isDisabled"];
|
|
16
16
|
|
|
17
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
18
|
|
|
@@ -47,7 +47,7 @@ var IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "producti
|
|
|
47
47
|
} : {
|
|
48
48
|
target: "e1o9e51y0",
|
|
49
49
|
label: "IconSection"
|
|
50
|
-
})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
})("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEZpZWxkTGFiZWwsIElucHV0RmllbGQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGljb25PZmZzZXRQeCA9IDEyO1xuY29uc3QgaWNvblRleHRHYXBQeCA9IDg7XG5cbmNvbnN0IEljb25TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IGF1dG87XG4gIGxlZnQ6ICR7aWNvbk9mZnNldFB4fXB4O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaWQsXG4gIGljb24sXG4gIGhhc0Vycm9yLFxuICBlcnJvck1lc3NhZ2UsXG4gIGlzRGlzYWJsZWQsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGljb25SZWYgPSBSZWFjdC51c2VSZWYobnVsbCk7XG4gIGNvbnN0IFtpY29uV2lkdGgsIHNldEljb25XaWR0aF0gPSBSZWFjdC51c2VTdGF0ZSgpO1xuXG4gIFJlYWN0LnVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGljb25SZWYuY3VycmVudCkge1xuICAgICAgc2V0SWNvbldpZHRoKGljb25SZWYuY3VycmVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aCk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgY29uc3QgcGFkZGluZ0xlZnQgPSBpY29uID8gYCR7aWNvbk9mZnNldFB4ICsgaWNvbldpZHRoICsgaWNvblRleHRHYXBQeH1weGAgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgPEljb24gcmVmPXtpY29uUmVmfSBpY29uPXtpY29ufSAvPlxuICAgICAgICAgIDwvSWNvblNlY3Rpb24+XG4gICAgICAgICl9XG4gICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luVG9wPXswLjV9PlxuICAgICAgICAgIDxUZXh0IGNvbG9yPVwiZGFuZ2VyXCI+e2Vycm9yTWVzc2FnZX08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cblRleHRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
|
|
51
51
|
|
|
52
52
|
export var TextInput = function TextInput(_ref) {
|
|
53
53
|
var value = _ref.value,
|
|
@@ -57,6 +57,7 @@ export var TextInput = function TextInput(_ref) {
|
|
|
57
57
|
icon = _ref.icon,
|
|
58
58
|
hasError = _ref.hasError,
|
|
59
59
|
errorMessage = _ref.errorMessage,
|
|
60
|
+
isDisabled = _ref.isDisabled,
|
|
60
61
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
61
62
|
|
|
62
63
|
var iconRef = React.useRef(null);
|
|
@@ -84,7 +85,8 @@ export var TextInput = function TextInput(_ref) {
|
|
|
84
85
|
value: value,
|
|
85
86
|
placeholder: placeholder,
|
|
86
87
|
paddingLeft: paddingLeft,
|
|
87
|
-
hasError: hasError
|
|
88
|
+
hasError: hasError,
|
|
89
|
+
isDisabled: isDisabled
|
|
88
90
|
}, props))), errorMessage && ___EmotionJSX(Box, {
|
|
89
91
|
marginTop: 0.5
|
|
90
92
|
}, ___EmotionJSX(Text, {
|
|
@@ -98,5 +100,6 @@ TextInput.propTypes = {
|
|
|
98
100
|
label: types.label,
|
|
99
101
|
icon: PropTypes.node,
|
|
100
102
|
hasError: PropTypes.bool,
|
|
101
|
-
errorMessage: PropTypes.string
|
|
103
|
+
errorMessage: PropTypes.string,
|
|
104
|
+
isDisabled: PropTypes.bool
|
|
102
105
|
};
|
package/es/components/text.js
CHANGED
|
@@ -19,7 +19,7 @@ import { css } from '@emotion/react';
|
|
|
19
19
|
import { types } from '../types';
|
|
20
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
21
|
var variantStyles = {
|
|
22
|
-
caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMudGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxufTtcbiJdfQ== */")
|
|
23
23
|
};
|
|
24
24
|
export var Text = function Text(_ref) {
|
|
25
25
|
var children = _ref.children,
|
|
@@ -39,7 +39,7 @@ export var Text = function Text(_ref) {
|
|
|
39
39
|
|
|
40
40
|
var Tag = tag;
|
|
41
41
|
return ___EmotionJSX(Tag, _extends({
|
|
42
|
-
css: /*#__PURE__*/css(!variant && "\n ".concat(getResponsiveTextSize(size), ";\n ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n font-weight: "
|
|
42
|
+
css: /*#__PURE__*/css(!variant && "\n ".concat(getResponsiveTextSize(size), ";\n ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n overflow: hidden;\n text-overflow: ellipsis;\n ".concat(!ellipsisLines && "white-space: nowrap", ";\n "), ";", hasEllipsis && ellipsisLines && "\n display: -webkit-box;\n -webkit-line-clamp: ".concat(ellipsisLines, ";\n -webkit-box-orient: vertical;\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbn07XG4iXX0= */")
|
|
43
43
|
}, props), children);
|
|
44
44
|
};
|
|
45
45
|
Text.propTypes = {
|
package/es/foundational/field.js
CHANGED
|
@@ -2,7 +2,7 @@ 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.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
-
var _excluded = ["paddingLeft", "paddingRight", "hasError"],
|
|
5
|
+
var _excluded = ["paddingLeft", "paddingRight", "hasError", "isDisabled"],
|
|
6
6
|
_excluded2 = ["children"];
|
|
7
7
|
|
|
8
8
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -26,11 +26,13 @@ export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
26
26
|
_ref2$paddingRight = _ref2.paddingRight,
|
|
27
27
|
paddingRight = _ref2$paddingRight === void 0 ? componentVars.fieldXPadding : _ref2$paddingRight,
|
|
28
28
|
hasError = _ref2.hasError,
|
|
29
|
+
isDisabled = _ref2.isDisabled,
|
|
29
30
|
props = _objectWithoutProperties(_ref2, _excluded);
|
|
30
31
|
|
|
31
32
|
return ___EmotionJSX("input", _extends({
|
|
33
|
+
disabled: isDisabled,
|
|
32
34
|
ref: ref,
|
|
33
|
-
css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.borderWidth, " solid ", getColor(hasError ? 'danger' : 'fade3'), ";&::placeholder{color:", getColor('grey5'), ";}", !hasError && "\n &:hover {\n
|
|
35
|
+
css: /*#__PURE__*/css(styles.transitions, ";appearance:none;border:none;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", componentVars.textBoxHeight, ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";outline:none;border:", componentVars.borderWidth, " solid ", getColor(hasError ? 'danger' : 'fade3'), ";&::placeholder{color:", getColor('grey5'), ";}&:disabled{background-color:", getColor('backgroundDisabled'), ";color:", getColor('contentDisabled'), ";}", !hasError && "\n &:not(:disabled) {\n &:hover {\n border-color: ".concat(componentVars.fieldBorderColorHover, ";\n }\n\n &:focus {\n transition: 0s;\n border-color: ").concat(componentVars.fieldBorderColorFocus, ";\n }\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */")
|
|
34
36
|
}, props));
|
|
35
37
|
});
|
|
36
38
|
|
|
@@ -40,7 +42,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
40
42
|
} : {
|
|
41
43
|
name: "kcfrrv-FieldLabel",
|
|
42
44
|
styles: "display:block;margin-bottom:4px;label:FieldLabel;",
|
|
43
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBwYWRkaW5nUmlnaHQgPSBjb21wb25lbnRWYXJzLmZpZWxkWFBhZGRpbmcsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8aW5wdXRcbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIGZvbnQ6IGluaGVyaXQ7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgICBwYWRkaW5nOiAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9O1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5ib3JkZXJXaWR0aH0gc29saWQgJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZhZGUzJyl9O1xuXG4gICAgICAgICY6OnBsYWNlaG9sZGVyIHtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcignZ3JleTUnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kRGlzYWJsZWQnKX07XG4gICAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7IWhhc0Vycm9yICYmXG4gICAgICAgIGBcbiAgICAgICAgICAmOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Y29tcG9uZW50VmFycy5maWVsZEJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgICAgdHJhbnNpdGlvbjogMHM7XG4gICAgICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtjb21wb25lbnRWYXJzLmZpZWxkQm9yZGVyQ29sb3JGb2N1c307XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9sYWJlbD5cbikpO1xuIl19 */",
|
|
44
46
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
45
47
|
};
|
|
46
48
|
|
package/es/icons/icon-cross.js
CHANGED
|
@@ -7,15 +7,17 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
|
7
7
|
|
|
8
8
|
var IconCross = function IconCross(props) {
|
|
9
9
|
return ___EmotionJSX("svg", _extends({
|
|
10
|
-
viewBox: "0 0
|
|
10
|
+
viewBox: "0 0 16 24",
|
|
11
11
|
fill: "none",
|
|
12
12
|
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
-
}, props), ___EmotionJSX("
|
|
13
|
+
}, props), ___EmotionJSX("g", {
|
|
14
|
+
clipPath: "url(#prefix__clip0_157_1030)"
|
|
15
|
+
}, ___EmotionJSX("path", {
|
|
14
16
|
fillRule: "evenodd",
|
|
15
17
|
clipRule: "evenodd",
|
|
16
|
-
d: "
|
|
18
|
+
d: "M7.998 13.414l6.588 6.588L16 18.587 9.412 12 16 5.412l-1.414-1.414-6.588 6.587L1.41 3.998-.004 5.412 6.584 12l-6.588 6.587 1.414 1.415 6.588-6.588z",
|
|
17
19
|
fill: "currentColor"
|
|
18
|
-
}));
|
|
20
|
+
})));
|
|
19
21
|
};
|
|
20
22
|
|
|
21
23
|
export default IconCross;
|
package/es/types.js
CHANGED
|
@@ -21,6 +21,7 @@ export var types = {
|
|
|
21
21
|
fieldSize: PropTypes.oneOf(['s', 'm']),
|
|
22
22
|
textTag: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label']),
|
|
23
23
|
responsiveColumns: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
24
|
+
responsiveRows: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
|
24
25
|
autoFlow: PropTypes.oneOf(autoFlows),
|
|
25
26
|
gridItemsAlignment: PropTypes.oneOf(gridItemsAlignments),
|
|
26
27
|
gridContentPosition: PropTypes.oneOf(gridContentPositions),
|
|
@@ -115,4 +115,14 @@ export var getResponsiveGridColumns = function getResponsiveGridColumns(columns)
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
return "".concat(property, ": ").concat(columns);
|
|
118
|
+
};
|
|
119
|
+
export var getResponsiveGridRows = function getResponsiveGridRows(rows) {
|
|
120
|
+
if (!rows) return;
|
|
121
|
+
var property = 'grid-template-rows';
|
|
122
|
+
|
|
123
|
+
if (isObject(rows)) {
|
|
124
|
+
return mapObjToMedia(property, rows);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
return "".concat(property, ": ").concat(rows);
|
|
118
128
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flodesk/grain",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.19.0",
|
|
4
4
|
"description": "Flodesk design system",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"author": "Flodesk",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"prop-types": "^15.8.1"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
+
"@headlessui/react": "^1.7.2",
|
|
30
31
|
"react": ">=16.8",
|
|
31
|
-
"react-dom": ">=16.8"
|
|
32
|
-
"@headlessui/react": "^1.6.6"
|
|
32
|
+
"react-dom": ">=16.8"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@babel/cli": "^7.17.10",
|