@flodesk/grain 11.22.6 → 11.23.0

package/es/components/switch.js

@@ -1,9 +1,5 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["isDisabled", "isActive", "label", "hint", "id", "onChange"];
+const _excluded = ["isDisabled", "isActive", "label", "hint", "id", "onChange"];
 
 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); }
 
@@ -17,36 +13,40 @@ import PropTypes from 'prop-types';
 import { FieldHint, FieldLabel } from '../foundational';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var knobSizePx = 16;
-var trackOffsetPx = 2;
-var trackWidthPx = 32;
-var trackHeightPx = knobSizePx + trackOffsetPx * 2;
-var knobActivePositionPx = trackWidthPx - knobSizePx - trackOffsetPx * 2;
+const knobSizePx = 16;
+const trackOffsetPx = 2;
+const trackWidthPx = 32;
+const trackHeightPx = knobSizePx + trackOffsetPx * 2;
+const knobActivePositionPx = trackWidthPx - knobSizePx - trackOffsetPx * 2;
 
-var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+const Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "ez8kn7b1"
 } : {
   target: "ez8kn7b1",
   label: "Input"
 })("--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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBrbm9iU2l6ZVB4ID0gMTY7XG5jb25zdCB0cmFja09mZnNldFB4ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGhQeCA9IDMyO1xuY29uc3QgdHJhY2tIZWlnaHRQeCA9IGtub2JTaXplUHggKyB0cmFja09mZnNldFB4ICogMjtcbmNvbnN0IGtub2JBY3RpdmVQb3NpdGlvblB4ID0gdHJhY2tXaWR0aFB4IC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0UHggKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG4gIC0ta25vYkNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3RyYWNrSGVpZ2h0UHh9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGhQeH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7dHJhY2tIZWlnaHRQeCAvIDJ9cHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tDb2xvcik7XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICB0b3A6ICR7dHJhY2tPZmZzZXRQeH1weDtcbiAgICBoZWlnaHQ6ICR7a25vYlNpemVQeH1weDtcbiAgICB3aWR0aDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0ta25vYkNvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHtrbm9iQWN0aXZlUG9zaXRpb25QeH1weCk7XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLXRyYWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBoYXNUZXh0IH0pID0+XG4gICAgaGFzVGV4dCAmJlxuICAgIGBcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gIGB9O1xuXG4gIC5zd2l0Y2hMYWJlbCxcbiAgLnN3aXRjaEhpbnQge1xuICAgIGdyaWQtY29sdW1uOiAyIC8gMztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9IGZvcndhcmRSZWYoXG4gICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaGludCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgY2hlY2tlZD17aXNBY3RpdmV9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAvPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJzd2l0Y2hMYWJlbFwiPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJzd2l0Y2hIaW50XCI+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Td2l0Y2guTGFiZWwgPSBGaWVsZExhYmVsO1xuXG5Td2l0Y2gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ez8kn7b0"
 } : {
   target: "ez8kn7b0",
   label: "Root"
-})(function (_ref) {
-  var hasText = _ref.hasText;
+})(_ref => {
+  let {
+    hasText
+  } = _ref;
   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  ");
 }, ";.switchLabel,.switchHint{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUR1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IEZpZWxkSGludCwgRmllbGRMYWJlbCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXRQeCA9IDI7XG5jb25zdCB0cmFja1dpZHRoUHggPSAzMjtcbmNvbnN0IHRyYWNrSGVpZ2h0UHggPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXRQeCAqIDI7XG5jb25zdCBrbm9iQWN0aXZlUG9zaXRpb25QeCA9IHRyYWNrV2lkdGhQeCAtIGtub2JTaXplUHggLSB0cmFja09mZnNldFB4ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGU2Jyl9O1xuICAtLWtub2JDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodFB4fXB4O1xuICB3aWR0aDogJHt0cmFja1dpZHRoUHh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke3RyYWNrSGVpZ2h0UHggLyAyfXB4O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQ29sb3IpO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0UHh9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tdHJhY2tDb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR7a25vYkFjdGl2ZVBvc2l0aW9uUHh9cHgpO1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS10cmFja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1rbm9iQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICBgfTtcblxuICAuc3dpdGNoTGFiZWwsXG4gIC5zd2l0Y2hIaW50IHtcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKFxuICAoeyBpc0Rpc2FibGVkLCBpc0FjdGl2ZSwgbGFiZWwsIGhpbnQsIGlkLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxSb290IGhhc1RleHQ9e2xhYmVsIHx8IGhpbnR9IHsuLi5wcm9wc30+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgIGNoZWNrZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgLz5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPVwic3dpdGNoTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY2xhc3NOYW1lPVwic3dpdGNoSGludFwiPntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuU3dpdGNoLkxhYmVsID0gRmllbGRMYWJlbDtcblxuU3dpdGNoLnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
 
-export var Switch = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var isDisabled = _ref2.isDisabled,
-      isActive = _ref2.isActive,
-      label = _ref2.label,
-      hint = _ref2.hint,
-      id = _ref2.id,
-      onChange = _ref2.onChange,
+export const Switch = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    isDisabled,
+    isActive,
+    label,
+    hint,
+    id,
+    onChange
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Root, _extends({

package/es/components/tab.js

@@ -1,10 +1,6 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isActive", "onClick"],
-    _excluded2 = ["children", "height", "hasFullWidth"];
+const _excluded = ["children", "isActive", "onClick"],
+      _excluded2 = ["children", "height", "hasFullWidth"];
 
 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); }
 
@@ -19,30 +15,26 @@ import { types } from '../types';
 import { styles } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1et4hjk1"
 } : {
   target: "e1et4hjk1",
   label: "Wrapper"
-})("display:flex;gap:var(--grn-space-l);align-items:stretch;height:", function (p) {
-  return getDimension(p.height);
-}, ";", function (p) {
-  return p.hasFullWidth && "\n    .Tab {\n      flex: 1 0 0;\n    }\n  ";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBoZWlnaHQ6ICR7cCA9PiBnZXREaW1lbnNpb24ocC5oZWlnaHQpfTtcblxuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGFiIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwIGN1cnJlbnRDb2xvcjtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRhYldyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGFiXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWJXcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhlaWdodCA9IDYsIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoZWlnaHQ9e2hlaWdodH0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})("display:flex;gap:var(--grn-space-l);align-items:stretch;height:", p => getDimension(p.height), ";", p => p.hasFullWidth && "\n    .Tab {\n      flex: 1 0 0;\n    }\n  ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICBoZWlnaHQ6ICR7cCA9PiBnZXREaW1lbnNpb24ocC5oZWlnaHQpfTtcblxuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGFiIHtcbiAgICAgIGZsZXg6IDEgMCAwO1xuICAgIH1cbiAgYH1cbmA7XG5cbmNvbnN0IFRhYldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAwO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwIGN1cnJlbnRDb2xvcjtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICBgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUYWIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBpc0FjdGl2ZSwgb25DbGljaywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRhYldyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGFiXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWJXcmFwcGVyPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhlaWdodCA9IDYsIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoZWlnaHQ9e2hlaWdodH0gaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1dyYXBwZXI+XG4pKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBoYXNGdWxsV2lkdGg6IFByb3BUeXBlcy5ib29sLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
-var TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1et4hjk0"
 } : {
   target: "e1et4hjk0",
   label: "TabWrapper"
-})(styles.buttonReset, ";", styles.transitions, ";border:none;padding:0;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;&:hover{color:var(--grn-color-content);}", function (p) {
-  return p.isActive && "\n    box-shadow: inset 0 -2px 0 currentColor;\n    color: var(--grn-color-content);\n  ";
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90YWIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogdmFyKC0tZ3JuLXNwYWNlLWwpO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgaGVpZ2h0OiAke3AgPT4gZ2V0RGltZW5zaW9uKHAuaGVpZ2h0KX07XG5cbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRhYiB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0ycHggMCBjdXJyZW50Q29sb3I7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgVGFiID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWJXcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRhYlwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGFiR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gaGVpZ2h0PXtoZWlnaHR9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cblRhYkdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRhYi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+})(styles.buttonReset, ";", styles.transitions, ";border:none;padding:0;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;&:hover{color:var(--grn-color-content);}", p => p.isActive && "\n    box-shadow: inset 0 -2px 0 currentColor;\n    color: var(--grn-color-content);\n  ", ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JnQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90YWIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogdmFyKC0tZ3JuLXNwYWNlLWwpO1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgaGVpZ2h0OiAke3AgPT4gZ2V0RGltZW5zaW9uKHAuaGVpZ2h0KX07XG5cbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRhYiB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5gO1xuXG5jb25zdCBUYWJXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgYm9yZGVyOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICB9XG5cbiAgJHtwID0+XG4gICAgcC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICBib3gtc2hhZG93OiBpbnNldCAwIC0ycHggMCBjdXJyZW50Q29sb3I7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgVGFiID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxUYWJXcmFwcGVyXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT1cIlRhYlwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGFiR3JvdXAgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCBoYXNGdWxsV2lkdGgsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8V3JhcHBlciByZWY9e3JlZn0gaGVpZ2h0PXtoZWlnaHR9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cblRhYkdyb3VwLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBoZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRhYi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
-export var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      isActive = _ref.isActive,
-      onClick = _ref.onClick,
+export const Tab = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    isActive,
+    onClick
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(TabWrapper, _extends({
@@ -53,11 +45,12 @@ export var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: "Tab"
   }, props), children);
 });
