@flodesk/grain 5.11.0 → 5.11.3

package/es/components/slider.js

@@ -1,30 +1,73 @@
-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 _styled from "@emotion/styled/base";
 var _excluded = ["min", "max", "value", "step", "onChange"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import "core-js/modules/es.object.assign.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); }
 
 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; }
 
 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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 import { PropTypes } from 'prop-types';
 import React from 'react';
-import styled from '@emotion/styled';
 import { css } from '@emotion/react';
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --trackHeight: 2px;\n  --sliderHeight: 16px;\n  --thumbSize: var(--sliderHeight);\n\n  position: relative;\n\n  &:after {\n    content: '';\n    width: 100%;\n    height: var(--trackHeight);\n    top: 0;\n    bottom: 0;\n    margin: auto;\n    background: linear-gradient(\n      90deg,\n      var(--grn-color-content) 0 var(--value),\n      var(--grn-color-fade2) var(--value) 100%\n    );\n    display: block;\n    position: absolute;\n    border-radius: 100px;\n  }\n"])));
-var trackStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  height: var(--sliderHeight);\n  cursor: pointer;\n  background: transparent;\n"])));
-var thumbStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  height: var(--thumbSize);\n  width: var(--thumbSize);\n  border-radius: 100px;\n  background: var(--grn-color-content);\n  cursor: pointer;\n"])));
-var thumbFocusStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  box-shadow: 0 0 0 2px white, 0 0 0 4px var(--grn-color-selection);\n"])));
-var InputWrapper = styled.input(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  -webkit-appearance: none;\n  width: 100%;\n  margin: 0;\n  display: block;\n  background: transparent;\n\n  &::-webkit-slider-runnable-track {\n    ", "\n  }\n\n  &::-moz-range-track {\n    ", "\n  }\n\n  &::-webkit-slider-thumb {\n    ", "\n  }\n\n  &::-moz-range-thumb {\n    ", "\n  }\n\n  &:focus-visible::-webkit-slider-thumb {\n    ", "\n  }\n\n  &:focus-visible::-moz-range-thumb {\n    ", "\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])), trackStyles, trackStyles, thumbStyles, thumbStyles, thumbFocusStyles, thumbFocusStyles);
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "el2kgbu1"
+} : {
+  target: "el2kgbu1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1s5pqi4",
+  styles: "--trackHeight:2px;--sliderHeight:16px;--thumbSize:var(--sliderHeight);position:relative;&:after{content:'';width:100%;height:var(--trackHeight);top:0;bottom:0;margin:auto;background:linear-gradient(\n      90deg,\n      var(--grn-color-content) 0 var(--value),\n      var(--grn-color-fade2) var(--value) 100%\n    );display:block;position:absolute;border-radius:100px;}"
+} : {
+  name: "1s5pqi4",
+  styles: "--trackHeight:2px;--sliderHeight:16px;--thumbSize:var(--sliderHeight);position:relative;&:after{content:'';width:100%;height:var(--trackHeight);top:0;bottom:0;margin:auto;background:linear-gradient(\n      90deg,\n      var(--grn-color-content) 0 var(--value),\n      var(--grn-color-fade2) var(--value) 100%\n    );display:block;position:absolute;border-radius:100px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAtLXRyYWNrSGVpZ2h0OiAycHg7XG4gIC0tc2xpZGVySGVpZ2h0OiAxNnB4O1xuICAtLXRodW1iU2l6ZTogdmFyKC0tc2xpZGVySGVpZ2h0KTtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiB2YXIoLS10cmFja0hlaWdodCk7XG4gICAgdG9wOiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBtYXJnaW46IGF1dG87XG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgICAgOTBkZWcsXG4gICAgICB2YXIoLS1ncm4tY29sb3ItY29udGVudCkgMCB2YXIoLS12YWx1ZSksXG4gICAgICB2YXIoLS1ncm4tY29sb3ItZmFkZTIpIHZhcigtLXZhbHVlKSAxMDAlXG4gICAgKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IHRyYWNrU3R5bGVzID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiB2YXIoLS1zbGlkZXJIZWlnaHQpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuYDtcblxuY29uc3QgdGh1bWJTdHlsZXMgPSBjc3NgXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiB2YXIoLS10aHVtYlNpemUpO1xuICB3aWR0aDogdmFyKC0tdGh1bWJTaXplKTtcbiAgYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gIGJhY2tncm91bmQ6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdGh1bWJGb2N1c1N0eWxlcyA9IGNzc2BcbiAgYm94LXNoYWRvdzogMCAwIDAgMnB4IHdoaXRlLCAwIDAgMCA0cHggdmFyKC0tZ3JuLWNvbG9yLXNlbGVjdGlvbik7XG5gO1xuXG5jb25zdCBJbnB1dFdyYXBwZXIgPSBzdHlsZWQuaW5wdXRgXG4gIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXJ1bm5hYmxlLXRyYWNrIHtcbiAgICAke3RyYWNrU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iU3R5bGVzfVxuICB9XG5cbiAgJjo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LXdlYmtpdC1zbGlkZXItdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMtdmlzaWJsZTo6LW1vei1yYW5nZS10aHVtYiB7XG4gICAgJHt0aHVtYkZvY3VzU3R5bGVzfVxuICB9XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNsaWRlciA9ICh7IG1pbiA9IDAsIG1heCA9IDEwMCwgdmFsdWUsIHN0ZXAsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIGNvbnN0IGdldFBlcmNlbnRhZ2UgPSAoKSA9PiAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcblxuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHN0eWxlPXt7ICctLXZhbHVlJzogYCR7Z2V0UGVyY2VudGFnZSgpfSVgIH19PlxuICAgICAgPElucHV0V3JhcHBlclxuICAgICAgICB0eXBlPVwicmFuZ2VcIlxuICAgICAgICBtaW49e21pbn1cbiAgICAgICAgbWF4PXttYXh9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAvPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblNsaWRlci5wcm9wVHlwZXMgPSB7XG4gIG1pbjogUHJvcFR5cGVzLm51bWJlcixcbiAgbWF4OiBQcm9wVHlwZXMubnVtYmVyLFxuICB2YWx1ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgc3RlcDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
+var trackStyles = process.env.NODE_ENV === "production" ? {
+  name: "148mie0",
+  styles: "width:100%;height:var(--sliderHeight);cursor:pointer;background:transparent"
+} : {
+  name: "3ptr1r-trackStyles",
+  styles: "width:100%;height:var(--sliderHeight);cursor:pointer;background:transparent;label:trackStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXNsaWRlckhlaWdodDogMTZweDtcbiAgLS10aHVtYlNpemU6IHZhcigtLXNsaWRlckhlaWdodCk7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDkwZGVnLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpIDAgdmFyKC0tdmFsdWUpLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWZhZGUyKSB2YXIoLS12YWx1ZSkgMTAwJVxuICAgICk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2xpZGVySGVpZ2h0KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gY3NzYFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBjc3NgXG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCB3aGl0ZSwgMCAwIDAgNHB4IHZhcigtLWdybi1jb2xvci1zZWxlY3Rpb24pO1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBzdHlsZT17eyAnLS12YWx1ZSc6IGAke2dldFBlcmNlbnRhZ2UoKX0lYCB9fT5cbiAgICAgIDxJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var thumbStyles = process.env.NODE_ENV === "production" ? {
+  name: "12g3sxl",
+  styles: "-webkit-appearance:none;height:var(--thumbSize);width:var(--thumbSize);border-radius:100px;background:var(--grn-color-content);cursor:pointer"
+} : {
+  name: "suw71t-thumbStyles",
+  styles: "-webkit-appearance:none;height:var(--thumbSize);width:var(--thumbSize);border-radius:100px;background:var(--grn-color-content);cursor:pointer;label:thumbStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXNsaWRlckhlaWdodDogMTZweDtcbiAgLS10aHVtYlNpemU6IHZhcigtLXNsaWRlckhlaWdodCk7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDkwZGVnLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpIDAgdmFyKC0tdmFsdWUpLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWZhZGUyKSB2YXIoLS12YWx1ZSkgMTAwJVxuICAgICk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2xpZGVySGVpZ2h0KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gY3NzYFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBjc3NgXG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCB3aGl0ZSwgMCAwIDAgNHB4IHZhcigtLWdybi1jb2xvci1zZWxlY3Rpb24pO1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBzdHlsZT17eyAnLS12YWx1ZSc6IGAke2dldFBlcmNlbnRhZ2UoKX0lYCB9fT5cbiAgICAgIDxJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var thumbFocusStyles = process.env.NODE_ENV === "production" ? {
+  name: "1xmlsze",
+  styles: "box-shadow:0 0 0 2px white,0 0 0 4px var(--grn-color-selection)"
+} : {
+  name: "148941n-thumbFocusStyles",
+  styles: "box-shadow:0 0 0 2px white,0 0 0 4px var(--grn-color-selection);label:thumbFocusStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEM0QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXNsaWRlckhlaWdodDogMTZweDtcbiAgLS10aHVtYlNpemU6IHZhcigtLXNsaWRlckhlaWdodCk7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDkwZGVnLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpIDAgdmFyKC0tdmFsdWUpLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWZhZGUyKSB2YXIoLS12YWx1ZSkgMTAwJVxuICAgICk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2xpZGVySGVpZ2h0KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gY3NzYFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBjc3NgXG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCB3aGl0ZSwgMCAwIDAgNHB4IHZhcigtLWdybi1jb2xvci1zZWxlY3Rpb24pO1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBzdHlsZT17eyAnLS12YWx1ZSc6IGAke2dldFBlcmNlbnRhZ2UoKX0lYCB9fT5cbiAgICAgIDxJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var InputWrapper = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "el2kgbu0"
+} : {
+  target: "el2kgbu0",
+  label: "InputWrapper"
+})("-webkit-appearance:none;width:100%;margin:0;display:block;background:transparent;&::-webkit-slider-runnable-track{", trackStyles, ";}&::-moz-range-track{", trackStyles, ";}&::-webkit-slider-thumb{", thumbStyles, ";}&::-moz-range-thumb{", thumbStyles, ";}&:focus-visible::-webkit-slider-thumb{", thumbFocusStyles, ";}&:focus-visible::-moz-range-thumb{", thumbFocusStyles, ";}&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NsaWRlci5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RpQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zbGlkZXIuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUHJvcFR5cGVzIH0gZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgLS10cmFja0hlaWdodDogMnB4O1xuICAtLXNsaWRlckhlaWdodDogMTZweDtcbiAgLS10aHVtYlNpemU6IHZhcigtLXNsaWRlckhlaWdodCk7XG5cbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogdmFyKC0tdHJhY2tIZWlnaHQpO1xuICAgIHRvcDogMDtcbiAgICBib3R0b206IDA7XG4gICAgbWFyZ2luOiBhdXRvO1xuICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudChcbiAgICAgIDkwZGVnLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWNvbnRlbnQpIDAgdmFyKC0tdmFsdWUpLFxuICAgICAgdmFyKC0tZ3JuLWNvbG9yLWZhZGUyKSB2YXIoLS12YWx1ZSkgMTAwJVxuICAgICk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICB9XG5gO1xuXG5jb25zdCB0cmFja1N0eWxlcyA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2xpZGVySGVpZ2h0KTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbmA7XG5cbmNvbnN0IHRodW1iU3R5bGVzID0gY3NzYFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogdmFyKC0tdGh1bWJTaXplKTtcbiAgd2lkdGg6IHZhcigtLXRodW1iU2l6ZSk7XG4gIGJvcmRlci1yYWRpdXM6IDEwMHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbmA7XG5cbmNvbnN0IHRodW1iRm9jdXNTdHlsZXMgPSBjc3NgXG4gIGJveC1zaGFkb3c6IDAgMCAwIDJweCB3aGl0ZSwgMCAwIDAgNHB4IHZhcigtLWdybi1jb2xvci1zZWxlY3Rpb24pO1xuYDtcblxuY29uc3QgSW5wdXRXcmFwcGVyID0gc3R5bGVkLmlucHV0YFxuICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblxuICAmOjotd2Via2l0LXNsaWRlci1ydW5uYWJsZS10cmFjayB7XG4gICAgJHt0cmFja1N0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdHJhY2sge1xuICAgICR7dHJhY2tTdHlsZXN9XG4gIH1cblxuICAmOjotd2Via2l0LXNsaWRlci10aHVtYiB7XG4gICAgJHt0aHVtYlN0eWxlc31cbiAgfVxuXG4gICY6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi13ZWJraXQtc2xpZGVyLXRodW1iIHtcbiAgICAke3RodW1iRm9jdXNTdHlsZXN9XG4gIH1cblxuICAmOmZvY3VzLXZpc2libGU6Oi1tb3otcmFuZ2UtdGh1bWIge1xuICAgICR7dGh1bWJGb2N1c1N0eWxlc31cbiAgfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTbGlkZXIgPSAoeyBtaW4gPSAwLCBtYXggPSAxMDAsIHZhbHVlLCBzdGVwLCBvbkNoYW5nZSwgLi4ucHJvcHMgfSkgPT4ge1xuICBjb25zdCBnZXRQZXJjZW50YWdlID0gKCkgPT4gKCh2YWx1ZSAtIG1pbikgLyAobWF4IC0gbWluKSkgKiAxMDA7XG5cbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBzdHlsZT17eyAnLS12YWx1ZSc6IGAke2dldFBlcmNlbnRhZ2UoKX0lYCB9fT5cbiAgICAgIDxJbnB1dFdyYXBwZXJcbiAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgbWluPXttaW59XG4gICAgICAgIG1heD17bWF4fVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHN0ZXA9e3N0ZXB9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgLz5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5TbGlkZXIucHJvcFR5cGVzID0ge1xuICBtaW46IFByb3BUeXBlcy5udW1iZXIsXG4gIG1heDogUHJvcFR5cGVzLm51bWJlcixcbiAgdmFsdWU6IFByb3BUeXBlcy5udW1iZXIsXG4gIHN0ZXA6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+
 export var Slider = function Slider(_ref) {
   var _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
@@ -39,11 +82,11 @@ export var Slider = function Slider(_ref) {
     return (value - min) / (max - min) * 100;
   };
 
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return ___EmotionJSX(Wrapper, {
     style: {
       '--value': "".concat(getPercentage(), "%")
     }
-  }, /*#__PURE__*/React.createElement(InputWrapper, Object.assign({
+  }, ___EmotionJSX(InputWrapper, _extends({
     type: "range",
     min: min,
     max: max,

package/es/components/spinner.js

@@ -4,11 +4,13 @@ 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 _styled from "@emotion/styled/base";
 var _excluded = ["size", "color"];
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject;
 
-import "core-js/modules/es.object.assign.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); }
 
 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; }
 
@@ -16,23 +18,40 @@ 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) } })); }
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
 import { getColor, getDimension } from '../utilities';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { css, keyframes } from '@emotion/react';
 import { types } from '../types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var spin = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-var circleStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n"])));
-var Wrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  --stroke: 2px;\n\n  height: ", ";\n  width: ", ";\n  display: block;\n  position: relative;\n\n  &:before {\n    ", ";\n    border: var(--stroke) solid ", ";\n    border-radius: 100%;\n    opacity: 0.2;\n  }\n\n  &:after {\n    ", ";\n    border: var(--stroke) solid transparent;\n    border-left-color: ", ";\n    border-radius: 100%;\n    animation: ", " 1s linear infinite;\n  }\n"])), function (props) {
+var circleStyles = process.env.NODE_ENV === "production" ? {
+  name: "1h7bo0b",
+  styles: "content:'';position:absolute;left:0;top:0;width:100%;height:100%"
+} : {
+  name: "sec2bx-circleStyles",
+  styles: "content:'';position:absolute;left:0;top:0;width:100%;height:100%;label:circleStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NwaW5uZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWF3QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zcGlubmVyLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgfVxuYDtcblxuY29uc3QgY2lyY2xlU3R5bGVzID0gY3NzYFxuICBjb250ZW50OiAnJztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAwO1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIC0tc3Ryb2tlOiAycHg7XG5cbiAgaGVpZ2h0OiAke3Byb3BzID0+IGdldERpbWVuc2lvbihwcm9wcy5zaXplKX07XG4gIHdpZHRoOiAke3Byb3BzID0+IGdldERpbWVuc2lvbihwcm9wcy5zaXplKX07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjpiZWZvcmUge1xuICAgICR7Y2lyY2xlU3R5bGVzfTtcbiAgICBib3JkZXI6IHZhcigtLXN0cm9rZSkgc29saWQgJHtwcm9wcyA9PiBnZXRDb2xvcihwcm9wcy5jb2xvcil9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgb3BhY2l0eTogMC4yO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgJHtjaXJjbGVTdHlsZXN9O1xuICAgIGJvcmRlcjogdmFyKC0tc3Ryb2tlKSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBib3JkZXItbGVmdC1jb2xvcjogJHtwcm9wcyA9PiBnZXRDb2xvcihwcm9wcy5jb2xvcil9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59IDFzIGxpbmVhciBpbmZpbml0ZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNwaW5uZXIgPSAoeyBzaXplID0gMywgY29sb3IgPSAnY29udGVudCcsIC4uLnByb3BzIH0pID0+IChcbiAgPFdyYXBwZXIgY29sb3I9e2NvbG9yfSBzaXplPXtzaXplfSB7Li4ucHJvcHN9IC8+XG4pO1xuXG5TcGlubmVyLnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogUHJvcFR5cGVzLm51bWJlcixcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var Wrapper = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "e1m87sp0"
+} : {
+  target: "e1m87sp0",
+  label: "Wrapper"
+})("--stroke:2px;height:", function (props) {
   return getDimension(props.size);
-}, function (props) {
+}, ";width:", function (props) {
   return getDimension(props.size);
-}, circleStyles, function (props) {
+}, ";display:block;position:relative;&:before{", circleStyles, ";border:var(--stroke) solid ", function (props) {
   return getColor(props.color);
-}, circleStyles, function (props) {
+}, ";border-radius:100%;opacity:0.2;}&:after{", circleStyles, ";border:var(--stroke) solid transparent;border-left-color:", function (props) {
   return getColor(props.color);
-}, spin);
+}, ";border-radius:100%;animation:", spin, " 1s linear infinite;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NwaW5uZXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvc3Bpbm5lci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IGNpcmNsZVN0eWxlcyA9IGNzc2BcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgdG9wOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICAtLXN0cm9rZTogMnB4O1xuXG4gIGhlaWdodDogJHtwcm9wcyA9PiBnZXREaW1lbnNpb24ocHJvcHMuc2l6ZSl9O1xuICB3aWR0aDogJHtwcm9wcyA9PiBnZXREaW1lbnNpb24ocHJvcHMuc2l6ZSl9O1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6YmVmb3JlIHtcbiAgICAke2NpcmNsZVN0eWxlc307XG4gICAgYm9yZGVyOiB2YXIoLS1zdHJva2UpIHNvbGlkICR7cHJvcHMgPT4gZ2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIG9wYWNpdHk6IDAuMjtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgICR7Y2lyY2xlU3R5bGVzfTtcbiAgICBib3JkZXI6IHZhcigtLXN0cm9rZSkgc29saWQgdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWxlZnQtY29sb3I6ICR7cHJvcHMgPT4gZ2V0Q29sb3IocHJvcHMuY29sb3IpfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAxcyBsaW5lYXIgaW5maW5pdGU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTcGlubmVyID0gKHsgc2l6ZSA9IDMsIGNvbG9yID0gJ2NvbnRlbnQnLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGNvbG9yPXtjb2xvcn0gc2l6ZT17c2l6ZX0gey4uLnByb3BzfSAvPlxuKTtcblxuU3Bpbm5lci5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IFByb3BUeXBlcy5udW1iZXIsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */"));
+
 export var Spinner = function Spinner(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 3 : _ref$size,
@@ -40,7 +59,7 @@ export var Spinner = function Spinner(_ref) {
       color = _ref$color === void 0 ? 'content' : _ref$color,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     color: color,
     size: size
   }, props));

