@commercetools-uikit/checkbox-input 12.2.1 → 12.2.5

package/dist/commercetools-uikit-checkbox-input.cjs.dev.js

@@ -2,14 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _styled = require('@emotion/styled/base');
-var _pt = require('prop-types');
-var React = require('react');
-var react = require('@emotion/react');
-var designSystem = require('@commercetools-uikit/design-system');
-var utils = require('@commercetools-uikit/utils');
-var Text = require('@commercetools-uikit/text');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -19,16 +11,19 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _styled = require('@emotion/styled/base');
+var _pt = require('prop-types');
+var react$1 = require('react');
+var react = require('@emotion/react');
+var designSystem = require('@commercetools-uikit/design-system');
+var utils = require('@commercetools-uikit/utils');
+var Text = require('@commercetools-uikit/text');
 var inputUtils = require('@commercetools-uikit/input-utils');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _pt__default = /*#__PURE__*/_interopDefault(_pt);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Text__default = /*#__PURE__*/_interopDefault(Text);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
@@ -37,19 +32,21 @@ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachIns
 var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
 var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
 var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default['default'](_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context4; _forEachInstanceProperty__default['default'](_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](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__default["default"](_context3 = ownKeys$5(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$5(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](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 {
@@ -61,43 +58,72 @@ 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':
-      return _concatInstanceProperty__default['default'](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
+      return _concatInstanceProperty__default["default"](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
 
     default:
-      return _concatInstanceProperty__default['default'](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
+      return _concatInstanceProperty__default["default"](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
   }
 };
 
-var capitalize = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty__default['default'](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({}, designSystem.customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$5(_objectSpread$5({}, designSystem.customProperties), theme);
+
+  var iconColor;
 
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
 
-  var iconColor = overwrittenVars["color".concat(capitalize(color))];
+    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" ? utils.warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -107,76 +133,67 @@ var getColor = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles = function getIconStyles(props, theme) {
-  return /*#__PURE__*/react.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__*/react.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 react.jsx("svg", _extends({
+  return jsxRuntime.jsx("svg", _objectSpread$5(_objectSpread$5({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), react.jsx("g", {
-    id: "checked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, react.jsx("g", {
-    id: "checked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -725)"
-  }, react.jsx("g", {
-    id: "checked_react_svg__checkbox-active-default",
-    transform: "translate(177 724)"
-  }, react.jsx("rect", {
-    id: "checked_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), react.jsx("g", {
-    id: "checked_react_svg__borderAndContent",
-    transform: "translate(0 .5)"
-  }, react.jsx("rect", {
-    id: "checked_react_svg__border",
-    stroke: "#AFAFAF",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }), react.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: jsxRuntime.jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsxRuntime.jsxs("g", {
+        transform: "translate(0 .5)",
+        children: [jsxRuntime.jsx("rect", {
+          "data-style": "checkbox__border",
+          stroke: "#AFAFAF",
+          x: 0.5,
+          y: 1,
+          width: 15,
+          height: 15,
+          rx: 4
+        }), jsxRuntime.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__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgChecked.displayName = 'SvgChecked';
 
 var CheckedIcon = function CheckedIcon(props) {
   var theme = react.useTheme();
-  return react.jsx(SvgChecked, _extends({}, props, {
-    css: getIconStyles(props, theme)
-  }));
+  return jsxRuntime.jsx(react.ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsxRuntime.jsx(SvgChecked, _objectSpread$5(_objectSpread$5({}, props), {}, {
+        className: createClass(getIconStyles$2(props, theme))
+      }));
+    }
+  });
 };
 
-CheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 CheckedIcon.displayName = 'CheckedIcon';
+var CheckedIcon$1 = CheckedIcon;
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default['default'](_context3 = ownKeys$1(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context4; _forEachInstanceProperty__default['default'](_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](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__default["default"](_context3 = ownKeys$4(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$4(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var iconSizes$1 = {
   small: 12,
   medium: 16,
@@ -214,24 +231,53 @@ var getSizeStyle$1 = function getSizeStyle(size) {
 
   switch (size) {
     case 'scale':
-      return _concatInstanceProperty__default['default'](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
+      return _concatInstanceProperty__default["default"](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
 
     default:
-      return _concatInstanceProperty__default['default'](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
+      return _concatInstanceProperty__default["default"](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
   }
 };
 
-var capitalize$1 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty__default['default'](value).call(value, 1);
-};
-
 var getColor$1 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$4(_objectSpread$4({}, designSystem.customProperties), theme);
+
+  var iconColor;
+
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
+
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
 
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
 
-  var iconColor = overwrittenVars["color".concat(capitalize$1(color))];
+    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" ? utils.warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -242,81 +288,72 @@ var getColor$1 = function getColor(color, theme) {
 };
 
 var getIconStyles$1 = function getIconStyles(props, theme) {
-  return /*#__PURE__*/react.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__*/react.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 react.jsx("svg", _extends({
+  return jsxRuntime.jsx("svg", _objectSpread$4(_objectSpread$4({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), react.jsx("g", {
-    id: "indeterminate_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, react.jsx("g", {
-    id: "indeterminate_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -909)"
-  }, react.jsx("g", {
-    id: "indeterminate_react_svg__checkbox-indeterminate-default",
-    transform: "translate(177 908)"
-  }, react.jsx("rect", {
-    id: "indeterminate_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), react.jsx("g", {
-    id: "indeterminate_react_svg__borderAndContent",
-    transform: "translate(0 .5)"
-  }, react.jsx("rect", {
-    id: "indeterminate_react_svg__border",
-    stroke: "#AFAFAF",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }), react.jsx("path", {
-    id: "indeterminate_react_svg__content",
-    fill: "#00B6A1",
-    d: "M3 7.5h10v2H3z"
-  }))))));
+  }, props), {}, {
+    children: jsxRuntime.jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsxRuntime.jsxs("g", {
+        transform: "translate(0 .5)",
+        children: [jsxRuntime.jsx("rect", {
+          "data-style": "checkbox__border",
+          stroke: "#AFAFAF",
+          x: 0.5,
+          y: 1,
+          width: 15,
+          height: 15,
+          rx: 4
+        }), jsxRuntime.jsx("path", {
+          "data-style": "checkbox__content",
+          fill: "#00B6A1",
+          d: "M3 7.5h10v2H3z"
+        })]
+      })]
+    })
+  }));
 };
 
-SvgIndeterminate.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgIndeterminate.displayName = 'SvgIndeterminate';
 
 var IndeterminateIcon = function IndeterminateIcon(props) {
   var theme = react.useTheme();
-  return react.jsx(SvgIndeterminate, _extends({}, props, {
-    css: getIconStyles$1(props, theme)
-  }));
+  return jsxRuntime.jsx(react.ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsxRuntime.jsx(SvgIndeterminate, _objectSpread$4(_objectSpread$4({}, props), {}, {
+        className: createClass(getIconStyles$1(props, theme))
+      }));
+    }
+  });
 };
 
-IndeterminateIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 IndeterminateIcon.displayName = 'IndeterminateIcon';
+var IndeterminateIcon$1 = IndeterminateIcon;
 
-function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default['default'](_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context4; _forEachInstanceProperty__default['default'](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](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__default["default"](_context3 = ownKeys$3(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context4; _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](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 {
@@ -328,43 +365,72 @@ 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':
-      return _concatInstanceProperty__default['default'](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
+      return _concatInstanceProperty__default["default"](_context = "\n        &:not(:root) {\n          width: ".concat(dimensions.width, ";\n          height: ")).call(_context, dimensions.height, ";\n        }\n      ");
 
     default:
-      return _concatInstanceProperty__default['default'](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
+      return _concatInstanceProperty__default["default"](_context2 = "\n        width: ".concat(dimensions.width, ";\n        height: ")).call(_context2, dimensions.height, ";\n      ");
   }
 };
 
-var capitalize$2 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty__default['default'](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({}, designSystem.customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, designSystem.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;
 
-  var iconColor = overwrittenVars["color".concat(capitalize$2(color))];
+    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" ? utils.warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -374,71 +440,60 @@ var getColor$2 = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles$2 = function getIconStyles(props, theme) {
-  return /*#__PURE__*/react.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__*/react.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 react.jsx("svg", _extends({
+  return jsxRuntime.jsx("svg", _objectSpread$3(_objectSpread$3({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), react.jsx("g", {
-    id: "unchecked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, react.jsx("g", {
-    id: "unchecked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-177 -645)"
-  }, react.jsx("g", {
-    id: "unchecked_react_svg__checkbox-empty-default",
-    transform: "translate(177 644)"
-  }, react.jsx("rect", {
-    id: "unchecked_react_svg__background",
-    fill: "#FFF",
-    x: 0,
-    y: 1,
-    width: 16,
-    height: 16,
-    rx: 4
-  }), react.jsx("g", {
-    id: "unchecked_react_svg__borderAndContent",
-    transform: "translate(0 .5)",
-    stroke: "#AFAFAF"
-  }, react.jsx("rect", {
-    id: "unchecked_react_svg__border",
-    x: 0.5,
-    y: 1,
-    width: 15,
-    height: 15,
-    rx: 4
-  }))))));
+  }, props), {}, {
+    children: jsxRuntime.jsxs("g", {
+      transform: "translate(0 -1)",
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("rect", {
+        fill: "#FFF",
+        y: 1,
+        width: 16,
+        height: 16,
+        rx: 4
+      }), jsxRuntime.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__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgUnchecked.displayName = 'SvgUnchecked';
 
 var UncheckedIcon = function UncheckedIcon(props) {
   var theme = react.useTheme();
-  return react.jsx(SvgUnchecked, _extends({}, props, {
-    css: getIconStyles$2(props, theme)
-  }));
+  return jsxRuntime.jsx(react.ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsxRuntime.jsx(SvgUnchecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
+        className: createClass(getIconStyles(props, theme))
+      }));
+    }
+  });
 };
 
-UncheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: _pt__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 UncheckedIcon.displayName = 'UncheckedIcon';
+var UncheckedIcon$1 = UncheckedIcon;
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default['default'](object); if (_Object$getOwnPropertySymbols__default['default']) { var symbols = _Object$getOwnPropertySymbols__default['default'](object); if (enumerableOnly) symbols = _filterInstanceProperty__default['default'](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default['default'](object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default['default'](_context = ownKeys$3(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default['default']) { _Object$defineProperties__default['default'](target, _Object$getOwnPropertyDescriptors__default['default'](source)); } else { var _context2; _forEachInstanceProperty__default['default'](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default['default'](target, key, _Object$getOwnPropertyDescriptor__default['default'](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__default["default"](_context = ownKeys$2(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$2(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 
 var getSvgBorderStroke = function getSvgBorderStroke(vars, props) {
   if (props.isDisabled) {
@@ -477,37 +532,41 @@ var getSvgContentFill = function getSvgContentFill(vars, props) {
 };
 
 var getCheckboxWrapperStyles = function getCheckboxWrapperStyles(props, theme) {
-  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, designSystem.customProperties), theme);
+  var overwrittenVars = _objectSpread$2(_objectSpread$2({}, designSystem.customProperties), theme);
   /* resets from createStyledIcon styles */
 
 
-  return /*#__PURE__*/react.css("*{fill:none;}display:flex;align-items:center;svg [id$='borderAndContent']>[id$='border']{stroke:", getSvgBorderStroke(overwrittenVars, props), ";fill:", overwrittenVars[designSystem.designTokens.backgroundColorForInput], ";}svg [id$='borderAndContent']>[id$='content']{fill:", getSvgContentFill(overwrittenVars, props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getCheckboxWrapperStyles;"));
+  return /*#__PURE__*/react.css("*{fill:none;}display:flex;align-items:center;svg *[data-style='checkbox__border']{stroke:", getSvgBorderStroke(overwrittenVars, props), ";fill:", overwrittenVars[designSystem.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
 
-var Input = _styled__default['default']("input", process.env.NODE_ENV === "production" ? {
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
+
+var Input = _styled__default["default"]("input", process.env.NODE_ENV === "production" ? {
   target: "e1ccch1p0"
 } : {
   target: "e1ccch1p0",
   label: "Input"
-})("&:focus+div>svg [id$='borderAndContent']>[id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+})("&:focus+div>svg *[data-style='checkbox__border']{stroke:", designSystem.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__default['default'].useRef({
+  var ref = react$1.useRef({
     indeterminate: false
   });
-  React__default['default'].useEffect(function () {
+  react$1.useEffect(function () {
     if (props.isIndeterminate) {
       ref.current.indeterminate = true;
     }
   }, [props.isIndeterminate]);
   var onChange = props.onChange;
-  var handleChange = React__default['default'].useCallback(function (event) {
+  var handleChange = react$1.useCallback(function (event) {
     return !props.isReadOnly && onChange && onChange(event);
   }, [props.isReadOnly, onChange]);
-  return react.jsx(Input // @ts-ignore
-  , _extends({
+  return jsxRuntime.jsx(Input // @ts-ignore
+  , _objectSpread$1(_objectSpread$1(_objectSpread$1(_objectSpread$1({
     ref: ref
-  }, utils.filterDataAttributes(props), utils.filterAriaAttributes(props), {
+  }, utils.filterDataAttributes(props)), utils.filterAriaAttributes(props)), {}, {
     /* ARIA */
     "aria-readonly": props.isReadOnly,
     "aria-checked": props.isChecked,
@@ -518,16 +577,20 @@ var Checkbox = function Checkbox(props) {
     disabled: props.isDisabled || props.isReadOnly,
     readOnly: props.isReadOnly,
     checked: props.isChecked && !props.isIndeterminate
-  }, props, {
+  }, props), {}, {
     onChange: handleChange
   }));
 };
 
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
-  type: _pt__default['default'].string
+  type: _pt__default["default"].string
 } : {};
 Checkbox.displayName = 'Checkbox';
+var Checkbox$1 = Checkbox;
 
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (enumerableOnly) { symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](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__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var sequentialId = utils.createSequentialId('checkbox-input-');
 var defaultProps = {
   isChecked: false,
@@ -537,20 +600,20 @@ var defaultProps = {
 
 var hoverStyles = function hoverStyles(props) {
   if (!props.hasError && !props.readOnly && !props.disabled) {
-    return /*#__PURE__*/react.css("&:hover svg [id$='borderAndContent']>[id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;"));
+    return /*#__PURE__*/react.css("&:hover svg *[data-style='checkbox__border']{stroke:", designSystem.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__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:hoverStyles;");
+  return /*#__PURE__*/react.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__default['default']("div", process.env.NODE_ENV === "production" ? {
+var LabelTextWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e6nn4mw1"
 } : {
   target: "e6nn4mw1",
   label: "LabelTextWrapper"
-})("margin-left:", designSystem.customProperties.spacingS, ";outline:none;border-radius:", designSystem.customProperties.borderRadiusForTag, ";");
+})("margin-left:", designSystem.customProperties.spacingS, ";outline:none;border-radius:", designSystem.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__default['default']("label", process.env.NODE_ENV === "production" ? {
+var Label = _styled__default["default"]("label", process.env.NODE_ENV === "production" ? {
   target: "e6nn4mw0"
 } : {
   target: "e6nn4mw0",
@@ -559,68 +622,73 @@ var Label = _styled__default['default']("label", process.env.NODE_ENV === "produ
   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 ", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+}, ";position:relative;", hoverStyles, " &:focus-within div{box-shadow:0 0 0 2px ", designSystem.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 = react.useTheme();
-  return react.jsx(Label, {
+  return jsxRuntime.jsxs(Label, {
     htmlFor: id,
     hasError: props.hasError,
     disabled: props.isDisabled,
-    readOnly: props.isReadOnly
-  }, react.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
-  }, utils.filterDataAttributes(props), utils.filterAriaAttributes(props))), react.jsx("div", {
-    css: getCheckboxWrapperStyles(props, theme)
-  }, function () {
-    if (props.isIndeterminate) return react.jsx(IndeterminateIcon, {
-      size: "medium"
-    });
-    if (props.isChecked) return react.jsx(CheckedIcon, {
-      size: "medium"
-    });
-    return react.jsx(UncheckedIcon, {
-      size: "medium"
-    });
-  }()), props.children && react.jsx(LabelTextWrapper // To allow focusing the Label in readOnly mode, because the checkbox gets disabled and therefore unfocusable
-  , {
-    tabIndex: props.isReadOnly ? 0 : -1
-  }, react.jsx(Text__default['default'].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: [jsxRuntime.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
+    }, utils.filterDataAttributes(props)), utils.filterAriaAttributes(props))), jsxRuntime.jsx("div", {
+      css: getCheckboxWrapperStyles(props, theme),
+      children: function () {
+        if (props.isIndeterminate) return jsxRuntime.jsx(IndeterminateIcon$1, {
+          size: "medium"
+        });
+        if (props.isChecked) return jsxRuntime.jsx(CheckedIcon$1, {
+          size: "medium"
+        });
+        return jsxRuntime.jsx(UncheckedIcon$1, {
+          size: "medium"
+        });
+      }()
+    }), props.children && jsxRuntime.jsx(LabelTextWrapper // To allow focusing the Label in readOnly mode, because the checkbox gets disabled and therefore unfocusable
+    , {
+      tabIndex: props.isReadOnly ? 0 : -1,
+      children: jsxRuntime.jsx(Text__default["default"].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" ? {
-  id: _pt__default['default'].string,
-  name: _pt__default['default'].string,
-  value: _pt__default['default'].string,
-  isChecked: _pt__default['default'].bool,
-  isIndeterminate: _pt__default['default'].bool,
-  onChange: _pt__default['default'].func.isRequired,
-  isHovered: _pt__default['default'].bool,
-  isDisabled: _pt__default['default'].bool,
-  isReadOnly: _pt__default['default'].bool,
-  hasError: _pt__default['default'].bool,
-  children: _pt__default['default'].node
+  id: _pt__default["default"].string,
+  name: _pt__default["default"].string,
+  value: _pt__default["default"].string,
+  isChecked: _pt__default["default"].bool,
+  isIndeterminate: _pt__default["default"].bool,
+  onChange: _pt__default["default"].func.isRequired,
+  isHovered: _pt__default["default"].bool,
+  isDisabled: _pt__default["default"].bool,
+  isReadOnly: _pt__default["default"].bool,
+  hasError: _pt__default["default"].bool,
+  children: _pt__default["default"].node
 } : {};
 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";
 
-exports.default = CheckboxInput;
+exports["default"] = CheckboxInput$1;
 exports.version = version;