@commercetools-uikit/checkbox-input 12.2.1 → 12.2.5

package/dist/commercetools-uikit-checkbox-input.esm.js

@@ -1,11 +1,3 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _styled from '@emotion/styled/base';
-import _pt from 'prop-types';
-import React from 'react';
-import { useTheme, jsx, css } from '@emotion/react';
-import { customProperties, designTokens } from '@commercetools-uikit/design-system';
-import { warning, filterDataAttributes, filterAriaAttributes, createSequentialId } from '@commercetools-uikit/utils';
-import Text from '@commercetools-uikit/text';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -15,20 +7,27 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _styled from '@emotion/styled/base';
+import _pt from 'prop-types';
+import { useRef, useEffect, useCallback } from 'react';
+import { useTheme, ClassNames, css } from '@emotion/react';
+import { customProperties, designTokens } from '@commercetools-uikit/design-system';
+import { warning, filterDataAttributes, filterAriaAttributes, createSequentialId } from '@commercetools-uikit/utils';
+import Text from '@commercetools-uikit/text';
 import { accessibleHiddenInputStyles } from '@commercetools-uikit/input-utils';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var iconSizes = {
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$5(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var iconSizes$2 = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions = function getSizeDimensions(size) {
+var getSizeDimensions$2 = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -40,22 +39,22 @@ var getSizeDimensions = function getSizeDimensions(size) {
     case 'medium':
     case 'big':
       return {
-        width: "".concat(iconSizes[size], "px"),
-        height: "".concat(iconSizes[size], "px")
+        width: "".concat(iconSizes$2[size], "px"),
+        height: "".concat(iconSizes$2[size], "px")
       };
 
     default:
       return {
-        width: "".concat(iconSizes.big, "px"),
-        height: "".concat(iconSizes.big, "px")
+        width: "".concat(iconSizes$2.big, "px"),
+        height: "".concat(iconSizes$2.big, "px")
       };
   }
 };
 
-var getSizeStyle = function getSizeStyle(size) {
+var getSizeStyle$2 = function getSizeStyle(size) {
   var _context, _context2;
 
-  var dimensions = getSizeDimensions(size);
+  var dimensions = getSizeDimensions$2(size);
 
   switch (size) {
     case 'scale':
@@ -66,17 +65,46 @@ var getSizeStyle = function getSizeStyle(size) {
   }
 };
 
-var capitalize = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
-};
-
-var getColor = function getColor(color, theme) {
+var getColor$2 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$5(_objectSpread$5({}, customProperties), theme);
+
+  var iconColor;
+
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
+
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
+
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
+
+    case 'info':
+      iconColor = overwrittenVars.colorInfo;
+      break;
+
+    case 'primary':
+      iconColor = overwrittenVars.colorPrimary;
+      break;
 
+    case 'primary40':
+      iconColor = overwrittenVars.colorPrimary40;
+      break;
 
-  var iconColor = overwrittenVars["color".concat(capitalize(color))];
+    case 'warning':
+      iconColor = overwrittenVars.colorWarning;
+      break;
+
+    case 'error':
+      iconColor = overwrittenVars.colorError;
+      break;
+  }
 
   if (!iconColor) {
     process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -86,76 +114,67 @@ var getColor = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles = function getIconStyles(props, theme) {
-  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"));
+var getIconStyles$2 = function getIconStyles(props, theme) {
+  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$2(props.color, theme), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNoZWNrZWRSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0hnRSIsImZpbGUiOiJDaGVja2VkUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvY2hlY2tlZC5yZWFjdC5zdmdcblxuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzICovXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJztcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuXG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICB9O1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5cbmNvbnN0IGdldFNpemVTdHlsZSA9IChzaXplOiBQcm9wc1snc2l6ZSddKSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXRTaXplRGltZW5zaW9ucyhzaXplKTtcblxuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb2xvciA9IChjb2xvcjogUHJvcHNbJ2NvbG9yJ10sIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7IC4uLnZhcnMsIC4uLnRoZW1lIH07XG4gIGxldCBpY29uQ29sb3I7XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9ySW5mbztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvcldhcm5pbmc7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cblxuICBpZiAoIWljb25Db2xvcikge1xuICAgIHdhcm5pbmcoXG4gICAgICBjb2xvcixcbiAgICAgIGB1aS1raXQvSWNvbjogdGhlIHNwZWNpZmllZCBjb2xvciAnJHtjb2xvcn0nIGlzIG5vdCBzdXBwb3J0ZWQuYFxuICAgICk7XG4gICAgcmV0dXJuICdpbmhlcml0JztcbiAgfVxuXG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAqOm5vdChbZmlsbD0nbm9uZSddKSB7XG4gICAgZmlsbDogJHtnZXRDb2xvcihwcm9wcy5jb2xvciwgdGhlbWUpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuY29uc3QgU3ZnQ2hlY2tlZCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHdpZHRoPXsxNn1cbiAgICBoZWlnaHQ9ezE2fVxuICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxnIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIC0xKVwiIGZpbGxSdWxlPVwiZXZlbm9kZFwiPlxuICAgICAgPHJlY3QgZmlsbD1cIiNGRkZcIiB5PXsxfSB3aWR0aD17MTZ9IGhlaWdodD17MTZ9IHJ4PXs0fSAvPlxuICAgICAgPGcgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgLjUpXCI+XG4gICAgICAgIDxyZWN0XG4gICAgICAgICAgZGF0YS1zdHlsZT1cImNoZWNrYm94X19ib3JkZXJcIlxuICAgICAgICAgIHN0cm9rZT1cIiNBRkFGQUZcIlxuICAgICAgICAgIHg9ezAuNX1cbiAgICAgICAgICB5PXsxfVxuICAgICAgICAgIHdpZHRoPXsxNX1cbiAgICAgICAgICBoZWlnaHQ9ezE1fVxuICAgICAgICAgIHJ4PXs0fVxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGRhdGEtc3R5bGU9XCJjaGVja2JveF9fY29udGVudFwiXG4gICAgICAgICAgZD1cIk0xMi45MTggMy43NTlhLjQ5Ny40OTcgMCAwMC0uNyAwTDYuMDExIDkuOTY2YS40OTcuNDk3IDAgMDEtLjcgMEwzLjc4IDguNDM4YS40OTcuNDk3IDAgMDAtLjY5OSAwbC0uOTM4LjkzOGEuNDk3LjQ5NyAwIDAwMCAuN2wzLjE2NyAzLjE2NWEuNDk3LjQ5NyAwIDAwLjcgMGw3Ljg0NS03Ljg0NWEuNDk2LjQ5NiAwIDAwMC0uN2wtLjkzOC0uOTM3elwiXG4gICAgICAgICAgZmlsbD1cIiMyMEFEOTJcIlxuICAgICAgICAgIGZpbGxSdWxlPVwibm9uemVyb1wiXG4gICAgICAgIC8+XG4gICAgICA8L2c+XG4gICAgPC9nPlxuICA8L3N2Zz5cbik7XG5cblN2Z0NoZWNrZWQuZGlzcGxheU5hbWUgPSAnU3ZnQ2hlY2tlZCc7XG5cbmNvbnN0IENoZWNrZWRJY29uID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICAgIDxTdmdDaGVja2VkXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcywgdGhlbWUpKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcblxuQ2hlY2tlZEljb24uZGlzcGxheU5hbWUgPSAnQ2hlY2tlZEljb24nO1xuZXhwb3J0IGRlZmF1bHQgQ2hlY2tlZEljb247XG4iXX0= */");
 };
 
 var SvgChecked = function SvgChecked(props) {
-  return jsx("svg", _extends({
+  return jsx("svg", _objectSpread$5(_objectSpread$5({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), jsx("g", {
-    id: "checked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, jsx("g", {
-    id: "checked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -725)"
-  }, jsx("g", {
-    id: "checked_react_svg__checkbox-active-default",
-    transform: "translate(177 724)"
-  }, jsx("rect", {
-    id: "checked_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), jsx("g", {
-    id: "checked_react_svg__borderAndContent",
-    transform: "translate(0 .5)"
-  }, jsx("rect", {
-    id: "checked_react_svg__border",
-    stroke: "#AFAFAF",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }), jsx("path", {
-    d: "M12.918 3.759a.497.497 0 00-.7 0L6.011 9.966a.497.497 0 01-.7 0L3.78 8.438a.497.497 0 00-.699 0l-.938.938a.497.497 0 000 .7l3.167 3.165a.497.497 0 00.7 0l7.845-7.845a.496.496 0 000-.7l-.938-.937z",
-    id: "checked_react_svg__content",
-    fill: "#20AD92",
-    fillRule: "nonzero"
-  }))))));
+  }, props), {}, {
+    children: jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsxs("g", {
+        transform: "translate(0 .5)",
+        children: [jsx("rect", {
+          "data-style": "checkbox__border",
+          stroke: "#AFAFAF",
+          x: 0.5,
+          y: 1,
+          width: 15,
+          height: 15,
+          rx: 4
+        }), jsx("path", {
+          "data-style": "checkbox__content",
+          d: "M12.918 3.759a.497.497 0 00-.7 0L6.011 9.966a.497.497 0 01-.7 0L3.78 8.438a.497.497 0 00-.699 0l-.938.938a.497.497 0 000 .7l3.167 3.165a.497.497 0 00.7 0l7.845-7.845a.496.496 0 000-.7l-.938-.937z",
+          fill: "#20AD92",
+          fillRule: "nonzero"
+        })]
+      })]
+    })
+  }));
 };
 
-SvgChecked.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgChecked.displayName = 'SvgChecked';
 
 var CheckedIcon = function CheckedIcon(props) {
   var theme = useTheme();
-  return jsx(SvgChecked, _extends({}, props, {
-    css: getIconStyles(props, theme)
-  }));
+  return jsx(ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsx(SvgChecked, _objectSpread$5(_objectSpread$5({}, props), {}, {
+        className: createClass(getIconStyles$2(props, theme))
+      }));
+    }
+  });
 };
 
-CheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 CheckedIcon.displayName = 'CheckedIcon';
+var CheckedIcon$1 = CheckedIcon;
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$1(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$4(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var iconSizes$1 = {
   small: 12,
   medium: 16,
@@ -200,17 +219,46 @@ var getSizeStyle$1 = function getSizeStyle(size) {
   }
 };
 
-var capitalize$1 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
-};
-
 var getColor$1 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$4(_objectSpread$4({}, customProperties), theme);
 
+  var iconColor;
 
-  var iconColor = overwrittenVars["color".concat(capitalize$1(color))];
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
+
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
+
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
+
+    case 'info':
+      iconColor = overwrittenVars.colorInfo;
+      break;
+
+    case 'primary':
+      iconColor = overwrittenVars.colorPrimary;
+      break;
+
+    case 'primary40':
+      iconColor = overwrittenVars.colorPrimary40;
+      break;
+
+    case 'warning':
+      iconColor = overwrittenVars.colorWarning;
+      break;
+
+    case 'error':
+      iconColor = overwrittenVars.colorError;
+      break;
+  }
 
   if (!iconColor) {
     process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -221,81 +269,72 @@ var getColor$1 = function getColor(color, theme) {
 };
 
 var getIconStyles$1 = function getIconStyles(props, theme) {
-  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"));
+  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkluZGV0ZXJtaW5hdGVSZWFjdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0hnRSIsImZpbGUiOiJJbmRldGVybWluYXRlUmVhY3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVEhJUyBJUyBBTiBBVVRPR0VORVJBVEVEIEZJTEUuIERPIE5PVCBFRElUIFRISVMgRklMRSBESVJFQ1RMWS5cbi8vIFRoaXMgZmlsZSBpcyBjcmVhdGVkIHdpdGggJ3lhcm4gZ2VuZXJhdGUtaWNvbnMnLlxuLy8gT3JpZ2luYWwgU1ZHIGZpbGU6IHNyYy9pY29ucy9zdmcvaW5kZXRlcm1pbmF0ZS5yZWFjdC5zdmdcblxuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzICovXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJztcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuXG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICB9O1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5cbmNvbnN0IGdldFNpemVTdHlsZSA9IChzaXplOiBQcm9wc1snc2l6ZSddKSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXRTaXplRGltZW5zaW9ucyhzaXplKTtcblxuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb2xvciA9IChjb2xvcjogUHJvcHNbJ2NvbG9yJ10sIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7IC4uLnZhcnMsIC4uLnRoZW1lIH07XG4gIGxldCBpY29uQ29sb3I7XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9ySW5mbztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvcldhcm5pbmc7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cblxuICBpZiAoIWljb25Db2xvcikge1xuICAgIHdhcm5pbmcoXG4gICAgICBjb2xvcixcbiAgICAgIGB1aS1raXQvSWNvbjogdGhlIHNwZWNpZmllZCBjb2xvciAnJHtjb2xvcn0nIGlzIG5vdCBzdXBwb3J0ZWQuYFxuICAgICk7XG4gICAgcmV0dXJuICdpbmhlcml0JztcbiAgfVxuXG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAqOm5vdChbZmlsbD0nbm9uZSddKSB7XG4gICAgZmlsbDogJHtnZXRDb2xvcihwcm9wcy5jb2xvciwgdGhlbWUpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuY29uc3QgU3ZnSW5kZXRlcm1pbmF0ZSA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHdpZHRoPXsxNn1cbiAgICBoZWlnaHQ9ezE2fVxuICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxnIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIC0xKVwiIGZpbGxSdWxlPVwiZXZlbm9kZFwiPlxuICAgICAgPHJlY3QgZmlsbD1cIiNGRkZcIiB5PXsxfSB3aWR0aD17MTZ9IGhlaWdodD17MTZ9IHJ4PXs0fSAvPlxuICAgICAgPGcgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgLjUpXCI+XG4gICAgICAgIDxyZWN0XG4gICAgICAgICAgZGF0YS1zdHlsZT1cImNoZWNrYm94X19ib3JkZXJcIlxuICAgICAgICAgIHN0cm9rZT1cIiNBRkFGQUZcIlxuICAgICAgICAgIHg9ezAuNX1cbiAgICAgICAgICB5PXsxfVxuICAgICAgICAgIHdpZHRoPXsxNX1cbiAgICAgICAgICBoZWlnaHQ9ezE1fVxuICAgICAgICAgIHJ4PXs0fVxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGRhdGEtc3R5bGU9XCJjaGVja2JveF9fY29udGVudFwiXG4gICAgICAgICAgZmlsbD1cIiMwMEI2QTFcIlxuICAgICAgICAgIGQ9XCJNMyA3LjVoMTB2MkgzelwiXG4gICAgICAgIC8+XG4gICAgICA8L2c+XG4gICAgPC9nPlxuICA8L3N2Zz5cbik7XG5cblN2Z0luZGV0ZXJtaW5hdGUuZGlzcGxheU5hbWUgPSAnU3ZnSW5kZXRlcm1pbmF0ZSc7XG5cbmNvbnN0IEluZGV0ZXJtaW5hdGVJY29uID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzOiBjcmVhdGVDbGFzcyB9KSA9PiAoXG4gICAgICAgIDxTdmdJbmRldGVybWluYXRlXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcywgdGhlbWUpKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcblxuSW5kZXRlcm1pbmF0ZUljb24uZGlzcGxheU5hbWUgPSAnSW5kZXRlcm1pbmF0ZUljb24nO1xuZXhwb3J0IGRlZmF1bHQgSW5kZXRlcm1pbmF0ZUljb247XG4iXX0= */");
 };
 
 var SvgIndeterminate = function SvgIndeterminate(props) {
-  return jsx("svg", _extends({
+  return jsx("svg", _objectSpread$4(_objectSpread$4({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), jsx("g", {
-    id: "indeterminate_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, jsx("g", {
-    id: "indeterminate_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -909)"
-  }, jsx("g", {
-    id: "indeterminate_react_svg__checkbox-indeterminate-default",
-    transform: "translate(177 908)"
-  }, jsx("rect", {
-    id: "indeterminate_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), jsx("g", {
-    id: "indeterminate_react_svg__borderAndContent",
-    transform: "translate(0 .5)"
-  }, jsx("rect", {
-    id: "indeterminate_react_svg__border",
-    stroke: "#AFAFAF",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }), jsx("path", {
-    id: "indeterminate_react_svg__content",
-    fill: "#00B6A1",
-    d: "M3 7.5h10v2H3z"
-  }))))));
+  }, props), {}, {
+    children: jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsxs("g", {
+        transform: "translate(0 .5)",
+        children: [jsx("rect", {
+          "data-style": "checkbox__border",
+          stroke: "#AFAFAF",
+          x: 0.5,
+          y: 1,
+          width: 15,
+          height: 15,
+          rx: 4
+        }), jsx("path", {
+          "data-style": "checkbox__content",
+          fill: "#00B6A1",
+          d: "M3 7.5h10v2H3z"
+        })]
+      })]
+    })
+  }));
 };
 
-SvgIndeterminate.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgIndeterminate.displayName = 'SvgIndeterminate';
 
 var IndeterminateIcon = function IndeterminateIcon(props) {
   var theme = useTheme();
-  return jsx(SvgIndeterminate, _extends({}, props, {
-    css: getIconStyles$1(props, theme)
-  }));
+  return jsx(ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsx(SvgIndeterminate, _objectSpread$4(_objectSpread$4({}, props), {}, {
+        className: createClass(getIconStyles$1(props, theme))
+      }));
+    }
+  });
 };
 
-IndeterminateIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 IndeterminateIcon.displayName = 'IndeterminateIcon';
+var IndeterminateIcon$1 = IndeterminateIcon;
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var iconSizes$2 = {
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$3(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var iconSizes = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions$2 = function getSizeDimensions(size) {
+var getSizeDimensions = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -307,22 +346,22 @@ var getSizeDimensions$2 = function getSizeDimensions(size) {
     case 'medium':
     case 'big':
       return {
-        width: "".concat(iconSizes$2[size], "px"),
-        height: "".concat(iconSizes$2[size], "px")
+        width: "".concat(iconSizes[size], "px"),
+        height: "".concat(iconSizes[size], "px")
       };
 
     default:
       return {
-        width: "".concat(iconSizes$2.big, "px"),
-        height: "".concat(iconSizes$2.big, "px")
+        width: "".concat(iconSizes.big, "px"),
+        height: "".concat(iconSizes.big, "px")
       };
   }
 };
 
-var getSizeStyle$2 = function getSizeStyle(size) {
+var getSizeStyle = function getSizeStyle(size) {
   var _context, _context2;
 
-  var dimensions = getSizeDimensions$2(size);
+  var dimensions = getSizeDimensions(size);
 
   switch (size) {
     case 'scale':
@@ -333,17 +372,46 @@ var getSizeStyle$2 = function getSizeStyle(size) {
   }
 };
 
-var capitalize$2 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
-};
-
-var getColor$2 = function getColor(color, theme) {
+var getColor = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$2(_objectSpread$2({}, customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, customProperties), theme);
+
+  var iconColor;
+
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
+
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
+
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
+
+    case 'info':
+      iconColor = overwrittenVars.colorInfo;
+      break;
 
+    case 'primary':
+      iconColor = overwrittenVars.colorPrimary;
+      break;
 
-  var iconColor = overwrittenVars["color".concat(capitalize$2(color))];
+    case 'primary40':
+      iconColor = overwrittenVars.colorPrimary40;
+      break;
+
+    case 'warning':
+      iconColor = overwrittenVars.colorWarning;
+      break;
+
+    case 'error':
+      iconColor = overwrittenVars.colorError;
+      break;
+  }
 
   if (!iconColor) {
     process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -353,71 +421,60 @@ var getColor$2 = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles$2 = function getIconStyles(props, theme) {
-  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$2(props.color, theme), ";}&,image{", getSizeStyle$2(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"));
+var getIconStyles = function getIconStyles(props, theme) {
+  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlVuY2hlY2tlZFJlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSGdFIiwiZmlsZSI6IlVuY2hlY2tlZFJlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvaWNvbnMvc3ZnL3VuY2hlY2tlZC5yZWFjdC5zdmdcblxuLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVudXNlZC12YXJzICovXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgd2FybmluZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGNzcywgQ2xhc3NOYW1lcywgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmV4cG9ydCB0eXBlIFByb3BzID0ge1xuICBjb2xvcj86XG4gICAgfCAnc29saWQnXG4gICAgfCAnbmV1dHJhbDYwJ1xuICAgIHwgJ3N1cmZhY2UnXG4gICAgfCAnaW5mbydcbiAgICB8ICdwcmltYXJ5J1xuICAgIHwgJ3ByaW1hcnk0MCdcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJztcbiAgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdiaWcnIHwgJ3NjYWxlJztcbn07XG5leHBvcnQgdHlwZSBTVkdQcm9wcyA9IFByb3BzICYge1xuICBjbGFzc05hbWU6IHN0cmluZztcbn07XG5jb25zdCBpY29uU2l6ZXMgPSB7XG4gIHNtYWxsOiAxMixcbiAgbWVkaXVtOiAxNixcbiAgYmlnOiAyNCxcbn0gYXMgY29uc3Q7XG5cbmNvbnN0IGdldFNpemVEaW1lbnNpb25zID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSAnc2NhbGUnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICB9O1xuXG4gICAgY2FzZSAnc21hbGwnOlxuICAgIGNhc2UgJ21lZGl1bSc6XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXNbc2l6ZV19cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICB9O1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB7XG4gICAgICAgIHdpZHRoOiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgICAgaGVpZ2h0OiBgJHtpY29uU2l6ZXMuYmlnfXB4YCxcbiAgICAgIH07XG4gIH1cbn07XG5cbmNvbnN0IGdldFNpemVTdHlsZSA9IChzaXplOiBQcm9wc1snc2l6ZSddKSA9PiB7XG4gIGNvbnN0IGRpbWVuc2lvbnMgPSBnZXRTaXplRGltZW5zaW9ucyhzaXplKTtcblxuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gYFxuICAgICAgICAmOm5vdCg6cm9vdCkge1xuICAgICAgICAgIHdpZHRoOiAke2RpbWVuc2lvbnMud2lkdGh9O1xuICAgICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICAgIH1cbiAgICAgIGA7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGBcbiAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgIGhlaWdodDogJHtkaW1lbnNpb25zLmhlaWdodH07XG4gICAgICBgO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb2xvciA9IChjb2xvcjogUHJvcHNbJ2NvbG9yJ10sIHRoZW1lOiBUaGVtZSkgPT4ge1xuICBpZiAoIWNvbG9yKSByZXR1cm4gJ2luaGVyaXQnO1xuICBjb25zdCBvdmVyd3JpdHRlblZhcnMgPSB7IC4uLnZhcnMsIC4uLnRoZW1lIH07XG4gIGxldCBpY29uQ29sb3I7XG5cbiAgc3dpdGNoIChjb2xvcikge1xuICAgIGNhc2UgJ3NvbGlkJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclNvbGlkO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICduZXV0cmFsNjAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yTmV1dHJhbDYwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdzdXJmYWNlJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclN1cmZhY2U7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9ySW5mbztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5O1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5NDAnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yUHJpbWFyeTQwO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvcldhcm5pbmc7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvckVycm9yO1xuICAgICAgYnJlYWs7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgYnJlYWs7XG4gIH1cblxuICBpZiAoIWljb25Db2xvcikge1xuICAgIHdhcm5pbmcoXG4gICAgICBjb2xvcixcbiAgICAgIGB1aS1raXQvSWNvbjogdGhlIHNwZWNpZmllZCBjb2xvciAnJHtjb2xvcn0nIGlzIG5vdCBzdXBwb3J0ZWQuYFxuICAgICk7XG4gICAgcmV0dXJuICdpbmhlcml0JztcbiAgfVxuXG4gIHJldHVybiBpY29uQ29sb3I7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0SWNvblN0eWxlcyA9IChwcm9wczogUHJvcHMsIHRoZW1lOiBUaGVtZSkgPT4gY3NzYFxuICAqOm5vdChbZmlsbD0nbm9uZSddKSB7XG4gICAgZmlsbDogJHtnZXRDb2xvcihwcm9wcy5jb2xvciwgdGhlbWUpfTtcbiAgfVxuICAmLFxuICBpbWFnZSB7XG4gICAgJHtnZXRTaXplU3R5bGUocHJvcHMuc2l6ZSl9O1xuICB9XG4gIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuY29uc3QgU3ZnVW5jaGVja2VkID0gKHByb3BzOiBTVkdQcm9wcykgPT4gKFxuICA8c3ZnXG4gICAgd2lkdGg9ezE2fVxuICAgIGhlaWdodD17MTZ9XG4gICAgdmlld0JveD1cIjAgMCAxNiAxNlwiXG4gICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAgPGcgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgLTEpXCIgZmlsbFJ1bGU9XCJldmVub2RkXCI+XG4gICAgICA8cmVjdCBmaWxsPVwiI0ZGRlwiIHk9ezF9IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gcng9ezR9IC8+XG4gICAgICA8cmVjdFxuICAgICAgICBkYXRhLXN0eWxlPVwiY2hlY2tib3hfX2JvcmRlclwiXG4gICAgICAgIHg9ezAuNX1cbiAgICAgICAgeT17MX1cbiAgICAgICAgd2lkdGg9ezE1fVxuICAgICAgICBoZWlnaHQ9ezE1fVxuICAgICAgICByeD17NH1cbiAgICAgICAgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgLjUpXCJcbiAgICAgICAgc3Ryb2tlPVwiI0FGQUZBRlwiXG4gICAgICAvPlxuICAgIDwvZz5cbiAgPC9zdmc+XG4pO1xuXG5TdmdVbmNoZWNrZWQuZGlzcGxheU5hbWUgPSAnU3ZnVW5jaGVja2VkJztcblxuY29uc3QgVW5jaGVja2VkSWNvbiA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxDbGFzc05hbWVzPlxuICAgICAgeyh7IGNzczogY3JlYXRlQ2xhc3MgfSkgPT4gKFxuICAgICAgICA8U3ZnVW5jaGVja2VkXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcywgdGhlbWUpKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcblxuVW5jaGVja2VkSWNvbi5kaXNwbGF5TmFtZSA9ICdVbmNoZWNrZWRJY29uJztcbmV4cG9ydCBkZWZhdWx0IFVuY2hlY2tlZEljb247XG4iXX0= */");
 };
 
 var SvgUnchecked = function SvgUnchecked(props) {
-  return jsx("svg", _extends({
+  return jsx("svg", _objectSpread$3(_objectSpread$3({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), jsx("g", {
-    id: "unchecked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, jsx("g", {
-    id: "unchecked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -645)"
-  }, jsx("g", {
-    id: "unchecked_react_svg__checkbox-empty-default",
-    transform: "translate(177 644)"
-  }, jsx("rect", {
-    id: "unchecked_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), jsx("g", {
-    id: "unchecked_react_svg__borderAndContent",
-    transform: "translate(0 .5)",
-    stroke: "#AFAFAF"
-  }, jsx("rect", {
-    id: "unchecked_react_svg__border",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }))))));
+  }, props), {}, {
+    children: jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsx("rect", {
+        "data-style": "checkbox__border",
+        x: 0.5,
+        y: 1,
+        width: 15,
+        height: 15,
+        rx: 4,
+        transform: "translate(0 .5)",
+        stroke: "#AFAFAF"
+      })]
+    })
+  }));
 };
 
-SvgUnchecked.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgUnchecked.displayName = 'SvgUnchecked';
 
 var UncheckedIcon = function UncheckedIcon(props) {
   var theme = useTheme();
-  return jsx(SvgUnchecked, _extends({}, props, {
-    css: getIconStyles$2(props, theme)
-  }));
+  return jsx(ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsx(SvgUnchecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
+        className: createClass(getIconStyles(props, theme))
+      }));
+    }
+  });
 };
 
-UncheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 UncheckedIcon.displayName = 'UncheckedIcon';
+var UncheckedIcon$1 = UncheckedIcon;
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$3(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var getSvgBorderStroke = function getSvgBorderStroke(vars, props) {
   if (props.isDisabled) {
@@ -456,37 +513,41 @@ var getSvgContentFill = function getSvgContentFill(vars, props) {
 };
 
 var getCheckboxWrapperStyles = function getCheckboxWrapperStyles(props, theme) {
-  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, customProperties), theme);
+  var overwrittenVars = _objectSpread$2(_objectSpread$2({}, customProperties), theme);
   /* resets from createStyledIcon styles */
 
 
-  return /*#__PURE__*/css("*{fill:none;}display:flex;align-items:center;svg [id$='borderAndContent']>[id$='border']{stroke:", getSvgBorderStroke(overwrittenVars, props), ";fill:", overwrittenVars[designTokens.backgroundColorForInput], ";}svg [id$='borderAndContent']>[id$='content']{fill:", getSvgContentFill(overwrittenVars, props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getCheckboxWrapperStyles;"));
+  return /*#__PURE__*/css("*{fill:none;}display:flex;align-items:center;svg *[data-style='checkbox__border']{stroke:", getSvgBorderStroke(overwrittenVars, props), ";fill:", overwrittenVars[designTokens.backgroundColorForInput], ";}svg *[data-style='checkbox__content']{fill:", getSvgContentFill(overwrittenVars, props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getCheckboxWrapperStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LWlucHV0LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRFkiLCJmaWxlIjoiY2hlY2tib3gtaW5wdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7XG4gIGN1c3RvbVByb3BlcnRpZXMsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRDaGVja2JveFByb3BzIH0gZnJvbSAnLi9jaGVja2JveC1pbnB1dCc7XG5cbnR5cGUgVEV4dGVuZGVkVGhlbWUgPSBUaGVtZSAmIHtcbiAgW2tleTogc3RyaW5nXTogc3RyaW5nO1xufTtcblxuY29uc3QgZ2V0U3ZnQm9yZGVyU3Ryb2tlID0gKHZhcnM6IFRFeHRlbmRlZFRoZW1lLCBwcm9wczogVENoZWNrYm94UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZF07XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3JdO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIHZhcnNbZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHldO1xuICB9XG4gIGlmIChcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiZcbiAgICAhcHJvcHMuaXNSZWFkT25seSAmJlxuICAgICFwcm9wcy5pc0Rpc2FibGVkICYmXG4gICAgIXByb3BzLmhhc0Vycm9yXG4gICkge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdO1xuICB9XG4gIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0XTtcbn07XG5cbmNvbnN0IGdldFN2Z0NvbnRlbnRGaWxsID0gKHZhcnM6IFRFeHRlbmRlZFRoZW1lLCBwcm9wczogVENoZWNrYm94UHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRdO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcl07XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gdmFyc1tkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHldO1xuICB9XG4gIHJldHVybiB2YXJzW2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWRdO1xufTtcblxuY29uc3QgZ2V0Q2hlY2tib3hXcmFwcGVyU3R5bGVzID0gKHByb3BzOiBUQ2hlY2tib3hQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFycyA9IHtcbiAgICAuLi5jdXN0b21Qcm9wZXJ0aWVzLFxuICAgIC4uLnRoZW1lLFxuICB9O1xuICAvKiByZXNldHMgZnJvbSBjcmVhdGVTdHlsZWRJY29uIHN0eWxlcyAqL1xuICByZXR1cm4gY3NzYFxuICAgICoge1xuICAgICAgZmlsbDogbm9uZTtcbiAgICB9XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgc3ZnICpbZGF0YS1zdHlsZT0nY2hlY2tib3hfX2JvcmRlciddIHtcbiAgICAgIHN0cm9rZTogJHtnZXRTdmdCb3JkZXJTdHJva2Uob3ZlcndyaXR0ZW5WYXJzLCBwcm9wcyl9O1xuICAgICAgZmlsbDogJHtvdmVyd3JpdHRlblZhcnNbZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0XX07XG4gICAgfVxuICAgIHN2ZyAqW2RhdGEtc3R5bGU9J2NoZWNrYm94X19jb250ZW50J10ge1xuICAgICAgZmlsbDogJHtnZXRTdmdDb250ZW50RmlsbChvdmVyd3JpdHRlblZhcnMsIHByb3BzKX07XG4gICAgfVxuICBgO1xufTtcblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGltcG9ydC9wcmVmZXItZGVmYXVsdC1leHBvcnRcbmV4cG9ydCB7IGdldENoZWNrYm94V3JhcHBlclN0eWxlcyB9O1xuIl19 */");
 }; // eslint-disable-next-line import/prefer-default-export
 
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var Input = _styled("input", process.env.NODE_ENV === "production" ? {
   target: "e1ccch1p0"
 } : {
   target: "e1ccch1p0",
   label: "Input"
-})("&:focus+div>svg [id$='borderAndContent']>[id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}");
+})("&:focus+div>svg *[data-style='checkbox__border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVMEIiLCJmaWxlIjoiY2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlUmVmLCB1c2VFZmZlY3QsIHVzZUNhbGxiYWNrLCBDaGFuZ2VFdmVudEhhbmRsZXIgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGFjY2Vzc2libGVIaWRkZW5JbnB1dFN0eWxlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcbmltcG9ydCB7XG4gIGZpbHRlckFyaWFBdHRyaWJ1dGVzLFxuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBUQ2hlY2tib3hQcm9wcyB9IGZyb20gJy4vY2hlY2tib3gtaW5wdXQnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgJjpmb2N1cyArIGRpdiA+IHN2ZyAqW2RhdGEtc3R5bGU9J2NoZWNrYm94X19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke3ZhcnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgfVxuYDtcblxudHlwZSBUSW5wdXRSZWYgPSB7XG4gIGluZGV0ZXJtaW5hdGU6IGJvb2xlYW47XG59O1xuXG50eXBlIFRQcm9wcyA9IE9taXQ8VENoZWNrYm94UHJvcHMsICdjaGlsZHJlbicgfCAnaGFzRXJyb3InIHwgJ2lzSG92ZXJlZCc+ICYge1xuICB0eXBlPzogc3RyaW5nO1xufTtcblxuY29uc3QgQ2hlY2tib3ggPSAocHJvcHM6IFRQcm9wcykgPT4ge1xuICBjb25zdCByZWYgPSB1c2VSZWY8VElucHV0UmVmPih7XG4gICAgaW5kZXRlcm1pbmF0ZTogZmFsc2UsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHByb3BzLmlzSW5kZXRlcm1pbmF0ZSkge1xuICAgICAgcmVmLmN1cnJlbnQuaW5kZXRlcm1pbmF0ZSA9IHRydWU7XG4gICAgfVxuICB9LCBbcHJvcHMuaXNJbmRldGVybWluYXRlXSk7XG5cbiAgY29uc3QgeyBvbkNoYW5nZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrPENoYW5nZUV2ZW50SGFuZGxlcjxIVE1MSW5wdXRFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiAhcHJvcHMuaXNSZWFkT25seSAmJiBvbkNoYW5nZSAmJiBvbkNoYW5nZShldmVudCksXG4gICAgW3Byb3BzLmlzUmVhZE9ubHksIG9uQ2hhbmdlXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElucHV0XG4gICAgICAvLyBAdHMtaWdub3JlXG4gICAgICByZWY9e3JlZn1cbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgLyogQVJJQSAqL1xuICAgICAgYXJpYS1yZWFkb25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgIGFyaWEtY2hlY2tlZD17cHJvcHMuaXNDaGVja2VkfVxuICAgICAgY3NzPXthY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXN9XG4gICAgICBpZD17cHJvcHMuaWR9XG4gICAgICBuYW1lPXtwcm9wcy5uYW1lfVxuICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWQgfHwgcHJvcHMuaXNSZWFkT25seX1cbiAgICAgIHJlYWRPbmx5PXtwcm9wcy5pc1JlYWRPbmx5fVxuICAgICAgY2hlY2tlZD17cHJvcHMuaXNDaGVja2VkICYmICFwcm9wcy5pc0luZGV0ZXJtaW5hdGV9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgIC8+XG4gICk7XG59O1xuXG5DaGVja2JveC5kaXNwbGF5TmFtZSA9ICdDaGVja2JveCc7XG5cbmV4cG9ydCBkZWZhdWx0IENoZWNrYm94O1xuIl19 */"));
 
 var Checkbox = function Checkbox(props) {
-  var ref = React.useRef({
+  var ref = useRef({
     indeterminate: false
   });
-  React.useEffect(function () {
+  useEffect(function () {
     if (props.isIndeterminate) {
       ref.current.indeterminate = true;
     }
   }, [props.isIndeterminate]);
   var onChange = props.onChange;
-  var handleChange = React.useCallback(function (event) {
+  var handleChange = useCallback(function (event) {
     return !props.isReadOnly && onChange && onChange(event);
   }, [props.isReadOnly, onChange]);
   return jsx(Input // @ts-ignore
-  , _extends({
+  , _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({
     ref: ref
-  }, filterDataAttributes(props), filterAriaAttributes(props), {
+  }, filterDataAttributes(props)), filterAriaAttributes(props)), {}, {
     /* ARIA */
     "aria-readonly": props.isReadOnly,
     "aria-checked": props.isChecked,
@@ -497,7 +558,7 @@ var Checkbox = function Checkbox(props) {
     disabled: props.isDisabled || props.isReadOnly,
     readOnly: props.isReadOnly,
     checked: props.isChecked && !props.isIndeterminate
-  }, props, {
+  }, props), {}, {
     onChange: handleChange
   }));
 };
@@ -506,7 +567,11 @@ Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
   type: _pt.string
 } : {};
 Checkbox.displayName = 'Checkbox';
+var Checkbox$1 = Checkbox;
 
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var sequentialId = createSequentialId('checkbox-input-');
 var defaultProps = {
   isChecked: false,
@@ -516,10 +581,10 @@ var defaultProps = {
 
 var hoverStyles = function hoverStyles(props) {
   if (!props.hasError && !props.readOnly && !props.disabled) {
-    return /*#__PURE__*/css("&:hover svg [id$='borderAndContent']>[id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"));
+    return /*#__PURE__*/css("&:hover svg *[data-style='checkbox__border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRmMiLCJmaWxlIjoiY2hlY2tib3gtaW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBjcmVhdGVTZXF1ZW50aWFsSWQsXG4gIGZpbHRlckRhdGFBdHRyaWJ1dGVzLFxuICBmaWx0ZXJBcmlhQXR0cmlidXRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBJbmRldGVybWluYXRlSWNvbiwgQ2hlY2tlZEljb24sIFVuY2hlY2tlZEljb24gfSBmcm9tICcuL2ljb25zJztcbmltcG9ydCB7IGdldENoZWNrYm94V3JhcHBlclN0eWxlcyB9IGZyb20gJy4vY2hlY2tib3gtaW5wdXQuc3R5bGVzJztcbmltcG9ydCBDaGVja2JveCBmcm9tICcuL2NoZWNrYm94JztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCdjaGVja2JveC1pbnB1dC0nKTtcblxudHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIFRDaGVja2JveFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGlkIGF0dHJpYnV0ZS4gQW4gaWQgaXMgYXV0by1nZW5lcmF0ZWQgd2hlbiBpdCBpcyBub3Qgc3BlY2lmaWVkLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBhdHRyaWJ1dGUgb2YgdGhlIGlucHV0IGNvbXBvbmVudFxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gICAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBjaGVja2VkIHByb3BlcnR5IHNldHMgdGhlIGNoZWNrZWQgc3RhdGUgb2YgdGhlIGNoZWNrYm94LlxuICAgKi9cbiAgaXNDaGVja2VkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhpcyBzdGF0ZSBpcyBzaG93biBhcyBhIGRhc2ggaW4gdGhlIGNoZWNrYm94LCBhbmQgaW5kaWNhdGVzIHRoYXQgaXRzIHN0YXRlIGlzIG5laXRoZXIgY2hlY2tlZCBub3IgdW5jaGVja2VkLlxuICAgKiBUaGlzIGlzIG1vc3Qgb2Z0ZW4gdXNlZCB3aGVuIHRoZSBjaGVja2JveCBpcyB0aWVkIHRvIGEgY29sbGVjdGlvbiBvZiBpdGVtcyBpbiBtaXhlZCBzdGF0ZXMgKEUuZyBuZXN0ZWQgY2hlY2tib3hlcykuXG4gICAqIFRoaXMgdGFrZXMgcHJlY2VkZW5jZSB2aXN1YWxseSBpbiBjYXNlIGBpc0NoZWNrZWRgIGlzIG1hcmtlZCBhcyBgdHJ1ZWBcbiAgICovXG4gIGlzSW5kZXRlcm1pbmF0ZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiAgV2lsbCBiZSB0cmlnZ2VyZWQgd2hlbmV2ZXIgYW4gYENoZWNrYm94SW5wdXRgIGlzIGNsaWNrZWQuIENhbGxlZCB3aXRoIGBldmVudGBcbiAgICovXG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG4gIC8qKlxuICAgKiBGb3JjZXMgQ2hlY2tib3hJbnB1dCB0byBiZSByZW5kZXJlZCBpbiBhIGhvdmVyZWQgc3RhdGUuXG4gICAqIE5lZWRlZCBmb3IgY2FzZXMgd2hlbiBob3ZlcmVkIGFwcGVhcmFuY2Ugc2hvdWxkIGJlIHRyaWdnZXJlZCBieSB0aGUgcGFyZW50IGNvbXBvbmVudCBhbmQgbm90IHRoZSBDaGVja2JveElucHV0IGl0c2VsZi5cbiAgICogQ2hlY2tib3hJbnB1dCBpcyBjYXBhYmxlIG9mIGhhbmRsaW5nIGl0J3Mgb3duIGhvdmVyaW5nIHdpdGhvdXQgdGhlIG5lZWQgdG8gcGFzcyB0aGlzIHByb3AuXG4gICAqL1xuICBpc0hvdmVyZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIENoZWNrYm94SW5wdXRcbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogTWFrZXMgdGhlIENoZWNrYm94SW5wdXQgcmVhZG9ubHlcbiAgICovXG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGNoZWNrYm94IGhhcyBhbiBlcnJvclxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGRlc2NyaXB0aXZlIHRleHQgb2YgdGhlIENoZWNrYm94SW5wdXQsIHVzZWQgYXMgaXRzIGxhYmVsLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRDaGVja2JveFByb3BzLFxuICAnaXNDaGVja2VkJyB8ICdpc0Rpc2FibGVkJyB8ICdoYXNFcnJvcidcbj4gPSB7XG4gIGlzQ2hlY2tlZDogZmFsc2UsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBoYXNFcnJvcjogZmFsc2UsXG59O1xuXG5jb25zdCBob3ZlclN0eWxlcyA9IChwcm9wczogVExhYmVsUHJvcHMpID0+IHtcbiAgaWYgKCFwcm9wcy5oYXNFcnJvciAmJiAhcHJvcHMucmVhZE9ubHkgJiYgIXByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICY6aG92ZXIgc3ZnICpbZGF0YS1zdHlsZT0nY2hlY2tib3hfX2JvcmRlciddIHtcbiAgICAgICAgc3Ryb2tlOiAke3ZhcnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIH1cbiAgICBgO1xuICB9XG4gIHJldHVybiBjc3NgYDtcbn07XG5cbmNvbnN0IExhYmVsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHt2YXJzLnNwYWNpbmdTfTtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1c0ZvclRhZ307XG5gO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbDxUTGFiZWxQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZGlzYWJsZWQpIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICAgIGlmIChwcm9wcy5yZWFkT25seSkgcmV0dXJuICdkZWZhdWx0JztcbiAgICByZXR1cm4gJ3BvaW50ZXInO1xuICB9fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7aG92ZXJTdHlsZXN9XG5cbiAgJjpmb2N1cy13aXRoaW4gZGl2IHtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAycHggJHt2YXJzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gIH1cbmA7XG5cbmNvbnN0IENoZWNrYm94SW5wdXQgPSAocHJvcHM6IFRDaGVja2JveFByb3BzKSA9PiB7XG4gIC8vIFdlIGdlbmVyYXRlIGFuIGlkIGluIGNhc2Ugbm8gaWQgaXMgcHJvdmlkZWQgYnkgdGhlIHBhcmVudCB0byBhdHRhY2ggdGhlXG4gIC8vIGxhYmVsIHRvIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gIGNvbnN0IGlkID0gcHJvcHMuaWQgfHwgc2VxdWVudGlhbElkKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8TGFiZWxcbiAgICAgIGh0bWxGb3I9e2lkfVxuICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICByZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICA+XG4gICAgICA8Q2hlY2tib3hcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBuYW1lPXtwcm9wcy5uYW1lfVxuICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgaXNSZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgaXNDaGVja2VkPXtwcm9wcy5pc0NoZWNrZWR9XG4gICAgICAgIGlzSW5kZXRlcm1pbmF0ZT17cHJvcHMuaXNJbmRldGVybWluYXRlfVxuICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgLz5cbiAgICAgIDxkaXYgY3NzPXtnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMocHJvcHMsIHRoZW1lKX0+XG4gICAgICAgIHsoKCkgPT4ge1xuICAgICAgICAgIGlmIChwcm9wcy5pc0luZGV0ZXJtaW5hdGUpIHJldHVybiA8SW5kZXRlcm1pbmF0ZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICAgIGlmIChwcm9wcy5pc0NoZWNrZWQpIHJldHVybiA8Q2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICAgIHJldHVybiA8VW5jaGVja2VkSWNvbiBzaXplPVwibWVkaXVtXCIgLz47XG4gICAgICAgIH0pKCl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbiAmJiAoXG4gICAgICAgIDxMYWJlbFRleHRXcmFwcGVyXG4gICAgICAgICAgLy8gVG8gYWxsb3cgZm9jdXNpbmcgdGhlIExhYmVsIGluIHJlYWRPbmx5IG1vZGUsIGJlY2F1c2UgdGhlIGNoZWNrYm94IGdldHMgZGlzYWJsZWQgYW5kIHRoZXJlZm9yZSB1bmZvY3VzYWJsZVxuICAgICAgICAgIHRhYkluZGV4PXtwcm9wcy5pc1JlYWRPbmx5ID8gMCA6IC0xfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQuQm9keVxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIC8vIEZJWE1FOiBhZGQgcHJvcGVyIHRvbmVzIHdoZW4gd2UgaGF2ZSBkaXNhYmxlZC9wcmltYXJ5IGluIHRvbmVzXG4gICAgICAgICAgICB0b25lPXtwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgICA8L0xhYmVsVGV4dFdyYXBwZXI+XG4gICAgICApfVxuICAgIDwvTGFiZWw+XG4gICk7XG59O1xuXG5DaGVja2JveElucHV0LmRpc3BsYXlOYW1lID0gJ0NoZWNrYm94SW5wdXQnO1xuQ2hlY2tib3hJbnB1dC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENoZWNrYm94SW5wdXQ7XG4iXX0= */");
   }
 
-  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;");
+  return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRlkiLCJmaWxlIjoiY2hlY2tib3gtaW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRXZlbnRIYW5kbGVyLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MsIHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBjcmVhdGVTZXF1ZW50aWFsSWQsXG4gIGZpbHRlckRhdGFBdHRyaWJ1dGVzLFxuICBmaWx0ZXJBcmlhQXR0cmlidXRlcyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBJbmRldGVybWluYXRlSWNvbiwgQ2hlY2tlZEljb24sIFVuY2hlY2tlZEljb24gfSBmcm9tICcuL2ljb25zJztcbmltcG9ydCB7IGdldENoZWNrYm94V3JhcHBlclN0eWxlcyB9IGZyb20gJy4vY2hlY2tib3gtaW5wdXQuc3R5bGVzJztcbmltcG9ydCBDaGVja2JveCBmcm9tICcuL2NoZWNrYm94JztcblxuY29uc3Qgc2VxdWVudGlhbElkID0gY3JlYXRlU2VxdWVudGlhbElkKCdjaGVja2JveC1pbnB1dC0nKTtcblxudHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbn07XG5cbmV4cG9ydCB0eXBlIFRDaGVja2JveFByb3BzID0ge1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIGlkIGF0dHJpYnV0ZS4gQW4gaWQgaXMgYXV0by1nZW5lcmF0ZWQgd2hlbiBpdCBpcyBub3Qgc3BlY2lmaWVkLlxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBVc2VkIGFzIEhUTUwgbmFtZSBhdHRyaWJ1dGUgb2YgdGhlIGlucHV0IGNvbXBvbmVudFxuICAgKi9cbiAgbmFtZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFZhbHVlIG9mIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gICAqL1xuICB2YWx1ZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBjaGVja2VkIHByb3BlcnR5IHNldHMgdGhlIGNoZWNrZWQgc3RhdGUgb2YgdGhlIGNoZWNrYm94LlxuICAgKi9cbiAgaXNDaGVja2VkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElmIGB0cnVlYCwgdGhpcyBzdGF0ZSBpcyBzaG93biBhcyBhIGRhc2ggaW4gdGhlIGNoZWNrYm94LCBhbmQgaW5kaWNhdGVzIHRoYXQgaXRzIHN0YXRlIGlzIG5laXRoZXIgY2hlY2tlZCBub3IgdW5jaGVja2VkLlxuICAgKiBUaGlzIGlzIG1vc3Qgb2Z0ZW4gdXNlZCB3aGVuIHRoZSBjaGVja2JveCBpcyB0aWVkIHRvIGEgY29sbGVjdGlvbiBvZiBpdGVtcyBpbiBtaXhlZCBzdGF0ZXMgKEUuZyBuZXN0ZWQgY2hlY2tib3hlcykuXG4gICAqIFRoaXMgdGFrZXMgcHJlY2VkZW5jZSB2aXN1YWxseSBpbiBjYXNlIGBpc0NoZWNrZWRgIGlzIG1hcmtlZCBhcyBgdHJ1ZWBcbiAgICovXG4gIGlzSW5kZXRlcm1pbmF0ZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiAgV2lsbCBiZSB0cmlnZ2VyZWQgd2hlbmV2ZXIgYW4gYENoZWNrYm94SW5wdXRgIGlzIGNsaWNrZWQuIENhbGxlZCB3aXRoIGBldmVudGBcbiAgICovXG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG4gIC8qKlxuICAgKiBGb3JjZXMgQ2hlY2tib3hJbnB1dCB0byBiZSByZW5kZXJlZCBpbiBhIGhvdmVyZWQgc3RhdGUuXG4gICAqIE5lZWRlZCBmb3IgY2FzZXMgd2hlbiBob3ZlcmVkIGFwcGVhcmFuY2Ugc2hvdWxkIGJlIHRyaWdnZXJlZCBieSB0aGUgcGFyZW50IGNvbXBvbmVudCBhbmQgbm90IHRoZSBDaGVja2JveElucHV0IGl0c2VsZi5cbiAgICogQ2hlY2tib3hJbnB1dCBpcyBjYXBhYmxlIG9mIGhhbmRsaW5nIGl0J3Mgb3duIGhvdmVyaW5nIHdpdGhvdXQgdGhlIG5lZWQgdG8gcGFzcyB0aGlzIHByb3AuXG4gICAqL1xuICBpc0hvdmVyZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogRGlzYWJsZXMgdGhlIENoZWNrYm94SW5wdXRcbiAgICovXG4gIGlzRGlzYWJsZWQ/OiBib29sZWFuO1xuICAvKipcbiAgICogTWFrZXMgdGhlIENoZWNrYm94SW5wdXQgcmVhZG9ubHlcbiAgICovXG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGNoZWNrYm94IGhhcyBhbiBlcnJvclxuICAgKi9cbiAgaGFzRXJyb3I/OiBib29sZWFuO1xuICAvKipcbiAgICogVGhlIGRlc2NyaXB0aXZlIHRleHQgb2YgdGhlIENoZWNrYm94SW5wdXQsIHVzZWQgYXMgaXRzIGxhYmVsLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRDaGVja2JveFByb3BzLFxuICAnaXNDaGVja2VkJyB8ICdpc0Rpc2FibGVkJyB8ICdoYXNFcnJvcidcbj4gPSB7XG4gIGlzQ2hlY2tlZDogZmFsc2UsXG4gIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICBoYXNFcnJvcjogZmFsc2UsXG59O1xuXG5jb25zdCBob3ZlclN0eWxlcyA9IChwcm9wczogVExhYmVsUHJvcHMpID0+IHtcbiAgaWYgKCFwcm9wcy5oYXNFcnJvciAmJiAhcHJvcHMucmVhZE9ubHkgJiYgIXByb3BzLmRpc2FibGVkKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgICY6aG92ZXIgc3ZnICpbZGF0YS1zdHlsZT0nY2hlY2tib3hfX2JvcmRlciddIHtcbiAgICAgICAgc3Ryb2tlOiAke3ZhcnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICAgIH1cbiAgICBgO1xuICB9XG4gIHJldHVybiBjc3NgYDtcbn07XG5cbmNvbnN0IExhYmVsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHt2YXJzLnNwYWNpbmdTfTtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHt2YXJzLmJvcmRlclJhZGl1c0ZvclRhZ307XG5gO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbDxUTGFiZWxQcm9wcz5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGN1cnNvcjogJHsocHJvcHMpID0+IHtcbiAgICBpZiAocHJvcHMuZGlzYWJsZWQpIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICAgIGlmIChwcm9wcy5yZWFkT25seSkgcmV0dXJuICdkZWZhdWx0JztcbiAgICByZXR1cm4gJ3BvaW50ZXInO1xuICB9fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICR7aG92ZXJTdHlsZXN9XG5cbiAgJjpmb2N1cy13aXRoaW4gZGl2IHtcbiAgICBib3gtc2hhZG93OiAwIDAgMCAycHggJHt2YXJzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gIH1cbmA7XG5cbmNvbnN0IENoZWNrYm94SW5wdXQgPSAocHJvcHM6IFRDaGVja2JveFByb3BzKSA9PiB7XG4gIC8vIFdlIGdlbmVyYXRlIGFuIGlkIGluIGNhc2Ugbm8gaWQgaXMgcHJvdmlkZWQgYnkgdGhlIHBhcmVudCB0byBhdHRhY2ggdGhlXG4gIC8vIGxhYmVsIHRvIHRoZSBpbnB1dCBjb21wb25lbnQuXG4gIGNvbnN0IGlkID0gcHJvcHMuaWQgfHwgc2VxdWVudGlhbElkKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8TGFiZWxcbiAgICAgIGh0bWxGb3I9e2lkfVxuICAgICAgaGFzRXJyb3I9e3Byb3BzLmhhc0Vycm9yfVxuICAgICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICByZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICA+XG4gICAgICA8Q2hlY2tib3hcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBuYW1lPXtwcm9wcy5uYW1lfVxuICAgICAgICB2YWx1ZT17cHJvcHMudmFsdWV9XG4gICAgICAgIG9uQ2hhbmdlPXtwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgaXNSZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgaXNDaGVja2VkPXtwcm9wcy5pc0NoZWNrZWR9XG4gICAgICAgIGlzSW5kZXRlcm1pbmF0ZT17cHJvcHMuaXNJbmRldGVybWluYXRlfVxuICAgICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgICB7Li4uZmlsdGVyQXJpYUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgLz5cbiAgICAgIDxkaXYgY3NzPXtnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMocHJvcHMsIHRoZW1lKX0+XG4gICAgICAgIHsoKCkgPT4ge1xuICAgICAgICAgIGlmIChwcm9wcy5pc0luZGV0ZXJtaW5hdGUpIHJldHVybiA8SW5kZXRlcm1pbmF0ZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICAgIGlmIChwcm9wcy5pc0NoZWNrZWQpIHJldHVybiA8Q2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICAgIHJldHVybiA8VW5jaGVja2VkSWNvbiBzaXplPVwibWVkaXVtXCIgLz47XG4gICAgICAgIH0pKCl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbiAmJiAoXG4gICAgICAgIDxMYWJlbFRleHRXcmFwcGVyXG4gICAgICAgICAgLy8gVG8gYWxsb3cgZm9jdXNpbmcgdGhlIExhYmVsIGluIHJlYWRPbmx5IG1vZGUsIGJlY2F1c2UgdGhlIGNoZWNrYm94IGdldHMgZGlzYWJsZWQgYW5kIHRoZXJlZm9yZSB1bmZvY3VzYWJsZVxuICAgICAgICAgIHRhYkluZGV4PXtwcm9wcy5pc1JlYWRPbmx5ID8gMCA6IC0xfVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHQuQm9keVxuICAgICAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgICAgIC8vIEZJWE1FOiBhZGQgcHJvcGVyIHRvbmVzIHdoZW4gd2UgaGF2ZSBkaXNhYmxlZC9wcmltYXJ5IGluIHRvbmVzXG4gICAgICAgICAgICB0b25lPXtwcm9wcy5pc0Rpc2FibGVkID8gJ3NlY29uZGFyeScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICAgIDwvVGV4dC5Cb2R5PlxuICAgICAgICA8L0xhYmVsVGV4dFdyYXBwZXI+XG4gICAgICApfVxuICAgIDwvTGFiZWw+XG4gICk7XG59O1xuXG5DaGVja2JveElucHV0LmRpc3BsYXlOYW1lID0gJ0NoZWNrYm94SW5wdXQnO1xuQ2hlY2tib3hJbnB1dC5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IENoZWNrYm94SW5wdXQ7XG4iXX0= */");
 };
 
 var LabelTextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
@@ -527,7 +592,7 @@ var LabelTextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "e6nn4mw1",
   label: "LabelTextWrapper"
-})("margin-left:", customProperties.spacingS, ";outline:none;border-radius:", customProperties.borderRadiusForTag, ";");
+})("margin-left:", customProperties.spacingS, ";outline:none;border-radius:", customProperties.borderRadiusForTag, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Rm1DIiwiZmlsZSI6ImNoZWNrYm94LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgY3JlYXRlU2VxdWVudGlhbElkLFxuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZmlsdGVyQXJpYUF0dHJpYnV0ZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgSW5kZXRlcm1pbmF0ZUljb24sIENoZWNrZWRJY29uLCBVbmNoZWNrZWRJY29uIH0gZnJvbSAnLi9pY29ucyc7XG5pbXBvcnQgeyBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL2NoZWNrYm94LWlucHV0LnN0eWxlcyc7XG5pbXBvcnQgQ2hlY2tib3ggZnJvbSAnLi9jaGVja2JveCc7XG5cbmNvbnN0IHNlcXVlbnRpYWxJZCA9IGNyZWF0ZVNlcXVlbnRpYWxJZCgnY2hlY2tib3gtaW5wdXQtJyk7XG5cbnR5cGUgVExhYmVsUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgcmVhZE9ubHk/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBUQ2hlY2tib3hQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBpZCBhdHRyaWJ1dGUuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgYXR0cmlidXRlIG9mIHRoZSBpbnB1dCBjb21wb25lbnRcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LlxuICAgKi9cbiAgdmFsdWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgY2hlY2tlZCBwcm9wZXJ0eSBzZXRzIHRoZSBjaGVja2VkIHN0YXRlIG9mIHRoZSBjaGVja2JveC5cbiAgICovXG4gIGlzQ2hlY2tlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIHRoaXMgc3RhdGUgaXMgc2hvd24gYXMgYSBkYXNoIGluIHRoZSBjaGVja2JveCwgYW5kIGluZGljYXRlcyB0aGF0IGl0cyBzdGF0ZSBpcyBuZWl0aGVyIGNoZWNrZWQgbm9yIHVuY2hlY2tlZC5cbiAgICogVGhpcyBpcyBtb3N0IG9mdGVuIHVzZWQgd2hlbiB0aGUgY2hlY2tib3ggaXMgdGllZCB0byBhIGNvbGxlY3Rpb24gb2YgaXRlbXMgaW4gbWl4ZWQgc3RhdGVzIChFLmcgbmVzdGVkIGNoZWNrYm94ZXMpLlxuICAgKiBUaGlzIHRha2VzIHByZWNlZGVuY2UgdmlzdWFsbHkgaW4gY2FzZSBgaXNDaGVja2VkYCBpcyBtYXJrZWQgYXMgYHRydWVgXG4gICAqL1xuICBpc0luZGV0ZXJtaW5hdGU/OiBib29sZWFuO1xuICAvKipcbiAgICogIFdpbGwgYmUgdHJpZ2dlcmVkIHdoZW5ldmVyIGFuIGBDaGVja2JveElucHV0YCBpcyBjbGlja2VkLiBDYWxsZWQgd2l0aCBgZXZlbnRgXG4gICAqL1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9yY2VzIENoZWNrYm94SW5wdXQgdG8gYmUgcmVuZGVyZWQgaW4gYSBob3ZlcmVkIHN0YXRlLlxuICAgKiBOZWVkZWQgZm9yIGNhc2VzIHdoZW4gaG92ZXJlZCBhcHBlYXJhbmNlIHNob3VsZCBiZSB0cmlnZ2VyZWQgYnkgdGhlIHBhcmVudCBjb21wb25lbnQgYW5kIG5vdCB0aGUgQ2hlY2tib3hJbnB1dCBpdHNlbGYuXG4gICAqIENoZWNrYm94SW5wdXQgaXMgY2FwYWJsZSBvZiBoYW5kbGluZyBpdCdzIG93biBob3ZlcmluZyB3aXRob3V0IHRoZSBuZWVkIHRvIHBhc3MgdGhpcyBwcm9wLlxuICAgKi9cbiAgaXNIb3ZlcmVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIERpc2FibGVzIHRoZSBDaGVja2JveElucHV0XG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIE1ha2VzIHRoZSBDaGVja2JveElucHV0IHJlYWRvbmx5XG4gICAqL1xuICBpc1JlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBjaGVja2JveCBoYXMgYW4gZXJyb3JcbiAgICovXG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZSBkZXNjcmlwdGl2ZSB0ZXh0IG9mIHRoZSBDaGVja2JveElucHV0LCB1c2VkIGFzIGl0cyBsYWJlbC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQ2hlY2tib3hQcm9wcyxcbiAgJ2lzQ2hlY2tlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaGFzRXJyb3InXG4+ID0ge1xuICBpc0NoZWNrZWQ6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaGFzRXJyb3I6IGZhbHNlLFxufTtcblxuY29uc3QgaG92ZXJTdHlsZXMgPSAocHJvcHM6IFRMYWJlbFByb3BzKSA9PiB7XG4gIGlmICghcHJvcHMuaGFzRXJyb3IgJiYgIXByb3BzLnJlYWRPbmx5ICYmICFwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J2NoZWNrYm94X19ib3JkZXInXSB7XG4gICAgICAgIHN0cm9rZTogJHt2YXJzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgICB9XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYGA7XG59O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nU307XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXNGb3JUYWd9O1xuYDtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWw8VExhYmVsUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiB7XG4gICAgaWYgKHByb3BzLmRpc2FibGVkKSByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgICBpZiAocHJvcHMucmVhZE9ubHkpIHJldHVybiAnZGVmYXVsdCc7XG4gICAgcmV0dXJuICdwb2ludGVyJztcbiAgfX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAke2hvdmVyU3R5bGVzfVxuXG4gICY6Zm9jdXMtd2l0aGluIGRpdiB7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICR7dmFycy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICB9XG5gO1xuXG5jb25zdCBDaGVja2JveElucHV0ID0gKHByb3BzOiBUQ2hlY2tib3hQcm9wcykgPT4ge1xuICAvLyBXZSBnZW5lcmF0ZSBhbiBpZCBpbiBjYXNlIG5vIGlkIGlzIHByb3ZpZGVkIGJ5IHRoZSBwYXJlbnQgdG8gYXR0YWNoIHRoZVxuICAvLyBsYWJlbCB0byB0aGUgaW5wdXQgY29tcG9uZW50LlxuICBjb25zdCBpZCA9IHByb3BzLmlkIHx8IHNlcXVlbnRpYWxJZCgpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPExhYmVsXG4gICAgICBodG1sRm9yPXtpZH1cbiAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgPlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgIGlzQ2hlY2tlZD17cHJvcHMuaXNDaGVja2VkfVxuICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e3Byb3BzLmlzSW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgICAgey4uLmZpbHRlckFyaWFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIC8+XG4gICAgICA8ZGl2IGNzcz17Z2V0Q2hlY2tib3hXcmFwcGVyU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7KCgpID0+IHtcbiAgICAgICAgICBpZiAocHJvcHMuaXNJbmRldGVybWluYXRlKSByZXR1cm4gPEluZGV0ZXJtaW5hdGVJY29uIHNpemU9XCJtZWRpdW1cIiAvPjtcbiAgICAgICAgICBpZiAocHJvcHMuaXNDaGVja2VkKSByZXR1cm4gPENoZWNrZWRJY29uIHNpemU9XCJtZWRpdW1cIiAvPjtcbiAgICAgICAgICByZXR1cm4gPFVuY2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICB9KSgpfVxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8TGFiZWxUZXh0V3JhcHBlclxuICAgICAgICAgIC8vIFRvIGFsbG93IGZvY3VzaW5nIHRoZSBMYWJlbCBpbiByZWFkT25seSBtb2RlLCBiZWNhdXNlIHRoZSBjaGVja2JveCBnZXRzIGRpc2FibGVkIGFuZCB0aGVyZWZvcmUgdW5mb2N1c2FibGVcbiAgICAgICAgICB0YWJJbmRleD17cHJvcHMuaXNSZWFkT25seSA/IDAgOiAtMX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAvLyBGSVhNRTogYWRkIHByb3BlciB0b25lcyB3aGVuIHdlIGhhdmUgZGlzYWJsZWQvcHJpbWFyeSBpbiB0b25lc1xuICAgICAgICAgICAgdG9uZT17cHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgPC9MYWJlbFRleHRXcmFwcGVyPlxuICAgICAgKX1cbiAgICA8L0xhYmVsPlxuICApO1xufTtcblxuQ2hlY2tib3hJbnB1dC5kaXNwbGF5TmFtZSA9ICdDaGVja2JveElucHV0JztcbkNoZWNrYm94SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveElucHV0O1xuIl19 */"));
 
 var Label = _styled("label", process.env.NODE_ENV === "production" ? {
   target: "e6nn4mw0"
@@ -538,48 +603,52 @@ var Label = _styled("label", process.env.NODE_ENV === "production" ? {
   if (props.disabled) return 'not-allowed';
   if (props.readOnly) return 'default';
   return 'pointer';
-}, ";position:relative;", hoverStyles, " &:focus-within div{box-shadow:0 0 0 2px ", customProperties.borderColorForInputWhenFocused, ";}");
+}, ";position:relative;", hoverStyles, " &:focus-within div{box-shadow:0 0 0 2px ", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNoZWNrYm94LWlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtR3VDIiwiZmlsZSI6ImNoZWNrYm94LWlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZUV2ZW50SGFuZGxlciwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgY3JlYXRlU2VxdWVudGlhbElkLFxuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZmlsdGVyQXJpYUF0dHJpYnV0ZXMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgSW5kZXRlcm1pbmF0ZUljb24sIENoZWNrZWRJY29uLCBVbmNoZWNrZWRJY29uIH0gZnJvbSAnLi9pY29ucyc7XG5pbXBvcnQgeyBnZXRDaGVja2JveFdyYXBwZXJTdHlsZXMgfSBmcm9tICcuL2NoZWNrYm94LWlucHV0LnN0eWxlcyc7XG5pbXBvcnQgQ2hlY2tib3ggZnJvbSAnLi9jaGVja2JveCc7XG5cbmNvbnN0IHNlcXVlbnRpYWxJZCA9IGNyZWF0ZVNlcXVlbnRpYWxJZCgnY2hlY2tib3gtaW5wdXQtJyk7XG5cbnR5cGUgVExhYmVsUHJvcHMgPSB7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgcmVhZE9ubHk/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG59O1xuXG5leHBvcnQgdHlwZSBUQ2hlY2tib3hQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFVzZWQgYXMgSFRNTCBpZCBhdHRyaWJ1dGUuIEFuIGlkIGlzIGF1dG8tZ2VuZXJhdGVkIHdoZW4gaXQgaXMgbm90IHNwZWNpZmllZC5cbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVXNlZCBhcyBIVE1MIG5hbWUgYXR0cmlidXRlIG9mIHRoZSBpbnB1dCBjb21wb25lbnRcbiAgICovXG4gIG5hbWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBWYWx1ZSBvZiB0aGUgaW5wdXQgY29tcG9uZW50LlxuICAgKi9cbiAgdmFsdWU/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgY2hlY2tlZCBwcm9wZXJ0eSBzZXRzIHRoZSBjaGVja2VkIHN0YXRlIG9mIHRoZSBjaGVja2JveC5cbiAgICovXG4gIGlzQ2hlY2tlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBJZiBgdHJ1ZWAsIHRoaXMgc3RhdGUgaXMgc2hvd24gYXMgYSBkYXNoIGluIHRoZSBjaGVja2JveCwgYW5kIGluZGljYXRlcyB0aGF0IGl0cyBzdGF0ZSBpcyBuZWl0aGVyIGNoZWNrZWQgbm9yIHVuY2hlY2tlZC5cbiAgICogVGhpcyBpcyBtb3N0IG9mdGVuIHVzZWQgd2hlbiB0aGUgY2hlY2tib3ggaXMgdGllZCB0byBhIGNvbGxlY3Rpb24gb2YgaXRlbXMgaW4gbWl4ZWQgc3RhdGVzIChFLmcgbmVzdGVkIGNoZWNrYm94ZXMpLlxuICAgKiBUaGlzIHRha2VzIHByZWNlZGVuY2UgdmlzdWFsbHkgaW4gY2FzZSBgaXNDaGVja2VkYCBpcyBtYXJrZWQgYXMgYHRydWVgXG4gICAqL1xuICBpc0luZGV0ZXJtaW5hdGU/OiBib29sZWFuO1xuICAvKipcbiAgICogIFdpbGwgYmUgdHJpZ2dlcmVkIHdoZW5ldmVyIGFuIGBDaGVja2JveElucHV0YCBpcyBjbGlja2VkLiBDYWxsZWQgd2l0aCBgZXZlbnRgXG4gICAqL1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxJbnB1dEVsZW1lbnQ+O1xuICAvKipcbiAgICogRm9yY2VzIENoZWNrYm94SW5wdXQgdG8gYmUgcmVuZGVyZWQgaW4gYSBob3ZlcmVkIHN0YXRlLlxuICAgKiBOZWVkZWQgZm9yIGNhc2VzIHdoZW4gaG92ZXJlZCBhcHBlYXJhbmNlIHNob3VsZCBiZSB0cmlnZ2VyZWQgYnkgdGhlIHBhcmVudCBjb21wb25lbnQgYW5kIG5vdCB0aGUgQ2hlY2tib3hJbnB1dCBpdHNlbGYuXG4gICAqIENoZWNrYm94SW5wdXQgaXMgY2FwYWJsZSBvZiBoYW5kbGluZyBpdCdzIG93biBob3ZlcmluZyB3aXRob3V0IHRoZSBuZWVkIHRvIHBhc3MgdGhpcyBwcm9wLlxuICAgKi9cbiAgaXNIb3ZlcmVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIERpc2FibGVzIHRoZSBDaGVja2JveElucHV0XG4gICAqL1xuICBpc0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIE1ha2VzIHRoZSBDaGVja2JveElucHV0IHJlYWRvbmx5XG4gICAqL1xuICBpc1JlYWRPbmx5PzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBjaGVja2JveCBoYXMgYW4gZXJyb3JcbiAgICovXG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZSBkZXNjcmlwdGl2ZSB0ZXh0IG9mIHRoZSBDaGVja2JveElucHV0LCB1c2VkIGFzIGl0cyBsYWJlbC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUQ2hlY2tib3hQcm9wcyxcbiAgJ2lzQ2hlY2tlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaGFzRXJyb3InXG4+ID0ge1xuICBpc0NoZWNrZWQ6IGZhbHNlLFxuICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgaGFzRXJyb3I6IGZhbHNlLFxufTtcblxuY29uc3QgaG92ZXJTdHlsZXMgPSAocHJvcHM6IFRMYWJlbFByb3BzKSA9PiB7XG4gIGlmICghcHJvcHMuaGFzRXJyb3IgJiYgIXByb3BzLnJlYWRPbmx5ICYmICFwcm9wcy5kaXNhYmxlZCkge1xuICAgIHJldHVybiBjc3NgXG4gICAgICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J2NoZWNrYm94X19ib3JkZXInXSB7XG4gICAgICAgIHN0cm9rZTogJHt2YXJzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgICB9XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYGA7XG59O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6ICR7dmFycy5zcGFjaW5nU307XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7dmFycy5ib3JkZXJSYWRpdXNGb3JUYWd9O1xuYDtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWw8VExhYmVsUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiB7XG4gICAgaWYgKHByb3BzLmRpc2FibGVkKSByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgICBpZiAocHJvcHMucmVhZE9ubHkpIHJldHVybiAnZGVmYXVsdCc7XG4gICAgcmV0dXJuICdwb2ludGVyJztcbiAgfX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAke2hvdmVyU3R5bGVzfVxuXG4gICY6Zm9jdXMtd2l0aGluIGRpdiB7XG4gICAgYm94LXNoYWRvdzogMCAwIDAgMnB4ICR7dmFycy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICB9XG5gO1xuXG5jb25zdCBDaGVja2JveElucHV0ID0gKHByb3BzOiBUQ2hlY2tib3hQcm9wcykgPT4ge1xuICAvLyBXZSBnZW5lcmF0ZSBhbiBpZCBpbiBjYXNlIG5vIGlkIGlzIHByb3ZpZGVkIGJ5IHRoZSBwYXJlbnQgdG8gYXR0YWNoIHRoZVxuICAvLyBsYWJlbCB0byB0aGUgaW5wdXQgY29tcG9uZW50LlxuICBjb25zdCBpZCA9IHByb3BzLmlkIHx8IHNlcXVlbnRpYWxJZCgpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPExhYmVsXG4gICAgICBodG1sRm9yPXtpZH1cbiAgICAgIGhhc0Vycm9yPXtwcm9wcy5oYXNFcnJvcn1cbiAgICAgIGRpc2FibGVkPXtwcm9wcy5pc0Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgPlxuICAgICAgPENoZWNrYm94XG4gICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgdmFsdWU9e3Byb3BzLnZhbHVlfVxuICAgICAgICBvbkNoYW5nZT17cHJvcHMub25DaGFuZ2V9XG4gICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGlzUmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgIGlzQ2hlY2tlZD17cHJvcHMuaXNDaGVja2VkfVxuICAgICAgICBpc0luZGV0ZXJtaW5hdGU9e3Byb3BzLmlzSW5kZXRlcm1pbmF0ZX1cbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgICAgey4uLmZpbHRlckFyaWFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIC8+XG4gICAgICA8ZGl2IGNzcz17Z2V0Q2hlY2tib3hXcmFwcGVyU3R5bGVzKHByb3BzLCB0aGVtZSl9PlxuICAgICAgICB7KCgpID0+IHtcbiAgICAgICAgICBpZiAocHJvcHMuaXNJbmRldGVybWluYXRlKSByZXR1cm4gPEluZGV0ZXJtaW5hdGVJY29uIHNpemU9XCJtZWRpdW1cIiAvPjtcbiAgICAgICAgICBpZiAocHJvcHMuaXNDaGVja2VkKSByZXR1cm4gPENoZWNrZWRJY29uIHNpemU9XCJtZWRpdW1cIiAvPjtcbiAgICAgICAgICByZXR1cm4gPFVuY2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+O1xuICAgICAgICB9KSgpfVxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8TGFiZWxUZXh0V3JhcHBlclxuICAgICAgICAgIC8vIFRvIGFsbG93IGZvY3VzaW5nIHRoZSBMYWJlbCBpbiByZWFkT25seSBtb2RlLCBiZWNhdXNlIHRoZSBjaGVja2JveCBnZXRzIGRpc2FibGVkIGFuZCB0aGVyZWZvcmUgdW5mb2N1c2FibGVcbiAgICAgICAgICB0YWJJbmRleD17cHJvcHMuaXNSZWFkT25seSA/IDAgOiAtMX1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgICAgICAvLyBGSVhNRTogYWRkIHByb3BlciB0b25lcyB3aGVuIHdlIGhhdmUgZGlzYWJsZWQvcHJpbWFyeSBpbiB0b25lc1xuICAgICAgICAgICAgdG9uZT17cHJvcHMuaXNEaXNhYmxlZCA/ICdzZWNvbmRhcnknIDogdW5kZWZpbmVkfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQuQm9keT5cbiAgICAgICAgPC9MYWJlbFRleHRXcmFwcGVyPlxuICAgICAgKX1cbiAgICA8L0xhYmVsPlxuICApO1xufTtcblxuQ2hlY2tib3hJbnB1dC5kaXNwbGF5TmFtZSA9ICdDaGVja2JveElucHV0JztcbkNoZWNrYm94SW5wdXQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveElucHV0O1xuIl19 */"));
 
 var CheckboxInput = function CheckboxInput(props) {
   // We generate an id in case no id is provided by the parent to attach the
   // label to the input component.
   var id = props.id || sequentialId();
   var theme = useTheme();
-  return jsx(Label, {
+  return jsxs(Label, {
     htmlFor: id,
     hasError: props.hasError,
     disabled: props.isDisabled,
-    readOnly: props.isReadOnly
-  }, jsx(Checkbox, _extends({
-    type: "checkbox",
-    id: id,
-    name: props.name,
-    value: props.value,
-    onChange: props.onChange,
-    isDisabled: props.isDisabled,
-    isReadOnly: props.isReadOnly,
-    isChecked: props.isChecked,
-    isIndeterminate: props.isIndeterminate
-  }, filterDataAttributes(props), filterAriaAttributes(props))), jsx("div", {
-    css: getCheckboxWrapperStyles(props, theme)
-  }, function () {
-    if (props.isIndeterminate) return jsx(IndeterminateIcon, {
-      size: "medium"
-    });
-    if (props.isChecked) return jsx(CheckedIcon, {
-      size: "medium"
-    });
-    return jsx(UncheckedIcon, {
-      size: "medium"
-    });
-  }()), props.children && jsx(LabelTextWrapper // To allow focusing the Label in readOnly mode, because the checkbox gets disabled and therefore unfocusable
-  , {
-    tabIndex: props.isReadOnly ? 0 : -1
-  }, jsx(Text.Body, {
-    as: "span" // FIXME: add proper tones when we have disabled/primary in tones
-    ,
-    tone: props.isDisabled ? 'secondary' : undefined
-  }, props.children)));
+    readOnly: props.isReadOnly,
+    children: [jsx(Checkbox$1, _objectSpread(_objectSpread({
+      type: "checkbox",
+      id: id,
+      name: props.name,
+      value: props.value,
+      onChange: props.onChange,
+      isDisabled: props.isDisabled,
+      isReadOnly: props.isReadOnly,
+      isChecked: props.isChecked,
+      isIndeterminate: props.isIndeterminate
+    }, filterDataAttributes(props)), filterAriaAttributes(props))), jsx("div", {
+      css: getCheckboxWrapperStyles(props, theme),
+      children: function () {
+        if (props.isIndeterminate) return jsx(IndeterminateIcon$1, {
+          size: "medium"
+        });
+        if (props.isChecked) return jsx(CheckedIcon$1, {
+          size: "medium"
+        });
+        return jsx(UncheckedIcon$1, {
+          size: "medium"
+        });
+      }()
+    }), props.children && jsx(LabelTextWrapper // To allow focusing the Label in readOnly mode, because the checkbox gets disabled and therefore unfocusable
+    , {
+      tabIndex: props.isReadOnly ? 0 : -1,
+      children: jsx(Text.Body, {
+        as: "span" // FIXME: add proper tones when we have disabled/primary in tones
+        ,
+        tone: props.isDisabled ? 'secondary' : undefined,
+        children: props.children
+      })
+    })]
+  });
 };
 
 CheckboxInput.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -597,9 +666,9 @@ CheckboxInput.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 CheckboxInput.displayName = 'CheckboxInput';
 CheckboxInput.defaultProps = defaultProps;
+var CheckboxInput$1 = CheckboxInput;
 
-// NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = '12.2.1';
+// NOTE: This string will be replaced on build time with the package version.
+var version = "12.2.5";
 
-export default CheckboxInput;
-export { version };
+export { CheckboxInput$1 as default, version };