package/es/components/stack.js

@@ -1,35 +1,37 @@
-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 _styled from "@emotion/styled/base";
 var _excluded = ["children", "gap"];
 
-var _templateObject;
-
-import "core-js/modules/es.object.assign.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); }
 
 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; }
 
 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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { getResponsiveSpace } from '../utilities';
 import PropTypes from 'prop-types';
 import React from 'react';
-import styled from '@emotion/styled';
 import { types } from '../types';
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > * + * {\n    ", ";\n  }\n"])), function (p) {
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e17bgatr0"
+} : {
+  target: "e17bgatr0",
+  label: "Wrapper"
+})("&>*+*{", function (p) {
   return getResponsiveSpace('margin-top', p.gap);
-});
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N0YWNrLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNMEIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvc3RhY2suanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAmID4gKiArICoge1xuICAgICR7cCA9PiBnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi10b3AnLCBwLmdhcCl9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3RhY2sgPSAoeyBjaGlsZHJlbiwgZ2FwLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGdhcD17Z2FwfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuU3RhY2sucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxufTtcbiJdfQ== */"));
+
 export var Stack = function Stack(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     gap: gap
   }, props), children);
 };

package/es/components/switch.js

@@ -1,35 +1,52 @@
-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 _styled from "@emotion/styled/base";
 var _excluded = ["isDisabled", "isActive", "label", "id", "onChange"];
 
