@flodesk/grain 11.22.5 → 11.23.0

package/es/components/text-toggle.js

@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "isActive", "onClick"],
-    _excluded2 = ["children", "hasFullWidth"];
+const _excluded = ["children", "isActive", "onClick"],
+      _excluded2 = ["children", "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); }
 
@@ -8,50 +8,37 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.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 { getColor, getRadius, getTransition } from '../utilities';
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { styles, componentVars } from '../foundational';
 import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var strokeSize = componentVars.strokeSize;
-var wrapperExperimentStyles = /*#__PURE__*/css("[data-experiment-new-texttoggle] &{border:none;border-radius:", getRadius('s'), ";padding:2px;background:", getColor('shade3'), ";}[data-experiment-new-texttoggle-alt] &{border:none;border-radius:unset;background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperExperimentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCB3cmFwcGVyRXhwZXJpbWVudFN0eWxlcyA9IGNzc2BcbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZV0gJiB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIHBhZGRpbmc6IDJweDtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gIH1cbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZS1hbHRdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiB1bnNldDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgaXRlbUV4cGVyaW1lbnRTdHlsZXMgPSBwID0+IGNzc2BcbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZV0gJiB7XG4gICAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpIC0gNHB4KTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gMnB4KTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcblxuICAgICR7cC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgICBgfVxuICB9XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZS1hbHRdICYge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KTtcblxuICAgICR7cC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMycpfTtcbiAgICBgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5cbiAgJHt3cmFwcGVyRXhwZXJpbWVudFN0eWxlc31cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpIC0gJHtzdHJva2VTaXplfSAqIDIpO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignYWN0aXZlJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICB9XG4gIGB9XG5cbiAgJHtwID0+IGl0ZW1FeHBlcmltZW50U3R5bGVzKHApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaGFzRnVsbFdpZHRoLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
+const strokeSize = componentVars.strokeSize;
+const wrapperExperimentStyles = /*#__PURE__*/css("[data-experiment-new-texttoggle] &{border:none;border-radius:", getRadius('s'), ";padding:2px;background:", getColor('shade3'), ";}[data-experiment-new-texttoggle-alt] &{border:none;border-radius:unset;background:transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:wrapperExperimentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC10b2dnbGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBzdHJva2VTaXplID0gY29tcG9uZW50VmFycy5zdHJva2VTaXplO1xuXG5jb25zdCB3cmFwcGVyRXhwZXJpbWVudFN0eWxlcyA9IGNzc2BcbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZV0gJiB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIHBhZGRpbmc6IDJweDtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gIH1cbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZS1hbHRdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiB1bnNldDtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuYDtcblxuY29uc3QgaXRlbUV4cGVyaW1lbnRTdHlsZXMgPSBwID0+IGNzc2BcbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZV0gJiB7XG4gICAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpIC0gNHB4KTtcbiAgICBib3JkZXItcmFkaXVzOiBjYWxjKCR7Z2V0UmFkaXVzKCdzJyl9IC0gMnB4KTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcblxuICAgICR7cC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMScpfTtcbiAgICBgfVxuICB9XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1uZXctdGV4dHRvZ2dsZS1hbHRdICYge1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGJveC1zaGFkb3c6IHVuc2V0O1xuICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KTtcblxuICAgICR7cC5pc0FjdGl2ZSAmJlxuICAgIGBcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMycpfTtcbiAgICBgfVxuICB9XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGdhcDogJHtzdHJva2VTaXplfTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuXG4gICR7cCA9PiAhcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiBmaXQtY29udGVudGB9O1xuICAke3AgPT5cbiAgICBwLmhhc0Z1bGxXaWR0aCAmJlxuICAgIGBcbiAgICAuVGV4dFRvZ2dsZSB7XG4gICAgICBmbGV4OiAxIDAgMDtcbiAgICB9XG4gIGB9XG5cbiAgJHt3cmFwcGVyRXhwZXJpbWVudFN0eWxlc31cbmA7XG5cbmNvbnN0IEl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1oZWlnaHQ6IGNhbGModmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpIC0gJHtzdHJva2VTaXplfSAqIDIpO1xuXG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMCAxNnB4O1xuICBoZWlnaHQ6IHZhcigtLWhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudDIpO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG4gIGJveC1zaGFkb3c6IDAgMCAwICR7c3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gICR7cCA9PlxuICAgIHAuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgLS1ib3JkZXJDb2xvcjogJHtjb21wb25lbnRWYXJzLmFjdGl2ZUJvcmRlckNvbG9yfTtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignYWN0aXZlJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICB9XG4gIGB9XG5cbiAgJHtwID0+IGl0ZW1FeHBlcmltZW50U3R5bGVzKHApfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0VG9nZ2xlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaXNBY3RpdmUsIG9uQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJdGVtV3JhcHBlclxuICAgICAgcmVmPXtyZWZ9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9XCJUZXh0VG9nZ2xlXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9JdGVtV3JhcHBlcj5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZUdyb3VwID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgaGFzRnVsbFdpZHRoLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFdyYXBwZXIgcmVmPXtyZWZ9IGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKSk7XG5cblRleHRUb2dnbGVHcm91cC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cblRleHRUb2dnbGUucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
 
-var itemExperimentStyles = function itemExperimentStyles(p) {
-  return /*#__PURE__*/css("[data-experiment-new-texttoggle] &{--height:calc(var(--grn-textBoxHeight) - 4px);border-radius:calc(", getRadius('s'), " - 2px);box-shadow:unset;", p.isActive && "\n      background-color: ".concat(getColor('shade1'), ";\n    "), ";}[data-experiment-new-texttoggle-alt] &{border-radius:", getRadius('s'), ";box-shadow:unset;padding:0 16px;height:var(--grn-textBoxHeight);", p.isActive && "\n      background-color: ".concat(getColor('shade3'), ";\n    "), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:itemExperimentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
-};
+const itemExperimentStyles = p => /*#__PURE__*/css("[data-experiment-new-texttoggle] &{--height:calc(var(--grn-textBoxHeight) - 4px);border-radius:calc(", getRadius('s'), " - 2px);box-shadow:unset;", p.isActive && "\n      background-color: ".concat(getColor('shade1'), ";\n    "), ";}[data-experiment-new-texttoggle-alt] &{border-radius:", getRadius('s'), ";box-shadow:unset;padding:0 16px;height:var(--grn-textBoxHeight);", p.isActive && "\n      background-color: ".concat(getColor('shade3'), ";\n    "), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:itemExperimentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnFDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
 
-var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1fb3cwm1"
 } : {
   target: "e1fb3cwm1",
   label: "Wrapper"
-})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";gap:", strokeSize, ";border-radius:1000px;", function (p) {
-  return !p.hasFullWidth && "width: fit-content";
-}, ";", function (p) {
-  return p.hasFullWidth && "\n    .TextToggle {\n      flex: 1 0 0;\n    }\n  ";
-}, " ", wrapperExperimentStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})("display:flex;border:", strokeSize, " solid ", getColor('border2'), ";gap:", strokeSize, ";border-radius:1000px;", p => !p.hasFullWidth && "width: fit-content", ";", p => p.hasFullWidth && "\n    .TextToggle {\n      flex: 1 0 0;\n    }\n  ", " ", wrapperExperimentStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
-var ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const ItemWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1fb3cwm0"
 } : {
   target: "e1fb3cwm0",
   label: "ItemWrapper"
-})(styles.buttonReset, ";--borderColor:transparent;--height:calc(var(--grn-textBoxHeight) - ", strokeSize, " * 2);border:none;padding:0 16px;height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:1000px;white-space:nowrap;transition:", getTransition('leave'), ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);&:hover{color:var(--grn-color-content);transition:", getTransition('hover'), ";}", function (p) {
-  return p.isActive && "\n    --borderColor: ".concat(componentVars.activeBorderColor, ";\n    color: var(--grn-color-content);\n    transition: ").concat(getTransition('active'), ";\n\n    &:hover {\n      transition: ").concat(getTransition('active'), ";\n    }\n  ");
-}, " ", function (p) {
-  return itemExperimentStyles(p);
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRWlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+})(styles.buttonReset, ";--borderColor:transparent;--height:calc(var(--grn-textBoxHeight) - ", strokeSize, " * 2);border:none;padding:0 16px;height:var(--height);background-color:transparent;position:relative;color:var(--grn-color-content2);border-radius:1000px;white-space:nowrap;transition:", getTransition('leave'), ";box-shadow:0 0 0 ", strokeSize, " var(--borderColor);&:hover{color:var(--grn-color-content);transition:", getTransition('hover'), ";}", p => p.isActive && "\n    --borderColor: ".concat(componentVars.activeBorderColor, ";\n    color: var(--grn-color-content);\n    transition: ").concat(getTransition('active'), ";\n\n    &:hover {\n      transition: ").concat(getTransition('active'), ";\n    }\n  "), " ", p => itemExperimentStyles(p), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRWlDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG9nZ2xlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgc3R5bGVzLCBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3Qgd3JhcHBlckV4cGVyaW1lbnRTdHlsZXMgPSBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBwYWRkaW5nOiAycHg7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUzJyl9O1xuICB9XG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYm9yZGVyLXJhZGl1czogdW5zZXQ7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIH1cbmA7XG5cbmNvbnN0IGl0ZW1FeHBlcmltZW50U3R5bGVzID0gcCA9PiBjc3NgXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGVdICYge1xuICAgIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtIDRweCk7XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYygke2dldFJhZGl1cygncycpfSAtIDJweCk7XG4gICAgYm94LXNoYWRvdzogdW5zZXQ7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEnKX07XG4gICAgYH1cbiAgfVxuXG4gIFtkYXRhLWV4cGVyaW1lbnQtbmV3LXRleHR0b2dnbGUtYWx0XSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICBib3gtc2hhZG93OiB1bnNldDtcbiAgICBwYWRkaW5nOiAwIDE2cHg7XG4gICAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG5cbiAgICAke3AuaXNBY3RpdmUgJiZcbiAgICBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdzaGFkZTMnKX07XG4gICAgYH1cbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCAke2dldENvbG9yKCdib3JkZXIyJyl9O1xuICBnYXA6ICR7c3Ryb2tlU2l6ZX07XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcblxuICAke3AgPT4gIXAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogZml0LWNvbnRlbnRgfTtcbiAgJHtwID0+XG4gICAgcC5oYXNGdWxsV2lkdGggJiZcbiAgICBgXG4gICAgLlRleHRUb2dnbGUge1xuICAgICAgZmxleDogMSAwIDA7XG4gICAgfVxuICBgfVxuXG4gICR7d3JhcHBlckV4cGVyaW1lbnRTdHlsZXN9XG5gO1xuXG5jb25zdCBJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0taGVpZ2h0OiBjYWxjKHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0KSAtICR7c3Ryb2tlU2l6ZX0gKiAyKTtcblxuICBib3JkZXI6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTZweDtcbiAgaGVpZ2h0OiB2YXIoLS1oZWlnaHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQyKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuICBib3gtc2hhZG93OiAwIDAgMCAke3N0cm9rZVNpemV9IHZhcigtLWJvcmRlckNvbG9yKTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpO1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIC0tYm9yZGVyQ29sb3I6ICR7Y29tcG9uZW50VmFycy5hY3RpdmVCb3JkZXJDb2xvcn07XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcblxuICAgICY6aG92ZXIge1xuICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgfVxuICBgfVxuXG4gICR7cCA9PiBpdGVtRXhwZXJpbWVudFN0eWxlcyhwKX07XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dFRvZ2dsZSA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SXRlbVdyYXBwZXJcbiAgICAgIHJlZj17cmVmfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgY2xhc3NOYW1lPVwiVGV4dFRvZ2dsZVwiXG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSXRlbVdyYXBwZXI+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFRleHRUb2dnbGVHcm91cCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIGhhc0Z1bGxXaWR0aCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxXcmFwcGVyIHJlZj17cmVmfSBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbikpO1xuXG5UZXh0VG9nZ2xlR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5UZXh0VG9nZ2xlLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
-export var TextToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      isActive = _ref.isActive,
-      onClick = _ref.onClick,
+export const TextToggle = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    isActive,
+    onClick
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(ItemWrapper, _extends({
@@ -62,9 +49,11 @@ export var TextToggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
     className: "TextToggle"
   }, props), children);
 });
