@flodesk/grain 10.8.0 → 10.8.2
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/autocomplete.js +3 -2
- package/es/components/autocomplete2.js +5 -5
- package/es/components/badge.js +5 -6
- package/es/components/box.js +83 -14
- package/es/components/button.js +5 -23
- package/es/components/checkbox.js +12 -18
- package/es/components/link.js +27 -16
- package/es/components/modal.js +78 -58
- package/es/components/nav.js +9 -19
- package/es/components/slider.js +6 -17
- package/es/components/spinner.js +3 -13
- package/es/components/switch.js +4 -16
- package/es/components/text-button.js +13 -12
- package/es/components/text.js +84 -28
- package/es/components/textarea.js +34 -20
- package/es/foundational/field.js +52 -28
- package/es/foundational/menu.js +73 -46
- package/es/foundational/styles.js +7 -7
- package/es/styles/base.js +2 -12
- package/es/styles/colors/core.js +2 -12
- package/es/styles/colors/experimental.js +2 -12
- package/es/styles/colors/index.js +1 -2
- package/es/styles/colors/theme.js +2 -12
- package/es/styles/index.js +1 -2
- package/es/styles/shadows.js +2 -12
- package/es/styles/variables.js +2 -12
- package/package.json +1 -1
package/es/components/switch.js
CHANGED
|
@@ -11,14 +11,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
11
11
|
|
|
12
12
|
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; }
|
|
13
13
|
|
|
14
|
-
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
15
|
-
|
|
16
14
|
import { getColor, getSpace, getTransition } from '../utilities';
|
|
17
15
|
import React, { forwardRef } from 'react';
|
|
18
16
|
import PropTypes from 'prop-types';
|
|
19
17
|
import { FieldHint, FieldLabel } from '../foundational';
|
|
20
18
|
import { types } from '../types';
|
|
21
|
-
import { css } from '@emotion/react';
|
|
22
19
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
23
20
|
var knobSizePx = 16;
|
|
24
21
|
var trackOffsetPx = 2;
|
|
@@ -31,7 +28,7 @@ var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production"
|
|
|
31
28
|
} : {
|
|
32
29
|
target: "ez8kn7b1",
|
|
33
30
|
label: "Input"
|
|
34
|
-
})("--trackColor:", getColor('shade6'), ";--knobColor:", getColor('shade1'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('disabledBackground'), ";--knobColor:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
})("--trackColor:", getColor('shade6'), ";--knobColor:", getColor('shade1'), ";appearance:none;height:", trackHeightPx, "px;width:", trackWidthPx, "px;display:block;border-radius:", trackHeightPx / 2, "px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackColor);&:after{content:'';position:absolute;left:", trackOffsetPx, "px;top:", trackOffsetPx, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked{--trackColor:", getColor('content'), ";}&:checked:after{transform:translateX(", knobActivePositionPx, "px);}&:disabled{--trackColor:", getColor('disabledBackground'), ";--knobColor:", getColor('disabledContent'), ";pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBrbm9iU2l6ZVB4ID0gMTY7XG5jb25zdCB0cmFja09mZnNldFB4ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGhQeCA9IDQwO1xuY29uc3QgdHJhY2tIZWlnaHRQeCA9IGtub2JTaXplUHggKyB0cmFja09mZnNldFB4ICogMjtcbmNvbnN0IGtub2JBY3RpdmVQb3NpdGlvblB4ID0gdHJhY2tXaWR0aFB4IC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0UHggKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3RyYWNrSGVpZ2h0UHh9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGhQeH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7dHJhY2tIZWlnaHRQeCAvIDJ9cHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tDb2xvcik7XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICB0b3A6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICBoZWlnaHQ6ICR7a25vYlNpemVQeH1weDtcbiAgICB3aWR0aDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0ta25vYkNvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtrbm9iQWN0aXZlUG9zaXRpb25QeH1weCk7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBoYXNUZXh0IH0pID0+XG4gICAgaGFzVGV4dCAmJlxuICAgIGBcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gIGB9O1xuXG4gIC5zd2l0Y2hMYWJlbCxcbiAgLnN3aXRjaEhpbnQge1xuICAgIGdyaWQtY29sdW1uOiAyIC8gMztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9IGZvcndhcmRSZWYoXG4gICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgY2hlY2tlZD17aXNBY3RpdmV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJzd2l0Y2hMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJzd2l0Y2hIaW50XCI+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Td2l0Y2guTGFiZWwgPSBGaWVsZExhYmVsO1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
|
|
35
32
|
|
|
36
33
|
var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
37
34
|
target: "ez8kn7b0"
|
|
@@ -41,17 +38,8 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
41
38
|
})(function (_ref) {
|
|
42
39
|
var hasText = _ref.hasText;
|
|
43
40
|
return hasText && "\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n width: fit-content;\n column-gap: ".concat(getSpace('betweenFormControlAndLabel'), ";\n ");
|
|
44
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}, ";.switchLabel,.switchHint{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUR1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICBgfTtcblxuICAuc3dpdGNoTGFiZWwsXG4gIC5zd2l0Y2hIaW50IHtcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoeyBpc0Rpc2FibGVkLCBpc0FjdGl2ZSwgbGFiZWwsIGhpbnQsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IGhhc1RleHQ9e2xhYmVsIHx8IGhpbnR9IHsuLi5wcm9wc30+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIGNoZWNrZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPVwic3dpdGNoTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY2xhc3NOYW1lPVwic3dpdGNoSGludFwiPntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuU3dpdGNoLkxhYmVsID0gRmllbGRMYWJlbDtcblxuU3dpdGNoLnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
|
|
45
42
|
|
|
46
|
-
var textPosition = process.env.NODE_ENV === "production" ? {
|
|
47
|
-
name: "pyv407",
|
|
48
|
-
styles: "grid-column:2/3"
|
|
49
|
-
} : {
|
|
50
|
-
name: "4vd2vv-textPosition",
|
|
51
|
-
styles: "grid-column:2/3;label:textPosition;",
|
|
52
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0V3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICBgfTtcbmA7XG5cbmNvbnN0IHRleHRQb3NpdGlvbiA9IGNzc2BcbiAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9IGZvcndhcmRSZWYoXG4gICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgY2hlY2tlZD17aXNBY3RpdmV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjc3M9e3RleHRQb3NpdGlvbn0+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgICApfVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50IGNzcz17dGV4dFBvc2l0aW9ufT57aGludH08L0ZpZWxkSGludD59XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblN3aXRjaC5MYWJlbCA9IEZpZWxkTGFiZWw7XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */",
|
|
53
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
54
|
-
};
|
|
55
43
|
export var Switch = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
56
44
|
var isDisabled = _ref2.isDisabled,
|
|
57
45
|
isActive = _ref2.isActive,
|
|
@@ -72,9 +60,9 @@ export var Switch = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
72
60
|
onChange: onChange
|
|
73
61
|
}), label && ___EmotionJSX(FieldLabel, {
|
|
74
62
|
htmlFor: id,
|
|
75
|
-
|
|
63
|
+
className: "switchLabel"
|
|
76
64
|
}, label), hint && ___EmotionJSX(FieldHint, {
|
|
77
|
-
|
|
65
|
+
className: "switchHint"
|
|
78
66
|
}, hint));
|
|
79
67
|
});
|
|
80
68
|
Switch.Label = FieldLabel;
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
import "core-js/modules/es.array.slice.js";
|
|
2
|
-
import "core-js/modules/es.object.freeze.js";
|
|
3
|
-
import "core-js/modules/es.object.define-properties.js";
|
|
4
|
-
import "core-js/modules/es.object.keys.js";
|
|
5
|
-
import "core-js/modules/es.array.index-of.js";
|
|
6
|
-
import "core-js/modules/es.symbol.js";
|
|
7
|
-
import "core-js/modules/es.object.assign.js";
|
|
8
1
|
import _styled from "@emotion/styled/base";
|
|
9
2
|
var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide", "hasSpinner"];
|
|
10
3
|
|
|
@@ -18,20 +11,28 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
18
11
|
|
|
19
12
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
20
13
|
|
|
14
|
+
import "core-js/modules/es.array.concat.js";
|
|
15
|
+
import "core-js/modules/es.array.slice.js";
|
|
16
|
+
import "core-js/modules/es.object.freeze.js";
|
|
17
|
+
import "core-js/modules/es.object.define-properties.js";
|
|
18
|
+
import "core-js/modules/es.object.keys.js";
|
|
19
|
+
import "core-js/modules/es.array.index-of.js";
|
|
20
|
+
import "core-js/modules/es.symbol.js";
|
|
21
|
+
import "core-js/modules/es.object.assign.js";
|
|
21
22
|
import { Box, Icon, Spinner, Text } from '../components';
|
|
22
23
|
import React, { forwardRef } from 'react';
|
|
23
24
|
import PropTypes from 'prop-types';
|
|
24
25
|
import { getClearButtonStyles } from '../foundational';
|
|
25
26
|
import { types } from '../types';
|
|
26
|
-
import {
|
|
27
|
+
import { keyframes } from '@emotion/react';
|
|
27
28
|
import { getTransition } from '../utilities';
|
|
28
29
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
29
30
|
var xPadding = "8px";
|
|
30
31
|
var xPaddingNegative = "-".concat(xPadding);
|
|
31
32
|
var trimSideStyles = {
|
|
32
|
-
left:
|
|
33
|
-
right:
|
|
34
|
-
x:
|
|
33
|
+
left: "\n margin-left: ".concat(xPaddingNegative, ";\n max-width: calc(100% + ").concat(xPadding, ");\n "),
|
|
34
|
+
right: "\n margin-right: ".concat(xPaddingNegative, ";\n max-width: calc(100% + ").concat(xPadding, ");\n "),
|
|
35
|
+
x: "\n margin-left: ".concat(xPaddingNegative, ";\n margin-right: ").concat(xPaddingNegative, ";\n max-width: calc(100% + ").concat(xPadding, " * 2);\n ")
|
|
35
36
|
};
|
|
36
37
|
var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n from { opacity: 0 }\n"])));
|
|
37
38
|
|
|
@@ -54,7 +55,7 @@ var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "productio
|
|
|
54
55
|
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}", function (_ref2) {
|
|
55
56
|
var hasSpinner = _ref2.hasSpinner;
|
|
56
57
|
return hasSpinner && "\n .buttonText,\n .Icon {\n transition: opacity ".concat(getTransition('fast'), ";\n opacity: 0;\n }\n ");
|
|
57
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
58
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGBcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGBcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGBcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5pY29ufTtcbiAgfVxuXG4gIC5idXR0b25UZXh0IHtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy50ZXh0fTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICBoYXNTcGlubmVyICYmXG4gICAgYFxuICAgIC5idXR0b25UZXh0LFxuICAgIC5JY29uIHtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRyaW1TaWRlLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGNsZWFyQnV0dG9uU3R5bGVzID0gZ2V0Q2xlYXJCdXR0b25TdHlsZXMoeyB2YXJpYW50LCBpc0Rpc2FibGVkIH0pO1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB0cmltU2lkZT17dHJpbVNpZGV9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIGNsZWFyQnV0dG9uU3R5bGVzPXtjbGVhckJ1dHRvblN0eWxlc31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSAvPn1cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcyBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9XcmFwcGVyPlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogdHlwZXMuY2xlYXJCdXR0b25WYXJpYW50LFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0cmltU2lkZTogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCcsICd4J10pLFxuICBoYXNTcGlubmVyOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */"));
|
|
58
59
|
|
|
59
60
|
export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
60
61
|
var children = _ref3.children,
|
package/es/components/text.js
CHANGED
|
@@ -1,51 +1,107 @@
|
|
|
1
|
-
import "
|
|
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";
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
5
2
|
var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop"];
|
|
6
3
|
|
|
7
4
|
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
5
|
|
|
9
|
-
import "core-js/modules/es.array.concat.js";
|
|
10
|
-
|
|
11
6
|
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; }
|
|
12
7
|
|
|
13
8
|
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; }
|
|
14
9
|
|
|
10
|
+
import "core-js/modules/es.array.includes.js";
|
|
11
|
+
import "core-js/modules/es.array.concat.js";
|
|
12
|
+
import "core-js/modules/es.object.keys.js";
|
|
13
|
+
import "core-js/modules/es.array.index-of.js";
|
|
14
|
+
import "core-js/modules/es.symbol.js";
|
|
15
|
+
import "core-js/modules/es.object.assign.js";
|
|
15
16
|
import { getColor, getResponsiveOneOf, getResponsiveTextSize, getWeight } from '../utilities';
|
|
16
17
|
import PropTypes from 'prop-types';
|
|
17
18
|
import React, { forwardRef } from 'react';
|
|
18
|
-
import { css } from '@emotion/react';
|
|
19
19
|
import { types } from '../types';
|
|
20
20
|
import { capStyles, lineHeightAndCapHeightOffset } from '../foundational';
|
|
21
|
+
import isPropValid from '@emotion/is-prop-valid';
|
|
21
22
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
22
23
|
var variantStyles = {
|
|
23
24
|
caps: capStyles
|
|
24
25
|
};
|
|
25
|
-
var trimTopStyles =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
26
|
+
var trimTopStyles = "\n &:before {\n content: '';\n margin-top: calc(-1 * ".concat(lineHeightAndCapHeightOffset, ");\n display: block;\n }\n");
|
|
27
|
+
var propsToExcludeFromDom = ['color', 'display'];
|
|
28
|
+
|
|
29
|
+
var Root = /*#__PURE__*/_styled('span', process.env.NODE_ENV === "production" ? {
|
|
30
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
31
|
+
return isPropValid(prop) && !propsToExcludeFromDom.includes(prop);
|
|
32
|
+
},
|
|
33
|
+
target: "e8ggz7a0"
|
|
34
|
+
} : {
|
|
35
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
|
36
|
+
return isPropValid(prop) && !propsToExcludeFromDom.includes(prop);
|
|
37
|
+
},
|
|
38
|
+
target: "e8ggz7a0",
|
|
39
|
+
label: "Root"
|
|
40
|
+
})(function (_ref) {
|
|
41
|
+
var variant = _ref.variant,
|
|
42
|
+
size = _ref.size,
|
|
40
43
|
textTransform = _ref.textTransform,
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
+
letterSpacing = _ref.letterSpacing,
|
|
45
|
+
weight = _ref.weight;
|
|
46
|
+
return !variant && "\n ".concat(getResponsiveTextSize(size), ";\n ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n ");
|
|
47
|
+
}, " ", function (_ref2) {
|
|
48
|
+
var variant = _ref2.variant;
|
|
49
|
+
return variant && variantStyles[variant];
|
|
50
|
+
}, " display:", function (_ref3) {
|
|
51
|
+
var display = _ref3.display;
|
|
52
|
+
return display;
|
|
53
|
+
}, ";color:", function (_ref4) {
|
|
54
|
+
var color = _ref4.color;
|
|
55
|
+
return getColor(color);
|
|
56
|
+
}, ";", function (_ref5) {
|
|
57
|
+
var align = _ref5.align;
|
|
58
|
+
return getResponsiveOneOf('text-align', align);
|
|
59
|
+
}, ";", function (_ref6) {
|
|
60
|
+
var hasEllipsis = _ref6.hasEllipsis,
|
|
61
|
+
ellipsisLines = _ref6.ellipsisLines;
|
|
62
|
+
return hasEllipsis && "\n overflow: hidden;\n text-overflow: ellipsis;\n ".concat(!ellipsisLines && "white-space: nowrap", ";\n ");
|
|
63
|
+
}, ";", function (_ref7) {
|
|
64
|
+
var hasEllipsis = _ref7.hasEllipsis,
|
|
65
|
+
ellipsisLines = _ref7.ellipsisLines;
|
|
66
|
+
return hasEllipsis && ellipsisLines && "\n display: -webkit-box;\n -webkit-line-clamp: ".concat(ellipsisLines, ";\n -webkit-box-orient: vertical;\n ");
|
|
67
|
+
}, ";", function (_ref8) {
|
|
68
|
+
var trimTop = _ref8.trimTop;
|
|
69
|
+
return trimTop && trimTopStyles;
|
|
70
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY2FwU3R5bGVzLCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY2FwU3R5bGVzLFxufTtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGBcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoLTEgKiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgcHJvcHNUb0V4Y2x1ZGVGcm9tRG9tID0gWydjb2xvcicsICdkaXNwbGF5J107XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wc1RvRXhjbHVkZUZyb21Eb20uaW5jbHVkZXMocHJvcCksXG59KWBcbiAgJHsoeyB2YXJpYW50LCBzaXplLCB0ZXh0VHJhbnNmb3JtLCBsZXR0ZXJTcGFjaW5nLCB3ZWlnaHQgfSkgPT5cbiAgICAhdmFyaWFudCAmJlxuICAgIGBcbiAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gIGB9XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IHZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICBkaXNwbGF5OiAkeyh7IGRpc3BsYXkgfSkgPT4gZGlzcGxheX07XG4gIGNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGdldENvbG9yKGNvbG9yKX07XG4gICR7KHsgYWxpZ24gfSkgPT4gZ2V0UmVzcG9uc2l2ZU9uZU9mKCd0ZXh0LWFsaWduJywgYWxpZ24pfTtcblxuICAkeyh7IGhhc0VsbGlwc2lzLCBlbGxpcHNpc0xpbmVzIH0pID0+XG4gICAgaGFzRWxsaXBzaXMgJiZcbiAgICBgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gIGB9O1xuXG4gICR7KHsgaGFzRWxsaXBzaXMsIGVsbGlwc2lzTGluZXMgfSkgPT5cbiAgICBoYXNFbGxpcHNpcyAmJlxuICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICBgXG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIGB9O1xuICAkeyh7IHRyaW1Ub3AgfSkgPT4gdHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgc2l6ZSA9ICdtJyxcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yLFxuICAgICAgdGFnID0gJ3NwYW4nLFxuICAgICAgZGlzcGxheSA9ICdibG9jaycsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGVsbGlwc2lzTGluZXMsXG4gICAgICBhbGlnbixcbiAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgICAgdmFyaWFudCxcbiAgICAgIHRyaW1Ub3AsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFzPXt0YWd9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGRpc3BsYXk9e2Rpc3BsYXl9XG4gICAgICAgIGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc31cbiAgICAgICAgZWxsaXBzaXNMaW5lcz17ZWxsaXBzaXNMaW5lc31cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBsZXR0ZXJTcGFjaW5nPXtsZXR0ZXJTcGFjaW5nfVxuICAgICAgICB0ZXh0VHJhbnNmb3JtPXt0ZXh0VHJhbnNmb3JtfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICB0cmltVG9wPXt0cmltVG9wfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnJlc3BvbnNpdmVUZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxuICBkaXNwbGF5OiB0eXBlcy50ZXh0RGlzcGxheSxcbn07XG4iXX0= */"));
|
|
71
|
+
|
|
72
|
+
export var Text = /*#__PURE__*/forwardRef(function (_ref9, ref) {
|
|
73
|
+
var children = _ref9.children,
|
|
74
|
+
_ref9$size = _ref9.size,
|
|
75
|
+
size = _ref9$size === void 0 ? 'm' : _ref9$size,
|
|
76
|
+
weight = _ref9.weight,
|
|
77
|
+
color = _ref9.color,
|
|
78
|
+
_ref9$tag = _ref9.tag,
|
|
79
|
+
tag = _ref9$tag === void 0 ? 'span' : _ref9$tag,
|
|
80
|
+
_ref9$display = _ref9.display,
|
|
81
|
+
display = _ref9$display === void 0 ? 'block' : _ref9$display,
|
|
82
|
+
hasEllipsis = _ref9.hasEllipsis,
|
|
83
|
+
ellipsisLines = _ref9.ellipsisLines,
|
|
84
|
+
align = _ref9.align,
|
|
85
|
+
letterSpacing = _ref9.letterSpacing,
|
|
86
|
+
textTransform = _ref9.textTransform,
|
|
87
|
+
variant = _ref9.variant,
|
|
88
|
+
trimTop = _ref9.trimTop,
|
|
89
|
+
props = _objectWithoutProperties(_ref9, _excluded);
|
|
44
90
|
|
|
45
|
-
|
|
46
|
-
return ___EmotionJSX(Tag, _extends({
|
|
91
|
+
return ___EmotionJSX(Root, _extends({
|
|
47
92
|
ref: ref,
|
|
48
|
-
|
|
93
|
+
as: tag,
|
|
94
|
+
size: size,
|
|
95
|
+
weight: weight,
|
|
96
|
+
color: color,
|
|
97
|
+
display: display,
|
|
98
|
+
hasEllipsis: hasEllipsis,
|
|
99
|
+
ellipsisLines: ellipsisLines,
|
|
100
|
+
align: align,
|
|
101
|
+
letterSpacing: letterSpacing,
|
|
102
|
+
textTransform: textTransform,
|
|
103
|
+
variant: variant,
|
|
104
|
+
trimTop: trimTop
|
|
49
105
|
}, props), children);
|
|
50
106
|
});
|
|
51
107
|
Text.propTypes = {
|
|
@@ -2,6 +2,7 @@ import "core-js/modules/es.object.keys.js";
|
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
+
import _styled from "@emotion/styled/base";
|
|
5
6
|
var _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows"];
|
|
6
7
|
|
|
7
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); }
|
|
@@ -16,7 +17,6 @@ import { componentVars, FieldHint, FieldLabel, getFieldStyles } from '../foundat
|
|
|
16
17
|
import { Box } from './box';
|
|
17
18
|
import { Text } from './text';
|
|
18
19
|
import { types } from '../types';
|
|
19
|
-
import { css } from '@emotion/react';
|
|
20
20
|
import { getSpace } from '../utilities';
|
|
21
21
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
22
22
|
var paddingY = '8px';
|
|
@@ -46,21 +46,36 @@ var TextareaWrapper = function TextareaWrapper(_ref2) {
|
|
|
46
46
|
}, children);
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
49
|
+
var TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV === "production" ? {
|
|
50
|
+
target: "e1hvcshh0"
|
|
51
|
+
} : {
|
|
52
|
+
target: "e1hvcshh0",
|
|
53
|
+
label: "TextareaField"
|
|
54
|
+
})(function (_ref3) {
|
|
55
|
+
var hasError = _ref3.hasError;
|
|
56
|
+
return getFieldStyles({
|
|
57
|
+
hasError: hasError
|
|
58
|
+
});
|
|
59
|
+
}, ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", function (_ref4) {
|
|
60
|
+
var bottomPadding = _ref4.bottomPadding;
|
|
61
|
+
return bottomPadding;
|
|
62
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gICR7KHsgaGFzRXJyb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAkeyh7IGJvdHRvbVBhZGRpbmcgfSkgPT4gYm90dG9tUGFkZGluZ307XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBib3R0b21QYWRkaW5nID0gbWF4TGVuZ3RoXG4gICAgICA/IGBjYWxjKCR7cGFkZGluZ1l9ICogMiArIHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkpYFxuICAgICAgOiBwYWRkaW5nWTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgYm90dG9tUGFkZGluZz17Ym90dG9tUGFkZGluZ31cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
|
|
63
|
+
|
|
64
|
+
export var Textarea = /*#__PURE__*/forwardRef(function (_ref5, ref) {
|
|
65
|
+
var value = _ref5.value,
|
|
66
|
+
placeholder = _ref5.placeholder,
|
|
67
|
+
label = _ref5.label,
|
|
68
|
+
id = _ref5.id,
|
|
69
|
+
hasError = _ref5.hasError,
|
|
70
|
+
errorMessage = _ref5.errorMessage,
|
|
71
|
+
isReadOnly = _ref5.isReadOnly,
|
|
72
|
+
isDisabled = _ref5.isDisabled,
|
|
73
|
+
hint = _ref5.hint,
|
|
74
|
+
maxLength = _ref5.maxLength,
|
|
75
|
+
children = _ref5.children,
|
|
76
|
+
_ref5$rows = _ref5.rows,
|
|
77
|
+
rows = _ref5$rows === void 0 ? 3 : _ref5$rows,
|
|
78
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
64
79
|
|
|
65
80
|
var bottomPadding = maxLength ? "calc(".concat(paddingY, " * 2 + var(--grn-lineHeight-global))") : paddingY;
|
|
66
81
|
return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
|
|
@@ -69,7 +84,7 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
69
84
|
htmlFor: id
|
|
70
85
|
}, label), hint && ___EmotionJSX(FieldHint, null, hint)), ___EmotionJSX(TextareaWrapper, {
|
|
71
86
|
maxLength: maxLength
|
|
72
|
-
}, ___EmotionJSX(
|
|
87
|
+
}, ___EmotionJSX(TextareaField, _extends({
|
|
73
88
|
ref: ref,
|
|
74
89
|
id: id,
|
|
75
90
|
value: value,
|
|
@@ -79,9 +94,8 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
|
79
94
|
placeholder: placeholder,
|
|
80
95
|
readOnly: isReadOnly,
|
|
81
96
|
disabled: isDisabled,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}), ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", bottomPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBpZCxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBoaW50LFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3dzID0gMyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGJvdHRvbVBhZGRpbmcgPSBtYXhMZW5ndGhcbiAgICAgID8gYGNhbGMoJHtwYWRkaW5nWX0gKiAyICsgdmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSlgXG4gICAgICA6IHBhZGRpbmdZO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAke2JvdHRvbVBhZGRpbmd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */")
|
|
97
|
+
bottomPadding: bottomPadding,
|
|
98
|
+
hasError: hasError
|
|
85
99
|
}, props)), maxLength && ___EmotionJSX(Counter, {
|
|
86
100
|
length: value.length,
|
|
87
101
|
maxLength: maxLength
|