@flodesk/grain 5.11.0 → 5.11.3

package/es/components/arrange.js

@@ -1,16 +1,10 @@
 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.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-
-var _templateObject;
-
-var _excluded = ["children", "gap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "autoFlow", "width", "height"];
 import "core-js/modules/es.object.assign.js";
+var _excluded = ["children", "gap", "alignItems", "justifyItems", "justifyContent", "alignContent", "columns", "autoFlow", "width", "height"];
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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; }
 
@@ -20,6 +14,7 @@ import { getResponsiveDimension, getResponsiveGridColumns, getResponsiveSpace }
 import React from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 export var Arrange = function Arrange(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
@@ -36,8 +31,8 @@ export var Arrange = function Arrange(_ref) {
       height = _ref.height,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: grid;\n      ", ";\n      ", ";\n      ", ";\n      justify-items: ", ";\n      align-items: ", ";\n      justify-content: ", ";\n      align-content: ", ";\n      ", ";\n      ", ";\n    "])), !columns && "grid-auto-flow: ".concat(autoFlow), getResponsiveSpace('gap', gap), getResponsiveGridColumns(columns), justifyItems, alignItems, justifyContent, alignContent, getResponsiveDimension('width', width), getResponsiveDimension('height', height))
+  return ___EmotionJSX("div", _extends({
+    css: /*#__PURE__*/css("display:grid;", !columns && "grid-auto-flow: ".concat(autoFlow), ";", getResponsiveSpace('gap', gap), ";", getResponsiveGridColumns(columns), ";justify-items:", justifyItems, ";align-items:", alignItems, ";justify-content:", justifyContent, ";align-content:", alignContent, ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Arrange;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2FycmFuZ2UuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CWSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hcnJhbmdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldFJlc3BvbnNpdmVEaW1lbnNpb24sIGdldFJlc3BvbnNpdmVHcmlkQ29sdW1ucywgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGNvbnN0IEFycmFuZ2UgPSAoe1xuICBjaGlsZHJlbixcbiAgZ2FwLFxuICBhbGlnbkl0ZW1zID0gJ2NlbnRlcicsXG4gIGp1c3RpZnlJdGVtcyxcbiAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICBhbGlnbkNvbnRlbnQsXG4gIGNvbHVtbnMsXG4gIGF1dG9GbG93ID0gJ2NvbHVtbicsXG4gIHdpZHRoLFxuICBoZWlnaHQsXG4gIC4uLnByb3BzXG59KSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAkeyFjb2x1bW5zICYmIGBncmlkLWF1dG8tZmxvdzogJHthdXRvRmxvd31gfTtcbiAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdnYXAnLCBnYXApfTtcbiAgICAgICR7Z2V0UmVzcG9uc2l2ZUdyaWRDb2x1bW5zKGNvbHVtbnMpfTtcbiAgICAgIGp1c3RpZnktaXRlbXM6ICR7anVzdGlmeUl0ZW1zfTtcbiAgICAgIGFsaWduLWl0ZW1zOiAke2FsaWduSXRlbXN9O1xuICAgICAganVzdGlmeS1jb250ZW50OiAke2p1c3RpZnlDb250ZW50fTtcbiAgICAgIGFsaWduLWNvbnRlbnQ6ICR7YWxpZ25Db250ZW50fTtcbiAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuXG5BcnJhbmdlLnByb3BUeXBlcyA9IHtcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbnM6IHR5cGVzLnJlc3BvbnNpdmVDb2x1bW5zLFxuICBhdXRvRmxvdzogdHlwZXMuYXV0b0Zsb3csXG4gIGFsaWduSXRlbXM6IHR5cGVzLmdyaWRJdGVtc0FsaWdubWVudCxcbiAganVzdGlmeUl0ZW1zOiB0eXBlcy5ncmlkSXRlbXNBbGlnbm1lbnQsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5ncmlkQ29udGVudFBvc2l0aW9uLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmdyaWRDb250ZW50UG9zaXRpb24sXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG59O1xuIl19 */")
   }, props), children);
 };
 Arrange.propTypes = {

package/es/components/autocomplete.js

@@ -1,16 +1,13 @@
-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.symbol.js";
 import "core-js/modules/es.symbol.description.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";
-
-var _templateObject;
+import _styled from "@emotion/styled/base";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -24,37 +21,42 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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); }
+
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.map.js";
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import PropTypes from 'prop-types';
-import React, { forwardRef, useState } from 'react';
-import styled from '@emotion/styled';
+import React, { forwardRef, Fragment, useState } from 'react';
 import { Icon, Box, Text } from '.';
 import { IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { types } from '../types';
 import { fieldStyles, fieldXPadding, focusFieldStyles, MenuCard, MenuCardItem } from '../foundational';
-var Input = styled(Combobox.Input)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n"])), fieldStyles({
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Input = /*#__PURE__*/_styled(Combobox.Input, process.env.NODE_ENV === "production" ? {
+  target: "ejms9ky0"
+} : {
+  target: "ejms9ky0",
+  label: "Input"
+})(fieldStyles({
   paddingRight: '32px'
-}), focusFieldStyles);
+}), ";", focusFieldStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZW9DIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgQ29tYm9ib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGZpZWxkU3R5bGVzLFxuICBmaWVsZFhQYWRkaW5nLFxuICBmb2N1c0ZpZWxkU3R5bGVzLFxuICBNZW51Q2FyZCxcbiAgTWVudUNhcmRJdGVtLFxufSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZChDb21ib2JveC5JbnB1dClgXG4gICR7ZmllbGRTdHlsZXMoeyBwYWRkaW5nUmlnaHQ6ICczMnB4JyB9KX07XG4gICR7Zm9jdXNGaWVsZFN0eWxlc307XG5gO1xuXG5jb25zdCBSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4ge1xuICByZXR1cm4gPEJveCB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPjtcbn07XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmc9XCJzXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IChcbiAgPEJveFxuICAgIHJpZ2h0PXtmaWVsZFhQYWRkaW5nfVxuICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgIHRvcD1cIjBweFwiXG4gICAgYm90dG9tPVwiMHB4XCJcbiAgICBtYXJnaW49XCJhdXRvXCJcbiAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gID5cbiAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICA8L0JveD5cbik7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICBkZWZhdWx0T3B0aW9uLFxuICBvbkNoYW5nZSxcbiAgbWVudUFsaWduID0gJ2xlZnQnLFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIHBsYWNlaG9sZGVyLFxufSkgPT4ge1xuICBjb25zdCBbc2VsZWN0ZWRPcHRpb24sIHNldFNlbGVjdGVkT3B0aW9uXSA9IHVzZVN0YXRlKGRlZmF1bHRPcHRpb24pO1xuICBjb25zdCBbcXVlcnksIHNldFF1ZXJ5XSA9IHVzZVN0YXRlKCcnKTtcblxuICBjb25zdCBoYW5kbGVDaGFuZ2UgPSBvcHRpb24gPT4ge1xuICAgIHNldFNlbGVjdGVkT3B0aW9uKG9wdGlvbik7XG4gICAgb25DaGFuZ2UgJiYgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICBzZXRRdWVyeSgnJyk7XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID1cbiAgICBxdWVyeSA9PT0gJydcbiAgICAgID8gb3B0aW9uc1xuICAgICAgOiBvcHRpb25zLmZpbHRlcihvcHRpb24gPT4ge1xuICAgICAgICAgIHJldHVybiBvcHRpb24udmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKTtcbiAgICAgICAgfSk7XG5cbiAgY29uc3Qgbm9SZXN1bHRzID0gIUJvb2xlYW4oZmlsdGVyZWRPcHRpb25zLmxlbmd0aCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29tYm9ib3ggYXM9e1Jvb3R9IHZhbHVlPXtzZWxlY3RlZE9wdGlvbn0gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0+XG4gICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgPElucHV0XG4gICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgZGlzcGxheVZhbHVlPXtvcHRpb24gPT4gb3B0aW9uICYmIG9wdGlvbi5jb250ZW50fVxuICAgICAgICAvPlxuICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgPC9Db21ib2JveC5CdXR0b24+XG5cbiAgICAgIDxDb21ib2JveC5PcHRpb25zIG1lbnVBbGlnbj17bWVudUFsaWdufSBtZW51V2lkdGg9e21lbnVXaWR0aH0gYXM9e01lbnVDYXJkfT5cbiAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IChcbiAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIGtleT17aW5kZXh9IHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgIHsoeyBhY3RpdmUsIHNlbGVjdGVkIH0pID0+IChcbiAgICAgICAgICAgICAgPE1lbnVDYXJkSXRlbVxuICAgICAgICAgICAgICAgIGlzU2VsZWN0ZWQ9e3NlbGVjdGVkfVxuICAgICAgICAgICAgICAgIGlzQWN0aXZlPXshb3B0aW9uLmlzRGlzYWJsZWQgJiYgYWN0aXZlfVxuICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICA8L01lbnVDYXJkSXRlbT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgICB7bm9SZXN1bHRzICYmIDxFbXB0eVN0YXRlIC8+fVxuICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgIDwvQ29tYm9ib3g+XG4gICk7XG59O1xuXG5BdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIGRlZmF1bHRPcHRpb246IFByb3BUeXBlcy5vYmplY3QsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudUFsaWduOiBQcm9wVHlwZXMub25lT2YoWydsZWZ0JywgJ3JpZ2h0J10pLFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbn07XG4iXX0= */"));
 
 var Root = function Root(_ref) {
   var props = Object.assign({}, _ref);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+  return ___EmotionJSX(Box, _extends({}, props, {
     position: "relative"
   }));
 };
 
 var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var props = Object.assign({}, _ref2);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({
+  return ___EmotionJSX(Box, _extends({
     ref: ref
   }, props, {
     position: "relative"
@@ -62,13 +64,26 @@ var Trigger = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 
 var EmptyState = function EmptyState() {
-  return /*#__PURE__*/React.createElement(Box, {
+  return ___EmotionJSX(Box, {
     padding: "s"
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, ___EmotionJSX(Text, {
     color: "content2"
   }, "No results"));
 };
 
+var ExpandIcon = function ExpandIcon() {
+  return ___EmotionJSX(Box, {
+    right: fieldXPadding,
+    position: "absolute",
+    top: "0px",
+    bottom: "0px",
+    margin: "auto",
+    height: "fit-content"
+  }, ___EmotionJSX(Icon, {
+    icon: ___EmotionJSX(IconChevronDown, null)
+  }));
+};
+
 export var Autocomplete = function Autocomplete(_ref3) {
   var options = _ref3.options,
       defaultOption = _ref3.defaultOption,
@@ -79,7 +94,7 @@ export var Autocomplete = function Autocomplete(_ref3) {
       menuWidth = _ref3$menuWidth === void 0 ? '100%' : _ref3$menuWidth,
       placeholder = _ref3.placeholder;
 
-  var _useState = useState(defaultOption ? defaultOption : ''),
+  var _useState = useState(defaultOption),
       _useState2 = _slicedToArray(_useState, 2),
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
@@ -96,51 +111,48 @@ export var Autocomplete = function Autocomplete(_ref3) {
   };
 
   var filteredOptions = query === '' ? options : options.filter(function (option) {
-    return option.toLowerCase().includes(query.toLowerCase());
+    return option.value.toLowerCase().includes(query.toLowerCase());
   });
-  return /*#__PURE__*/React.createElement(Combobox, {
+  var noResults = !Boolean(filteredOptions.length);
+  return ___EmotionJSX(Combobox, {
     as: Root,
     value: selectedOption,
     onChange: handleChange
-  }, /*#__PURE__*/React.createElement(Combobox.Button, {
+  }, ___EmotionJSX(Combobox.Button, {
     as: Trigger
-  }, /*#__PURE__*/React.createElement(Input, {
+  }, ___EmotionJSX(Input, {
     autoComplete: "off",
     onChange: function onChange(event) {
       return setQuery(event.target.value);
     },
-    placeholder: placeholder
-  }), /*#__PURE__*/React.createElement(Box, {
-    right: fieldXPadding,
-    position: "absolute",
-    top: "0px",
-    bottom: "0px",
-    margin: "auto",
-    height: "fit-content"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: /*#__PURE__*/React.createElement(IconChevronDown, null)
-  }))), /*#__PURE__*/React.createElement(Combobox.Options, {
+    placeholder: placeholder,
+    displayValue: function displayValue(option) {
+      return option && option.content;
+    }
+  }), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(Combobox.Options, {
     menuAlign: menuAlign,
     menuWidth: menuWidth,
     as: MenuCard
   }, filteredOptions.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(Combobox.Option, {
+    return ___EmotionJSX(Combobox.Option, {
       key: index,
       value: option,
-      as: React.Fragment
+      as: Fragment,
+      disabled: option.isDisabled
     }, function (_ref4) {
       var active = _ref4.active,
           selected = _ref4.selected;
-      return /*#__PURE__*/React.createElement(MenuCardItem, {
+      return ___EmotionJSX(MenuCardItem, {
         isSelected: selected,
-        isActive: active
-      }, option);
+        isActive: !option.isDisabled && active,
+        isDisabled: option.isDisabled
+      }, option.content);
     });
-  }), !Boolean(filteredOptions.length) && /*#__PURE__*/React.createElement(EmptyState, null)));
+  }), noResults && ___EmotionJSX(EmptyState, null)));
 };
 Autocomplete.propTypes = {
   options: PropTypes.array,
-  defaultOption: PropTypes.string,
+  defaultOption: PropTypes.object,
   onChange: PropTypes.func,
   menuAlign: PropTypes.oneOf(['left', 'right']),
   menuWidth: types.dimension

package/es/components/box.js

@@ -1,16 +1,10 @@
 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.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-
-var _templateObject;
-
-var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag"];
 import "core-js/modules/es.object.assign.js";
+var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag"];
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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; }
 
@@ -21,6 +15,7 @@ import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
 import { types } from '../types';
 import PropTypes from 'prop-types';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       color = _ref.color,
@@ -65,9 +60,9 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Tag = tag;
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+  return ___EmotionJSX(Tag, _extends({
     ref: ref,
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          ", ";\n\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n          ", ";\n\n          color: ", ";\n          background-color: ", ";\n          position: ", ";\n          border-radius: ", ";\n          box-shadow: ", ";\n          overflow: ", ";\n          aspect-ratio: ", ";\n          z-index: ", ";\n        "])), getBorder(borderSide, borderWidth, borderColor), getResponsiveSpace('padding', padding), getResponsiveSpace('padding-top', paddingTop || paddingY), getResponsiveSpace('padding-bottom', paddingBottom || paddingY), getResponsiveSpace('padding-left', paddingLeft || paddingX), getResponsiveSpace('padding-right', paddingRight || paddingX), getResponsiveSpace('margin', margin), getResponsiveSpace('margin-top', marginTop || marginY), getResponsiveSpace('margin-bottom', marginBottom || marginY), getResponsiveSpace('margin-left', marginLeft || marginX), getResponsiveSpace('margin-right', marginRight || marginX), getResponsiveSpace('top', top), getResponsiveSpace('bottom', bottom), getResponsiveSpace('left', left), getResponsiveSpace('right', right), getResponsiveDimension('width', width), getResponsiveDimension('min-width', minWidth), getResponsiveDimension('max-width', maxWidth), getResponsiveDimension('height', height), getResponsiveDimension('min-height', minHeight), getResponsiveDimension('max-height', maxHeight), getColor(color), getColor(backgroundColor), position, getRadius(radius), getShadow(shadow), overflow, aspectRatio, zIndex)
+    css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBCb3ggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBjb2xvcixcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIGJvcmRlckNvbG9yID0gJ2JvcmRlcicsXG4gICAgICBib3JkZXJXaWR0aCA9ICcxcHgnLFxuICAgICAgYm9yZGVyU2lkZSxcbiAgICAgIHdpZHRoLFxuICAgICAgbWluV2lkdGgsXG4gICAgICBtYXhXaWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIG1pbkhlaWdodCxcbiAgICAgIG1heEhlaWdodCxcbiAgICAgIHJhZGl1cyxcbiAgICAgIHBhZGRpbmcsXG4gICAgICBwYWRkaW5nVG9wLFxuICAgICAgcGFkZGluZ0JvdHRvbSxcbiAgICAgIHBhZGRpbmdMZWZ0LFxuICAgICAgcGFkZGluZ1JpZ2h0LFxuICAgICAgcGFkZGluZ1gsXG4gICAgICBwYWRkaW5nWSxcbiAgICAgIG1hcmdpbixcbiAgICAgIG1hcmdpblRvcCxcbiAgICAgIG1hcmdpbkJvdHRvbSxcbiAgICAgIG1hcmdpbkxlZnQsXG4gICAgICBtYXJnaW5SaWdodCxcbiAgICAgIG1hcmdpblgsXG4gICAgICBtYXJnaW5ZLFxuICAgICAgcG9zaXRpb24sXG4gICAgICB0b3AsXG4gICAgICBib3R0b20sXG4gICAgICBsZWZ0LFxuICAgICAgcmlnaHQsXG4gICAgICBzaGFkb3csXG4gICAgICBvdmVyZmxvdyxcbiAgICAgIGFzcGVjdFJhdGlvLFxuICAgICAgekluZGV4LFxuICAgICAgdGFnID0gJ2RpdicsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGFnPlxuICAgICk7XG4gIH0sXG4pO1xuXG5Cb3gucHJvcFR5cGVzID0ge1xuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGJhY2tncm91bmRDb2xvcjogdHlwZXMuY29sb3IsXG4gIGJvcmRlclNpZGU6IHR5cGVzLnNpZGUsXG4gIGJvcmRlcldpZHRoOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMubnVtYmVyLCBQcm9wVHlwZXMuc3RyaW5nXSksXG4gIGJvcmRlckNvbG9yOiB0eXBlcy5jb2xvcixcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbldpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgaGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBtaW5IZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heEhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgcmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHNoYWRvdzogdHlwZXMuc2hhZG93LFxuICBwYWRkaW5nOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdUb3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ0JvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nUmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1g6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1k6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5Cb3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luTGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5SaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5YOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblk6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcG9zaXRpb246IHR5cGVzLnBvc2l0aW9uLFxuICB0b3A6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgYm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGxlZnQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcmlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgb3ZlcmZsb3c6IHR5cGVzLm92ZXJmbG93LFxuICBhc3BlY3RSYXRpbzogUHJvcFR5cGVzLnN0cmluZyxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG59O1xuIl19 */")
   }, props), children);
 });
 Box.propTypes = {

package/es/components/button.js

@@ -1,43 +1,62 @@
-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", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner"];
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-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 { getColor, getRadius, getWeight } from '../utilities';
 import { Icon } from './icon';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
 import { transitions } from '../foundational';
 import { Spinner } from './spinner';
-var accentCss = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: white;\n  background-color: ", ";\n  border-color: transparent;\n\n  &:hover {\n    background-color: ", ";\n  }\n  &:active {\n    background-color: ", ";\n  }\n"])), getColor('accent'), getColor('grey7'), getColor('grey6'));
-var variables = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  --grn-paddingX-m: 16px;\n  --grn-borderColor: var(--grn-color-fade4);\n  --grn-borderColor-hover: var(--grn-color-fade6);\n  --grn-borderColor-active: var(--grn-color-grey8);\n"])));
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var accentCss = /*#__PURE__*/css("color:white;background-color:", getColor('accent'), ";border-color:transparent;&:hover{background-color:", getColor('grey7'), ";}&:active{background-color:", getColor('grey6'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:accentCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3FCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zaXRpb25zIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgdmFyaWFibGVzID0gY3NzYFxuICAtLWdybi1wYWRkaW5nWC1tOiAxNnB4O1xuICAtLWdybi1ib3JkZXJDb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWZhZGU0KTtcbiAgLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXI6IHZhcigtLWdybi1jb2xvci1mYWRlNik7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZTogdmFyKC0tZ3JuLWNvbG9yLWdyZXk4KTtcbmA7XG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3IpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1ob3Zlcik7XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgfVxuICBgLFxuXG4gIHByaW1hcnk6IGFjY2VudENzcyxcbiAgYWNjZW50OiBhY2NlbnRDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHt2YXJpYWJsZXN9O1xuICAke3RyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQtbSk7XG4gIHBhZGRpbmc6IDAgdmFyKC0tZ3JuLXBhZGRpbmdYLW0pO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuY29uc3QgY2hlY2tEZXByZWNhdGVkVmFyaWFudCA9IHZhcmlhbnQgPT4ge1xuICBpZiAodmFyaWFudCA9PT0gJ3ByaW1hcnknKSB7XG4gICAgY29uc29sZS53YXJuKCdHcmFpbjogVGhlIHZhcmlhbnQgYHByaW1hcnlgIG5hbWUgaGFzIGNoYW5nZWQsIHVzZSBgYWNjZW50YCBpbnN0ZWFkLicpO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gIGlzRGlzYWJsZWQsXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgaGFzRnVsbFdpZHRoLFxuICBoYXNTcGlubmVyLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjaGVja0RlcHJlY2F0ZWRWYXJpYW50KHZhcmlhbnQpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdhY2NlbnQnXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */");
+var variables = process.env.NODE_ENV === "production" ? {
+  name: "11n6cxv",
+  styles: "--grn-paddingX-m:16px;--grn-borderColor:var(--grn-color-fade4);--grn-borderColor-hover:var(--grn-color-fade6);--grn-borderColor-active:var(--grn-color-grey8)"
+} : {
+  name: "vecswe-variables",
+  styles: "--grn-paddingX-m:16px;--grn-borderColor:var(--grn-color-fade4);--grn-borderColor-hover:var(--grn-color-fade6);--grn-borderColor-active:var(--grn-color-grey8);label:variables;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JxQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9ucyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcblxuY29uc3QgYWNjZW50Q3NzID0gY3NzYFxuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2FjY2VudCcpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NycpfTtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZ3JleTYnKX07XG4gIH1cbmA7XG5cbmNvbnN0IHZhcmlhYmxlcyA9IGNzc2BcbiAgLS1ncm4tcGFkZGluZ1gtbTogMTZweDtcbiAgLS1ncm4tYm9yZGVyQ29sb3I6IHZhcigtLWdybi1jb2xvci1mYWRlNCk7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWhvdmVyOiB2YXIoLS1ncm4tY29sb3ItZmFkZTYpO1xuICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1ncmV5OCk7XG5gO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yKTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXIpO1xuICAgIH1cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1hY3RpdmUpO1xuICAgIH1cbiAgYCxcblxuICBwcmltYXJ5OiBhY2NlbnRDc3MsXG4gIGFjY2VudDogYWNjZW50Q3NzLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7dmFyaWFibGVzfTtcbiAgJHt0cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0LW0pO1xuICBwYWRkaW5nOiAwIHZhcigtLWdybi1wYWRkaW5nWC1tKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG5cbiAgJHtwID0+ICFwLmlzRGlzYWJsZWQgJiYgdmFyaWFudHNbcC52YXJpYW50XX07XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmNvbnN0IGNoZWNrRGVwcmVjYXRlZFZhcmlhbnQgPSB2YXJpYW50ID0+IHtcbiAgaWYgKHZhcmlhbnQgPT09ICdwcmltYXJ5Jykge1xuICAgIGNvbnNvbGUud2FybignR3JhaW46IFRoZSB2YXJpYW50IGBwcmltYXJ5YCBuYW1lIGhhcyBjaGFuZ2VkLCB1c2UgYGFjY2VudGAgaW5zdGVhZC4nKTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9ICh7XG4gIGNoaWxkcmVuLFxuICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICBpc0Rpc2FibGVkLFxuICBpY29uLFxuICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gIGhhc0Z1bGxXaWR0aCxcbiAgaGFzU3Bpbm5lcixcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY2hlY2tEZXByZWNhdGVkVmFyaWFudCh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlclxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtoYXNTcGlubmVyICYmIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz59XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnYWNjZW50J10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 var variants = {
-  neutral: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    color: inherit;\n    background-color: transparent;\n    border-color: var(--grn-borderColor);\n\n    &:hover {\n      border-color: var(--grn-borderColor-hover);\n    }\n    &:active {\n      border-color: var(--grn-borderColor-active);\n    }\n  "]))),
+  neutral: process.env.NODE_ENV === "production" ? {
+    name: "1ecj9f8",
+    styles: "color:inherit;background-color:transparent;border-color:var(--grn-borderColor);&:hover{border-color:var(--grn-borderColor-hover);}&:active{border-color:var(--grn-borderColor-active);}"
+  } : {
+    name: "xfop5n-neutral",
+    styles: "color:inherit;background-color:transparent;border-color:var(--grn-borderColor);&:hover{border-color:var(--grn-borderColor-hover);}&:active{border-color:var(--grn-borderColor-active);};label:neutral;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zaXRpb25zIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuL3NwaW5uZXInO1xuXG5jb25zdCBhY2NlbnRDc3MgPSBjc3NgXG4gIGNvbG9yOiB3aGl0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYWNjZW50Jyl9O1xuICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2dyZXk3Jyl9O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NicpfTtcbiAgfVxuYDtcblxuY29uc3QgdmFyaWFibGVzID0gY3NzYFxuICAtLWdybi1wYWRkaW5nWC1tOiAxNnB4O1xuICAtLWdybi1ib3JkZXJDb2xvcjogdmFyKC0tZ3JuLWNvbG9yLWZhZGU0KTtcbiAgLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXI6IHZhcigtLWdybi1jb2xvci1mYWRlNik7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZTogdmFyKC0tZ3JuLWNvbG9yLWdyZXk4KTtcbmA7XG5cbmNvbnN0IHZhcmlhbnRzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3IpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1ob3Zlcik7XG4gICAgfVxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgfVxuICBgLFxuXG4gIHByaW1hcnk6IGFjY2VudENzcyxcbiAgYWNjZW50OiBhY2NlbnRDc3MsXG59O1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHt2YXJpYWJsZXN9O1xuICAke3RyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgYm9yZGVyOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlci13aWR0aDogMXB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQtbSk7XG4gIHBhZGRpbmc6IDAgdmFyKC0tZ3JuLXBhZGRpbmdYLW0pO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdhcDogMTJweDtcblxuICAke3AgPT4gIXAuaXNEaXNhYmxlZCAmJiB2YXJpYW50c1twLnZhcmlhbnRdfTtcbiAgJHtwID0+IHAuaGFzRnVsbFdpZHRoICYmIGB3aWR0aDogMTAwJWB9O1xuXG4gICY6ZGlzYWJsZWQge1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignYmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5cbiAgLmJ1dHRvbkljb24ge1xuICAgICR7cCA9PiBwLmljb25Qb3NpdGlvbiA9PT0gJ3JpZ2h0JyAmJiBgb3JkZXI6IDFgfTtcbiAgfVxuYDtcblxuY29uc3QgY2hlY2tEZXByZWNhdGVkVmFyaWFudCA9IHZhcmlhbnQgPT4ge1xuICBpZiAodmFyaWFudCA9PT0gJ3ByaW1hcnknKSB7XG4gICAgY29uc29sZS53YXJuKCdHcmFpbjogVGhlIHZhcmlhbnQgYHByaW1hcnlgIG5hbWUgaGFzIGNoYW5nZWQsIHVzZSBgYWNjZW50YCBpbnN0ZWFkLicpO1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gIGlzRGlzYWJsZWQsXG4gIGljb24sXG4gIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgaGFzRnVsbFdpZHRoLFxuICBoYXNTcGlubmVyLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjaGVja0RlcHJlY2F0ZWRWYXJpYW50KHZhcmlhbnQpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyXG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICBoYXNGdWxsV2lkdGg9e2hhc0Z1bGxXaWR0aH1cbiAgICAgIGhhc1NwaW5uZXI9e2hhc1NwaW5uZXJ9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2hhc1NwaW5uZXIgJiYgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPn1cbiAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgY2xhc3NOYW1lPVwiYnV0dG9uSWNvblwiIC8+fVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsnbGVmdCcsICdyaWdodCddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdhY2NlbnQnXSksXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzRnVsbFdpZHRoOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzU3Bpbm5lcjogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
   primary: accentCss,
   accent: accentCss
 };
-var Wrapper = styled.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  appearance: none;\n  border: none;\n  font-family: inherit;\n  font-size: inherit;\n  cursor: pointer;\n  border-width: 1px;\n  border-style: solid;\n  font-weight: ", ";\n  border-radius: ", ";\n  height: var(--grn-textBoxHeight-m);\n  padding: 0 var(--grn-paddingX-m);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n\n  ", ";\n  ", ";\n\n  &:disabled {\n    color: ", ";\n    background-color: ", ";\n    border-color: transparent;\n    cursor: default;\n  }\n\n  .buttonIcon {\n    ", ";\n  }\n"])), variables, transitions, getWeight('medium'), getRadius('s'), function (p) {
+
+var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+  target: "e1blxzk90"
+} : {
+  target: "e1blxzk90",
+  label: "Wrapper"
+})(variables, ";", transitions, ";appearance:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;border-width:1px;border-style:solid;font-weight:", getWeight('medium'), ";border-radius:", getRadius('s'), ";height:var(--grn-textBoxHeight-m);padding:0 var(--grn-paddingX-m);background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
   return !p.isDisabled && variants[p.variant];
-}, function (p) {
+}, ";", function (p) {
   return p.hasFullWidth && "width: 100%";
-}, getColor('contentDisabled'), getColor('backgroundDisabled'), function (p) {
+}, ";&:disabled{color:", getColor('contentDisabled'), ";background-color:", getColor('backgroundDisabled'), ";border-color:transparent;cursor:default;}.buttonIcon{", function (p) {
   return p.iconPosition === 'right' && "order: 1";
-});
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0M2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb24gfSBmcm9tICcuL2ljb24nO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9ucyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi9zcGlubmVyJztcblxuY29uc3QgYWNjZW50Q3NzID0gY3NzYFxuICBjb2xvcjogd2hpdGU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2FjY2VudCcpfTtcbiAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdncmV5NycpfTtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZ3JleTYnKX07XG4gIH1cbmA7XG5cbmNvbnN0IHZhcmlhYmxlcyA9IGNzc2BcbiAgLS1ncm4tcGFkZGluZ1gtbTogMTZweDtcbiAgLS1ncm4tYm9yZGVyQ29sb3I6IHZhcigtLWdybi1jb2xvci1mYWRlNCk7XG4gIC0tZ3JuLWJvcmRlckNvbG9yLWhvdmVyOiB2YXIoLS1ncm4tY29sb3ItZmFkZTYpO1xuICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1ncmV5OCk7XG5gO1xuXG5jb25zdCB2YXJpYW50cyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yKTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItaG92ZXIpO1xuICAgIH1cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBib3JkZXItY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1hY3RpdmUpO1xuICAgIH1cbiAgYCxcblxuICBwcmltYXJ5OiBhY2NlbnRDc3MsXG4gIGFjY2VudDogYWNjZW50Q3NzLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7dmFyaWFibGVzfTtcbiAgJHt0cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3JkZXItd2lkdGg6IDFweDtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBoZWlnaHQ6IHZhcigtLWdybi10ZXh0Qm94SGVpZ2h0LW0pO1xuICBwYWRkaW5nOiAwIHZhcigtLWdybi1wYWRkaW5nWC1tKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6IDEycHg7XG5cbiAgJHtwID0+ICFwLmlzRGlzYWJsZWQgJiYgdmFyaWFudHNbcC52YXJpYW50XX07XG4gICR7cCA9PiBwLmhhc0Z1bGxXaWR0aCAmJiBgd2lkdGg6IDEwMCVgfTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2JhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgfVxuXG4gIC5idXR0b25JY29uIHtcbiAgICAke3AgPT4gcC5pY29uUG9zaXRpb24gPT09ICdyaWdodCcgJiYgYG9yZGVyOiAxYH07XG4gIH1cbmA7XG5cbmNvbnN0IGNoZWNrRGVwcmVjYXRlZFZhcmlhbnQgPSB2YXJpYW50ID0+IHtcbiAgaWYgKHZhcmlhbnQgPT09ICdwcmltYXJ5Jykge1xuICAgIGNvbnNvbGUud2FybignR3JhaW46IFRoZSB2YXJpYW50IGBwcmltYXJ5YCBuYW1lIGhhcyBjaGFuZ2VkLCB1c2UgYGFjY2VudGAgaW5zdGVhZC4nKTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9ICh7XG4gIGNoaWxkcmVuLFxuICB2YXJpYW50ID0gJ25ldXRyYWwnLFxuICBpc0Rpc2FibGVkLFxuICBpY29uLFxuICBpY29uUG9zaXRpb24gPSAnbGVmdCcsXG4gIGhhc0Z1bGxXaWR0aCxcbiAgaGFzU3Bpbm5lcixcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY2hlY2tEZXByZWNhdGVkVmFyaWFudCh2YXJpYW50KTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlclxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGljb25Qb3NpdGlvbj17aWNvblBvc2l0aW9ufVxuICAgICAgaGFzRnVsbFdpZHRoPXtoYXNGdWxsV2lkdGh9XG4gICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtoYXNTcGlubmVyICYmIDxTcGlubmVyIGNvbG9yPVwiY3VycmVudENvbG9yXCIgLz59XG4gICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGNsYXNzTmFtZT1cImJ1dHRvbkljb25cIiAvPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBpY29uUG9zaXRpb246IFByb3BUeXBlcy5vbmVPZihbJ2xlZnQnLCAncmlnaHQnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnYWNjZW50J10pLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */"));
 
 var checkDeprecatedVariant = function checkDeprecatedVariant(variant) {
   if (variant === 'primary') {
@@ -58,16 +77,16 @@ export var Button = function Button(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   checkDeprecatedVariant(variant);
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     variant: variant,
     disabled: isDisabled,
     icon: icon,
     iconPosition: iconPosition,
     hasFullWidth: hasFullWidth,
     hasSpinner: hasSpinner
-  }, props), hasSpinner && /*#__PURE__*/React.createElement(Spinner, {
+  }, props), hasSpinner && ___EmotionJSX(Spinner, {
     color: "currentColor"
-  }), icon && /*#__PURE__*/React.createElement(Icon, {
+  }), icon && ___EmotionJSX(Icon, {
     icon: icon,
     color: "currentColor",
     className: "buttonIcon"

package/es/components/dropdown.js

@@ -1,3 +1,5 @@
+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); }
+
 import "core-js/modules/es.object.assign.js";
 import "core-js/modules/es.array.map.js";
 import PropTypes from 'prop-types';
@@ -6,10 +8,11 @@ import { Box } from '.';
 import { Menu } from '@headlessui/react';
 import { types } from '../types';
 import { MenuCard, MenuCardItem } from '../foundational';
+import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Root = function Root(_ref) {
   var props = Object.assign({}, _ref);
-  return /*#__PURE__*/React.createElement(Box, Object.assign({
+  return ___EmotionJSX(Box, _extends({
     position: "relative"
   }, props));
 };
@@ -21,20 +24,20 @@ export var Dropdown = function Dropdown(_ref2) {
       _ref2$menuWidth = _ref2.menuWidth,
       menuWidth = _ref2$menuWidth === void 0 ? 'auto' : _ref2$menuWidth,
       trigger = _ref2.trigger;
-  return /*#__PURE__*/React.createElement(Menu, {
+  return ___EmotionJSX(Menu, {
     as: Root
-  }, /*#__PURE__*/React.createElement(Menu.Button, {
+  }, ___EmotionJSX(Menu.Button, {
     as: "div"
-  }, trigger), /*#__PURE__*/React.createElement(Menu.Items, {
+  }, trigger), ___EmotionJSX(Menu.Items, {
     as: MenuCard,
     menuAlign: menuAlign,
     menuWidth: menuWidth
   }, options.map(function (option, index) {
-    return /*#__PURE__*/React.createElement(Menu.Item, {
+    return ___EmotionJSX(Menu.Item, {
       key: index
     }, function (_ref3) {
       var active = _ref3.active;
-      return /*#__PURE__*/React.createElement(MenuCardItem, {
+      return ___EmotionJSX(MenuCardItem, {
         icon: option.icon,
         isActive: active,
         onClick: option.onClick

package/es/components/icon-button.js

@@ -1,28 +1,40 @@
-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", "color"];
 
-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) } })); }
+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 { Icon } from './icon';
 import React from 'react';
-import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { ClearButtonBox } from '../foundational';
-var Wrapper = styled(ClearButtonBox)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: var(--grn-clearButtonHeight-m);\n"])));
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var Wrapper = /*#__PURE__*/_styled(ClearButtonBox, process.env.NODE_ENV === "production" ? {
+  target: "evb8g3z0"
+} : {
+  target: "evb8g3z0",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "b5vctx",
+  styles: "width:var(--grn-clearButtonHeight-m)"
+} : {
+  name: "b5vctx",
+  styles: "width:var(--grn-clearButtonHeight-m)",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ljb24tYnV0dG9uLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPc0MiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvaWNvbi1idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgQ2xlYXJCdXR0b25Cb3ggfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKENsZWFyQnV0dG9uQm94KWBcbiAgd2lkdGg6IHZhcigtLWdybi1jbGVhckJ1dHRvbkhlaWdodC1tKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQnV0dG9uID0gKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGljb24sIGNvbG9yLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxXcmFwcGVyIGRpc2FibGVkPXtpc0Rpc2FibGVkfSBpY29uPXtpY29ufSBjb2xvcj17Y29sb3J9IHsuLi5wcm9wc30+XG4gICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9e2lzRGlzYWJsZWQgPyAnY3VycmVudENvbG9yJyA6IGNvbG9yfSAvPn1cbiAgICB7Y2hpbGRyZW4gJiYgY2hpbGRyZW59XG4gIDwvV3JhcHBlcj5cbik7XG5cbkljb25CdXR0b24ucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbn07XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+
 export var IconButton = function IconButton(_ref) {
   var children = _ref.children,
       isDisabled = _ref.isDisabled,
@@ -30,11 +42,11 @@ export var IconButton = function IconButton(_ref) {
       color = _ref.color,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+  return ___EmotionJSX(Wrapper, _extends({
     disabled: isDisabled,
     icon: icon,
     color: color
-  }, props), icon && /*#__PURE__*/React.createElement(Icon, {
+  }, props), icon && ___EmotionJSX(Icon, {
     icon: icon,
     color: isDisabled ? 'currentColor' : color
   }), children && children);