-var _templateObject, _templateObject2;
-
 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; }
 
 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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 import { getColor, getTransition } from '../utilities';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var knobSizePx = 16;
 var trackOffset = 2;
 var trackWidth = 40;
 var trackHeight = knobSizePx + trackOffset * 2;
-var Input = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --trackInactiveColor: ", ";\n  --trackActiveColor: ", ";\n  --knobColor: ", ";\n\n  appearance: none;\n  height: ", "px;\n  width: ", "px;\n  display: block;\n  border-radius: 1000px;\n  transition: background-color ", ";\n  cursor: pointer;\n  margin: 0;\n  position: relative;\n  background-color: var(--trackInactiveColor);\n\n  &:checked {\n    background-color: var(--trackActiveColor);\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    left: ", "px;\n    top: ", "px;\n    height: ", "px;\n    width: ", "px;\n    border-radius: 100%;\n    background-color: var(--knobColor);\n    display: block;\n    transition: transform ", ";\n    pointer-events: none;\n  }\n\n  &:checked:after {\n    transform: translateX(", "px);\n  }\n"])), function (p) {
+
+var Input = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "ez8kn7b1"
+} : {
+  target: "ez8kn7b1",
+  label: "Input"
+})("--trackInactiveColor:", function (p) {
   return getColor(p.disabled ? 'backgroundDisabled' : 'grey3');
-}, function (p) {
+}, ";--trackActiveColor:", function (p) {
   return getColor(p.disabled ? 'backgroundDisabled' : 'content');
-}, function (p) {
+}, ";--knobColor:", function (p) {
   return p.disabled ? getColor('contentDisabled') : 'white';
-}, trackHeight, trackWidth, getTransition('xFast'), trackOffset, trackOffset, knobSizePx, knobSizePx, getTransition('xFast'), trackWidth - knobSizePx - trackOffset * 2);
-var Wrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: grid;\n  grid-auto-flow: column;\n  align-items: center;\n  width: fit-content;\n  gap: 8px;\n"])));
+}, ";appearance:none;height:", trackHeight, "px;width:", trackWidth, "px;display:block;border-radius:1000px;transition:background-color ", getTransition('xFast'), ";cursor:pointer;margin:0;position:relative;background-color:var(--trackInactiveColor);&:checked{background-color:var(--trackActiveColor);}&:after{content:'';position:absolute;left:", trackOffset, "px;top:", trackOffset, "px;height:", knobSizePx, "px;width:", knobSizePx, "px;border-radius:100%;background-color:var(--knobColor);display:block;transition:transform ", getTransition('xFast'), ";pointer-events:none;}&:checked:after{transform:translateX(", trackWidth - knobSizePx - trackOffset * 2, "px);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuY29uc3Qga25vYlNpemVQeCA9IDE2O1xuY29uc3QgdHJhY2tPZmZzZXQgPSAyO1xuY29uc3QgdHJhY2tXaWR0aCA9IDQwO1xuY29uc3QgdHJhY2tIZWlnaHQgPSBrbm9iU2l6ZVB4ICsgdHJhY2tPZmZzZXQgKiAyO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS10cmFja0luYWN0aXZlQ29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnZ3JleTMnKX07XG4gIC0tdHJhY2tBY3RpdmVDb2xvcjogJHtwID0+IGdldENvbG9yKHAuZGlzYWJsZWQgPyAnYmFja2dyb3VuZERpc2FibGVkJyA6ICdjb250ZW50Jyl9O1xuICAtLWtub2JDb2xvcjogJHtwID0+IChwLmRpc2FibGVkID8gZ2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpIDogJ3doaXRlJyl9O1xuXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGhlaWdodDogJHt0cmFja0hlaWdodH1weDtcbiAgd2lkdGg6ICR7dHJhY2tXaWR0aH1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6IDEwMDBweDtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS10cmFja0luYWN0aXZlQ29sb3IpO1xuXG4gICY6Y2hlY2tlZCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tBY3RpdmVDb2xvcik7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogJHt0cmFja09mZnNldH1weDtcbiAgICB0b3A6ICR7dHJhY2tPZmZzZXR9cHg7XG4gICAgaGVpZ2h0OiAke2tub2JTaXplUHh9cHg7XG4gICAgd2lkdGg6ICR7a25vYlNpemVQeH1weDtcbiAgICBib3JkZXItcmFkaXVzOiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWtub2JDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7Z2V0VHJhbnNpdGlvbigneEZhc3QnKX07XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgke3RyYWNrV2lkdGggLSBrbm9iU2l6ZVB4IC0gdHJhY2tPZmZzZXQgKiAyfXB4KTtcbiAgfVxuYDtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZ2FwOiA4cHg7XG5gO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gKHsgaXNEaXNhYmxlZCwgaXNBY3RpdmUsIGxhYmVsLCBpZCwgb25DaGFuZ2UsIC4uLnByb3BzIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciB7Li4ucHJvcHN9PlxuICAgICAgPElucHV0IHR5cGU9XCJjaGVja2JveFwiIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpZD17aWR9IGNoZWNrZWQ9e2lzQWN0aXZlfSBvbkNoYW5nZT17b25DaGFuZ2V9IC8+XG4gICAgICB7bGFiZWwgJiYgPGxhYmVsIGh0bWxGb3I9e2lkfT57bGFiZWx9PC9sYWJlbD59XG4gICAgPC9XcmFwcGVyPlxuICApO1xufTtcblxuU3dpdGNoLnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"));
+
+var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ez8kn7b0"
+} : {
+  target: "ez8kn7b0",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1nsltal",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px"
+} : {
+  name: "1nsltal",
+  styles: "display:grid;grid-auto-flow:column;align-items:center;width:fit-content;gap:8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3N3aXRjaC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zd2l0Y2guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IGtub2JTaXplUHggPSAxNjtcbmNvbnN0IHRyYWNrT2Zmc2V0ID0gMjtcbmNvbnN0IHRyYWNrV2lkdGggPSA0MDtcbmNvbnN0IHRyYWNrSGVpZ2h0ID0ga25vYlNpemVQeCArIHRyYWNrT2Zmc2V0ICogMjtcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tdHJhY2tJbmFjdGl2ZUNvbG9yOiAke3AgPT4gZ2V0Q29sb3IocC5kaXNhYmxlZCA/ICdiYWNrZ3JvdW5kRGlzYWJsZWQnIDogJ2dyZXkzJyl9O1xuICAtLXRyYWNrQWN0aXZlQ29sb3I6ICR7cCA9PiBnZXRDb2xvcihwLmRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnY29udGVudCcpfTtcbiAgLS1rbm9iQ29sb3I6ICR7cCA9PiAocC5kaXNhYmxlZCA/IGdldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKSA6ICd3aGl0ZScpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7dHJhY2tIZWlnaHR9cHg7XG4gIHdpZHRoOiAke3RyYWNrV2lkdGh9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAxMDAwcHg7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdHJhY2tJbmFjdGl2ZUNvbG9yKTtcblxuICAmOmNoZWNrZWQge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXRyYWNrQWN0aXZlQ29sb3IpO1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6ICR7dHJhY2tPZmZzZXR9cHg7XG4gICAgdG9wOiAke3RyYWNrT2Zmc2V0fXB4O1xuICAgIGhlaWdodDogJHtrbm9iU2l6ZVB4fXB4O1xuICAgIHdpZHRoOiAke2tub2JTaXplUHh9cHg7XG4gICAgYm9yZGVyLXJhZGl1czogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1rbm9iQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHt0cmFja1dpZHRoIC0ga25vYlNpemVQeCAtIHRyYWNrT2Zmc2V0ICogMn1weCk7XG4gIH1cbmA7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIGdhcDogOHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN3aXRjaCA9ICh7IGlzRGlzYWJsZWQsIGlzQWN0aXZlLCBsYWJlbCwgaWQsIG9uQ2hhbmdlLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxJbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBkaXNhYmxlZD17aXNEaXNhYmxlZH0gaWQ9e2lkfSBjaGVja2VkPXtpc0FjdGl2ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSAvPlxuICAgICAge2xhYmVsICYmIDxsYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvbGFiZWw+fVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cblN3aXRjaC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
 export var Switch = function Switch(_ref) {
   var isDisabled = _ref.isDisabled,
       isActive = _ref.isActive,
@@ -38,13 +55,13 @@ export var Switch = function Switch(_ref) {
       onChange = _ref.onChange,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, props, /*#__PURE__*/React.createElement(Input, {
+  return ___EmotionJSX(Wrapper, props, ___EmotionJSX(Input, {
     type: "checkbox",
     disabled: isDisabled,
     id: id,
     checked: isActive,
     onChange: onChange
-  }), label && /*#__PURE__*/React.createElement("label", {
+  }), label && ___EmotionJSX("label", {
     htmlFor: id
   }, label));
 };

package/es/components/tab.js

@@ -1,40 +1,48 @@
-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 _styled from "@emotion/styled/base";
 var _excluded = ["children", "isActive", "onClick"],
     _excluded2 = ["children", "height"];
 
-var _templateObject, _templateObject2;
-
-import "core-js/modules/es.object.assign.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); }
 
 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; }
 
 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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { getWeight, getTransition, getDimension } from '../utilities';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { types } from '../types';
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: var(--grn-space-l);\n  width: fit-content;\n  align-items: stretch;\n  height: ", ";\n"])), function (p) {
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1et4hjk1"
+} : {
+  target: "e1et4hjk1",
+  label: "Wrapper"
+})("display:flex;gap:var(--grn-space-l);width:fit-content;align-items:stretch;height:", function (p) {
   return getDimension(p.height);
-});
-var TabWrapper = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  appearance: none;\n  border: none;\n  padding: 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: ", ";\n  cursor: pointer;\n  height: 100%;\n  background-color: transparent;\n  color: var(--grn-color-content2);\n  border-radius: 0;\n  white-space: nowrap;\n  transition: color ", ", box-shadow ", ";\n\n  &:hover {\n    color: var(--grn-color-content);\n  }\n\n  ", ";\n"])), getWeight('medium'), getTransition('fast'), getTransition('xFast'), function (p) {
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRXZWlnaHQsIGdldFRyYW5zaXRpb24sIGdldERpbWVuc2lvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGhlaWdodDogJHtwID0+IGdldERpbWVuc2lvbihwLmhlaWdodCl9O1xuYDtcblxuY29uc3QgVGFiV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfSwgYm94LXNoYWRvdyAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwIHZhcigtLWdybi1jb2xvci1ncmV5Nik7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgVGFiID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRhYldyYXBwZXIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGhlaWdodD17aGVpZ2h0fSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+
+var TabWrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1et4hjk0"
+} : {
+  target: "e1et4hjk0",
+  label: "TabWrapper"
+})("appearance:none;border:none;padding:0;font-family:inherit;font-size:inherit;font-weight:", getWeight('medium'), ";cursor:pointer;height:100%;background-color:transparent;color:var(--grn-color-content2);border-radius:0;white-space:nowrap;transition:color ", getTransition('fast'), ",box-shadow ", getTransition('xFast'), ";&:hover{color:var(--grn-color-content);}", function (p) {
   return p.isActive && "\n    box-shadow: inset 0 -2px 0 var(--grn-color-grey6);\n    color: var(--grn-color-content);\n  ";
-});
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RhYi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRXZWlnaHQsIGdldFRyYW5zaXRpb24sIGdldERpbWVuc2lvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiB2YXIoLS1ncm4tc3BhY2UtbCk7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gIGhlaWdodDogJHtwID0+IGdldERpbWVuc2lvbihwLmhlaWdodCl9O1xuYDtcblxuY29uc3QgVGFiV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50Mik7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRyYW5zaXRpb246IGNvbG9yICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfSwgYm94LXNoYWRvdyAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiB2YXIoLS1ncm4tY29sb3ItY29udGVudCk7XG4gIH1cblxuICAke3AgPT5cbiAgICBwLmlzQWN0aXZlICYmXG4gICAgYFxuICAgIGJveC1zaGFkb3c6IGluc2V0IDAgLTJweCAwIHZhcigtLWdybi1jb2xvci1ncmV5Nik7XG4gICAgY29sb3I6IHZhcigtLWdybi1jb2xvci1jb250ZW50KTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgVGFiID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlLCBvbkNsaWNrLCAuLi5wcm9wcyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRhYldyYXBwZXIgaXNBY3RpdmU9e2lzQWN0aXZlfSBvbkNsaWNrPXtvbkNsaWNrfSB7Li4ucHJvcHN9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFiV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBUYWJHcm91cCA9ICh7IGNoaWxkcmVuLCBoZWlnaHQgPSA2LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGhlaWdodD17aGVpZ2h0fSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9XcmFwcGVyPlxuKTtcblxuVGFiR3JvdXAucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxufTtcblxuVGFiLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+
 export var Tab = function Tab(_ref) {
   var children = _ref.children,
       isActive = _ref.isActive,
       onClick = _ref.onClick,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(TabWrapper, Object.assign({
+  return ___EmotionJSX(TabWrapper, _extends({
     isActive: isActive,
     onClick: onClick
   }, props), children);
@@ -45,7 +53,7 @@ export var TabGroup = function TabGroup(_ref2) {
       height = _ref2$height === void 0 ? 6 : _ref2$height,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     height: height
   }, props), children);
 };

package/es/components/text-button.js

@@ -1,29 +1,31 @@
-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 _styled from "@emotion/styled/base";
 var _excluded = ["children", "isDisabled", "icon", "iconPosition"];
 
-var _templateObject;
-
-import "core-js/modules/es.object.assign.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); }
 
 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; }
 
 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; }
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import { Icon } from '../components';
 import React, { forwardRef } from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { ClearButtonBox } from '../foundational';
