@flodesk/grain 11.73.0 → 11.74.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/textarea.js +24 -15
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
|
-
const _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows", "backgroundColor"];
|
|
2
|
+
const _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows", "backgroundColor", "size"];
|
|
3
3
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
4
4
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
5
5
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
|
|
|
9
9
|
import { FieldHint, FieldLabel, getFieldStyles } from '../foundational';
|
|
10
10
|
import { Box } from './box';
|
|
11
11
|
import { types } from '../types';
|
|
12
|
-
import { getColor, getRadius, getSpace, getTextSize } from '../utilities';
|
|
12
|
+
import { getColor, getOpticalPaddingY, getRadius, getSpace, getTextSize } from '../utilities';
|
|
13
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
14
14
|
const counterBarHeight = '32px';
|
|
15
15
|
const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -23,7 +23,7 @@ const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
23
23
|
} : {
|
|
24
24
|
name: "d4ujbj",
|
|
25
25
|
styles: "position:absolute;bottom:var(--grn-border-size);left:var(--grn-border-size);right:var(--grn-border-size)",
|
|
26
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRPcHRpY2FsUGFkZGluZ1ksIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRleHRTaXplIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgY291bnRlckJhckhlaWdodCA9ICczMnB4JztcblxuY29uc3QgQ291bnRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgbGVmdDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbiAgcmlnaHQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG5gO1xuXG5jb25zdCBDb3VudGVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogZW5kO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBwYWRkaW5nLWlubGluZTogJHtnZXRTcGFjZSgnczInKX07XG4gIGhlaWdodDogJHtjb3VudGVyQmFySGVpZ2h0fTtcbiAgYmFja2dyb3VuZDogJHsoeyBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0Q29sb3IoYmFja2dyb3VuZENvbG9yKX07XG4gIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1ncm4tYm9yZGVyLXNpemUpKTtcbiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IGNhbGMoJHtnZXRSYWRpdXMoJ3MnKX0gLSB2YXIoLS1ncm4tYm9yZGVyLXNpemUpKTtcbiAgZm9udC1zaXplOiAke2dldFRleHRTaXplKCdzJyl9O1xuYDtcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoLCBiYWNrZ3JvdW5kQ29sb3IgPSAnYmFja2dyb3VuZCcgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb3VudGVyUm9vdFxuICAgICAgcGFkZGluZ1g9XCJzXCJcbiAgICAgIHBhZGRpbmdZPVwieHNcIlxuICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJlbmRcIlxuICAgID5cbiAgICAgIHtsZW5ndGh9XG4gICAgICA8Qm94IGNvbG9yPVwiY29udGVudDJcIj4mbmJzcDsvIHttYXhMZW5ndGh9PC9Cb3g+XG4gICAgPC9Db3VudGVyUm9vdD5cbiAgKTtcbn07XG5cbmNvbnN0IFRleHRhcmVhV3JhcHBlciA9ICh7IGNoaWxkcmVuLCBtYXhMZW5ndGggfSkgPT4ge1xuICBpZiAoIW1heExlbmd0aCkgcmV0dXJuIGNoaWxkcmVuO1xuXG4gIHJldHVybiA8Qm94IHBvc2l0aW9uPVwicmVsYXRpdmVcIj57Y2hpbGRyZW59PC9Cb3g+O1xufTtcblxuY29uc3QgVGV4dGFyZWFGaWVsZCA9IHN0eWxlZC50ZXh0YXJlYWBcbiAgLS1wYWRkaW5nWDogJHsoeyBzaXplIH0pID0+IGB2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gtJHtzaXplfSlgfTtcbiAgLS1wYWRkaW5nWTogJHtnZXRPcHRpY2FsUGFkZGluZ1koYHZhcigtLXBhZGRpbmdYKWApfTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tcGFkZGluZ1gpO1xuICBwYWRkaW5nLWJsb2NrOiByb3VuZCh1cCwgdmFyKC0tcGFkZGluZ1kpLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoZnVuY3Rpb24gVGV4dGFyZWEoXG4gIHtcbiAgICB2YWx1ZSxcbiAgICBwbGFjZWhvbGRlcixcbiAgICBsYWJlbCxcbiAgICBpZCxcbiAgICBoYXNFcnJvcixcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgaXNSZWFkT25seSxcbiAgICBpc0Rpc2FibGVkLFxuICAgIGhpbnQsXG4gICAgbWF4TGVuZ3RoLFxuICAgIGNoaWxkcmVuLFxuICAgIHJvd3MgPSAzLFxuICAgIGJhY2tncm91bmRDb2xvcixcbiAgICBzaXplID0gJ20nLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHJlZixcbikge1xuICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgPEJveCBtYXJnaW5Cb3R0b209XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG5cbiAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICA8VGV4dGFyZWFGaWVsZFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgIGhhc0NvdW50ZXI9e2hhc0NvdW50ZXJ9XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICA8Q291bnRlcldyYXBwZXI+XG4gICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L0NvdW50ZXJXcmFwcGVyPlxuICAgICAgICApfVxuICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8Qm94IGNvbG9yPVwiY29udGVudERhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvQm94PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblRleHRhcmVhLkZpZWxkID0gVGV4dGFyZWFGaWVsZDtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2YoWydtJywgJ2wnXSksXG59O1xuIl19 */",
|
|
27
27
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
28
28
|
});
|
|
29
29
|
const CounterRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -36,7 +36,7 @@ const CounterRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
|
|
|
36
36
|
backgroundColor
|
|
37
37
|
} = _ref;
|
|
38
38
|
return getColor(backgroundColor);
|
|
39
|
-
}, ";border-bottom-left-radius:calc(", getRadius('s'), " - var(--grn-border-size));border-bottom-right-radius:calc(", getRadius('s'), " - var(--grn-border-size));font-size:", getTextSize('s'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
39
|
+
}, ";border-bottom-left-radius:calc(", getRadius('s'), " - var(--grn-border-size));border-bottom-right-radius:calc(", getRadius('s'), " - var(--grn-border-size));font-size:", getTextSize('s'), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0T3B0aWNhbFBhZGRpbmdZLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1k6ICR7Z2V0T3B0aWNhbFBhZGRpbmdZKGB2YXIoLS1wYWRkaW5nWClgKX07XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmdZKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnREYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5UZXh0YXJlYS5GaWVsZCA9IFRleHRhcmVhRmllbGQ7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
|
|
40
40
|
const Counter = _ref2 => {
|
|
41
41
|
let {
|
|
42
42
|
length,
|
|
@@ -68,22 +68,27 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
|
|
|
68
68
|
} : {
|
|
69
69
|
target: "e1hvcshh0",
|
|
70
70
|
label: "TextareaField"
|
|
71
|
-
})("--
|
|
71
|
+
})("--paddingX:", _ref4 => {
|
|
72
|
+
let {
|
|
73
|
+
size
|
|
74
|
+
} = _ref4;
|
|
75
|
+
return "var(--grn-field-paddingX-".concat(size, ")");
|
|
76
|
+
}, ";--paddingY:", getOpticalPaddingY("var(--paddingX)"), ";", _ref5 => {
|
|
72
77
|
let {
|
|
73
78
|
hasError,
|
|
74
79
|
backgroundColor
|
|
75
|
-
} =
|
|
80
|
+
} = _ref5;
|
|
76
81
|
return getFieldStyles({
|
|
77
82
|
hasError,
|
|
78
83
|
backgroundColor
|
|
79
84
|
});
|
|
80
|
-
}, ";resize:none;padding-inline:var(--
|
|
85
|
+
}, ";resize:none;padding-inline:var(--paddingX);padding-block:round(up, var(--paddingY), 1px);", _ref6 => {
|
|
81
86
|
let {
|
|
82
87
|
hasCounter
|
|
83
|
-
} =
|
|
88
|
+
} = _ref6;
|
|
84
89
|
return hasCounter && "border-bottom-width: ".concat(counterBarHeight);
|
|
85
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
86
|
-
export const Textarea = /*#__PURE__*/forwardRef(function Textarea(
|
|
90
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0T3B0aWNhbFBhZGRpbmdZLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC0tcGFkZGluZ1g6ICR7KHsgc2l6ZSB9KSA9PiBgdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYLSR7c2l6ZX0pYH07XG4gIC0tcGFkZGluZ1k6ICR7Z2V0T3B0aWNhbFBhZGRpbmdZKGB2YXIoLS1wYWRkaW5nWClgKX07XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmdZKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKGZ1bmN0aW9uIFRleHRhcmVhKFxuICB7XG4gICAgdmFsdWUsXG4gICAgcGxhY2Vob2xkZXIsXG4gICAgbGFiZWwsXG4gICAgaWQsXG4gICAgaGFzRXJyb3IsXG4gICAgZXJyb3JNZXNzYWdlLFxuICAgIGlzUmVhZE9ubHksXG4gICAgaXNEaXNhYmxlZCxcbiAgICBoaW50LFxuICAgIG1heExlbmd0aCxcbiAgICBjaGlsZHJlbixcbiAgICByb3dzID0gMyxcbiAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgc2l6ZSA9ICdtJyxcbiAgICAuLi5wcm9wc1xuICB9LFxuICByZWYsXG4pIHtcbiAgY29uc3QgaGFzQ291bnRlciA9IEJvb2xlYW4obWF4TGVuZ3RoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgeyhsYWJlbCB8fCBoaW50KSAmJiAoXG4gICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPC9Cb3g+XG4gICAgICApfVxuXG4gICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAvPlxuICAgICAgICB7aGFzQ291bnRlciAmJiAoXG4gICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9XG4gICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgKX1cbiAgICAgIDwvVGV4dGFyZWFXcmFwcGVyPlxuXG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnREYW5nZXJcIiBtYXJnaW5Ub3A9XCJ2YXIoLS1ncm4tZm9ybS1jb250cm9sLWxhYmVsLWdhcClcIj5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0JveD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuVGV4dGFyZWEuQ291bnRlciA9IENvdW50ZXI7XG5UZXh0YXJlYS5GaWVsZCA9IFRleHRhcmVhRmllbGQ7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgc2l6ZTogUHJvcFR5cGVzLm9uZU9mKFsnbScsICdsJ10pLFxufTtcbiJdfQ== */"));
|
|
91
|
+
export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref7, ref) {
|
|
87
92
|
let {
|
|
88
93
|
value,
|
|
89
94
|
placeholder,
|
|
@@ -97,9 +102,10 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
|
|
|
97
102
|
maxLength,
|
|
98
103
|
children,
|
|
99
104
|
rows = 3,
|
|
100
|
-
backgroundColor
|
|
101
|
-
|
|
102
|
-
|
|
105
|
+
backgroundColor,
|
|
106
|
+
size = 'm'
|
|
107
|
+
} = _ref7,
|
|
108
|
+
props = _objectWithoutProperties(_ref7, _excluded);
|
|
103
109
|
const hasCounter = Boolean(maxLength);
|
|
104
110
|
return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
|
|
105
111
|
marginBottom: "var(--grn-form-control-label-gap)"
|
|
@@ -119,7 +125,8 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
|
|
|
119
125
|
disabled: isDisabled,
|
|
120
126
|
hasError: hasError,
|
|
121
127
|
backgroundColor: backgroundColor,
|
|
122
|
-
hasCounter: hasCounter
|
|
128
|
+
hasCounter: hasCounter,
|
|
129
|
+
size: size
|
|
123
130
|
}, props)), hasCounter && ___EmotionJSX(CounterWrapper, null, ___EmotionJSX(Counter, {
|
|
124
131
|
length: value.length,
|
|
125
132
|
maxLength: maxLength,
|
|
@@ -130,6 +137,7 @@ export const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref6, ref) {
|
|
|
130
137
|
}, errorMessage));
|
|
131
138
|
});
|
|
132
139
|
Textarea.Counter = Counter;
|
|
140
|
+
Textarea.Field = TextareaField;
|
|
133
141
|
Textarea.propTypes = {
|
|
134
142
|
value: PropTypes.string,
|
|
135
143
|
placeholder: PropTypes.string,
|
|
@@ -142,5 +150,6 @@ Textarea.propTypes = {
|
|
|
142
150
|
hint: types.hint,
|
|
143
151
|
maxLength: PropTypes.number,
|
|
144
152
|
rows: PropTypes.number,
|
|
145
|
-
backgroundColor: types.color
|
|
153
|
+
backgroundColor: types.color,
|
|
154
|
+
size: PropTypes.oneOf(['m', 'l'])
|
|
146
155
|
};
|