@flodesk/grain 11.43.0 → 11.45.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/button.js
CHANGED
|
@@ -61,7 +61,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
61
61
|
} : {
|
|
62
62
|
target: "e1blxzk90",
|
|
63
63
|
label: "Wrapper"
|
|
64
|
-
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:", getRadius('s'), ";height:var(--grn-textbox-height-m);padding:0
|
|
64
|
+
})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:var(--grn-border-size);border-style:solid;border-radius:", getRadius('s'), ";height:var(--grn-textbox-height-m);padding:0 var(--grn-textbox-paddingX-m);background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref => {
|
|
65
65
|
let {
|
|
66
66
|
variant
|
|
67
67
|
} = _ref;
|
|
@@ -71,7 +71,7 @@ const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "product
|
|
|
71
71
|
hasSpinner
|
|
72
72
|
} = _ref2;
|
|
73
73
|
return hasSpinner && "\n opacity: 0;\n transition: opacity ".concat(getTransition('fast'), ";\n ");
|
|
74
|
-
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
74
|
+
}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textbox-height-m);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBpY29uSW52ZXJ0ID0gJ2hzbCh2YXIoLS1IUykgdmFyKC0tYmFja2dyb3VuZEwpIC8gdmFyKC0tZmFkZTEwLWEpKSc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvcnMgPSB7XG4gIGFjY2VudDoge1xuICAgIGljb246IGljb25JbnZlcnQsXG4gICAgY29udGVudDogJ3NoYWRlMicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdzaGFkZTEyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdzaGFkZTEwJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnc2hhZGU5JyxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgaWNvbjogJ2hzbCgwIDAlIDEwMCUgLyB2YXIoLS1mYWRlOC1hKSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGJvcmRlci1zdHlsZTogc29saWQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgcGFkZGluZzogMCB2YXIoLS1ncm4tdGV4dGJveC1wYWRkaW5nWC1tKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcbiAgJHtwID0+IHRhZ1N0eWxlc1twLmFzXX07XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IGBcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmljb24pfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXIpfTtcbiAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZCl9O1xuXG4gICAgQG1lZGlhKGhvdmVyOiBob3Zlcikge1xuICAgICAgJjpob3ZlciB7XG4gICAgICAgIC0taWNvbkNvbG9yOiBjdXJyZW50Q29sb3I7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIgJiZcbiAgICAgICAgICBgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmRIb3Zlcil9YFxuICAgICAgICB9O1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIgJiZcbiAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJIb3Zlcil9YFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIHNldCBjb2xvciB0byBwcmV2ZW50IGluaGVyaXRpbmcgZnJvbSBvdXRpc2RlIHJlc2V0XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uY29udGVudCl9O1xuICAgICAgfVxuXG4gICAgICAmOmFjdGl2ZSB7XG4gICAgICAgICR7XG4gICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kQWN0aXZlKX1gXG4gICAgICAgIH07XG4gICAgICAgICAke1xuICAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckFjdGl2ZSAmJlxuICAgICAgICAgICBgYm9yZGVyLWNvbG9yOiR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUpfWBcbiAgICAgICAgIH07XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0taWNvbkNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEljb24nKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIC5JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gICAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB9XG5cbiAgLmJ1dHRvblRleHQsXG4gIC5JY29uIHtcbiAgICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICAgIGhhc1NwaW5uZXIgJiZcbiAgICAgIGBcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICBgfVxuICB9XG5cbiAgLmJ1dHRvblNwaW5uZXIge1xuICAgIGFuaW1hdGlvbjogJHtmYWRlSW59ICR7Z2V0VHJhbnNpdGlvbignc2xvdycpfTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtcm91bmRlZC1idXR0b25dICYge1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKTtcbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgaWNvblBvc2l0aW9uID0gJ2xlZnQnLFxuICAgICAgaGFzRnVsbFdpZHRoLFxuICAgICAgaGFzU3Bpbm5lcixcbiAgICAgIHR5cGUgPSAnYnV0dG9uJyxcbiAgICAgIHRhZyA9ICdidXR0b24nLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyXG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICBpY29uUG9zaXRpb249e2ljb25Qb3NpdGlvbn1cbiAgICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcz17dGFnfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNTcGlubmVyICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiBjbGFzc05hbWU9XCJidXR0b25TcGlubmVyXCI+XG4gICAgICAgICAgICA8U3Bpbm5lciBjb2xvcj1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwidmFyKC0taWNvbkNvbG9yKVwiIC8+fVxuICAgICAgICA8VGV4dCBjbGFzc05hbWU9XCJidXR0b25UZXh0XCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiB0eXBlcy5pY29uUG9zaXRpb24sXG4gIHZhcmlhbnQ6IHR5cGVzLmJ1dHRvblZhcmlhbnQsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG4gIHR5cGU6IHR5cGVzLmJ1dHRvblR5cGUsXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxufTtcbiJdfQ== */"));
|
|
75
75
|
|
|
76
76
|
export const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
|
|
77
77
|
let {
|
|
@@ -18,17 +18,16 @@ import { IconButton } from './icon-button';
|
|
|
18
18
|
import { FieldClearButton, FieldHint, FieldLabel, InputField } from '../foundational';
|
|
19
19
|
import { types } from '../types';
|
|
20
20
|
import { IconHide, IconShow } from '../icons';
|
|
21
|
-
import { useWidth } from '../hooks';
|
|
22
21
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
23
|
-
const
|
|
24
|
-
const
|
|
22
|
+
const iconOffset = 'var(--grn-field-paddingX)';
|
|
23
|
+
const iconTextGap = 'var(--grn-space-s)';
|
|
25
24
|
|
|
26
25
|
const IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
27
26
|
target: "e1o9e51y0"
|
|
28
27
|
} : {
|
|
29
28
|
target: "e1o9e51y0",
|
|
30
29
|
label: "IconSection"
|
|
31
|
-
})("position:absolute;margin:auto;left:",
|
|
30
|
+
})("position:absolute;margin:auto;left:", iconOffset, ";top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEZpZWxkQ2xlYXJCdXR0b24sIEZpZWxkSGludCwgRmllbGRMYWJlbCwgSW5wdXRGaWVsZCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEljb25IaWRlLCBJY29uU2hvdyB9IGZyb20gJy4uL2ljb25zJztcblxuY29uc3QgaWNvbk9mZnNldCA9ICd2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpJztcbmNvbnN0IGljb25UZXh0R2FwID0gJ3ZhcigtLWdybi1zcGFjZS1zKSc7XG5cbmNvbnN0IEljb25TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IGF1dG87XG4gIGxlZnQ6ICR7aWNvbk9mZnNldH07XG4gIHRvcDogMDtcbiAgYm90dG9tOiAwO1xuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IEFjdGlvbkJ1dHRvbldyYXBwZXIgPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHJpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKSAtIHZhcigtLWdybi1jbGVhcmJ1dHRvbi1oZWlnaHQpKSAvIDIpYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHJpZ2h0PXtyaWdodE9mZnNldH1cbiAgICAgIHRvcD1cIjBcIlxuICAgICAgYm90dG9tPVwiMFwiXG4gICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBWaXNpYmlsaXR5QnV0dG9uID0gKHsgY2hpbGRyZW4sIGludGVybmFsVHlwZSwgc2V0SW50ZXJuYWxUeXBlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGljb249e3R5cGVBbmRJY29uTWFwW2ludGVybmFsVHlwZV19XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEludGVybmFsVHlwZShpbnRlcm5hbFR5cGUgPT09ICd0ZXh0JyA/ICdwYXNzd29yZCcgOiAndGV4dCcpfVxuICAgICAgLz5cbiAgICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICk7XG59O1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9ICh7IG9uQ2xpY2sgfSkgPT4gKFxuICA8QWN0aW9uQnV0dG9uV3JhcHBlcj5cbiAgICA8RmllbGRDbGVhckJ1dHRvbiBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0TGFiZWwgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmllbGRMYWJlbCB7Li4ucHJvcHN9PntjaGlsZHJlbn08L0ZpZWxkTGFiZWw+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaWNvbixcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICB0eXBlID0gJ3RleHQnLFxuICAgICAgaGludCxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaW50ZXJuYWxUeXBlLCBzZXRJbnRlcm5hbFR5cGVdID0gUmVhY3QudXNlU3RhdGUodHlwZSk7XG5cbiAgICBjb25zdCBpY29uV2lkdGggPSBpY29uPy50eXBlPy52aWV3Qm94V2lkdGggLyAyIHx8IDE2O1xuICAgIGNvbnN0IGhhc1Zpc2liaWxpdHlCdXR0b24gPSB0eXBlID09PSAncGFzc3dvcmQnICYmICFpc1JlYWRPbmx5ICYmICFpc0Rpc2FibGVkO1xuICAgIGNvbnN0IGhhc0NsZWFyQnV0dG9uID0gb25DbGVhciAmJiAhaXNSZWFkT25seSAmJiAhaXNEaXNhYmxlZDtcbiAgICBjb25zdCBoYXNCdXR0b24gPSBoYXNWaXNpYmlsaXR5QnV0dG9uIHx8IGhhc0NsZWFyQnV0dG9uO1xuICAgIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGBjYWxjKCR7aWNvbk9mZnNldH0gKyAke2ljb25XaWR0aH1weCArICR7aWNvblRleHRHYXB9KWAgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgcGFkZGluZ1JpZ2h0ID0gaGFzQnV0dG9uID8gJ3ZhcigtLWdybi10ZXh0Ym94LWhlaWdodC1tKScgOiB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAndmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApJyA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgICA8SWNvbiBpY29uPXtpY29ufSAvPlxuICAgICAgICAgICAgPC9JY29uU2VjdGlvbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxJbnB1dEZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIHR5cGU9e2ludGVybmFsVHlwZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgICAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNSZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNWaXNpYmlsaXR5QnV0dG9uICYmIChcbiAgICAgICAgICAgIDxWaXNpYmlsaXR5QnV0dG9uIHNldEludGVybmFsVHlwZT17c2V0SW50ZXJuYWxUeXBlfSBpbnRlcm5hbFR5cGU9e2ludGVybmFsVHlwZX0gLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtoYXNDbGVhckJ1dHRvbiAmJiB2YWx1ZSAmJiA8Q2xlYXJCdXR0b24gb25DbGljaz17b25DbGVhcn0gLz59XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAgPFRleHQgY29sb3I9XCJkYW5nZXJcIj57ZXJyb3JNZXNzYWdlfTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0SW5wdXQuTGFiZWwgPSBUZXh0SW5wdXRMYWJlbDtcblRleHRJbnB1dC5IaW50ID0gRmllbGRIaW50O1xuXG5UZXh0SW5wdXQucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFsdWU6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5udW1iZXJdKSxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgdHlwZTogdHlwZXMudGV4dElucHV0LFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxuICBvbkNsZWFyOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
|
|
32
31
|
|
|
33
32
|
const ActionButtonWrapper = _ref => {
|
|
34
33
|
let {
|
|
@@ -81,6 +80,8 @@ export const TextInputLabel = _ref4 => {
|
|
|
81
80
|
return ___EmotionJSX(FieldLabel, props, children);
|
|
82
81
|
};
|
|
83
82
|
export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
83
|
+
var _icon$type;
|
|
84
|
+
|
|
84
85
|
let {
|
|
85
86
|
value,
|
|
86
87
|
placeholder,
|
|
@@ -98,13 +99,12 @@ export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
98
99
|
} = _ref5,
|
|
99
100
|
props = _objectWithoutProperties(_ref5, _excluded3);
|
|
100
101
|
|
|
101
|
-
const iconRef = React.useRef(null);
|
|
102
102
|
const [internalType, setInternalType] = React.useState(type);
|
|
103
|
-
const iconWidth =
|
|
103
|
+
const iconWidth = (icon === null || icon === void 0 ? void 0 : (_icon$type = icon.type) === null || _icon$type === void 0 ? void 0 : _icon$type.viewBoxWidth) / 2 || 16;
|
|
104
104
|
const hasVisibilityButton = type === 'password' && !isReadOnly && !isDisabled;
|
|
105
105
|
const hasClearButton = onClear && !isReadOnly && !isDisabled;
|
|
106
106
|
const hasButton = hasVisibilityButton || hasClearButton;
|
|
107
|
-
const paddingLeft = icon ? "".concat(
|
|
107
|
+
const paddingLeft = icon ? "calc(".concat(iconOffset, " + ").concat(iconWidth, "px + ").concat(iconTextGap, ")") : undefined;
|
|
108
108
|
const paddingRight = hasButton ? 'var(--grn-textbox-height-m)' : undefined;
|
|
109
109
|
const fieldMarginTop = label || hint ? 'var(--grn-form-control-label-gap)' : undefined;
|
|
110
110
|
return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
|
|
@@ -113,7 +113,6 @@ export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
113
113
|
position: "relative",
|
|
114
114
|
marginTop: fieldMarginTop
|
|
115
115
|
}, icon && ___EmotionJSX(IconSection, null, ___EmotionJSX(Icon, {
|
|
116
|
-
ref: iconRef,
|
|
117
116
|
icon: icon
|
|
118
117
|
})), ___EmotionJSX(InputField, _extends({
|
|
119
118
|
ref: ref,
|
|
@@ -29,7 +29,7 @@ const CounterWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
|
|
|
29
29
|
} : {
|
|
30
30
|
name: "d4ujbj",
|
|
31
31
|
styles: "position:absolute;bottom:var(--grn-border-size);left:var(--grn-border-size);right:var(--grn-border-size)",
|
|
32
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+
|
|
32
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dGFyZWEuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsLCBnZXRGaWVsZFN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUZXh0U2l6ZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmNvbnN0IGNvdW50ZXJCYXJIZWlnaHQgPSAnMzJweCc7XG5cbmNvbnN0IENvdW50ZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIGxlZnQ6IHZhcigtLWdybi1ib3JkZXItc2l6ZSk7XG4gIHJpZ2h0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuYDtcblxuY29uc3QgQ291bnRlclJvb3QgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0U3BhY2UoJ3MyJyl9O1xuICBoZWlnaHQ6ICR7Y291bnRlckJhckhlaWdodH07XG4gIGJhY2tncm91bmQ6ICR7KHsgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldENvbG9yKGJhY2tncm91bmRDb2xvcil9O1xuICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gdmFyKC0tZ3JuLWJvcmRlci1zaXplKSk7XG4gIGZvbnQtc2l6ZTogJHtnZXRUZXh0U2l6ZSgncycpfTtcbmA7XG5cbmNvbnN0IENvdW50ZXIgPSAoeyBsZW5ndGgsIG1heExlbmd0aCwgYmFja2dyb3VuZENvbG9yID0gJ2JhY2tncm91bmQnIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q291bnRlclJvb3RcbiAgICAgIHBhZGRpbmdYPVwic1wiXG4gICAgICBwYWRkaW5nWT1cInhzXCJcbiAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgIGp1c3RpZnlDb250ZW50PVwiZW5kXCJcbiAgICA+XG4gICAgICB7bGVuZ3RofVxuICAgICAgPEJveCBjb2xvcj1cImNvbnRlbnQyXCI+Jm5ic3A7LyB7bWF4TGVuZ3RofTwvQm94PlxuICAgIDwvQ291bnRlclJvb3Q+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gIC8qXG4gICAgdmlzdWFsbHkgbWF0Y2ggeCBhbmQgeSBwYWRkaW5nLlxuICAgIGFwcGx5IHggcGFkZGluZyB0byB5LCBtaW51cyB0ZXh0J3MgdXBwZXIgc3BhY2UgZ2VuZXJhdGVkIGJ5IGxpbmUgaGVpZ2h0LlxuICAqL1xuICAtLXRleHQtZXh0cmEtdG9wLXNwYWNlOiBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gdmFyKC0tZ3JuLWNhcCkpIC8gMik7XG4gIC0tcGFkZGluZy1ibG9jazogY2FsYyh2YXIoLS1ncm4tZmllbGQtcGFkZGluZ1gpIC0gdmFyKC0tdGV4dC1leHRyYS10b3Atc3BhY2UpKTtcblxuICAkeyh7IGhhc0Vycm9yLCBiYWNrZ3JvdW5kQ29sb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pfTtcbiAgcmVzaXplOiBub25lO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKTtcbiAgcGFkZGluZy1ibG9jazogcm91bmQodXAsIHZhcigtLXBhZGRpbmctYmxvY2spLCAxcHgpO1xuXG4gIC8qXG4gICAgdXNpbmcgYm9yZGVyIHRvIGNyZWF0ZSBib3R0b20gc3BhY2UsXG4gICAgc3BlY2lmaWNhbGx5IGJvcmRlciBtZXRob2QsIHRvIG1ha2Ugc3VyZSB0aGUgc2Nyb2xsIGJlaGF2ZXMgY29ycmVjdGx5XG4gICovXG4gICR7KHsgaGFzQ291bnRlciB9KSA9PiBoYXNDb3VudGVyICYmIGBib3JkZXItYm90dG9tLXdpZHRoOiAke2NvdW50ZXJCYXJIZWlnaHR9YH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBpZCxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBoaW50LFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3dzID0gMyxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NvdW50ZXIgPSBCb29sZWFuKG1heExlbmd0aCk7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yPXtiYWNrZ3JvdW5kQ29sb3J9XG4gICAgICAgICAgICBoYXNDb3VudGVyPXtoYXNDb3VudGVyfVxuICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc0NvdW50ZXIgJiYgKFxuICAgICAgICAgICAgPENvdW50ZXJXcmFwcGVyPlxuICAgICAgICAgICAgICA8Q291bnRlclxuICAgICAgICAgICAgICAgIGxlbmd0aD17dmFsdWUubGVuZ3RofVxuICAgICAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Db3VudGVyV3JhcHBlcj5cbiAgICAgICAgICApfVxuICAgICAgICA8L1RleHRhcmVhV3JhcHBlcj5cblxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IGNvbG9yPVwiZGFuZ2VyXCIgbWFyZ2luVG9wPVwidmFyKC0tZ3JuLWZvcm0tY29udHJvbC1sYWJlbC1nYXApXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLkNvdW50ZXIgPSBDb3VudGVyO1xuXG5UZXh0YXJlYS5wcm9wVHlwZXMgPSB7XG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBwbGFjZWhvbGRlcjogUHJvcFR5cGVzLnN0cmluZyxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtYXhMZW5ndGg6IFByb3BUeXBlcy5udW1iZXIsXG4gIHJvd3M6IFByb3BUeXBlcy5udW1iZXIsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG59O1xuIl19 */",
|
|
33
33
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
34
34
|
});
|
|
35
35
|
|
|
@@ -43,7 +43,7 @@ const CounterRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
|
|
|
43
43
|
backgroundColor
|
|
44
44
|
} = _ref;
|
|
45
45
|
return getColor(backgroundColor);
|
|
46
|
-
}, ";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,
|
|
46
|
+
}, ";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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
|
|
47
47
|
|
|
48
48
|
const Counter = _ref2 => {
|
|
49
49
|
let {
|
|
@@ -78,7 +78,7 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
|
|
|
78
78
|
} : {
|
|
79
79
|
target: "e1hvcshh0",
|
|
80
80
|
label: "TextareaField"
|
|
81
|
-
})(_ref4 => {
|
|
81
|
+
})("--text-extra-top-space:calc((var(--grn-lineHeight-global) - var(--grn-cap)) / 2);--padding-block:calc(var(--grn-field-paddingX) - var(--text-extra-top-space));", _ref4 => {
|
|
82
82
|
let {
|
|
83
83
|
hasError,
|
|
84
84
|
backgroundColor
|
|
@@ -87,12 +87,12 @@ const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV ===
|
|
|
87
87
|
hasError,
|
|
88
88
|
backgroundColor
|
|
89
89
|
});
|
|
90
|
-
}, ";resize:none;padding:
|
|
90
|
+
}, ";resize:none;padding-inline:var(--grn-field-paddingX);padding-block:round(up, var(--padding-block), 1px);", _ref5 => {
|
|
91
91
|
let {
|
|
92
92
|
hasCounter
|
|
93
93
|
} = _ref5;
|
|
94
94
|
return hasCounter && "border-bottom-width: ".concat(counterBarHeight);
|
|
95
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
95
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VGV4dFNpemUgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBjb3VudGVyQmFySGVpZ2h0ID0gJzMycHgnO1xuXG5jb25zdCBDb3VudGVyV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICBsZWZ0OiB2YXIoLS1ncm4tYm9yZGVyLXNpemUpO1xuICByaWdodDogdmFyKC0tZ3JuLWJvcmRlci1zaXplKTtcbmA7XG5cbmNvbnN0IENvdW50ZXJSb290ID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBlbmQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIHBhZGRpbmctaW5saW5lOiAke2dldFNwYWNlKCdzMicpfTtcbiAgaGVpZ2h0OiAke2NvdW50ZXJCYXJIZWlnaHR9O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIHZhcigtLWdybi1ib3JkZXItc2l6ZSkpO1xuICBmb250LXNpemU6ICR7Z2V0VGV4dFNpemUoJ3MnKX07XG5gO1xuXG5jb25zdCBDb3VudGVyID0gKHsgbGVuZ3RoLCBtYXhMZW5ndGgsIGJhY2tncm91bmRDb2xvciA9ICdiYWNrZ3JvdW5kJyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvdW50ZXJSb290XG4gICAgICBwYWRkaW5nWD1cInNcIlxuICAgICAgcGFkZGluZ1k9XCJ4c1wiXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImVuZFwiXG4gICAgPlxuICAgICAge2xlbmd0aH1cbiAgICAgIDxCb3ggY29sb3I9XCJjb250ZW50MlwiPiZuYnNwOy8ge21heExlbmd0aH08L0JveD5cbiAgICA8L0NvdW50ZXJSb290PlxuICApO1xufTtcblxuY29uc3QgVGV4dGFyZWFXcmFwcGVyID0gKHsgY2hpbGRyZW4sIG1heExlbmd0aCB9KSA9PiB7XG4gIGlmICghbWF4TGVuZ3RoKSByZXR1cm4gY2hpbGRyZW47XG5cbiAgcmV0dXJuIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiPntjaGlsZHJlbn08L0JveD47XG59O1xuXG5jb25zdCBUZXh0YXJlYUZpZWxkID0gc3R5bGVkLnRleHRhcmVhYFxuICAvKlxuICAgIHZpc3VhbGx5IG1hdGNoIHggYW5kIHkgcGFkZGluZy5cbiAgICBhcHBseSB4IHBhZGRpbmcgdG8geSwgbWludXMgdGV4dCdzIHVwcGVyIHNwYWNlIGdlbmVyYXRlZCBieSBsaW5lIGhlaWdodC5cbiAgKi9cbiAgLS10ZXh0LWV4dHJhLXRvcC1zcGFjZTogY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIHZhcigtLWdybi1jYXApKSAvIDIpO1xuICAtLXBhZGRpbmctYmxvY2s6IGNhbGModmFyKC0tZ3JuLWZpZWxkLXBhZGRpbmdYKSAtIHZhcigtLXRleHQtZXh0cmEtdG9wLXNwYWNlKSk7XG5cbiAgJHsoeyBoYXNFcnJvciwgYmFja2dyb3VuZENvbG9yIH0pID0+IGdldEZpZWxkU3R5bGVzKHsgaGFzRXJyb3IsIGJhY2tncm91bmRDb2xvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLWdybi1maWVsZC1wYWRkaW5nWCk7XG4gIHBhZGRpbmctYmxvY2s6IHJvdW5kKHVwLCB2YXIoLS1wYWRkaW5nLWJsb2NrKSwgMXB4KTtcblxuICAvKlxuICAgIHVzaW5nIGJvcmRlciB0byBjcmVhdGUgYm90dG9tIHNwYWNlLFxuICAgIHNwZWNpZmljYWxseSBib3JkZXIgbWV0aG9kLCB0byBtYWtlIHN1cmUgdGhlIHNjcm9sbCBiZWhhdmVzIGNvcnJlY3RseVxuICAqL1xuICAkeyh7IGhhc0NvdW50ZXIgfSkgPT4gaGFzQ291bnRlciAmJiBgYm9yZGVyLWJvdHRvbS13aWR0aDogJHtjb3VudGVyQmFySGVpZ2h0fWB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDb3VudGVyID0gQm9vbGVhbihtYXhMZW5ndGgpO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuXG4gICAgICAgIDxUZXh0YXJlYVdyYXBwZXIgbWF4TGVuZ3RoPXttYXhMZW5ndGh9PlxuICAgICAgICAgIDxUZXh0YXJlYUZpZWxkXG4gICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICAgIG5hbWU9e2lkfVxuICAgICAgICAgICAgcm93cz17cm93c31cbiAgICAgICAgICAgIG1heExlbmd0aD17bWF4TGVuZ3RofVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcj17YmFja2dyb3VuZENvbG9yfVxuICAgICAgICAgICAgaGFzQ291bnRlcj17aGFzQ291bnRlcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNDb3VudGVyICYmIChcbiAgICAgICAgICAgIDxDb3VudGVyV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENvdW50ZXJcbiAgICAgICAgICAgICAgICBsZW5ndGg9e3ZhbHVlLmxlbmd0aH1cbiAgICAgICAgICAgICAgICBtYXhMZW5ndGg9e21heExlbmd0aH1cbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvQ291bnRlcldyYXBwZXI+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cInZhcigtLWdybi1mb3JtLWNvbnRyb2wtbGFiZWwtZ2FwKVwiPlxuICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5UZXh0YXJlYS5Db3VudGVyID0gQ291bnRlcjtcblxuVGV4dGFyZWEucHJvcFR5cGVzID0ge1xuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgcGxhY2Vob2xkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgaGFzRXJyb3I6IFByb3BUeXBlcy5ib29sLFxuICBlcnJvck1lc3NhZ2U6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGlzUmVhZE9ubHk6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWF4TGVuZ3RoOiBQcm9wVHlwZXMubnVtYmVyLFxuICByb3dzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
|
|
96
96
|
|
|
97
97
|
export const Textarea = /*#__PURE__*/forwardRef((_ref6, ref) => {
|
|
98
98
|
let {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconGrid = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 32 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M11 6.5A1.5 1.5 0 0 0 9.5 5h-5A1.5 1.5 0 0 0 3 6.5v5A1.5 1.5 0 0 0 4.5 13h5a1.5 1.5 0 0 0 1.5-1.5zM9.5 2A4.5 4.5 0 0 1 14 6.5v5A4.5 4.5 0 0 1 9.5 16h-5A4.5 4.5 0 0 1 0 11.5v-5A4.5 4.5 0 0 1 4.5 2zM11 24.5A1.5 1.5 0 0 0 9.5 23h-5A1.5 1.5 0 0 0 3 24.5v5A1.5 1.5 0 0 0 4.5 31h5a1.5 1.5 0 0 0 1.5-1.5zM9.5 20a4.5 4.5 0 0 1 4.5 4.5v5A4.5 4.5 0 0 1 9.5 34h-5A4.5 4.5 0 0 1 0 29.5v-5A4.5 4.5 0 0 1 4.5 20zm18-15A1.5 1.5 0 0 1 29 6.5v5a1.5 1.5 0 0 1-1.5 1.5h-5a1.5 1.5 0 0 1-1.5-1.5v-5A1.5 1.5 0 0 1 22.5 5zM32 6.5A4.5 4.5 0 0 0 27.5 2h-5A4.5 4.5 0 0 0 18 6.5v5a4.5 4.5 0 0 0 4.5 4.5h5a4.5 4.5 0 0 0 4.5-4.5zm-3 18a1.5 1.5 0 0 0-1.5-1.5h-5a1.5 1.5 0 0 0-1.5 1.5v5a1.5 1.5 0 0 0 1.5 1.5h5a1.5 1.5 0 0 0 1.5-1.5zM27.5 20a4.5 4.5 0 0 1 4.5 4.5v5a4.5 4.5 0 0 1-4.5 4.5h-5a4.5 4.5 0 0 1-4.5-4.5v-5a4.5 4.5 0 0 1 4.5-4.5z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconGrid.viewBoxWidth = 32;
|
|
18
|
+
export default IconGrid;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
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); }
|
|
2
|
+
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
5
|
+
|
|
6
|
+
const IconList = props => ___EmotionJSX("svg", _extends({
|
|
7
|
+
viewBox: "0 0 34 36",
|
|
8
|
+
fill: "none",
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
10
|
+
}, props), ___EmotionJSX("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M0 7.5A1.5 1.5 0 0 1 1.5 6h31a1.5 1.5 0 0 1 0 3h-31A1.5 1.5 0 0 1 0 7.5M0 18a1.5 1.5 0 0 1 1.5-1.5h31a1.5 1.5 0 0 1 0 3h-31A1.5 1.5 0 0 1 0 18m1.5 9a1.5 1.5 0 0 0 0 3h31a1.5 1.5 0 0 0 0-3z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
}));
|
|
16
|
+
|
|
17
|
+
IconList.viewBoxWidth = 34;
|
|
18
|
+
export default IconList;
|
package/es/icons/index.js
CHANGED
|
@@ -95,4 +95,6 @@ export { default as IconBall } from './icon-ball';
|
|
|
95
95
|
export { default as IconCar } from './icon-car';
|
|
96
96
|
export { default as IconSymbols } from './icon-symbols';
|
|
97
97
|
export { default as IconFlag } from './icon-flag';
|
|
98
|
-
export { default as IconQr } from './icon-qr';
|
|
98
|
+
export { default as IconQr } from './icon-qr';
|
|
99
|
+
export { default as IconGrid } from './icon-grid';
|
|
100
|
+
export { default as IconList } from './icon-list';
|
|
@@ -4,7 +4,7 @@ const capValue = "\n :root {\n @supports not (font-size: 1cap) { --grn-cap-v
|
|
|
4
4
|
export const capVariables = "\n :root {\n --grn-cap: var(--grn-cap-value);\n }\n";
|
|
5
5
|
export const fieldVariables = "\n :root, [data-theme] {\n --grn-field-paddingX: var(--grn-space-s2);\n --grn-field-border-color: var(--grn-color-fade3);\n --grn-field-border-color-hover: var(--grn-color-fade6);\n --grn-field-border-color-focus: var(--grn-color-shade9);\n --grn-field-border-color-disabled: var(--grn-color-shade5);\n --grn-field-background-disabled: var(--grn-color-shade2);\n --grn-field-placeholder-color: var(--grn-color-shade7);\n }\n";
|
|
6
6
|
export const componentVariables = "\n :root, [data-theme] {\n --grn-clearbutton-danger-background-hover: hsl(var(--redHS) var(--redL) / 12%);\n --grn-clearbutton-danger-background-active: hsl(var(--redHS) var(--redL) / 19%);\n --grn-icon-danger-color: hsl(var(--redHS) var(--redL) / 70%);\n }\n";
|
|
7
|
-
const experiments = "\n [data-experiment-compact-textbox=\"true\"] {\n --grn-textBoxHeight: 36px;\n\n --grn-textbox-height-m: 36px;\n --grn-textbox-paddingX-m: var(--grn-space-s2);\n }\n :root [data-experiment-lighter-fields='true'],\n [data-theme][data-experiment-lighter-fields='true'] {\n --grn-field-border-color: var(--grn-color-fade2);\n }\n";
|
|
7
|
+
const experiments = "\n [data-experiment-compact-textbox=\"true\"] {\n --grn-textBoxHeight: 36px;\n\n --grn-textbox-height-m: 36px;\n --grn-textbox-paddingX-m: var(--grn-space-s2);\n }\n :root [data-experiment-lighter-fields='true'],\n [data-theme][data-experiment-lighter-fields='true'] {\n --grn-field-border-color: var(--grn-color-fade2);\n }\n\n [data-experiment-match-button-and-field-padding=\"true\"] {\n --grn-field-paddingX: 14px;\n --grn-textbox-paddingX-m: 14px;\n }\n";
|
|
8
8
|
export const textboxVariables = "\n :root {\n --grn-textbox-height-s: 28px;\n --grn-textbox-paddingX-s: var(--grn-space-s);\n --grn-textbox-radius-s: var(--grn-radius-xs);\n --grn-textbox-text-s: var(--grn-text-s);\n\n --grn-textbox-height-m: 40px;\n --grn-textbox-paddingX-m: var(--grn-space-m);\n --grn-textbox-radius-m: var(--grn-radius-s);\n --grn-textbox-text-m: var(--grn-text-m);\n }\n";
|
|
9
9
|
export const clearbuttonVariables = "\n :root {\n --grn-clearbutton-height: 36px;\n }\n";
|
|
10
10
|
export const formVariables = "\n :root {\n --grn-form-title-content-gap: var(--grn-space-l);\n --grn-form-contents-gap: var(--grn-space-m);\n --grn-form-content-actions-gap: var(--grn-space-xl);\n --grn-form-control-label-gap: var(--grn-space-s);\n }\n";
|