-export var TabGroup = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? 6 : _ref2$height,
-      hasFullWidth = _ref2.hasFullWidth,
+export const TabGroup = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    children,
+    height = 6,
+    hasFullWidth
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
   return ___EmotionJSX(Wrapper, _extends({

package/es/components/text/index.js

@@ -1,15 +1,4 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.define-property.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.assign.js";
-var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop", "className", "style"];
+const _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop", "className", "style"];
 
 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); }
 
@@ -34,28 +23,27 @@ import { types } from '../../types';
 import styles from './styles.module.css';
 import { BreakpointsContext } from '../breakpoints-provider';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      weight = _ref.weight,
-      color = _ref.color,
-      _ref$tag = _ref.tag,
-      tag = _ref$tag === void 0 ? 'span' : _ref$tag,
-      _ref$display = _ref.display,
-      display = _ref$display === void 0 ? 'block' : _ref$display,
-      hasEllipsis = _ref.hasEllipsis,
-      ellipsisLines = _ref.ellipsisLines,
-      align = _ref.align,
-      letterSpacing = _ref.letterSpacing,
-      textTransform = _ref.textTransform,
-      variant = _ref.variant,
-      trimTop = _ref.trimTop,
-      className = _ref.className,
-      style = _ref.style,
+export const Text = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    size = 'm',
+    weight,
+    color,
+    tag = 'span',
+    display = 'block',
+    hasEllipsis,
+    ellipsisLines,
+    align,
+    letterSpacing,
+    textTransform,
+    variant,
+    trimTop,
+    className,
+    style
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var Tag = tag;
+  const Tag = tag;
 
   if (variant === 'caps') {
     size = 's';
@@ -64,30 +52,32 @@ export var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
     letterSpacing = '0.05em';
   }
 
-  var propClassName = className ? className : '';
-  var propStyle = style ? style : {};
-  var breakpoints = useContext(BreakpointsContext);
-  var attributes = generateAttributes({
+  const propClassName = className ? className : '';
+  const propStyle = style ? style : {};
+  const breakpoints = useContext(BreakpointsContext);
+  const attributes = generateAttributes({
     styleProps: {
-      size: size,
-      align: align,
-      color: color,
-      letterSpacing: letterSpacing
+      size,
+      align,
+      color,
+      letterSpacing
     },
     classNameProps: {
-      size: size,
-      align: align,
-      color: color,
-      weight: weight,
+      size,
+      align,
+      color,
+      weight,
       display: !ellipsisLines ? display : undefined,
-      textTransform: textTransform
+      textTransform
     },
-    breakpoints: breakpoints
+    breakpoints
   });
 
-  var styleAttributes = _objectSpread(_objectSpread(_objectSpread({}, attributes.styles), propStyle), ellipsisLines && _defineProperty({}, '--el', ellipsisLines));
+  const styleAttributes = _objectSpread(_objectSpread(_objectSpread({}, attributes.styles), propStyle), ellipsisLines && {
+    ['--el']: ellipsisLines
+  });
 
-  var classAttributes = [attributes.classNames, propClassName, trimTop && styles.trimTop, hasEllipsis && !ellipsisLines ? styles.ellipsis : undefined, hasEllipsis && ellipsisLines ? styles.ellipsisMulti : undefined].join(' ').replace(/\s+/g, ' ').trim();
+  const classAttributes = [attributes.classNames, propClassName, trimTop && styles.trimTop, hasEllipsis && !ellipsisLines ? styles.ellipsis : undefined, hasEllipsis && ellipsisLines ? styles.ellipsisMulti : undefined].join(' ').replace(/\s+/g, ' ').trim();
   return ___EmotionJSX(Tag, _extends({
     ref: ref,
     className: classAttributes,

package/es/components/text-button.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide", "hasSpinner"];
+const _excluded = ["children", "isDisabled", "icon", "iconPosition", "variant", "type", "trimSide", "hasSpinner"];
 
 var _templateObject;
 
@@ -11,14 +11,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import { Box, Icon, Spinner, Text } from '../components';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
@@ -27,53 +19,48 @@ import { types } from '../types';
 import { keyframes } from '@emotion/react';
 import { getTransition } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var xPadding = "8px";
-var xPaddingNegative = "-".concat(xPadding);
-var trimSideStyles = {
+const xPadding = "8px";
+const xPaddingNegative = "-".concat(xPadding);
+const trimSideStyles = {
   left: "\n    margin-left: ".concat(xPaddingNegative, ";\n    max-width: calc(100% + ").concat(xPadding, ");\n  "),
   right: "\n    margin-right: ".concat(xPaddingNegative, ";\n    max-width: calc(100% + ").concat(xPadding, ");\n  "),
   x: "\n    margin-left: ".concat(xPaddingNegative, ";\n    margin-right: ").concat(xPaddingNegative, ";\n    max-width: calc(100% + ").concat(xPadding, " * 2);\n  ")
 };
-var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
+const fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0 }\n"])));
 
-var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1jnb1460"
 } : {
   target: "e1jnb1460",
   label: "Wrapper"
-})("position:relative;", function (p) {
-  return p.clearButtonStyles.box;
-}, ";padding:0 ", xPadding, ";gap:8px;min-width:0;", function (_ref) {
-  var trimSide = _ref.trimSide;
+})("position:relative;", p => p.clearButtonStyles.box, ";padding:0 ", xPadding, ";gap:8px;min-width:0;", _ref => {
+  let {
+    trimSide
+  } = _ref;
   return trimSide ? trimSideStyles[trimSide] : "max-width: 100%";
-}, ";.Icon{", function (p) {
-  return p.iconPosition === 'right' && "order: 1";
-}, ";", function (p) {
-  return p.clearButtonStyles.icon;
-}, ";}.buttonText{", function (p) {
-  return p.clearButtonStyles.text;
-}, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}", function (_ref2) {
-  var hasSpinner = _ref2.hasSpinner;
+}, ";.Icon{", p => p.iconPosition === 'right' && "order: 1", ";", p => p.clearButtonStyles.icon, ";}.buttonText{", p => p.clearButtonStyles.text, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('fast'), ";}", _ref2 => {
+  let {
+    hasSpinner
+  } = _ref2;
   return hasSpinner && "\n    .buttonText,\n    .Icon {\n      transition: opacity ".concat(getTransition('fast'), ";\n      opacity: 0;\n    }\n  ");
 }, " [data-experiment-compact-textbutton=\"true\"] &{height:32px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzZCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgSWNvbiwgU3Bpbm5lciwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q2xlYXJCdXR0b25TdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgeFBhZGRpbmcgPSBgOHB4YDtcbmNvbnN0IHhQYWRkaW5nTmVnYXRpdmUgPSBgLSR7eFBhZGRpbmd9YDtcblxuY29uc3QgdHJpbVNpZGVTdHlsZXMgPSB7XG4gIGxlZnQ6IGBcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXgtd2lkdGg6IGNhbGMoMTAwJSArICR7eFBhZGRpbmd9KTtcbiAgYCxcbiAgcmlnaHQ6IGBcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSk7XG4gIGAsXG4gIHg6IGBcbiAgICBtYXJnaW4tbGVmdDogJHt4UGFkZGluZ05lZ2F0aXZlfTtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7eFBhZGRpbmdOZWdhdGl2ZX07XG4gICAgbWF4LXdpZHRoOiBjYWxjKDEwMCUgKyAke3hQYWRkaW5nfSAqIDIpO1xuICBgLFxufTtcblxuY29uc3QgZmFkZUluID0ga2V5ZnJhbWVzYFxuICBmcm9tIHsgb3BhY2l0eTogMCB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5ib3h9O1xuICBwYWRkaW5nOiAwICR7eFBhZGRpbmd9O1xuICBnYXA6IDhweDtcbiAgbWluLXdpZHRoOiAwO1xuICAkeyh7IHRyaW1TaWRlIH0pID0+ICh0cmltU2lkZSA/IHRyaW1TaWRlU3R5bGVzW3RyaW1TaWRlXSA6IGBtYXgtd2lkdGg6IDEwMCVgKX07XG5cbiAgLkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy5pY29ufTtcbiAgfVxuXG4gIC5idXR0b25UZXh0IHtcbiAgICAke3AgPT4gcC5jbGVhckJ1dHRvblN0eWxlcy50ZXh0fTtcbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gIH1cblxuICAkeyh7IGhhc1NwaW5uZXIgfSkgPT5cbiAgICBoYXNTcGlubmVyICYmXG4gICAgYFxuICAgIC5idXR0b25UZXh0LFxuICAgIC5JY29uIHtcbiAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIGB9XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRidXR0b249XCJ0cnVlXCJdICYge1xuICAgIGhlaWdodDogMzJweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHRCdXR0b24gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0cmltU2lkZSxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBjbGVhckJ1dHRvblN0eWxlcyA9IGdldENsZWFyQnV0dG9uU3R5bGVzKHsgdmFyaWFudCwgaXNEaXNhYmxlZCB9KTtcbiAgICByZXR1cm4gKFxuICAgICAgPFdyYXBwZXJcbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGljb249e2ljb259XG4gICAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdHJpbVNpZGU9e3RyaW1TaWRlfVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICBjbGVhckJ1dHRvblN0eWxlcz17Y2xlYXJCdXR0b25TdHlsZXN9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gLz59XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXMgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPlxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgICAge2hhc1NwaW5uZXIgJiYgKFxuICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJhYnNvbHV0ZVwiIGNsYXNzTmFtZT1cImJ1dHRvblNwaW5uZXJcIj5cbiAgICAgICAgICAgIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dEJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IHR5cGVzLmNsZWFyQnV0dG9uVmFyaWFudCxcbiAgdHlwZTogdHlwZXMuYnV0dG9uVHlwZSxcbiAgdHJpbVNpZGU6IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnLCAneCddKSxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
 
-export var TextButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      isDisabled = _ref3.isDisabled,
-      icon = _ref3.icon,
-      _ref3$iconPosition = _ref3.iconPosition,
-      iconPosition = _ref3$iconPosition === void 0 ? 'left' : _ref3$iconPosition,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'button' : _ref3$type,
-      trimSide = _ref3.trimSide,
-      hasSpinner = _ref3.hasSpinner,
+export const TextButton = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    isDisabled,
+    icon,
+    iconPosition = 'left',
+    variant = 'neutral',
+    type = 'button',
+    trimSide,
+    hasSpinner
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var clearButtonStyles = getClearButtonStyles({
-    variant: variant,
-    isDisabled: isDisabled
+  const clearButtonStyles = getClearButtonStyles({
+    variant,
+    isDisabled
   });
   return ___EmotionJSX(Wrapper, _extends({
     type: type,

package/es/components/text-input.js

@@ -1,32 +1,8 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.regexp.exec.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "internalType", "setInternalType"],
-    _excluded2 = ["children"],
-    _excluded3 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type", "hint", "onClear"];
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const _excluded = ["children", "internalType", "setInternalType"],
+      _excluded2 = ["children"],
+      _excluded3 = ["value", "placeholder", "label", "id", "icon", "hasError", "errorMessage", "isReadOnly", "isDisabled", "type", "hint", "onClear"];
+import "core-js/modules/web.dom-collections.iterator.js";
 
 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); }
 
@@ -44,19 +20,21 @@ import { types } from '../types';
 import { IconCross, IconHide, IconShow } from '../icons';
 import { useWidth } from '../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var iconOffsetPx = 12;
-var iconTextGapPx = 8;
+const iconOffsetPx = 12;
+const iconTextGapPx = 8;
 
-var IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const IconSection = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1o9e51y0"
 } : {
   target: "e1o9e51y0",
   label: "IconSection"
 })("position:absolute;margin:auto;left:", iconOffsetPx, "px;top:0;bottom:0;height:fit-content;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtaW5wdXQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LWlucHV0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQm94LCBUZXh0IH0gZnJvbSAnLic7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi9pY29uJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgSW5wdXRGaWVsZCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEljb25Dcm9zcywgSWNvbkhpZGUsIEljb25TaG93IH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdXNlV2lkdGggfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IGljb25PZmZzZXRQeCA9IDEyO1xuY29uc3QgaWNvblRleHRHYXBQeCA9IDg7XG5cbmNvbnN0IEljb25TZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IGF1dG87XG4gIGxlZnQ6ICR7aWNvbk9mZnNldFB4fXB4O1xuICB0b3A6IDA7XG4gIGJvdHRvbTogMDtcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5jb25zdCBBY3Rpb25CdXR0b25XcmFwcGVyID0gKHsgY2hpbGRyZW4gfSkgPT4ge1xuICBjb25zdCByaWdodE9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tdGV4dEJveEhlaWdodCkgLSAke2NvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25IZWlnaHR9KSAvIDIpYDtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHJpZ2h0PXtyaWdodE9mZnNldH1cbiAgICAgIHRvcD1cIjBcIlxuICAgICAgYm90dG9tPVwiMFwiXG4gICAgICBtYXJnaW49XCJhdXRvXCJcbiAgICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBWaXNpYmlsaXR5QnV0dG9uID0gKHsgY2hpbGRyZW4sIGludGVybmFsVHlwZSwgc2V0SW50ZXJuYWxUeXBlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IHR5cGVBbmRJY29uTWFwID0ge1xuICAgIHBhc3N3b3JkOiA8SWNvblNob3cgLz4sXG4gICAgdGV4dDogPEljb25IaWRlIC8+LFxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEFjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIGljb249e3R5cGVBbmRJY29uTWFwW2ludGVybmFsVHlwZV19XG4gICAgICAgIG9uQ2xpY2s9eygpID0+IHNldEludGVybmFsVHlwZShpbnRlcm5hbFR5cGUgPT09ICd0ZXh0JyA/ICdwYXNzd29yZCcgOiAndGV4dCcpfVxuICAgICAgLz5cbiAgICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4gICk7XG59O1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9ICh7IG9uQ2xpY2sgfSkgPT4gKFxuICA8QWN0aW9uQnV0dG9uV3JhcHBlcj5cbiAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsaWNrfSAvPlxuICA8L0FjdGlvbkJ1dHRvbldyYXBwZXI+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0TGFiZWwgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8RmllbGRMYWJlbCB7Li4ucHJvcHN9PntjaGlsZHJlbn08L0ZpZWxkTGFiZWw+XG4pO1xuXG5leHBvcnQgY29uc3QgVGV4dElucHV0ID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBsYWJlbCxcbiAgICAgIGlkLFxuICAgICAgaWNvbixcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICB0eXBlID0gJ3RleHQnLFxuICAgICAgaGludCxcbiAgICAgIG9uQ2xlYXIsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBpY29uUmVmID0gUmVhY3QudXNlUmVmKG51bGwpO1xuICAgIGNvbnN0IFtpbnRlcm5hbFR5cGUsIHNldEludGVybmFsVHlwZV0gPSBSZWFjdC51c2VTdGF0ZSh0eXBlKTtcblxuICAgIGNvbnN0IGljb25XaWR0aCA9IHVzZVdpZHRoKGljb25SZWYpO1xuICAgIGNvbnN0IGhhc1Zpc2liaWxpdHlCdXR0b24gPSB0eXBlID09PSAncGFzc3dvcmQnICYmICFpc1JlYWRPbmx5ICYmICFpc0Rpc2FibGVkO1xuICAgIGNvbnN0IGhhc0NsZWFyQnV0dG9uID0gb25DbGVhciAmJiAhaXNSZWFkT25seSAmJiAhaXNEaXNhYmxlZDtcbiAgICBjb25zdCBoYXNCdXR0b24gPSBoYXNWaXNpYmlsaXR5QnV0dG9uIHx8IGhhc0NsZWFyQnV0dG9uO1xuICAgIGNvbnN0IHBhZGRpbmdMZWZ0ID0gaWNvbiA/IGAke2ljb25PZmZzZXRQeCArIGljb25XaWR0aCArIGljb25UZXh0R2FwUHh9cHhgIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IHBhZGRpbmdSaWdodCA9IGhhc0J1dHRvbiA/ICd2YXIoLS1ncm4tdGV4dEJveEhlaWdodCknIDogdW5kZWZpbmVkO1xuXG4gICAgY29uc3QgZmllbGRNYXJnaW5Ub3AgPSBsYWJlbCB8fCBoaW50ID8gJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyA6IHVuZGVmaW5lZDtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25TZWN0aW9uPlxuICAgICAgICAgICAgICA8SWNvbiByZWY9e2ljb25SZWZ9IGljb249e2ljb259IC8+XG4gICAgICAgICAgICA8L0ljb25TZWN0aW9uPlxuICAgICAgICAgICl9XG4gICAgICAgICAgPElucHV0RmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgdHlwZT17aW50ZXJuYWxUeXBlfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgcGFkZGluZ0xlZnQ9e3BhZGRpbmdMZWZ0fVxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PXtwYWRkaW5nUmlnaHR9XG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1JlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHtoYXNWaXNpYmlsaXR5QnV0dG9uICYmIChcbiAgICAgICAgICAgIDxWaXNpYmlsaXR5QnV0dG9uIHNldEludGVybmFsVHlwZT17c2V0SW50ZXJuYWxUeXBlfSBpbnRlcm5hbFR5cGU9e2ludGVybmFsVHlwZX0gLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtoYXNDbGVhckJ1dHRvbiAmJiB2YWx1ZSAmJiA8Q2xlYXJCdXR0b24gb25DbGljaz17b25DbGVhcn0gLz59XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICA8VGV4dCBjb2xvcj1cImRhbmdlclwiPntlcnJvck1lc3NhZ2V9PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRJbnB1dC5MYWJlbCA9IFRleHRJbnB1dExhYmVsO1xuVGV4dElucHV0LkhpbnQgPSBGaWVsZEhpbnQ7XG5cblRleHRJbnB1dC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YWx1ZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm51bWJlcl0pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy50ZXh0SW5wdXQsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
 
-var ActionButtonWrapper = function ActionButtonWrapper(_ref) {
-  var children = _ref.children;
-  var rightOffset = "calc((var(--grn-textBoxHeight) - ".concat(componentVars.clearButtonHeight, ") / 2)");
+const ActionButtonWrapper = _ref => {
+  let {
+    children
+  } = _ref;
+  const rightOffset = "calc((var(--grn-textBoxHeight) - ".concat(componentVars.clearButtonHeight, ") / 2)");
   return ___EmotionJSX(Box, {
     position: "absolute",
     right: rightOffset,
@@ -67,68 +45,68 @@ var ActionButtonWrapper = function ActionButtonWrapper(_ref) {
   }, children);
 };
 
-var VisibilityButton = function VisibilityButton(_ref2) {
-  var children = _ref2.children,
-      internalType = _ref2.internalType,
-      setInternalType = _ref2.setInternalType,
+const VisibilityButton = _ref2 => {
+  let {
+    children,
+    internalType,
+    setInternalType
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
-  var typeAndIconMap = {
+  const typeAndIconMap = {
     password: ___EmotionJSX(IconShow, null),
     text: ___EmotionJSX(IconHide, null)
   };
   return ___EmotionJSX(ActionButtonWrapper, null, ___EmotionJSX(IconButton, _extends({}, props, {
     icon: typeAndIconMap[internalType],
-    onClick: function onClick() {
-      return setInternalType(internalType === 'text' ? 'password' : 'text');
-    }
+    onClick: () => setInternalType(internalType === 'text' ? 'password' : 'text')
   })));
 };
 
-var ClearButton = function ClearButton(_ref3) {
-  var onClick = _ref3.onClick;
+const ClearButton = _ref3 => {
+  let {
+    onClick
+  } = _ref3;
   return ___EmotionJSX(ActionButtonWrapper, null, ___EmotionJSX(IconButton, {
     icon: ___EmotionJSX(IconCross, null),
     onClick: onClick
   }));
 };
 
-export var TextInputLabel = function TextInputLabel(_ref4) {
-  var children = _ref4.children,
+export const TextInputLabel = _ref4 => {
+  let {
+    children
+  } = _ref4,
       props = _objectWithoutProperties(_ref4, _excluded2);
 
   return ___EmotionJSX(FieldLabel, props, children);
 };
-export var TextInput = /*#__PURE__*/React.forwardRef(function (_ref5, ref) {
-  var value = _ref5.value,
-      placeholder = _ref5.placeholder,
-      label = _ref5.label,
-      id = _ref5.id,
-      icon = _ref5.icon,
-      hasError = _ref5.hasError,
-      errorMessage = _ref5.errorMessage,
-      isReadOnly = _ref5.isReadOnly,
-      isDisabled = _ref5.isDisabled,
-      _ref5$type = _ref5.type,
-      type = _ref5$type === void 0 ? 'text' : _ref5$type,
-      hint = _ref5.hint,
-      onClear = _ref5.onClear,
+export const TextInput = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+  let {
+    value,
+    placeholder,
+    label,
+    id,
+    icon,
+    hasError,
+    errorMessage,
+    isReadOnly,
+    isDisabled,
+    type = 'text',
+    hint,
+    onClear
+  } = _ref5,
       props = _objectWithoutProperties(_ref5, _excluded3);
 
-  var iconRef = React.useRef(null);
-
-  var _React$useState = React.useState(type),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      internalType = _React$useState2[0],
-      setInternalType = _React$useState2[1];
-
-  var iconWidth = useWidth(iconRef);
-  var hasVisibilityButton = type === 'password' && !isReadOnly && !isDisabled;
-  var hasClearButton = onClear && !isReadOnly && !isDisabled;
-  var hasButton = hasVisibilityButton || hasClearButton;
-  var paddingLeft = icon ? "".concat(iconOffsetPx + iconWidth + iconTextGapPx, "px") : undefined;
-  var paddingRight = hasButton ? 'var(--grn-textBoxHeight)' : undefined;
-  var fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
+  const iconRef = React.useRef(null);
+  const [internalType, setInternalType] = React.useState(type);
+  const iconWidth = useWidth(iconRef);
+  const hasVisibilityButton = type === 'password' && !isReadOnly && !isDisabled;
+  const hasClearButton = onClear && !isReadOnly && !isDisabled;
+  const hasButton = hasVisibilityButton || hasClearButton;
+  const paddingLeft = icon ? "".concat(iconOffsetPx + iconWidth + iconTextGapPx, "px") : undefined;
+  const paddingRight = hasButton ? 'var(--grn-textBoxHeight)' : undefined;
+  const fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
   return ___EmotionJSX("div", null, label && ___EmotionJSX(FieldLabel, {
     htmlFor: id
   }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {