@flodesk/grain 7.4.2 → 7.5.1
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/textarea.js +72 -0
- package/es/foundational/field.js +24 -19
- 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';
|
|
@@ -0,0 +1,72 @@
|
|
|
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, fieldVars, getFieldStyles } from '../foundational';
|
|
16
|
+
import { Box } from './box';
|
|
17
|
+
import { Text } from './text';
|
|
18
|
+
import { types } from '../types';
|
|
19
|
+
import { css } from '@emotion/react';
|
|
20
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
|
+
export var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
22
|
+
var value = _ref.value,
|
|
23
|
+
placeholder = _ref.placeholder,
|
|
24
|
+
label = _ref.label,
|
|
25
|
+
id = _ref.id,
|
|
26
|
+
hasError = _ref.hasError,
|
|
27
|
+
errorMessage = _ref.errorMessage,
|
|
28
|
+
isReadOnly = _ref.isReadOnly,
|
|
29
|
+
isDisabled = _ref.isDisabled,
|
|
30
|
+
hint = _ref.hint,
|
|
31
|
+
maxLength = _ref.maxLength,
|
|
32
|
+
children = _ref.children,
|
|
33
|
+
_ref$rows = _ref.rows,
|
|
34
|
+
rows = _ref$rows === void 0 ? 3 : _ref$rows,
|
|
35
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
36
|
+
|
|
37
|
+
return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
|
|
38
|
+
marginBottom: "betweenFormControlAndLabel"
|
|
39
|
+
}, label && ___EmotionJSX(FieldLabel, {
|
|
40
|
+
htmlFor: id
|
|
41
|
+
}, label), hint && ___EmotionJSX(FieldHint, null, hint)), ___EmotionJSX("textarea", _extends({
|
|
42
|
+
ref: ref,
|
|
43
|
+
id: id,
|
|
44
|
+
value: value,
|
|
45
|
+
name: id,
|
|
46
|
+
rows: rows,
|
|
47
|
+
maxLength: maxLength,
|
|
48
|
+
placeholder: placeholder,
|
|
49
|
+
readOnly: isReadOnly,
|
|
50
|
+
disabled: isDisabled,
|
|
51
|
+
css: /*#__PURE__*/css(getFieldStyles({
|
|
52
|
+
hasError: hasError
|
|
53
|
+
}), ";resize:none;padding:8px ", fieldVars.xPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q2tCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZmllbGRWYXJzLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdj5cbiAgICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDx0ZXh0YXJlYVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAke2dldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IgfSl9O1xuICAgICAgICAgICAgcmVzaXplOiBub25lO1xuICAgICAgICAgICAgcGFkZGluZzogOHB4ICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgLz5cblxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */")
|
|
54
|
+
}, props)), errorMessage && ___EmotionJSX(Box, {
|
|
55
|
+
marginTop: "betweenFormControlAndLabel"
|
|
56
|
+
}, ___EmotionJSX(Text, {
|
|
57
|
+
color: "danger"
|
|
58
|
+
}, errorMessage)));
|
|
59
|
+
});
|
|
60
|
+
Textarea.propTypes = {
|
|
61
|
+
value: PropTypes.string,
|
|
62
|
+
placeholder: PropTypes.string,
|
|
63
|
+
label: types.label,
|
|
64
|
+
id: PropTypes.string.isRequired,
|
|
65
|
+
hasError: PropTypes.bool,
|
|
66
|
+
errorMessage: PropTypes.string,
|
|
67
|
+
isReadOnly: PropTypes.bool,
|
|
68
|
+
isDisabled: PropTypes.bool,
|
|
69
|
+
hint: types.hint,
|
|
70
|
+
maxLength: PropTypes.number,
|
|
71
|
+
rows: PropTypes.number
|
|
72
|
+
};
|
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,41 @@ export var fieldVars = {
|
|
|
28
27
|
borderColorDisabled: getColor('shade5'),
|
|
29
28
|
backgroundColorDisabled: getColor('shade2')
|
|
30
29
|
};
|
|
31
|
-
export var
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
30
|
+
export var getFieldStyles = function getFieldStyles(_ref) {
|
|
31
|
+
var hasError = _ref.hasError;
|
|
32
|
+
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'), ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtRCIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */");
|
|
33
|
+
};
|
|
34
|
+
export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
35
|
+
var _ref2$paddingLeft = _ref2.paddingLeft,
|
|
36
|
+
paddingLeft = _ref2$paddingLeft === void 0 ? fieldVars.xPadding : _ref2$paddingLeft,
|
|
37
|
+
_ref2$paddingRight = _ref2.paddingRight,
|
|
38
|
+
paddingRight = _ref2$paddingRight === void 0 ? fieldVars.xPadding : _ref2$paddingRight,
|
|
39
|
+
hasError = _ref2.hasError,
|
|
40
|
+
isReadOnly = _ref2.isReadOnly,
|
|
41
|
+
isDisabled = _ref2.isDisabled,
|
|
42
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
40
43
|
|
|
41
44
|
return ___EmotionJSX("input", _extends({
|
|
42
45
|
readOnly: isReadOnly,
|
|
43
46
|
disabled: isDisabled,
|
|
44
47
|
ref: ref,
|
|
45
|
-
css: /*#__PURE__*/css(
|
|
48
|
+
css: /*#__PURE__*/css(getFieldStyles({
|
|
49
|
+
hasError: hasError
|
|
50
|
+
}), ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
|
|
46
51
|
}, props));
|
|
47
52
|
});
|
|
48
|
-
export var FieldLabel = /*#__PURE__*/forwardRef(function (
|
|
49
|
-
var children =
|
|
50
|
-
props = _objectWithoutProperties(
|
|
53
|
+
export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
54
|
+
var children = _ref3.children,
|
|
55
|
+
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
51
56
|
|
|
52
57
|
return ___EmotionJSX("label", _extends({
|
|
53
58
|
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,
|
|
59
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRGaWVsZFN0eWxlcyA9ICh7IGhhc0Vycm9yIH0pID0+IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBkaXNwbGF5OiBibG9jaztcbiAgZm9udDogaW5oZXJpdDtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBib3JkZXItY29sb3I7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcblxuICBvdXRsaW5lOiBub25lO1xuICBib3JkZXI6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfSBzb2xpZDtcbiAgYm9yZGVyLWNvbG9yOiAke2hhc0Vycm9yID8gZ2V0Q29sb3IoJ2RhbmdlcicpIDogZmllbGRWYXJzLmJvcmRlckNvbG9yfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ZpZWxkVmFycy5iYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZH07XG4gICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckRpc2FibGVkfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9ySG92ZXJ9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtjb21wb25lbnRWYXJzLnRyYW5zaXRpb25BY3RpdmV9O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7ZmllbGRWYXJzLmJvcmRlckNvbG9yRm9jdXN9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgIHBhZGRpbmc6IDAgJHtwYWRkaW5nUmlnaHR9IDAgJHtwYWRkaW5nTGVmdH07XG4gICAgICAgIGhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGxhYmVsXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gICAgICAvKiBUT0RPOiByZW1vdmUgYWZ0ZXIgZGVsZXRpbmcgQm9vdHN0cmFwICovXG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2xhYmVsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCBGaWVsZEhpbnQgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiIHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG4iXX0= */")
|
|
55
60
|
}, props), children);
|
|
56
61
|
});
|
|
57
|
-
export var FieldHint = /*#__PURE__*/forwardRef(function (
|
|
58
|
-
var children =
|
|
59
|
-
props = _objectWithoutProperties(
|
|
62
|
+
export var FieldHint = /*#__PURE__*/forwardRef(function (_ref4, ref) {
|
|
63
|
+
var children = _ref4.children,
|
|
64
|
+
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
60
65
|
|
|
61
66
|
return ___EmotionJSX(Text, _extends({
|
|
62
67
|
color: "content2",
|