@flodesk/grain 7.4.1 → 7.5.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/index.js +2 -1
- package/es/components/progress.js +5 -8
- package/es/components/textarea.js +74 -0
- package/es/foundational/field.js +32 -15
- package/package.json +1 -1
package/es/components/index.js
CHANGED
|
@@ -22,4 +22,5 @@ export { Modal } from './modal';
|
|
|
22
22
|
export { Link, linkStyles } from './link';
|
|
23
23
|
export { Popover } from './popover';
|
|
24
24
|
export { Tooltip } from './tooltip';
|
|
25
|
-
export { Progress } from './progress';
|
|
25
|
+
export { Progress } from './progress';
|
|
26
|
+
export { Textarea } from './textarea';
|
|
@@ -3,7 +3,7 @@ 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
5
|
import _styled from "@emotion/styled/base";
|
|
6
|
-
var _excluded = ["max", "
|
|
6
|
+
var _excluded = ["max", "value"];
|
|
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); }
|
|
9
9
|
|
|
@@ -24,19 +24,18 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
24
24
|
} : {
|
|
25
25
|
target: "e665t821",
|
|
26
26
|
label: "Root"
|
|
27
|
-
})("position:relative;&::after{content:'';display:block;height:100%;width:var(--value);background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;transition:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
})("position:relative;&::after{content:'';display:block;height:100%;width:var(--value);background:", fill, ";border-radius:", height, ";position:absolute;top:0;left:0;transition:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTdUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvcHJvZ3Jlc3MuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gZ2V0Q29sb3IoJ2ZhZGUxJyk7XG5jb25zdCBmaWxsID0gZ2V0Q29sb3IoJ2NvbnRlbnQnKTtcbmNvbnN0IGhlaWdodCA9ICc0cHgnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IHZhcigtLXZhbHVlKTtcbiAgICBiYWNrZ3JvdW5kOiAke2ZpbGx9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5gO1xuXG5jb25zdCBQcm9ncmVzc1Jvb3QgPSBzdHlsZWQucHJvZ3Jlc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6ICR7YmFja2dyb3VuZH07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtoZWlnaHR9O1xuICBib3JkZXI6IG5vbmU7XG5cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy1iYXIge1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICB9XG4gICY6Oi1tb3otcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotd2Via2l0LXByb2dyZXNzLXZhbHVlIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFByb2dyZXNzID0gZm9yd2FyZFJlZigoeyBtYXggPSAxMDAsIHZhbHVlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgdmFsdWVTdHJpbmcgPSBgJHsodmFsdWUgLyBtYXgpICogMTAwfSVgO1xuICByZXR1cm4gKFxuICAgIDxSb290IHN0eWxlPXt7ICctLXZhbHVlJzogdmFsdWVTdHJpbmcgfX0+XG4gICAgICA8UHJvZ3Jlc3NSb290IHJlZj17cmVmfSB2YWx1ZT17dmFsdWV9IG1heD17bWF4fSB7Li4ucHJvcHN9IC8+XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cblByb2dyZXNzLnByb3BUeXBlcyA9IHtcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
|
|
28
28
|
|
|
29
29
|
var ProgressRoot = /*#__PURE__*/_styled("progress", process.env.NODE_ENV === "production" ? {
|
|
30
30
|
target: "e665t820"
|
|
31
31
|
} : {
|
|
32
32
|
target: "e665t820",
|
|
33
33
|
label: "ProgressRoot"
|
|
34
|
-
})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
34
|
+
})("appearance:none;margin:0;display:block;background:", background, ";width:100%;height:", height, ";border-radius:", height, ";border:none;&::-webkit-progress-bar{background:transparent;}&::-moz-progress-bar{background:transparent;}&::-webkit-progress-value{background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQm9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3Byb2dyZXNzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgYmFja2dyb3VuZCA9IGdldENvbG9yKCdmYWRlMScpO1xuY29uc3QgZmlsbCA9IGdldENvbG9yKCdjb250ZW50Jyk7XG5jb25zdCBoZWlnaHQgPSAnNHB4JztcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAmOjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiB2YXIoLS12YWx1ZSk7XG4gICAgYmFja2dyb3VuZDogJHtmaWxsfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2hlaWdodH07XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuY29uc3QgUHJvZ3Jlc3NSb290ID0gc3R5bGVkLnByb2dyZXNzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiAke2JhY2tncm91bmR9O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke2hlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7aGVpZ2h0fTtcbiAgYm9yZGVyOiBub25lO1xuXG4gICY6Oi13ZWJraXQtcHJvZ3Jlc3MtYmFyIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuICAmOjotbW96LXByb2dyZXNzLWJhciB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbiAgJjo6LXdlYmtpdC1wcm9ncmVzcy12YWx1ZSB7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBQcm9ncmVzcyA9IGZvcndhcmRSZWYoKHsgbWF4ID0gMTAwLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHZhbHVlU3RyaW5nID0gYCR7KHZhbHVlIC8gbWF4KSAqIDEwMH0lYDtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBzdHlsZT17eyAnLS12YWx1ZSc6IHZhbHVlU3RyaW5nIH19PlxuICAgICAgPFByb2dyZXNzUm9vdCByZWY9e3JlZn0gdmFsdWU9e3ZhbHVlfSBtYXg9e21heH0gey4uLnByb3BzfSAvPlxuICAgIDwvUm9vdD5cbiAgKTtcbn0pO1xuXG5Qcm9ncmVzcy5wcm9wVHlwZXMgPSB7XG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG59O1xuIl19 */"));
|
|
35
35
|
|
|
36
36
|
export var Progress = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
37
37
|
var _ref$max = _ref.max,
|
|
38
38
|
max = _ref$max === void 0 ? 100 : _ref$max,
|
|
39
|
-
onChange = _ref.onChange,
|
|
40
39
|
value = _ref.value,
|
|
41
40
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
42
41
|
|
|
@@ -48,12 +47,10 @@ export var Progress = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
48
47
|
}, ___EmotionJSX(ProgressRoot, _extends({
|
|
49
48
|
ref: ref,
|
|
50
49
|
value: value,
|
|
51
|
-
max: max
|
|
52
|
-
onChange: onChange
|
|
50
|
+
max: max
|
|
53
51
|
}, props)));
|
|
54
52
|
});
|
|
55
53
|
Progress.propTypes = {
|
|
56
54
|
max: PropTypes.number,
|
|
57
|
-
value: PropTypes.number
|
|
58
|
-
onChange: PropTypes.func
|
|
55
|
+
value: PropTypes.number
|
|
59
56
|
};
|
|
@@ -0,0 +1,74 @@
|
|
|
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.symbol.js";
|
|
4
|
+
import "core-js/modules/es.object.assign.js";
|
|
5
|
+
var _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows"];
|
|
6
|
+
|
|
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
|
+
|
|
9
|
+
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; }
|
|
10
|
+
|
|
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
|
+
|
|
13
|
+
import React, { forwardRef } from 'react';
|
|
14
|
+
import PropTypes from 'prop-types';
|
|
15
|
+
import { FieldHint, FieldLabel, getFieldStyles } from '../foundational';
|
|
16
|
+
import { Box } from './box';
|
|
17
|
+
import { Text } from './text';
|
|
18
|
+
import { types } from '../types';
|
|
19
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
20
|
+
export var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
21
|
+
var value = _ref.value,
|
|
22
|
+
placeholder = _ref.placeholder,
|
|
23
|
+
label = _ref.label,
|
|
24
|
+
id = _ref.id,
|
|
25
|
+
hasError = _ref.hasError,
|
|
26
|
+
errorMessage = _ref.errorMessage,
|
|
27
|
+
isReadOnly = _ref.isReadOnly,
|
|
28
|
+
isDisabled = _ref.isDisabled,
|
|
29
|
+
hint = _ref.hint,
|
|
30
|
+
maxLength = _ref.maxLength,
|
|
31
|
+
children = _ref.children,
|
|
32
|
+
_ref$rows = _ref.rows,
|
|
33
|
+
rows = _ref$rows === void 0 ? 3 : _ref$rows,
|
|
34
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
|
|
36
|
+
return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
|
|
37
|
+
marginBottom: "betweenFormControlAndLabel"
|
|
38
|
+
}, label && ___EmotionJSX(FieldLabel, {
|
|
39
|
+
htmlFor: id
|
|
40
|
+
}, label), hint && ___EmotionJSX(FieldHint, null, hint)), ___EmotionJSX("textarea", _extends({
|
|
41
|
+
ref: ref,
|
|
42
|
+
id: id,
|
|
43
|
+
value: value,
|
|
44
|
+
name: id,
|
|
45
|
+
rows: rows,
|
|
46
|
+
maxLength: maxLength,
|
|
47
|
+
placeholder: placeholder,
|
|
48
|
+
readOnly: isReadOnly,
|
|
49
|
+
disabled: isDisabled,
|
|
50
|
+
css: getFieldStyles({
|
|
51
|
+
paddingTop: '8px',
|
|
52
|
+
paddingBottom: '8px',
|
|
53
|
+
height: 'unset',
|
|
54
|
+
hasError: hasError
|
|
55
|
+
})
|
|
56
|
+
}, props)), errorMessage && ___EmotionJSX(Box, {
|
|
57
|
+
marginTop: "betweenFormControlAndLabel"
|
|
58
|
+
}, ___EmotionJSX(Text, {
|
|
59
|
+
color: "danger"
|
|
60
|
+
}, errorMessage)));
|
|
61
|
+
});
|
|
62
|
+
Textarea.propTypes = {
|
|
63
|
+
value: PropTypes.string,
|
|
64
|
+
placeholder: PropTypes.string,
|
|
65
|
+
label: types.label,
|
|
66
|
+
id: PropTypes.string.isRequired,
|
|
67
|
+
hasError: PropTypes.bool,
|
|
68
|
+
errorMessage: PropTypes.string,
|
|
69
|
+
isReadOnly: PropTypes.bool,
|
|
70
|
+
isDisabled: PropTypes.bool,
|
|
71
|
+
hint: types.hint,
|
|
72
|
+
maxLength: PropTypes.number,
|
|
73
|
+
rows: PropTypes.number
|
|
74
|
+
};
|
package/es/foundational/field.js
CHANGED
|
@@ -8,12 +8,11 @@ var _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDis
|
|
|
8
8
|
|
|
9
9
|
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); }
|
|
10
10
|
|
|
11
|
-
import "core-js/modules/es.array.concat.js";
|
|
12
|
-
|
|
13
11
|
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; }
|
|
14
12
|
|
|
15
13
|
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; }
|
|
16
14
|
|
|
15
|
+
import "core-js/modules/es.array.concat.js";
|
|
17
16
|
import { css } from '@emotion/react';
|
|
18
17
|
import { forwardRef } from 'react';
|
|
19
18
|
import { Text } from '../components';
|
|
@@ -28,35 +27,53 @@ export var fieldVars = {
|
|
|
28
27
|
borderColorDisabled: getColor('shade5'),
|
|
29
28
|
backgroundColorDisabled: getColor('shade2')
|
|
30
29
|
};
|
|
31
|
-
export var
|
|
32
|
-
var _ref$
|
|
30
|
+
export var getFieldStyles = function getFieldStyles(_ref) {
|
|
31
|
+
var _ref$paddingTop = _ref.paddingTop,
|
|
32
|
+
paddingTop = _ref$paddingTop === void 0 ? '0' : _ref$paddingTop,
|
|
33
|
+
_ref$paddingBottom = _ref.paddingBottom,
|
|
34
|
+
paddingBottom = _ref$paddingBottom === void 0 ? '0' : _ref$paddingBottom,
|
|
35
|
+
_ref$paddingLeft = _ref.paddingLeft,
|
|
33
36
|
paddingLeft = _ref$paddingLeft === void 0 ? fieldVars.xPadding : _ref$paddingLeft,
|
|
34
37
|
_ref$paddingRight = _ref.paddingRight,
|
|
35
38
|
paddingRight = _ref$paddingRight === void 0 ? fieldVars.xPadding : _ref$paddingRight,
|
|
36
39
|
hasError = _ref.hasError,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
+
_ref$height = _ref.height,
|
|
41
|
+
height = _ref$height === void 0 ? componentVars.textBoxHeight : _ref$height;
|
|
42
|
+
return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";height:", height, ";padding:", paddingTop, " ", paddingRight, " ", paddingBottom, " ", paddingLeft, ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", hasError ? getColor('danger') : fieldVars.borderColor, ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", fieldVars.backgroundColorDisabled, ";border-color:", fieldVars.borderColorDisabled, ";}", !hasError && "\n &:not(:disabled, :read-only) {\n &:hover {\n border-color: ".concat(fieldVars.borderColorHover, ";\n }\n\n &:focus {\n transition: ").concat(componentVars.transitionActive, ";\n border-color: ").concat(fieldVars.borderColorFocus, ";\n }\n }\n "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCUyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7XG4gIHBhZGRpbmdUb3AgPSAnMCcsXG4gIHBhZGRpbmdCb3R0b20gPSAnMCcsXG4gIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gIGhhc0Vycm9yLFxuICBoZWlnaHQgPSBjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHQsXG59KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBwYWRkaW5nOiAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtnZXRGaWVsZFN0eWxlcyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQsIGhhc0Vycm9yIH0pfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */");
|
|
43
|
+
};
|
|
44
|
+
export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
45
|
+
var _ref2$paddingLeft = _ref2.paddingLeft,
|
|
46
|
+
paddingLeft = _ref2$paddingLeft === void 0 ? fieldVars.xPadding : _ref2$paddingLeft,
|
|
47
|
+
_ref2$paddingRight = _ref2.paddingRight,
|
|
48
|
+
paddingRight = _ref2$paddingRight === void 0 ? fieldVars.xPadding : _ref2$paddingRight,
|
|
49
|
+
hasError = _ref2.hasError,
|
|
50
|
+
isReadOnly = _ref2.isReadOnly,
|
|
51
|
+
isDisabled = _ref2.isDisabled,
|
|
52
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
40
53
|
|
|
41
54
|
return ___EmotionJSX("input", _extends({
|
|
42
55
|
readOnly: isReadOnly,
|
|
43
56
|
disabled: isDisabled,
|
|
44
57
|
ref: ref,
|
|
45
|
-
css:
|
|
58
|
+
css: getFieldStyles({
|
|
59
|
+
paddingLeft: paddingLeft,
|
|
60
|
+
paddingRight: paddingRight,
|
|
61
|
+
hasError: hasError
|
|
62
|
+
})
|
|
46
63
|
}, props));
|
|
47
64
|
});
|
|
48
|
-
export var FieldLabel = /*#__PURE__*/forwardRef(function (
|
|
49
|
-
var children =
|
|
50
|
-
props = _objectWithoutProperties(
|
|
65
|
+
export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
66
|
+
var children = _ref3.children,
|
|
67
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
51
68
|
|
|
52
69
|
return ___EmotionJSX("label", _extends({
|
|
53
70
|
ref: ref,
|
|
54
|
-
css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
71
|
+
css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdGWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7XG4gIHBhZGRpbmdUb3AgPSAnMCcsXG4gIHBhZGRpbmdCb3R0b20gPSAnMCcsXG4gIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICBwYWRkaW5nUmlnaHQgPSBmaWVsZFZhcnMueFBhZGRpbmcsXG4gIGhhc0Vycm9yLFxuICBoZWlnaHQgPSBjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHQsXG59KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogJHtoZWlnaHR9O1xuICBwYWRkaW5nOiAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9O1xuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtnZXRGaWVsZFN0eWxlcyh7IHBhZGRpbmdMZWZ0LCBwYWRkaW5nUmlnaHQsIGhhc0Vycm9yIH0pfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
|
|
55
72
|
}, props), children);
|
|
56
73
|
});
|
|
57
|
-
export var FieldHint = /*#__PURE__*/forwardRef(function (
|
|
58
|
-
var children =
|
|
59
|
-
props = _objectWithoutProperties(
|
|
74
|
+
export var FieldHint = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
75
|
+
var children = _ref4.children,
|
|
76
|
+
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
60
77
|
|
|
61
78
|
return ___EmotionJSX(Text, _extends({
|
|
62
79
|
color: "content2",
|