@flodesk/grain 11.22.6 → 11.23.0

package/es/components/box.js

@@ -1,20 +1,8 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.define-property.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.assign.js";
-var _excluded = ["color", "colorHover", "backgroundColor", "backgroundColorHover", "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", "shadowHover", "overflow", "overflowX", "overflowY", "aspectRatio", "zIndex", "tag", "opacity", "opacityHover", "order", "alignSelf", "flex", "transition", "transitionHover", "cursor", "children", "className", "style", "borderColor", "borderColorHover", "borderWidth", "borderSide"];
+const _excluded = ["color", "colorHover", "backgroundColor", "backgroundColorHover", "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", "shadowHover", "overflow", "overflowX", "overflowY", "aspectRatio", "zIndex", "tag", "opacity", "opacityHover", "order", "alignSelf", "flex", "transition", "transitionHover", "cursor", "children", "className", "style", "borderColor", "borderColorHover", "borderWidth", "borderSide"];
 
 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.string.trim.js";
-import "core-js/modules/es.array.concat.js";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -32,128 +20,129 @@ import PropTypes from 'prop-types';
 import { generateAttributes } from '../utilities';
 import { BreakpointsContext } from './breakpoints-provider';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var color = _ref.color,
-      colorHover = _ref.colorHover,
-      backgroundColor = _ref.backgroundColor,
-      backgroundColorHover = _ref.backgroundColorHover,
-      width = _ref.width,
-      minWidth = _ref.minWidth,
-      maxWidth = _ref.maxWidth,
-      height = _ref.height,
-      minHeight = _ref.minHeight,
-      maxHeight = _ref.maxHeight,
-      radius = _ref.radius,
-      padding = _ref.padding,
-      paddingTop = _ref.paddingTop,
-      paddingBottom = _ref.paddingBottom,
-      paddingLeft = _ref.paddingLeft,
-      paddingRight = _ref.paddingRight,
-      paddingX = _ref.paddingX,
-      paddingY = _ref.paddingY,
-      margin = _ref.margin,
-      marginTop = _ref.marginTop,
-      marginBottom = _ref.marginBottom,
-      marginLeft = _ref.marginLeft,
-      marginRight = _ref.marginRight,
-      marginX = _ref.marginX,
-      marginY = _ref.marginY,
-      position = _ref.position,
-      top = _ref.top,
-      bottom = _ref.bottom,
-      left = _ref.left,
-      right = _ref.right,
-      shadow = _ref.shadow,
-      shadowHover = _ref.shadowHover,
-      overflow = _ref.overflow,
-      overflowX = _ref.overflowX,
-      overflowY = _ref.overflowY,
-      aspectRatio = _ref.aspectRatio,
-      zIndex = _ref.zIndex,
-      _ref$tag = _ref.tag,
-      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
-      opacity = _ref.opacity,
-      opacityHover = _ref.opacityHover,
-      order = _ref.order,
-      alignSelf = _ref.alignSelf,
-      flex = _ref.flex,
-      transition = _ref.transition,
-      transitionHover = _ref.transitionHover,
-      cursor = _ref.cursor,
-      children = _ref.children,
-      className = _ref.className,
-      style = _ref.style,
-      borderColor = _ref.borderColor,
-      borderColorHover = _ref.borderColorHover,
-      borderWidth = _ref.borderWidth,
-      borderSide = _ref.borderSide,
+export const Box = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    color,
+    colorHover,
+    backgroundColor,
+    backgroundColorHover,
+    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,
+    shadowHover,
+    overflow,
+    overflowX,
+    overflowY,
+    aspectRatio,
+    zIndex,
+    tag = 'div',
+    opacity,
+    opacityHover,
+    order,
+    alignSelf,
+    flex,
+    transition,
+    transitionHover,
+    cursor,
+    children,
+    className,
+    style,
+    borderColor,
+    borderColorHover,
+    borderWidth,
+    borderSide
+  } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
-  var propClassName = className ? className : '';
-  var propStyle = style ? style : {};
-  var Tag = tag;
-  var breakpoints = useContext(BreakpointsContext);
-  var sharedProps = {
-    padding: padding,
-    paddingTop: paddingTop,
-    paddingBottom: paddingBottom,
-    paddingLeft: paddingLeft,
-    paddingRight: paddingRight,
-    paddingX: paddingX,
-    paddingY: paddingY,
-    margin: margin,
-    marginTop: marginTop,
-    marginBottom: marginBottom,
-    marginLeft: marginLeft,
-    marginRight: marginRight,
-    marginX: marginX,
-    marginY: marginY,
-    top: top,
-    bottom: bottom,
-    left: left,
-    right: right,
-    color: color,
-    colorHover: colorHover,
-    backgroundColor: backgroundColor,
-    backgroundColorHover: backgroundColorHover,
-    shadow: shadow,
-    shadowHover: shadowHover,
-    radius: radius,
-    borderColor: borderColor,
-    borderColorHover: borderColorHover,
-    transition: transition,
-    transitionHover: transitionHover,
-    alignSelf: alignSelf
+  const propClassName = className ? className : '';
+  const propStyle = style ? style : {};
+  const Tag = tag;
+  const breakpoints = useContext(BreakpointsContext);
+  const sharedProps = {
+    padding,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    paddingX,
+    paddingY,
+    margin,
+    marginTop,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    marginX,
+    marginY,
+    top,
+    bottom,
+    left,
+    right,
+    color,
+    colorHover,
+    backgroundColor,
+    backgroundColorHover,
+    shadow,
+    shadowHover,
+    radius,
+    borderColor,
+    borderColorHover,
+    transition,
+    transitionHover,
+    alignSelf
   };
-  var attributes = generateAttributes({
+  const attributes = generateAttributes({
     styleProps: _objectSpread({
-      width: width,
-      minWidth: minWidth,
-      maxWidth: maxWidth,
-      height: height,
-      minHeight: minHeight,
-      maxHeight: maxHeight,
-      order: order,
-      zIndex: zIndex,
-      aspectRatio: aspectRatio,
-      flex: flex,
-      opacity: opacity,
-      opacityHover: opacityHover
+      width,
+      minWidth,
+      maxWidth,
+      height,
+      minHeight,
+      maxHeight,
+      order,
+      zIndex,
+      aspectRatio,
+      flex,
+      opacity,
+      opacityHover
     }, sharedProps),
     classNameProps: _objectSpread({
-      position: position,
-      cursor: cursor,
-      borderWidth: borderWidth,
-      borderSide: borderSide,
-      overflow: overflow,
-      overflowX: overflowX,
-      overflowY: overflowY
+      position,
+      cursor,
+      borderWidth,
+      borderSide,
+      overflow,
+      overflowX,
+      overflowY
     }, sharedProps),
-    breakpoints: breakpoints
+    breakpoints
   });
-  var classAttributes = "".concat(attributes.classNames, " ").concat(propClassName).trim();
+  const classAttributes = "".concat(attributes.classNames, " ").concat(propClassName).trim();
 
-  var styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
+  const styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
 
   return ___EmotionJSX(Tag, _extends({
     ref: ref,

package/es/components/breakpoints-provider.js

@@ -1,10 +1,12 @@
 import { createContext } from 'react';
 import { breakpoints } from '../variables';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var BreakpointsContext = /*#__PURE__*/createContext(breakpoints);
-export var BreakpointsProvider = function BreakpointsProvider(_ref) {
-  var children = _ref.children,
-      breakpoints = _ref.breakpoints;
+export const BreakpointsContext = /*#__PURE__*/createContext(breakpoints);
+export const BreakpointsProvider = _ref => {
+  let {
+    children,
+    breakpoints
+  } = _ref;
   return ___EmotionJSX(BreakpointsContext.Provider, {
     value: breakpoints
   }, children);

package/es/components/button.js

@@ -1,12 +1,5 @@
-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", "type", "tag"];
+const _excluded = ["children", "variant", "isDisabled", "icon", "iconPosition", "hasFullWidth", "hasSpinner", "type", "tag"];
 
 var _templateObject;
 
@@ -16,8 +9,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.js";
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import { getColor, getRadius, getSpace, getTransition } from '../utilities';
@@ -31,8 +22,8 @@ import { Box } from './box';
 import { Text } from './text';
 import { keyframes } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var iconInvert = 'hsl(var(--HS) var(--backgroundL) / var(--fade10-a))';
-var variantColors = {
+const iconInvert = 'hsl(var(--HS) var(--backgroundL) / var(--fade10-a))';
+const variantColors = {
   accent: {
     icon: iconInvert,
     content: 'shade2',
@@ -58,46 +49,42 @@ var variantColors = {
     background: 'transparent'
   }
 };
-var fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 25% { opacity: 0 }\n"])));
-var tagStyles = {
+const fadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0%, 25% { opacity: 0 }\n"])));
+const tagStyles = {
   a: "\n    text-decoration: none;\n    width: fit-content;\n\n    &:hover {\n      text-decoration: none;\n    }\n  ",
   button: "",
   span: "\n    width: fit-content;\n    cursor: pointer;\n  "
 };
 
-var Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1blxzk90"
 } : {
   target: "e1blxzk90",
   label: "Wrapper"
-})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:var(--grn-textBoxHeight);padding:0 ", getSpace('m'), ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", function (p) {
-  return p.hasFullWidth && "width: 100%";
-}, ";", function (p) {
-  return tagStyles[p.as];
-}, ";", function (_ref) {
-  var variant = _ref.variant;
+})(styles.transitions, ";", styles.buttonReset, ";position:relative;border:none;border-width:", componentVars.strokeSize, ";border-style:solid;border-radius:", getRadius('s'), ";height:var(--grn-textBoxHeight);padding:0 ", getSpace('m'), ";background-color:transparent;display:flex;align-items:center;justify-content:center;gap:12px;", p => p.hasFullWidth && "width: 100%", ";", p => tagStyles[p.as], ";", _ref => {
+  let {
+    variant
+  } = _ref;
   return "\n    --iconColor: ".concat(getColor(variantColors[variant].icon), ";\n    border-color: ").concat(getColor(variantColors[variant].border), ";\n    color: ").concat(getColor(variantColors[variant].content), ";\n    background: ").concat(getColor(variantColors[variant].background), ";\n\n    @media(hover: hover) {\n      &:hover {\n        --iconColor: currentColor;\n        ").concat(variantColors[variant].backgroundHover && "background: ".concat(getColor(variantColors[variant].backgroundHover)), ";\n        ").concat(variantColors[variant].borderHover && "border-color:".concat(getColor(variantColors[variant].borderHover)), ";\n\n        // set color to prevent inheriting from outisde reset\n        color: ").concat(getColor(variantColors[variant].content), ";\n      }\n\n      &:active {\n        ").concat(variantColors[variant].backgroundActive && "background: ".concat(getColor(variantColors[variant].backgroundActive)), ";\n         ").concat(variantColors[variant].borderActive && "border-color:".concat(getColor(variantColors[variant].borderActive)), ";\n      }\n    }\n  ");
-}, " &:disabled{--iconColor:", getColor('disabledIcon'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", function (p) {
-  return p.iconPosition === 'right' && "order: 1";
-}, ";", styles.transitions, ";}.buttonText,.Icon{", function (_ref2) {
-  var hasSpinner = _ref2.hasSpinner;
+}, " &:disabled{--iconColor:", getColor('disabledIcon'), ";color:", getColor('disabledContent'), ";background-color:", getColor('disabledBackground'), ";border-color:transparent;pointer-events:none;}.Icon{", p => p.iconPosition === 'right' && "order: 1", ";", styles.transitions, ";}.buttonText,.Icon{", _ref2 => {
+  let {
+    hasSpinner
+  } = _ref2;
   return hasSpinner && "\n      opacity: 0;\n      transition: opacity ".concat(getTransition('fast'), ";\n    ");
 }, ";}.buttonSpinner{animation:", fadeIn, " ", getTransition('slow'), ";}[data-experiment-rounded-button] &{border-radius:var(--grn-textBoxHeight);}[data-experiment-compact-textbox] &{padding:0 ", getSpace('s2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkQ2QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9idXR0b24uanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJy4vaWNvbic7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBzdHlsZXMsIGNvbXBvbmVudFZhcnMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgU3Bpbm5lciB9IGZyb20gJy4vc3Bpbm5lcic7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5jb25zdCBpY29uSW52ZXJ0ID0gJ2hzbCh2YXIoLS1IUykgdmFyKC0tYmFja2dyb3VuZEwpIC8gdmFyKC0tZmFkZTEwLWEpKSc7XG5cbmNvbnN0IHZhcmlhbnRDb2xvcnMgPSB7XG4gIGFjY2VudDoge1xuICAgIGljb246IGljb25JbnZlcnQsXG4gICAgY29udGVudDogJ3NoYWRlMicsXG4gICAgYm9yZGVyOiAndHJhbnNwYXJlbnQnLFxuICAgIGJhY2tncm91bmQ6ICdzaGFkZTEyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdzaGFkZTEwJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnc2hhZGU5JyxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgaWNvbjogJ2hzbCgwIDAlIDEwMCUgLyB2YXIoLS1mYWRlOC1hKSknLFxuICAgIGNvbnRlbnQ6ICd2YXIoLS13aGl0ZSknLFxuICAgIGJvcmRlcjogJ3RyYW5zcGFyZW50JyxcbiAgICBiYWNrZ3JvdW5kOiAnZGFuZ2VyJyxcbiAgICBiYWNrZ3JvdW5kSG92ZXI6ICdoc2wodmFyKC0tcmVkSFMpIGNhbGModmFyKC0tcmVkTCkgKyA0JSkpJyxcbiAgICBiYWNrZ3JvdW5kQWN0aXZlOiAnaHNsKHZhcigtLXJlZEhTKSBjYWxjKHZhcigtLXJlZEwpICsgNyUpKScsXG4gIH0sXG4gIG5ldXRyYWw6IHtcbiAgICBpY29uOiAnaWNvbicsXG4gICAgY29udGVudDogJ2NvbnRlbnQnLFxuICAgIGJvcmRlcjogJ2ZhZGU0JyxcbiAgICBib3JkZXJIb3ZlcjogJ2ZhZGU2JyxcbiAgICBib3JkZXJBY3RpdmU6ICdzaGFkZTgnLFxuICAgIGJhY2tncm91bmQ6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59O1xuXG5jb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gIDAlLCAyNSUgeyBvcGFjaXR5OiAwIH1cbmA7XG5cbmNvbnN0IHRhZ1N0eWxlcyA9IHtcbiAgYTogYFxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG4gIGAsXG4gIGJ1dHRvbjogYGAsXG4gIHNwYW46IGBcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICBgLFxufTtcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b25gXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItd2lkdGg6ICR7Y29tcG9uZW50VmFycy5zdHJva2VTaXplfTtcbiAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpO1xuICBwYWRkaW5nOiAwICR7Z2V0U3BhY2UoJ20nKX07XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgZ2FwOiAxMnB4O1xuICAke3AgPT4gcC5oYXNGdWxsV2lkdGggJiYgYHdpZHRoOiAxMDAlYH07XG4gICR7cCA9PiB0YWdTdHlsZXNbcC5hc119O1xuXG4gICR7KHsgdmFyaWFudCB9KSA9PiBgXG4gICAgLS1pY29uQ29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5pY29uKX07XG4gICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5jb250ZW50KX07XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJhY2tncm91bmQpfTtcblxuICAgIEBtZWRpYShob3ZlcjogaG92ZXIpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICAtLWljb25Db2xvcjogY3VycmVudENvbG9yO1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEhvdmVyICYmXG4gICAgICAgICAgYGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IodmFyaWFudENvbG9yc1t2YXJpYW50XS5iYWNrZ3JvdW5kSG92ZXIpfWBcbiAgICAgICAgfTtcbiAgICAgICAgJHtcbiAgICAgICAgICB2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmJvcmRlckhvdmVyICYmXG4gICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVySG92ZXIpfWBcbiAgICAgICAgfTtcblxuICAgICAgICAvLyBzZXQgY29sb3IgdG8gcHJldmVudCBpbmhlcml0aW5nIGZyb20gb3V0aXNkZSByZXNldFxuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcih2YXJpYW50Q29sb3JzW3ZhcmlhbnRdLmNvbnRlbnQpfTtcbiAgICAgIH1cblxuICAgICAgJjphY3RpdmUge1xuICAgICAgICAke1xuICAgICAgICAgIHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSAmJlxuICAgICAgICAgIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYmFja2dyb3VuZEFjdGl2ZSl9YFxuICAgICAgICB9O1xuICAgICAgICAgJHtcbiAgICAgICAgICAgdmFyaWFudENvbG9yc1t2YXJpYW50XS5ib3JkZXJBY3RpdmUgJiZcbiAgICAgICAgICAgYGJvcmRlci1jb2xvcjoke2dldENvbG9yKHZhcmlhbnRDb2xvcnNbdmFyaWFudF0uYm9yZGVyQWN0aXZlKX1gXG4gICAgICAgICB9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWljb25Db2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRJY29uJyl9O1xuICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cblxuICAuSWNvbiB7XG4gICAgJHtwID0+IHAuaWNvblBvc2l0aW9uID09PSAncmlnaHQnICYmIGBvcmRlcjogMWB9O1xuICAgICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgfVxuXG4gIC5idXR0b25UZXh0LFxuICAuSWNvbiB7XG4gICAgJHsoeyBoYXNTcGlubmVyIH0pID0+XG4gICAgICBoYXNTcGlubmVyICYmXG4gICAgICBgXG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgYH1cbiAgfVxuXG4gIC5idXR0b25TcGlubmVyIHtcbiAgICBhbmltYXRpb246ICR7ZmFkZUlufSAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LXJvdW5kZWQtYnV0dG9uXSAmIHtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG4gIH1cblxuICBbZGF0YS1leHBlcmltZW50LWNvbXBhY3QtdGV4dGJveF0gJiB7XG4gICAgcGFkZGluZzogMCAke2dldFNwYWNlKCdzMicpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIGljb25Qb3NpdGlvbiA9ICdsZWZ0JyxcbiAgICAgIGhhc0Z1bGxXaWR0aCxcbiAgICAgIGhhc1NwaW5uZXIsXG4gICAgICB0eXBlID0gJ2J1dHRvbicsXG4gICAgICB0YWcgPSAnYnV0dG9uJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlclxuICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgaWNvblBvc2l0aW9uPXtpY29uUG9zaXRpb259XG4gICAgICAgIGhhc0Z1bGxXaWR0aD17aGFzRnVsbFdpZHRofVxuICAgICAgICBoYXNTcGlubmVyPXtoYXNTcGlubmVyfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXM9e3RhZ31cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7aGFzU3Bpbm5lciAmJiAoXG4gICAgICAgICAgPEJveCBwb3NpdGlvbj1cImFic29sdXRlXCIgY2xhc3NOYW1lPVwiYnV0dG9uU3Bpbm5lclwiPlxuICAgICAgICAgICAgPFNwaW5uZXIgY29sb3I9XCJjdXJyZW50Q29sb3JcIiAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cInZhcigtLWljb25Db2xvcilcIiAvPn1cbiAgICAgICAgPFRleHQgY2xhc3NOYW1lPVwiYnV0dG9uVGV4dFwiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJ1dHRvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIGljb25Qb3NpdGlvbjogdHlwZXMuaWNvblBvc2l0aW9uLFxuICB2YXJpYW50OiB0eXBlcy5idXR0b25WYXJpYW50LFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Z1bGxXaWR0aDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1NwaW5uZXI6IFByb3BUeXBlcy5ib29sLFxuICB0eXBlOiB0eXBlcy5idXR0b25UeXBlLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbn07XG4iXX0= */"));
 
-export var Button = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
-      isDisabled = _ref3.isDisabled,
-      icon = _ref3.icon,
-      _ref3$iconPosition = _ref3.iconPosition,
-      iconPosition = _ref3$iconPosition === void 0 ? 'left' : _ref3$iconPosition,
-      hasFullWidth = _ref3.hasFullWidth,
-      hasSpinner = _ref3.hasSpinner,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'button' : _ref3$type,
-      _ref3$tag = _ref3.tag,
-      tag = _ref3$tag === void 0 ? 'button' : _ref3$tag,
+export const Button = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    variant = 'neutral',
+    isDisabled,
+    icon,
+    iconPosition = 'left',
+    hasFullWidth,
+    hasSpinner,
+    type = 'button',
+    tag = 'button'
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
   return ___EmotionJSX(Wrapper, _extends({

package/es/components/checkbox.js

@@ -1,10 +1,6 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["onChange"],
-    _excluded2 = ["isDisabled", "isChecked", "isIndeterminate", "label", "hint", "id", "onChange"];
+const _excluded = ["onChange"],
+      _excluded2 = ["isDisabled", "isChecked", "isIndeterminate", "label", "hint", "id", "onChange"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -18,25 +14,28 @@ import PropTypes from 'prop-types';
 import { componentVars, FieldHint, FieldLabel } from '../foundational';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var size = 16;
-var checkHeight = size / 1.6;
-var checkWidth = checkHeight / 2;
-var checkStroke = 1.5;
-var strokeSize = componentVars.strokeSize;
+const size = 16;
+const checkHeight = size / 1.6;
+const checkWidth = checkHeight / 2;
+const checkStroke = 1.5;
+const strokeSize = componentVars.strokeSize;
 
-var CheckboxBoxInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+const CheckboxBoxInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "erxmy1h1"
 } : {
   target: "erxmy1h1",
   label: "CheckboxBoxInput"
-})("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('xs'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:before,&:after{content:'';position:absolute;background:var(--checkColor);display:block;transform:rotate(-45deg);transform-origin:bottom left;pointer-events:none;opacity:0;border-radius:", checkStroke, "px;left:", (size - checkWidth) / 2, "px;bottom:", (size - checkHeight) / 2, "px;}&:before{width:", checkStroke, "px;height:", checkWidth, "px;}&:after{width:", checkHeight, "px;height:", checkStroke, "px;}&:checked:before,&:checked:after{opacity:1;}", function (_ref) {
-  var isIndeterminate = _ref.isIndeterminate;
+})("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('xs'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:before,&:after{content:'';position:absolute;background:var(--checkColor);display:block;transform:rotate(-45deg);transform-origin:bottom left;pointer-events:none;opacity:0;border-radius:", checkStroke, "px;left:", (size - checkWidth) / 2, "px;bottom:", (size - checkHeight) / 2, "px;}&:before{width:", checkStroke, "px;height:", checkWidth, "px;}&:after{width:", checkHeight, "px;height:", checkStroke, "px;}&:checked:before,&:checked:after{opacity:1;}", _ref => {
+  let {
+    isIndeterminate
+  } = _ref;
   return isIndeterminate && "\n    &:not(:checked) {\n      --borderColor: var(--backgroundColorActive);\n      --backgroundColor: var(--backgroundColorActive);\n\n      &:before {\n        content: unset;\n      }\n      &:after {\n        transform: rotate(0deg);\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        margin: auto;\n        opacity: 1;\n      }\n    }\n  ";
 }, " &:disabled{--checkColor:", getColor('disabledContent'), ";--backgroundColor:", getColor('disabledBackground'), ";--backgroundColorActive:", getColor('disabledBackground'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZEhpbnQsIEZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHNpemUgPSAxNjtcbmNvbnN0IGNoZWNrSGVpZ2h0ID0gc2l6ZSAvIDEuNjtcbmNvbnN0IGNoZWNrV2lkdGggPSBjaGVja0hlaWdodCAvIDI7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgQ2hlY2tib3hCb3hJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNicpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCd4cycpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS1ib3JkZXJDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgfVxuXG4gICY6YmVmb3JlLFxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gbGVmdDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Y2hlY2tTdHJva2V9cHg7XG4gICAgbGVmdDogJHsoc2l6ZSAtIGNoZWNrV2lkdGgpIC8gMn1weDtcbiAgICBib3R0b206ICR7KHNpemUgLSBjaGVja0hlaWdodCkgLyAyfXB4O1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIHdpZHRoOiAke2NoZWNrU3Ryb2tlfXB4O1xuICAgIGhlaWdodDogJHtjaGVja1dpZHRofXB4O1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgd2lkdGg6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgaGVpZ2h0OiAke2NoZWNrU3Ryb2tlfXB4O1xuICB9XG5cbiAgJjpjaGVja2VkOmJlZm9yZSxcbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJHsoeyBpc0luZGV0ZXJtaW5hdGUgfSkgPT5cbiAgICBpc0luZGV0ZXJtaW5hdGUgJiZcbiAgICBgXG4gICAgJjpub3QoOmNoZWNrZWQpIHtcbiAgICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcblxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiB1bnNldDtcbiAgICAgIH1cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2hlY2tib3hCb3ggPSAoeyBvbkNoYW5nZSA9ICgpID0+IHt9LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxDaGVja2JveEJveElucHV0IHsuLi5wcm9wc30gb25DaGFuZ2U9e29uQ2hhbmdlfSB0eXBlPVwiY2hlY2tib3hcIiAvPlxuKTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcpfTtcbiAgICBgfVxuXG4gIC5jaGVja2JveEhpbnQsIC5jaGVja2JveExhYmVsIHtcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveCA9ICh7XG4gIGlzRGlzYWJsZWQsXG4gIGlzQ2hlY2tlZCxcbiAgaXNJbmRldGVybWluYXRlLFxuICBsYWJlbCxcbiAgaGludCxcbiAgaWQsXG4gIG9uQ2hhbmdlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSb290IGhhc1RleHQ9e2xhYmVsIHx8IGhpbnR9IHsuLi5wcm9wc30+XG4gICAgICA8Q2hlY2tib3hCb3hcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGlzSW5kZXRlcm1pbmF0ZT17aXNJbmRldGVybWluYXRlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJjaGVja2JveExhYmVsXCI+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICApfVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJjaGVja2JveEhpbnRcIj57aGludH08L0ZpZWxkSGludD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3guTGFiZWwgPSBGaWVsZExhYmVsO1xuQ2hlY2tib3guQm94ID0gQ2hlY2tib3hCb3g7XG5cbkNoZWNrYm94LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDaGVja2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNJbmRldGVybWluYXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
 
-var CheckboxBox = function CheckboxBox(_ref2) {
-  var _ref2$onChange = _ref2.onChange,
-      onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
+const CheckboxBox = _ref2 => {
+  let {
+    onChange = () => {}
+  } = _ref2,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(CheckboxBoxInput, _extends({}, props, {
@@ -45,24 +44,28 @@ var CheckboxBox = function CheckboxBox(_ref2) {
   }));
 };
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "erxmy1h0"
 } : {
   target: "erxmy1h0",
   label: "Root"
-})(function (_ref3) {
-  var hasText = _ref3.hasText;
+})(_ref3 => {
+  let {
+    hasText
+  } = _ref3;
   return hasText && "\n      display: grid;\n      grid-auto-flow: column;\n      align-items: center;\n      width: fit-content;\n      column-gap: ".concat(getSpace('betweenFormControlAndLabel'), ";\n    ");
 }, " .checkboxHint,.checkboxLabel{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyR3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAyO1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IHN0cm9rZVNpemUgPSBjb21wb25lbnRWYXJzLnN0cm9rZVNpemU7XG5cbmNvbnN0IENoZWNrYm94Qm94SW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICAtLWJhY2tncm91bmRDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3NpemV9cHg7XG4gIHdpZHRoOiAke3NpemV9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygneHMnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvcik7XG4gIGJvcmRlcjogJHtzdHJva2VTaXplfSBzb2xpZCB2YXIoLS1ib3JkZXJDb2xvcik7XG4gIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2xlYXZlJyl9O1xuXG4gICY6aG92ZXIge1xuICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gICAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Z2V0VHJhbnNpdGlvbignaG92ZXInKX07XG4gIH1cblxuICAmOmNoZWNrZWQge1xuICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gIH1cblxuICAmOmJlZm9yZSxcbiAgJjphZnRlciB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJhY2tncm91bmQ6IHZhcigtLWNoZWNrQ29sb3IpO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgdHJhbnNmb3JtLW9yaWdpbjogYm90dG9tIGxlZnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgb3BhY2l0eTogMDtcbiAgICBib3JkZXItcmFkaXVzOiAke2NoZWNrU3Ryb2tlfXB4O1xuICAgIGxlZnQ6ICR7KHNpemUgLSBjaGVja1dpZHRoKSAvIDJ9cHg7XG4gICAgYm90dG9tOiAkeyhzaXplIC0gY2hlY2tIZWlnaHQpIC8gMn1weDtcbiAgfVxuXG4gICY6YmVmb3JlIHtcbiAgICB3aWR0aDogJHtjaGVja1N0cm9rZX1weDtcbiAgICBoZWlnaHQ6ICR7Y2hlY2tXaWR0aH1weDtcbiAgfVxuXG4gICY6YWZ0ZXIge1xuICAgIHdpZHRoOiAke2NoZWNrSGVpZ2h0fXB4O1xuICAgIGhlaWdodDogJHtjaGVja1N0cm9rZX1weDtcbiAgfVxuXG4gICY6Y2hlY2tlZDpiZWZvcmUsXG4gICY6Y2hlY2tlZDphZnRlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuXG4gICR7KHsgaXNJbmRldGVybWluYXRlIH0pID0+XG4gICAgaXNJbmRldGVybWluYXRlICYmXG4gICAgYFxuICAgICY6bm90KDpjaGVja2VkKSB7XG4gICAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgICAgLS1iYWNrZ3JvdW5kQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG5cbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogdW5zZXQ7XG4gICAgICB9XG4gICAgICAmOmFmdGVyIHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbWFyZ2luOiBhdXRvO1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgfVxuICAgIH1cbiAgYH1cblxuICAmOmRpc2FibGVkIHtcbiAgICAtLWNoZWNrQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQ29udGVudCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1ib3JkZXJDb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IENoZWNrYm94Qm94ID0gKHsgb25DaGFuZ2UgPSAoKSA9PiB7fSwgLi4ucHJvcHMgfSkgPT4gKFxuICA8Q2hlY2tib3hCb3hJbnB1dCB7Li4ucHJvcHN9IG9uQ2hhbmdlPXtvbkNoYW5nZX0gdHlwZT1cImNoZWNrYm94XCIgLz5cbik7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGhhc1RleHQgfSkgPT5cbiAgICBoYXNUZXh0ICYmXG4gICAgYFxuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnKX07XG4gICAgYH1cblxuICAuY2hlY2tib3hIaW50LCAuY2hlY2tib3hMYWJlbCB7XG4gICAgZ3JpZC1jb2x1bW46IDIgLyAzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3ggPSAoe1xuICBpc0Rpc2FibGVkLFxuICBpc0NoZWNrZWQsXG4gIGlzSW5kZXRlcm1pbmF0ZSxcbiAgbGFiZWwsXG4gIGhpbnQsXG4gIGlkLFxuICBvbkNoYW5nZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Um9vdCBoYXNUZXh0PXtsYWJlbCB8fCBoaW50fSB7Li4ucHJvcHN9PlxuICAgICAgPENoZWNrYm94Qm94XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIGNoZWNrZWQ9e2lzQ2hlY2tlZH1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e2lzSW5kZXRlcm1pbmF0ZX1cbiAgICAgIC8+XG4gICAgICB7bGFiZWwgJiYgKFxuICAgICAgICA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0gY2xhc3NOYW1lPVwiY2hlY2tib3hMYWJlbFwiPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9GaWVsZExhYmVsPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQgY2xhc3NOYW1lPVwiY2hlY2tib3hIaW50XCI+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuICAgIDwvUm9vdD5cbiAgKTtcbn07XG5cbkNoZWNrYm94LkxhYmVsID0gRmllbGRMYWJlbDtcbkNoZWNrYm94LkJveCA9IENoZWNrYm94Qm94O1xuXG5DaGVja2JveC5wcm9wVHlwZXMgPSB7XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQ2hlY2tlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzSW5kZXRlcm1pbmF0ZTogUHJvcFR5cGVzLmJvb2wsXG4gIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
 
-export var Checkbox = function Checkbox(_ref4) {
-  var isDisabled = _ref4.isDisabled,
-      isChecked = _ref4.isChecked,
-      isIndeterminate = _ref4.isIndeterminate,
-      label = _ref4.label,
-      hint = _ref4.hint,
-      id = _ref4.id,
-      onChange = _ref4.onChange,
+export const Checkbox = _ref4 => {
+  let {
+    isDisabled,
+    isChecked,
+    isIndeterminate,
+    label,
+    hint,
+    id,
+    onChange
+  } = _ref4,
       props = _objectWithoutProperties(_ref4, _excluded2);
 
   return ___EmotionJSX(Root, _extends({