-export var TextToggleGroup = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      hasFullWidth = _ref2.hasFullWidth,
+export const TextToggleGroup = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  let {
+    children,
+    hasFullWidth
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
   return ___EmotionJSX(Wrapper, _extends({

package/es/components/textarea.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 = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows"];
+const _excluded = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows"];
 
 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,11 +15,13 @@ import { Text } from './text';
 import { types } from '../types';
 import { getSpace } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var paddingY = '8px';
+const paddingY = '8px';
 
-var Counter = function Counter(_ref) {
-  var length = _ref.length,
-      maxLength = _ref.maxLength;
+const Counter = _ref => {
+  let {
+    length,
+    maxLength
+  } = _ref;
   return ___EmotionJSX(Box, {
     position: "absolute",
     paddingX: "fieldPaddingX",
@@ -37,47 +35,54 @@ var Counter = function Counter(_ref) {
   }, length, "/"), maxLength);
 };
 
-var TextareaWrapper = function TextareaWrapper(_ref2) {
-  var children = _ref2.children,
-      maxLength = _ref2.maxLength;
+const TextareaWrapper = _ref2 => {
+  let {
+    children,
+    maxLength
+  } = _ref2;
   if (!maxLength) return children;
   return ___EmotionJSX(Box, {
     position: "relative"
   }, children);
 };
 
-var TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV === "production" ? {
+const TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV === "production" ? {
   target: "e1hvcshh0"
 } : {
   target: "e1hvcshh0",
   label: "TextareaField"
-})(function (_ref3) {
-  var hasError = _ref3.hasError;
+})(_ref3 => {
+  let {
+    hasError
+  } = _ref3;
   return getFieldStyles({
-    hasError: hasError
+    hasError
   });
-}, ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", function (_ref4) {
-  var bottomPadding = _ref4.bottomPadding;
+}, ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", _ref4 => {
+  let {
+    bottomPadding
+  } = _ref4;
   return bottomPadding;
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gICR7KHsgaGFzRXJyb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAkeyh7IGJvdHRvbVBhZGRpbmcgfSkgPT4gYm90dG9tUGFkZGluZ307XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBib3R0b21QYWRkaW5nID0gbWF4TGVuZ3RoXG4gICAgICA/IGBjYWxjKCR7cGFkZGluZ1l9ICogMiArIHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkpYFxuICAgICAgOiBwYWRkaW5nWTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgYm90dG9tUGFkZGluZz17Ym90dG9tUGFkZGluZ31cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
 
-export var Textarea = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var value = _ref5.value,
-      placeholder = _ref5.placeholder,
-      label = _ref5.label,
-      id = _ref5.id,
-      hasError = _ref5.hasError,
-      errorMessage = _ref5.errorMessage,
-      isReadOnly = _ref5.isReadOnly,
-      isDisabled = _ref5.isDisabled,
-      hint = _ref5.hint,
-      maxLength = _ref5.maxLength,
-      children = _ref5.children,
-      _ref5$rows = _ref5.rows,
-      rows = _ref5$rows === void 0 ? 3 : _ref5$rows,
+export const Textarea = /*#__PURE__*/forwardRef((_ref5, ref) => {
+  let {
+    value,
+    placeholder,
+    label,
+    id,
+    hasError,
+    errorMessage,
+    isReadOnly,
+    isDisabled,
+    hint,
+    maxLength,
+    children,
+    rows = 3
+  } = _ref5,
       props = _objectWithoutProperties(_ref5, _excluded);
 
-  var bottomPadding = maxLength ? "calc(".concat(paddingY, " * 2 + var(--grn-lineHeight-global))") : paddingY;
+  const bottomPadding = maxLength ? "calc(".concat(paddingY, " * 2 + var(--grn-lineHeight-global))") : paddingY;
   return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
     marginBottom: "betweenFormControlAndLabel"
   }, label && ___EmotionJSX(FieldLabel, {

package/es/components/toast.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -10,7 +9,7 @@ import { lineHeightAndCapHeightOffset } from '../foundational';
 import { Transition } from '@headlessui/react';
 import { usePrev } from '../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var variantStyles = {
+const variantStyles = {
   success: {
     backgroundColor: getColor('success'),
     color: 'white'
@@ -24,7 +23,7 @@ var variantStyles = {
     color: getColor('shade2')
   }
 };
-var transitionChildProps = {
+const transitionChildProps = {
   enter: 'enter',
   enterFrom: 'enterFrom',
   enterTo: 'enterTo',
@@ -33,61 +32,63 @@ var transitionChildProps = {
   leaveTo: 'leaveTo'
 };
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep1f3rd1"
 } : {
   target: "ep1f3rd1",
   label: "Root"
-})("--pagePadding:max(var(--grn-space-s), 1.5vw);", function (_ref) {
-  var zIndex = _ref.zIndex;
+})("--pagePadding:max(var(--grn-space-s), 1.5vw);", _ref => {
+  let {
+    zIndex
+  } = _ref;
   return "z-index: ".concat(zIndex);
 }, ";position:fixed;bottom:var(--pagePadding);left:50%;transform:translateX(-50%);.enterFrom,.leaveTo{opacity:0;transform:translateY(", getSpace('s'), ");transition-duration:", getTransition('slow'), ";}.enterTo,.leaveFrom{opacity:1;transform:translateY(0);transition-duration:", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIHpJbmRleDogUHJvcFR5cGVzLm51bWJlcixcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnc3VjY2VzcycsICdkYW5nZXInLCAnbmV1dHJhbCddKSxcbiAgZGlzbWlzc1RpbWVvdXQ6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uRGlzbWlzczogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
-var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep1f3rd0"
 } : {
   target: "ep1f3rd0",
   label: "Content"
-})("--padding:", getSpace(2.5), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);width:max-content;max-width:min(", getSpace(70), ", calc(100vw - var(--pagePadding) * 2));border-radius:", getRadius('m'), ";", function (_ref2) {
-  var variant = _ref2.variant;
+})("--padding:", getSpace(2.5), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);width:max-content;max-width:min(", getSpace(70), ", calc(100vw - var(--pagePadding) * 2));border-radius:", getRadius('m'), ";", _ref2 => {
+  let {
+    variant
+  } = _ref2;
   return variantStyles[variant];
 }, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIHpJbmRleDogUHJvcFR5cGVzLm51bWJlcixcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnc3VjY2VzcycsICdkYW5nZXInLCAnbmV1dHJhbCddKSxcbiAgZGlzbWlzc1RpbWVvdXQ6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uRGlzbWlzczogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
-export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$zIndex = _ref3.zIndex,
-      zIndex = _ref3$zIndex === void 0 ? 1200 : _ref3$zIndex,
-      _ref3$isOpen = _ref3.isOpen,
-      isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
-      _ref3$dismissTimeout = _ref3.dismissTimeout,
-      dismissTimeout = _ref3$dismissTimeout === void 0 ? 3000 : _ref3$dismissTimeout,
-      onDismiss = _ref3.onDismiss;
-  var dismissTimerRef = useRef(null);
-  var clearDismissTimer = useCallback(function () {
+export const Toast = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    zIndex = 1200,
+    isOpen = false,
+    variant = 'neutral',
+    dismissTimeout = 3000,
+    onDismiss
+  } = _ref3;
+  const dismissTimerRef = useRef(null);
+  const clearDismissTimer = useCallback(() => {
     if (dismissTimerRef.current) {
       clearTimeout(dismissTimerRef.current);
     }
   }, []);
-  var startDismissTimer = useCallback(function () {
+  const startDismissTimer = useCallback(() => {
     clearDismissTimer();
-    dismissTimerRef.current = setTimeout(function () {
+    dismissTimerRef.current = setTimeout(() => {
       onDismiss && onDismiss();
     }, dismissTimeout);
   }, [clearDismissTimer, dismissTimeout, onDismiss]);
-  var isOpenPrev = usePrev(isOpen);
-  useEffect(function () {
+  const isOpenPrev = usePrev(isOpen);
+  useEffect(() => {
     if (!isOpenPrev && isOpen) {
       startDismissTimer();
     }
   }, [isOpen, isOpenPrev, startDismissTimer]);
 
-  var handleMouseEnter = function handleMouseEnter() {
+  const handleMouseEnter = () => {
     clearDismissTimer();
   };
 
-  var handleMouseLeave = function handleMouseLeave() {
+  const handleMouseLeave = () => {
     if (isOpen) {
       startDismissTimer();
     }

package/es/components/tooltip.js

@@ -1,24 +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.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 "core-js/modules/es.object.define-property.js";
-import "core-js/modules/es.array.filter.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";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "content", "placement", "zIndex", "hasPortal", "placementMethod", "offset"];
+const _excluded = ["children", "content", "placement", "zIndex", "hasPortal", "placementMethod", "offset"];
 
 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); }
 
@@ -28,19 +9,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-import "core-js/modules/es.array.concat.js";
-
-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; }
+import "core-js/modules/web.dom-collections.iterator.js";
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -56,17 +25,19 @@ import { getColor, getRadius, getTransition } from '../utilities';
 import { lineHeightAndCapHeightOffset, placementStyles, placementsMap } from '../foundational';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1063o0x1"
 } : {
   target: "e1063o0x1",
   label: "ContentWrapper"
-})("--padding:16px;background:", getColor('shade12'), ";color:", getColor('shade2'), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);max-width:256px;width:max-content;border-radius:", getRadius('s'), ";", function (_ref) {
-  var zIndex = _ref.zIndex;
+})("--padding:16px;background:", getColor('shade12'), ";color:", getColor('shade2'), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);max-width:256px;width:max-content;border-radius:", getRadius('s'), ";", _ref => {
+  let {
+    zIndex
+  } = _ref;
   return "z-index: ".concat(zIndex);
 }, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;[data-experiment-compact-textbox] &{--padding:12px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZURpc21pc3MsXG4gIHVzZVJvbGUsXG4gIHVzZUludGVyYWN0aW9ucyxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNoaWZ0LFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQsIHBsYWNlbWVudFN0eWxlcywgcGxhY2VtZW50c01hcCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS1wYWRkaW5nOiAxNnB4O1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICBwYWRkaW5nOiBjYWxjKHZhcigtLXBhZGRpbmcpIC0gJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fSkgdmFyKC0tcGFkZGluZyk7XG4gIG1heC13aWR0aDogMjU2cHg7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICR7KHsgekluZGV4IH0pID0+IGB6LWluZGV4OiAke3pJbmRleH1gfTtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX0gMC4wN3M7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuXG4gIFtkYXRhLWV4cGVyaW1lbnQtY29tcGFjdC10ZXh0Ym94XSAmIHtcbiAgICAtLXBhZGRpbmc6IDEycHg7XG4gIH1cbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnQsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICB6SW5kZXggPSAxNDAwLCAvLyBJdCBzaG91bGQgYmUgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIDE0MDAgdG8gYXZvaWQgY2FzZSBiZSBoaWRkZW4gYmUgaGlkZSBvdGhlciBvdmVybGF5IGNvbXBvbmVudHMuIGh0dHBzOi8vZ2l0LmZkbncubmV0L2Rldi9mcm9udGVuZC8tL2Jsb2IvbWFzdGVyL3BhY2thZ2VzL3VpL3NyYy9zY3NzL192YXJzLnNjc3MjTDEwM1xuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBwbGFjZW1lbnRNZXRob2QgPSAnZHluYW1pYycsXG4gIG9mZnNldDogdG9vbHRpcE9mZnNldCA9ICd4cycsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSwgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG9uT3BlbkNoYW5nZTogc2V0SXNPcGVuLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQodG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF0pLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQoLi4uYXJncykge1xuICAgICAgY29uc3QgY2xlYW51cCA9IGF1dG9VcGRhdGUoLi4uYXJncywgeyBhbmltYXRpb25GcmFtZTogdHJ1ZSB9KTtcbiAgICAgIC8vIEltcG9ydGFudCEgQWx3YXlzIHJldHVybiB0aGUgY2xlYW51cCBmdW5jdGlvbi5cbiAgICAgIHJldHVybiBjbGVhbnVwO1xuICAgIH0sXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBkaXNtaXNzLCByb2xlXSk7XG5cbiAgY29uc3QgQ29udGVudFJvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIGlmIChwbGFjZW1lbnRNZXRob2QgPT09ICdzdGF0aWMnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdGF0aWNSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBvcGFjaXR5OiAndmFyKC0tY29udGVudE9wYWNpdHkpJyxcbiAgICAgICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICAgICAgLi4ucGxhY2VtZW50U3R5bGVzW3BsYWNlbWVudF0sXG4gICAgICAgICAgICAnLS1wbGFjZW1lbnRPZmZzZXQnOiBgJHt0b29sdGlwT2Zmc2V0c1t0b29sdGlwT2Zmc2V0XX1weGAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cblxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0YXRpY1Jvb3Q+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxDb250ZW50Um9vdD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIG9wYWNpdHk6IGlzT3BlbiA/IDEgOiAwLFxuICAgICAgICAgICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgICAgICAgICAgdG9wOiB5ID8/IDAsXG4gICAgICAgICAgICBsZWZ0OiB4ID8/IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4uZ2V0RmxvYXRpbmdQcm9wcygpfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgICAgPC9Db250ZW50Um9vdD5cblxuICAgICAge2Nsb25lRWxlbWVudChjaGlsZHJlbiwge1xuICAgICAgICByZWY6IHJlZmVyZW5jZSxcbiAgICAgICAgLi4uZ2V0UmVmZXJlbmNlUHJvcHMoKSxcbiAgICAgIH0pfVxuICAgIDwvPlxuICApO1xufTtcblxuVG9vbHRpcC5Db250ZW50ID0gQ29udGVudFdyYXBwZXI7XG5cblRvb2x0aXAucHJvcFR5cGVzID0ge1xuICBwbGFjZW1lbnQ6IHR5cGVzLnBsYWNlbWVudCxcbiAgY29udGVudDogUHJvcFR5cGVzLm5vZGUsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBwbGFjZW1lbnRNZXRob2Q6IFByb3BUeXBlcy5vbmVPZihbJ3N0YXRpYycsICdkeW5hbWljJ10pLFxuICBvZmZzZXQ6IFByb3BUeXBlcy5vbmVPZihbJ3hzJywgJ3MnXSksXG59O1xuIl19 */"));
 
-var StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1063o0x0"
 } : {
   target: "e1063o0x0",
@@ -81,68 +52,63 @@ var StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "productio
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-var tooltipOffsets = {
+const tooltipOffsets = {
   xs: 8 / 2,
   s: 8 * 1
 };
-export var Tooltip = function Tooltip(_ref2) {
-  var children = _ref2.children,
-      content = _ref2.content,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
-      _ref2$zIndex = _ref2.zIndex,
-      zIndex = _ref2$zIndex === void 0 ? 1400 : _ref2$zIndex,
-      _ref2$hasPortal = _ref2.hasPortal,
-      hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
-      _ref2$placementMethod = _ref2.placementMethod,
-      placementMethod = _ref2$placementMethod === void 0 ? 'dynamic' : _ref2$placementMethod,
-      _ref2$offset = _ref2.offset,
-      tooltipOffset = _ref2$offset === void 0 ? 'xs' : _ref2$offset,
+export const Tooltip = _ref2 => {
+  let {
+    children,
+    content,
+    placement = 'top',
+    zIndex = 1400,
+    // It should be greater than or equal 1400 to avoid case be hidden be hide other overlay components. https://git.fdnw.net/dev/frontend/-/blob/master/packages/ui/src/scss/_vars.scss#L103
+    hasPortal = true,
+    placementMethod = 'dynamic',
+    offset: tooltipOffset = 'xs'
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useFloating = useFloating({
+  const [isOpen, setIsOpen] = useState(false);
+  const {
+    x,
+    y,
+    reference,
+    floating,
+    strategy,
+    context
+  } = useFloating({
     placement: placementsMap[placement],
     onOpenChange: setIsOpen,
     middleware: [offset(tooltipOffsets[tooltipOffset]), flip(), shift({
       padding: 4
     })],
-    whileElementsMounted: function whileElementsMounted() {
+
+    whileElementsMounted() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
 
-      var cleanup = autoUpdate.apply(void 0, args.concat([{
+      const cleanup = autoUpdate(...args, {
         animationFrame: true
-      }])); // Important! Always return the cleanup function.
+      }); // Important! Always return the cleanup function.
 
       return cleanup;
     }
-  }),
-      x = _useFloating.x,
-      y = _useFloating.y,
-      reference = _useFloating.reference,
-      floating = _useFloating.floating,
-      strategy = _useFloating.strategy,
-      context = _useFloating.context;
-
-  var hover = useHover(context, {
+
+  });
+  const hover = useHover(context, {
     move: false
   });
-  var dismiss = useDismiss(context);
-  var role = useRole(context, {
+  const dismiss = useDismiss(context);
+  const role = useRole(context, {
     role: 'tooltip'
   });
-
-  var _useInteractions = useInteractions([hover, dismiss, role]),
-      getReferenceProps = _useInteractions.getReferenceProps,
-      getFloatingProps = _useInteractions.getFloatingProps;
-
-  var ContentRoot = hasPortal ? FloatingPortal : Fragment;
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([hover, dismiss, role]);
+  const ContentRoot = hasPortal ? FloatingPortal : Fragment;
 
   if (placementMethod === 'static') {
     return ___EmotionJSX(StaticRoot, null, ___EmotionJSX(ContentWrapper, _extends({