-var Wrapper = styled(ClearButtonBox)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 8px;\n  gap: 8px;\n\n  .buttonIcon {\n    ", ";\n  }\n"])), function (p) {
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled(ClearButtonBox, process.env.NODE_ENV === "production" ? {
+  target: "e1jnb1460"
+} : {
+  target: "e1jnb1460",
+  label: "Wrapper"
+})("padding:0 8px;gap:8px;.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-});
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgQ2xlYXJCdXR0b25Cb3ggfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKENsZWFyQnV0dG9uQm94KWBcbiAgcGFkZGluZzogMCA4cHg7XG4gIGdhcDogOHB4O1xuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0QnV0dG9uID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGljb25Qb3NpdGlvbiA9ICdsZWZ0JywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPFdyYXBwZXIgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IGljb249e2ljb259IGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufSByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbiAmJiBjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICksXG4pO1xuXG5UZXh0QnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBpY29uOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvblBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
+
 export var TextButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       isDisabled = _ref.isDisabled,
@@ -32,12 +34,12 @@ export var TextButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
       iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     disabled: isDisabled,
     icon: icon,
     iconPosition: iconPosition,
     ref: ref
-  }, props), icon && /*#__PURE__*/React.createElement(Icon, {
+  }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
     className: "buttonIcon"
   }), children && children);