@flodesk/grain 7.4.2 → 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.
@@ -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,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
+ };
@@ -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 InputField = /*#__PURE__*/forwardRef(function (_ref, ref) {
32
- var _ref$paddingLeft = _ref.paddingLeft,
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
- isReadOnly = _ref.isReadOnly,
38
- isDisabled = _ref.isDisabled,
39
- props = _objectWithoutProperties(_ref, _excluded);
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: /*#__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.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:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtoYXNFcnJvciA/IGdldENvbG9yKCdkYW5nZXInKSA6IGZpZWxkVmFycy5ib3JkZXJDb2xvcn07XG5cbiAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKCdzaGFkZTcnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkLFxuICAgICAgICAmOnJlYWQtb25seSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmaWVsZFZhcnMuYmFja2dyb3VuZENvbG9yRGlzYWJsZWR9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JEaXNhYmxlZH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFoYXNFcnJvciAmJlxuICAgICAgICBgXG4gICAgICAgICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckhvdmVyfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uQWN0aXZlfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckZvY3VzfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
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 (_ref2, ref) {
49
- var children = _ref2.children,
50
- props = _objectWithoutProperties(_ref2, _excluded2);
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgc3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgZmllbGRWYXJzID0ge1xuICB4UGFkZGluZzogJzEycHgnLFxuICBib3JkZXJDb2xvcjogZ2V0Q29sb3IoJ2ZhZGUzJyksXG4gIGJvcmRlckNvbG9ySG92ZXI6IGdldENvbG9yKCdmYWRlNicpLFxuICBib3JkZXJDb2xvckZvY3VzOiBnZXRDb2xvcignc2hhZGU5JyksXG4gIGJvcmRlckNvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTUnKSxcbiAgYmFja2dyb3VuZENvbG9yRGlzYWJsZWQ6IGdldENvbG9yKCdzaGFkZTInKSxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZmllbGRWYXJzLnhQYWRkaW5nLFxuICAgICAgaGFzRXJyb3IsXG4gICAgICBpc1JlYWRPbmx5LFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxpbnB1dFxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgICAgICAgYXBwZWFyYW5jZTogbm9uZTtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtoYXNFcnJvciA/IGdldENvbG9yKCdkYW5nZXInKSA6IGZpZWxkVmFycy5ib3JkZXJDb2xvcn07XG5cbiAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKCdzaGFkZTcnKX07XG4gICAgICAgIH1cblxuICAgICAgICAmOmRpc2FibGVkLFxuICAgICAgICAmOnJlYWQtb25seSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmaWVsZFZhcnMuYmFja2dyb3VuZENvbG9yRGlzYWJsZWR9O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtmaWVsZFZhcnMuYm9yZGVyQ29sb3JEaXNhYmxlZH07XG4gICAgICAgIH1cblxuICAgICAgICAkeyFoYXNFcnJvciAmJlxuICAgICAgICBgXG4gICAgICAgICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckhvdmVyfTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICAgIHRyYW5zaXRpb246ICR7Y29tcG9uZW50VmFycy50cmFuc2l0aW9uQWN0aXZlfTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2ZpZWxkVmFycy5ib3JkZXJDb2xvckZvY3VzfTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
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 (_ref3, ref) {
58
- var children = _ref3.children,
59
- props = _objectWithoutProperties(_ref3, _excluded3);
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",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "7.4.2",
3
+ "version": "7.5.0",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "author": "Flodesk",