@commercetools-uikit/radio-input 12.2.1 → 12.2.5

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

@@ -2,12 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+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 _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
-var React = require('react');
+var react$1 = require('react');
 var PropTypes = require('prop-types');
 var utils = require('@commercetools-uikit/utils');
 var Constraints = require('@commercetools-uikit/constraints');
@@ -18,45 +24,36 @@ var reactIs = require('react-is');
 var designSystem = require('@commercetools-uikit/design-system');
 var inputUtils = require('@commercetools-uikit/input-utils');
 var react = require('@emotion/react');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
-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 jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+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 _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
-var React__default = /*#__PURE__*/_interopDefault(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var Stack__default = /*#__PURE__*/_interopDefault(Stack);
 var Inline__default = /*#__PURE__*/_interopDefault(Inline);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanceProperty);
-var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
-var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
-var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
-var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
-var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
-var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
 
-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$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(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$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$1 = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions = function getSizeDimensions(size) {
+var getSizeDimensions$1 = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -68,43 +65,72 @@ var getSizeDimensions = function getSizeDimensions(size) {
     case 'medium':
     case 'big':
       return {
-        width: "".concat(iconSizes[size], "px"),
-        height: "".concat(iconSizes[size], "px")
+        width: "".concat(iconSizes$1[size], "px"),
+        height: "".concat(iconSizes$1[size], "px")
       };
 
     default:
       return {
-        width: "".concat(iconSizes.big, "px"),
-        height: "".concat(iconSizes.big, "px")
+        width: "".concat(iconSizes$1.big, "px"),
+        height: "".concat(iconSizes$1.big, "px")
       };
   }
 };
 
-var getSizeStyle = function getSizeStyle(size) {
+var getSizeStyle$1 = function getSizeStyle(size) {
   var _context, _context2;
 
-  var dimensions = getSizeDimensions(size);
+  var dimensions = getSizeDimensions$1(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$1 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread(_objectSpread({}, 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;
 
-  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;
@@ -114,81 +140,70 @@ 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$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;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvT3B0aW9uQ2hlY2tlZFJlYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSGdFIiwiZmlsZSI6IlJhZGlvT3B0aW9uQ2hlY2tlZFJlYWN0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRISVMgSVMgQU4gQVVUT0dFTkVSQVRFRCBGSUxFLiBETyBOT1QgRURJVCBUSElTIEZJTEUgRElSRUNUTFkuXG4vLyBUaGlzIGZpbGUgaXMgY3JlYXRlZCB3aXRoICd5YXJuIGdlbmVyYXRlLWljb25zJy5cbi8vIE9yaWdpbmFsIFNWRyBmaWxlOiBzcmMvaWNvbnMvc3ZnL3JhZGlvLW9wdGlvbi1jaGVja2VkLnJlYWN0LnN2Z1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3NzLCBDbGFzc05hbWVzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InO1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnO1xufTtcbmV4cG9ydCB0eXBlIFNWR1Byb3BzID0gUHJvcHMgJiB7XG4gIGNsYXNzTmFtZTogc3RyaW5nO1xufTtcbmNvbnN0IGljb25TaXplcyA9IHtcbiAgc21hbGw6IDEyLFxuICBtZWRpdW06IDE2LFxuICBiaWc6IDI0LFxufSBhcyBjb25zdDtcblxuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG5cbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgfTtcbiAgfVxufTtcblxuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuXG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcblxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gYFxuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSwgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFycyA9IHsgLi4udmFycywgLi4udGhlbWUgfTtcbiAgbGV0IGljb25Db2xvcjtcblxuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3N1cmZhY2UnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU3VyZmFjZTtcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3ByaW1hcnk0MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5NDA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcblxuICAgIGRlZmF1bHQ6XG4gICAgICBicmVhaztcbiAgfVxuXG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG5cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHByb3BzOiBQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yLCB0aGVtZSl9O1xuICB9XG4gICYsXG4gIGltYWdlIHtcbiAgICAke2dldFNpemVTdHlsZShwcm9wcy5zaXplKX07XG4gIH1cbiAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5jb25zdCBTdmdSYWRpb09wdGlvbkNoZWNrZWQgPSAocHJvcHM6IFNWR1Byb3BzKSA9PiAoXG4gIDxzdmdcbiAgICB3aWR0aD17MTZ9XG4gICAgaGVpZ2h0PXsxNn1cbiAgICB2aWV3Qm94PVwiMCAwIDE2IDE2XCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICA8ZyBmaWxsUnVsZT1cImV2ZW5vZGRcIj5cbiAgICAgIDxjaXJjbGUgc3Ryb2tlPVwiI0FGQUZBRlwiIGZpbGw9XCIjRkZGXCIgY3g9ezh9IGN5PXs4fSByPXs3LjV9IC8+XG4gICAgICA8Y2lyY2xlXG4gICAgICAgIGRhdGEtc3R5bGU9XCJyYWRpby1vcHRpb25fX2JvcmRlclwiXG4gICAgICAgIHN0cm9rZT1cIiNBRkFGQUZcIlxuICAgICAgICBmaWxsPVwiI0ZGRlwiXG4gICAgICAgIGN4PXs4fVxuICAgICAgICBjeT17OH1cbiAgICAgICAgcj17Ny41fVxuICAgICAgLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgZGF0YS1zdHlsZT1cInJhZGlvLW9wdGlvbl9fY29udGVudFwiXG4gICAgICAgIGZpbGw9XCIjMjBBRDkyXCJcbiAgICAgICAgY3g9ezh9XG4gICAgICAgIGN5PXs4fVxuICAgICAgICByPXs0fVxuICAgICAgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKTtcblxuU3ZnUmFkaW9PcHRpb25DaGVja2VkLmRpc3BsYXlOYW1lID0gJ1N2Z1JhZGlvT3B0aW9uQ2hlY2tlZCc7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ2hlY2tlZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgICAgPFN2Z1JhZGlvT3B0aW9uQ2hlY2tlZFxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICBjbGFzc05hbWU9e2NyZWF0ZUNsYXNzKGdldEljb25TdHlsZXMocHJvcHMsIHRoZW1lKSl9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn07XG5cblJhZGlvT3B0aW9uQ2hlY2tlZEljb24uZGlzcGxheU5hbWUgPSAnUmFkaW9PcHRpb25DaGVja2VkSWNvbic7XG5leHBvcnQgZGVmYXVsdCBSYWRpb09wdGlvbkNoZWNrZWRJY29uO1xuIl19 */");
 };
 
 var SvgRadioOptionChecked = function SvgRadioOptionChecked(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: "radio-option-checked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, react.jsx("g", {
-    id: "radio-option-checked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-402 -725)"
-  }, react.jsx("g", {
-    id: "radio-option-checked_react_svg__RadioButton-active-default",
-    transform: "translate(402 725)"
-  }, react.jsx("circle", {
-    id: "radio-option-checked_react_svg__background",
-    stroke: "#AFAFAF",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }), react.jsx("g", {
-    id: "radio-option-checked_react_svg__borderAndContent"
-  }, react.jsx("circle", {
-    id: "radio-option-checked_react_svg__border",
-    stroke: "#AFAFAF",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }), react.jsx("circle", {
-    id: "radio-option-checked_react_svg__content",
-    fill: "#20AD92",
-    cx: 8,
-    cy: 8,
-    r: 4
-  }))))));
+  }, props), {}, {
+    children: jsxRuntime.jsxs("g", {
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("circle", {
+        stroke: "#AFAFAF",
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 7.5
+      }), jsxRuntime.jsx("circle", {
+        "data-style": "radio-option__border",
+        stroke: "#AFAFAF",
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 7.5
+      }), jsxRuntime.jsx("circle", {
+        "data-style": "radio-option__content",
+        fill: "#20AD92",
+        cx: 8,
+        cy: 8,
+        r: 4
+      })]
+    })
+  }));
 };
 
-SvgRadioOptionChecked.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgRadioOptionChecked.displayName = 'SvgRadioOptionChecked';
 
 var RadioOptionCheckedIcon = function RadioOptionCheckedIcon(props) {
   var theme = react.useTheme();
-  return react.jsx(SvgRadioOptionChecked, _extends({}, props, {
-    css: getIconStyles(props, theme)
-  }));
+  return jsxRuntime.jsx(react.ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsxRuntime.jsx(SvgRadioOptionChecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
+        className: createClass(getIconStyles$1(props, theme))
+      }));
+    }
+  });
 };
 
-RadioOptionCheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 RadioOptionCheckedIcon.displayName = 'RadioOptionCheckedIcon';
+var RadioOptionCheckedIcon$1 = RadioOptionCheckedIcon;
 
-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$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$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; }
-var iconSizes$1 = {
+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 = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions$1 = function getSizeDimensions(size) {
+var getSizeDimensions = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -200,43 +215,72 @@ var getSizeDimensions$1 = function getSizeDimensions(size) {
     case 'medium':
     case 'big':
       return {
-        width: "".concat(iconSizes$1[size], "px"),
-        height: "".concat(iconSizes$1[size], "px")
+        width: "".concat(iconSizes[size], "px"),
+        height: "".concat(iconSizes[size], "px")
       };
 
     default:
       return {
-        width: "".concat(iconSizes$1.big, "px"),
-        height: "".concat(iconSizes$1.big, "px")
+        width: "".concat(iconSizes.big, "px"),
+        height: "".concat(iconSizes.big, "px")
       };
   }
 };
 
-var getSizeStyle$1 = function getSizeStyle(size) {
+var getSizeStyle = function getSizeStyle(size) {
   var _context, _context2;
 
-  var dimensions = getSizeDimensions$1(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$1 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty__default['default'](value).call(value, 1);
-};
-
-var getColor$1 = function getColor(color, theme) {
+var getColor = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, designSystem.customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$2(_objectSpread$2({}, 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$1(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;
@@ -246,71 +290,60 @@ var getColor$1 = function getColor(color, theme) {
   return iconColor;
 };
 
-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;"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvT3B0aW9uVW5jaGVja2VkUmVhY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStIZ0UiLCJmaWxlIjoiUmFkaW9PcHRpb25VbmNoZWNrZWRSZWFjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUSElTIElTIEFOIEFVVE9HRU5FUkFURUQgRklMRS4gRE8gTk9UIEVESVQgVEhJUyBGSUxFIERJUkVDVExZLlxuLy8gVGhpcyBmaWxlIGlzIGNyZWF0ZWQgd2l0aCAneWFybiBnZW5lcmF0ZS1pY29ucycuXG4vLyBPcmlnaW5hbCBTVkcgZmlsZTogc3JjL2ljb25zL3N2Zy9yYWRpby1vcHRpb24tdW5jaGVja2VkLnJlYWN0LnN2Z1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3NzLCBDbGFzc05hbWVzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InO1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnO1xufTtcbmV4cG9ydCB0eXBlIFNWR1Byb3BzID0gUHJvcHMgJiB7XG4gIGNsYXNzTmFtZTogc3RyaW5nO1xufTtcbmNvbnN0IGljb25TaXplcyA9IHtcbiAgc21hbGw6IDEyLFxuICBtZWRpdW06IDE2LFxuICBiaWc6IDI0LFxufSBhcyBjb25zdDtcblxuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG5cbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgfTtcbiAgfVxufTtcblxuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuXG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcblxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gYFxuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSwgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFycyA9IHsgLi4udmFycywgLi4udGhlbWUgfTtcbiAgbGV0IGljb25Db2xvcjtcblxuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3N1cmZhY2UnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU3VyZmFjZTtcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3ByaW1hcnk0MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5NDA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcblxuICAgIGRlZmF1bHQ6XG4gICAgICBicmVhaztcbiAgfVxuXG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG5cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHByb3BzOiBQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yLCB0aGVtZSl9O1xuICB9XG4gICYsXG4gIGltYWdlIHtcbiAgICAke2dldFNpemVTdHlsZShwcm9wcy5zaXplKX07XG4gIH1cbiAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5jb25zdCBTdmdSYWRpb09wdGlvblVuY2hlY2tlZCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHdpZHRoPXsxNn1cbiAgICBoZWlnaHQ9ezE2fVxuICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxnIGZpbGxSdWxlPVwiZXZlbm9kZFwiPlxuICAgICAgPGNpcmNsZSBmaWxsPVwiI0ZGRlwiIGN4PXs4fSBjeT17OH0gcj17OH0gLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgZGF0YS1zdHlsZT1cInJhZGlvLW9wdGlvbl9fYm9yZGVyXCJcbiAgICAgICAgY3g9ezh9XG4gICAgICAgIGN5PXs4fVxuICAgICAgICByPXs3LjV9XG4gICAgICAgIHN0cm9rZT1cIiNBRkFGQUZcIlxuICAgICAgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKTtcblxuU3ZnUmFkaW9PcHRpb25VbmNoZWNrZWQuZGlzcGxheU5hbWUgPSAnU3ZnUmFkaW9PcHRpb25VbmNoZWNrZWQnO1xuXG5jb25zdCBSYWRpb09wdGlvblVuY2hlY2tlZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgICAgPFN2Z1JhZGlvT3B0aW9uVW5jaGVja2VkXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcywgdGhlbWUpKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcblxuUmFkaW9PcHRpb25VbmNoZWNrZWRJY29uLmRpc3BsYXlOYW1lID0gJ1JhZGlvT3B0aW9uVW5jaGVja2VkSWNvbic7XG5leHBvcnQgZGVmYXVsdCBSYWRpb09wdGlvblVuY2hlY2tlZEljb247XG4iXX0= */");
 };
 
 var SvgRadioOptionUnchecked = function SvgRadioOptionUnchecked(props) {
-  return react.jsx("svg", _extends({
+  return jsxRuntime.jsx("svg", _objectSpread$2(_objectSpread$2({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), react.jsx("g", {
-    id: "radio-option-unchecked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, react.jsx("g", {
-    id: "radio-option-unchecked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-402 -645)"
-  }, react.jsx("g", {
-    id: "radio-option-unchecked_react_svg__RadioButton-empty-default",
-    transform: "translate(402 645)"
-  }, react.jsx("circle", {
-    id: "radio-option-unchecked_react_svg__background",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 8
-  }), react.jsx("g", {
-    id: "radio-option-unchecked_react_svg__borderAndContent",
-    stroke: "#AFAFAF"
-  }, react.jsx("circle", {
-    id: "radio-option-unchecked_react_svg__border",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }))))));
+  }, props), {}, {
+    children: jsxRuntime.jsxs("g", {
+      fillRule: "evenodd",
+      children: [jsxRuntime.jsx("circle", {
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 8
+      }), jsxRuntime.jsx("circle", {
+        "data-style": "radio-option__border",
+        cx: 8,
+        cy: 8,
+        r: 7.5,
+        stroke: "#AFAFAF"
+      })]
+    })
+  }));
 };
 
-SvgRadioOptionUnchecked.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgRadioOptionUnchecked.displayName = 'SvgRadioOptionUnchecked';
 
 var RadioOptionUncheckedIcon = function RadioOptionUncheckedIcon(props) {
   var theme = react.useTheme();
-  return react.jsx(SvgRadioOptionUnchecked, _extends({}, props, {
-    css: getIconStyles$1(props, theme)
-  }));
+  return jsxRuntime.jsx(react.ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsxRuntime.jsx(SvgRadioOptionUnchecked, _objectSpread$2(_objectSpread$2({}, props), {}, {
+        className: createClass(getIconStyles(props, theme))
+      }));
+    }
+  });
 };
 
-RadioOptionUncheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes__default['default'].oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes__default['default'].oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 RadioOptionUncheckedIcon.displayName = 'RadioOptionUncheckedIcon';
+var RadioOptionUncheckedIcon$1 = RadioOptionUncheckedIcon;
 
-var LabelTextWrapper = _styled__default['default']("div", process.env.NODE_ENV === "production" ? {
+var LabelTextWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "ex16vpg0"
 } : {
   target: "ex16vpg0",
   label: "LabelTextWrapper"
 })("margin-left:", designSystem.customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", function (props) {
   return props.isDisabled ? designSystem.customProperties.fontColorForInputWhenDisabled : designSystem.customProperties.fontColorForInput;
-}, ";");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1DIiwiZmlsZSI6InJhZGlvLW9wdGlvbi5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IExhYmVsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZFxuICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0fTtcbmA7XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZSA9IChwcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNIb3ZlcmVkICYmICFwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcbmNvbnN0IGdldENvbnRhaW5lclN0eWxlcyA9IChwcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICA/IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICAgIDogY3VzdG9tUHJvcGVydGllcy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gIH1cblxuICBzdmcgKltkYXRhLXN0eWxlPSdyYWRpby1vcHRpb25fX2JvcmRlciddIHtcbiAgICBzdHJva2U6ICR7Z2V0U3ZnQ29udGFpbmVyQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19jb250ZW50J10ge1xuICAgIGZpbGw6ICR7Z2V0U3ZnQ29udGFpbmVyQ29udGVudEZpbGwocHJvcHMpfTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0U3ZnTGFiZWxCb3JkZXJTdHJva2UgPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbiAgcmV0dXJuICdwb2ludGVyJztcbn07XG5jb25zdCBnZXRMYWJlbFN0eWxlcyA9IChwcm9wcykgPT4gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRMYWJlbENvbG9yKHByb3BzKX07XG4gIGN1cnNvcjogJHtnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgOmZvY3VzLXdpdGhpbiAke0xhYmVsVGV4dFdyYXBwZXJ9IHtcbiAgICBvdXRsaW5lOiBhdXRvIDJweCAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICBvdXRsaW5lLW9mZnNldDogM3B4O1xuICB9XG5gO1xuXG5leHBvcnQgeyBnZXRDb250YWluZXJTdHlsZXMsIGdldExhYmVsU3R5bGVzLCBMYWJlbFRleHRXcmFwcGVyIH07XG4iXX0= */"));
 
 var getSvgContainerBorderStroke = function getSvgContainerBorderStroke(props) {
   if (props.isDisabled) {
@@ -357,7 +390,7 @@ var getSvgContainerContentFill = function getSvgContainerContentFill(props) {
 };
 
 var getContainerStyles = function getContainerStyles(props) {
-  return /*#__PURE__*/react.css("display:flex;align-items:center;svg{fill:", props.isDisabled ? designSystem.customProperties.backgroundColorForInputWhenDisabled : designSystem.customProperties.backgroundColorForInput, ";}svg [id$='borderAndContent']>[id$='border']{stroke:", getSvgContainerBorderStroke(props), ";}svg [id$='borderAndContent']>[id$='content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"));
+  return /*#__PURE__*/react.css("display:flex;align-items:center;svg{fill:", props.isDisabled ? designSystem.customProperties.backgroundColorForInputWhenDisabled : designSystem.customProperties.backgroundColorForInput, ";}svg *[data-style='radio-option__border']{stroke:", getSvgContainerBorderStroke(props), ";}svg *[data-style='radio-option__content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5QyIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU307XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICA/IGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICAgIDogY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dH07XG5gO1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJCb3JkZXJTdHJva2UgPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzSG92ZXJlZCAmJiAhcHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dDtcbn07XG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5jb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAocHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDb2xvciA9IChwcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuICdub3QtYWxsb3dlZCc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gJ2RlZmF1bHQnO1xuICB9XG4gIHJldHVybiAncG9pbnRlcic7XG59O1xuY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAocHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
 };
 
 var getSvgLabelBorderStroke = function getSvgLabelBorderStroke(props) {
@@ -413,54 +446,62 @@ var getLabelCursor = function getLabelCursor(props) {
 };
 
 var getLabelStyles = function getLabelStyles(props) {
-  return /*#__PURE__*/react.css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg [id$='borderAndContent']>[id$='border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"));
+  return /*#__PURE__*/react.css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0dxQyIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWxlZnQ6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU307XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT5cbiAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICA/IGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICAgIDogY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dH07XG5gO1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJCb3JkZXJTdHJva2UgPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzSG92ZXJlZCAmJiAhcHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dDtcbn07XG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5jb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAocHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDb2xvciA9IChwcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuICdub3QtYWxsb3dlZCc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gJ2RlZmF1bHQnO1xuICB9XG4gIHJldHVybiAncG9pbnRlcic7XG59O1xuY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAocHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
 };
 
-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: "e7w4k1b0"
 } : {
   target: "e7w4k1b0",
   label: "Input"
-})("&:focus+div>svg [id$='borderAndContent']>[id$='border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}");
+})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjBCIiwiZmlsZSI6InJhZGlvLW9wdGlvbi5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZyYWdtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGlzVmFsaWRFbGVtZW50VHlwZSB9IGZyb20gJ3JlYWN0LWlzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsXG4gIGZpbHRlckludmFsaWRBdHRyaWJ1dGVzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgeyBhY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pbnB1dC11dGlscyc7XG5pbXBvcnQgeyBSYWRpb09wdGlvbkNoZWNrZWRJY29uLCBSYWRpb09wdGlvblVuY2hlY2tlZEljb24gfSBmcm9tICcuL2ljb25zJztcbmltcG9ydCB7XG4gIGdldExhYmVsU3R5bGVzLFxuICBnZXRDb250YWluZXJTdHlsZXMsXG4gIExhYmVsVGV4dFdyYXBwZXIsXG59IGZyb20gJy4vcmFkaW8tb3B0aW9uLnN0eWxlcyc7XG5cbmNvbnN0IElucHV0ID0gc3R5bGVkLmlucHV0YFxuICAmOmZvY3VzICsgZGl2ID4gc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke3ZhcnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgfVxuYDtcblxuY29uc3QgT3B0aW9uID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IGxhYmVsUHJvcHMgPSBwcm9wcy5pZCA/IHsgaHRtbEZvcjogcHJvcHMuaWQgfSA6IHt9O1xuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtnZXRMYWJlbFN0eWxlcyhwcm9wcyl9XG4gICAgICByb2xlPVwicmFkaW9cIlxuICAgICAgYXJpYS1jaGVja2VkPXtwcm9wcy5pc0NoZWNrZWR9XG4gICAgICBvbkZvY3VzPXtwcm9wcy5vbkZvY3VzfVxuICAgICAgb25CbHVyPXtwcm9wcy5vbkJsdXJ9XG4gICAgICB7Li4uZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMobGFiZWxQcm9wcyl9XG4gICAgPlxuICAgICAgPElucHV0XG4gICAgICAgIGNzcz17YWNjZXNzaWJsZUhpZGRlbklucHV0U3R5bGVzfVxuICAgICAgICBpZD17cHJvcHMuaWR9XG4gICAgICAgIG5hbWU9e3Byb3BzLm5hbWV9XG4gICAgICAgIHZhbHVlPXtwcm9wcy52YWx1ZX1cbiAgICAgICAgb25DaGFuZ2U9e3Byb3BzLmlzUmVhZE9ubHkgPyB1bmRlZmluZWQgOiBwcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgZGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9XG4gICAgICAgIGNoZWNrZWQ9e3Byb3BzLmlzQ2hlY2tlZH1cbiAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgcmVhZE9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgIGFyaWEtcmVhZG9ubHk9e3Byb3BzLmlzUmVhZE9ubHl9XG4gICAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICAvPlxuICAgICAgPGRpdiBjc3M9e2dldENvbnRhaW5lclN0eWxlcyhwcm9wcyl9PlxuICAgICAgICB7cHJvcHMuaXNDaGVja2VkID8gKFxuICAgICAgICAgIDxSYWRpb09wdGlvbkNoZWNrZWRJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxSYWRpb09wdGlvblVuY2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIDxMYWJlbFRleHRXcmFwcGVyIGlzRGlzYWJsZWQ9e3Byb3BzLmlzRGlzYWJsZWR9PlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0xhYmVsVGV4dFdyYXBwZXI+XG4gICAgPC9sYWJlbD5cbiAgKTtcbn07XG5PcHRpb24uZGlzcGxheU5hbWUgPSAnUmFkaW9PcHRpb24nO1xuT3B0aW9uLnByb3BUeXBlcyA9IHtcbiAgLy8gRGlyZWN0IHByb3BzXG4gIHZhbHVlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMuYm9vbF0pLmlzUmVxdWlyZWQsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIFByb3BUeXBlcy5lbGVtZW50LFxuICAgIFByb3BUeXBlcy5mdW5jLFxuICBdKS5pc1JlcXVpcmVkLFxuICBjb21wb25lbnRzOiBQcm9wVHlwZXMuc2hhcGUoe1xuICAgIHdyYXBwZXI6IChwcm9wcywgcHJvcE5hbWUpID0+IHtcbiAgICAgIGlmIChwcm9wc1twcm9wTmFtZV0pIHtcbiAgICAgICAgaWYgKHR5cGVvZiBwcm9wc1twcm9wTmFtZV0gIT09ICdmdW5jdGlvbicpIHtcbiAgICAgICAgICByZXR1cm4gbmV3IEVycm9yKFxuICAgICAgICAgICAgYEludmFsaWQgcHJvcCAnY29tcG9uZW50cy53cmFwcGVyJyBzdXBwbGllZCB0byAnUmFkaW9JbnB1dC5PcHRpb24nOiB0aGUgcHJvcCBpcyBub3QgYSBmdW5jdGlvbmBcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIGlmIChwcm9wc1twcm9wTmFtZV0ubGVuZ3RoICE9PSAxKSB7XG4gICAgICAgICAgcmV0dXJuIG5ldyBFcnJvcihcbiAgICAgICAgICAgIGBJbnZhbGlkIHByb3AgJ2NvbXBvbmVudHMud3JhcHBlcicgc3VwcGxpZWQgdG8gJ1JhZGlvSW5wdXQuT3B0aW9uJzogdGhlIHN1cHBsaWVkIGZ1bmN0aW9uIHNob3VsZCBleHBlY3Qgb25lIGFyZ3VtZW50YFxuICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGlzVmFsaWRFbGVtZW50VHlwZShwcm9wc1twcm9wTmFtZV0oRnJhZ21lbnQpKSkge1xuICAgICAgICAgIHJldHVybiBuZXcgRXJyb3IoXG4gICAgICAgICAgICBgSW52YWxpZCBwcm9wICdjb21wb25lbnRzLndyYXBwZXInIHN1cHBsaWVkIHRvICdSYWRpb0lucHV0Lk9wdGlvbic6IHRoZSBmdW5jdGlvbiBzdXBwbGllZCBzaG91bGQgcmV0dXJuIGEgdmFsaWQgcmVhY3QgZWxlbWVudGBcbiAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9LFxuICB9KSxcblxuICAvLyBJbmplY3RlZCBwcm9wcyBmcm9tIHRoZSBwYXJlbnQgR3JvdXAgY29tcG9uZW50XG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNSZWFkT25seTogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzV2FybmluZzogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gIG9uQmx1cjogUHJvcFR5cGVzLmZ1bmMsXG5cbiAgLy8gVGhpcyBwcm9wIGZvcmNlcyBSYWRpby5PcHRpb24gdG8gYmUgcmVuZGVyZWQgaW4gYSBob3ZlcmVkIHN0YXRlICh0aG91Z2ggaXNEaXNhYmxlZCB0YWtlc1xuICAvLyBwcmVjZWRlbmNlIG92ZXIgdGhhdCkuIFdlIG5lZWQgdGhhdCB0byBhZGRyZXNzIGEgdXNlLWNhc2Ugd2hlbiBob3ZlcmluZyBpcyBjb21taW5nXG4gIC8vIGZyb20gc29tZXdoZXJlIHVwIHRoZSBoaWVyYXJjaHkuIFRoZXJlIGlzIG5vIG5lZWQgdG8gdG91Y2ggdGhpcyBwcm9wIGluIGNhc2VcbiAgLy8gYWxsIHlvdSBuZWVkIGlzIGEgZ2VuZXJhbCBoaWdobGlnaHRpbmcgb24gaG92ZXIgb2YgUmFkaW8uT3B0aW9uIGJvZHksIHdoaWNoIGlzIHNvbHZlZFxuICAvLyBieSBhIGNvcnJlc3BvbmRpbmcgOmhvdmVyIHNlbGVjdG9yIGluIHRoZSBzeWxlcyBvZiB0aGlzIGNvbXBvbmVudC5cbiAgaXNIb3ZlcmVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk9wdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbXBvbmVudHM6IHt9LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
 
 var Option = function Option(props) {
   var labelProps = props.id ? {
     htmlFor: props.id
   } : {};
-  return react.jsx("label", _extends({
+  return jsxRuntime.jsxs("label", _objectSpread$1(_objectSpread$1({
     css: getLabelStyles(props),
     role: "radio",
     "aria-checked": props.isChecked,
     onFocus: props.onFocus,
     onBlur: props.onBlur
-  }, utils.filterInvalidAttributes(labelProps)), react.jsx(Input, _extends({
-    css: inputUtils.accessibleHiddenInputStyles,
-    id: props.id,
-    name: props.name,
-    value: props.value,
-    onChange: props.isReadOnly ? undefined : props.onChange,
-    disabled: props.isDisabled,
-    checked: props.isChecked,
-    type: "radio",
-    readOnly: props.isReadOnly,
-    "aria-readonly": props.isReadOnly
-  }, utils.filterDataAttributes(props))), react.jsx("div", {
-    css: getContainerStyles(props)
-  }, props.isChecked ? react.jsx(RadioOptionCheckedIcon, {
-    size: "medium"
-  }) : react.jsx(RadioOptionUncheckedIcon, {
-    size: "medium"
-  })), react.jsx(LabelTextWrapper, {
-    isDisabled: props.isDisabled
-  }, props.children));
+  }, utils.filterInvalidAttributes(labelProps)), {}, {
+    children: [jsxRuntime.jsx(Input, _objectSpread$1({
+      css: inputUtils.accessibleHiddenInputStyles,
+      id: props.id,
+      name: props.name,
+      value: props.value,
+      onChange: props.isReadOnly ? undefined : props.onChange,
+      disabled: props.isDisabled,
+      checked: props.isChecked,
+      type: "radio",
+      readOnly: props.isReadOnly,
+      "aria-readonly": props.isReadOnly
+    }, utils.filterDataAttributes(props))), jsxRuntime.jsx("div", {
+      css: getContainerStyles(props),
+      children: props.isChecked ? jsxRuntime.jsx(RadioOptionCheckedIcon$1, {
+        size: "medium"
+      }) : jsxRuntime.jsx(RadioOptionUncheckedIcon$1, {
+        size: "medium"
+      })
+    }), jsxRuntime.jsx(LabelTextWrapper, {
+      isDisabled: props.isDisabled,
+      children: props.children
+    })]
+  }));
 };
 
 Option.displayName = 'RadioOption';
 Option.propTypes = process.env.NODE_ENV !== "production" ? {
   // Direct props
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].bool]).isRequired,
-  children: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element, PropTypes__default['default'].func]).isRequired,
-  components: PropTypes__default['default'].shape({
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].bool]).isRequired,
+  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element, PropTypes__default["default"].func]).isRequired,
+  components: PropTypes__default["default"].shape({
     wrapper: function wrapper(props, propName) {
       if (props[propName]) {
         if (typeof props[propName] !== 'function') {
@@ -471,7 +512,7 @@ Option.propTypes = process.env.NODE_ENV !== "production" ? {
           return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument");
         }
 
-        if (reactIs.isValidElementType(props[propName](React__default['default'].Fragment))) {
+        if (reactIs.isValidElementType(props[propName](react$1.Fragment))) {
           return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element");
         }
       }
@@ -480,54 +521,56 @@ Option.propTypes = process.env.NODE_ENV !== "production" ? {
     }
   }),
   // Injected props from the parent Group component
-  id: PropTypes__default['default'].string,
-  name: PropTypes__default['default'].string,
-  isChecked: PropTypes__default['default'].bool,
-  isDisabled: PropTypes__default['default'].bool,
-  isReadOnly: PropTypes__default['default'].bool,
-  hasError: PropTypes__default['default'].bool,
-  hasWarning: PropTypes__default['default'].bool,
-  onChange: PropTypes__default['default'].func,
-  onFocus: PropTypes__default['default'].func,
-  onBlur: PropTypes__default['default'].func,
+  id: PropTypes__default["default"].string,
+  name: PropTypes__default["default"].string,
+  isChecked: PropTypes__default["default"].bool,
+  isDisabled: PropTypes__default["default"].bool,
+  isReadOnly: PropTypes__default["default"].bool,
+  hasError: PropTypes__default["default"].bool,
+  hasWarning: PropTypes__default["default"].bool,
+  onChange: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onBlur: PropTypes__default["default"].func,
   // This prop forces Radio.Option to be rendered in a hovered state (though isDisabled takes
   // precedence over that). We need that to address a use-case when hovering is comming
   // from somewhere up the hierarchy. There is no need to touch this prop in case
   // all you need is a general highlighting on hover of Radio.Option body, which is solved
   // by a corresponding :hover selector in the syles of this component.
-  isHovered: PropTypes__default['default'].bool
+  isHovered: PropTypes__default["default"].bool
 } : {};
 Option.defaultProps = {
   components: {}
 };
+var Option$1 = Option;
+
+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 _context2; _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), true)).call(_context2, 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 _context3; _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } } return target; }
 var directionWrapper = process.env.NODE_ENV !== "production" ? {
-  stack: Stack__default['default'],
-  inline: Inline__default['default']
+  stack: Stack__default["default"],
+  inline: Inline__default["default"]
 } : {};
 
 var Group = function Group(props) {
-  var _context;
-
-  React__default['default'].useEffect(function () {
+  react$1.useEffect(function () {
     // NOTE: We allow mixed children rendered as (e.g. spacers)
     // as a result we need to filter out children of the correct type.
-    var childrenAsArray = React__default['default'].Children.toArray(props.children);
+    var childrenAsArray = react$1.Children.toArray(props.children);
 
-    var optionChildrenAsArray = _filterInstanceProperty__default['default'](childrenAsArray).call(childrenAsArray, function (child) {
-      return child.type.displayName === Option.displayName;
+    var optionChildrenAsArray = _filterInstanceProperty__default["default"](childrenAsArray).call(childrenAsArray, function (child) {
+      return child.type.displayName === Option$1.displayName;
     });
 
     process.env.NODE_ENV !== "production" ? utils.warning(optionChildrenAsArray.length > 0, 'Radio.Group must contain at least one Radio.Option') : void 0;
   }, [props.children]);
 
-  var optionElements = _mapInstanceProperty__default['default'](_context = React__default['default'].Children).call(_context, props.children, function (child, index) {
+  var optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (child, index) {
     // NOTE: Allowing to intersperse other elements than `Option`.
-    if (child && child.type.displayName === Option.displayName) {
-      var _context2;
+    if (child && child.type.displayName === Option$1.displayName) {
+      var _context;
 
-      var clonedChild = /*#__PURE__*/React__default['default'].cloneElement(child, {
-        id: props.id && _concatInstanceProperty__default['default'](_context2 = "".concat(props.id, "-")).call(_context2, index),
+      var clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
+        id: props.id && _concatInstanceProperty__default["default"](_context = "".concat(props.id, "-")).call(_context, index),
         name: props.name,
         isChecked: props.value === child.props.value,
         isDisabled: child.props.isDisabled || props.isDisabled,
@@ -546,34 +589,41 @@ var Group = function Group(props) {
   });
 
   if (props.direction === 'inline') {
-    return react.jsx("div", {
-      "aria-labelledby": props.id
-    }, react.jsx(Inline__default['default'], _extends({}, props.directionProps, utils.filterDataAttributes(props)), optionElements));
+    return jsxRuntime.jsx("div", {
+      "aria-labelledby": props.id,
+      children: jsxRuntime.jsx(Inline__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
+        children: optionElements
+      }))
+    });
   }
 
-  return react.jsx("div", {
-    "aria-labelledby": props.id
-  }, react.jsx(Constraints__default['default'].Horizontal, {
-    max: props.horizontalConstraint
-  }, react.jsx(Stack__default['default'], _extends({}, props.directionProps, utils.filterDataAttributes(props)), optionElements)));
+  return jsxRuntime.jsx("div", {
+    "aria-labelledby": props.id,
+    children: jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
+      max: props.horizontalConstraint,
+      children: jsxRuntime.jsx(Stack__default["default"], _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), utils.filterDataAttributes(props)), {}, {
+        children: optionElements
+      }))
+    })
+  });
 };
 
 Group.displayName = 'RadioGroup';
 Group.propTypes = process.env.NODE_ENV !== "production" ? {
-  id: PropTypes__default['default'].string,
-  name: PropTypes__default['default'].string,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].bool]).isRequired,
-  onChange: PropTypes__default['default'].func,
-  onBlur: PropTypes__default['default'].func,
-  onFocus: PropTypes__default['default'].func,
-  isDisabled: PropTypes__default['default'].bool,
-  isReadOnly: PropTypes__default['default'].bool,
-  hasError: PropTypes__default['default'].bool,
-  hasWarning: PropTypes__default['default'].bool,
-  horizontalConstraint: PropTypes__default['default'].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
-  direction: PropTypes__default['default'].oneOf(_Object$keys__default['default'](directionWrapper)),
-  directionProps: PropTypes__default['default'].object,
-  children: PropTypes__default['default'].node.isRequired
+  id: PropTypes__default["default"].string,
+  name: PropTypes__default["default"].string,
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].bool]).isRequired,
+  onChange: PropTypes__default["default"].func,
+  onBlur: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  isDisabled: PropTypes__default["default"].bool,
+  isReadOnly: PropTypes__default["default"].bool,
+  hasError: PropTypes__default["default"].bool,
+  hasWarning: PropTypes__default["default"].bool,
+  horizontalConstraint: PropTypes__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
+  direction: PropTypes__default["default"].oneOf(_Object$keys__default["default"](directionWrapper)),
+  directionProps: PropTypes__default["default"].object,
+  children: PropTypes__default["default"].node.isRequired
 } : {};
 Group.defaultProps = {
   horizontalConstraint: 'scale',
@@ -582,14 +632,15 @@ Group.defaultProps = {
     scale: 'm'
   }
 };
+var Group$1 = Group;
 
-// 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";
 
-var index = {
-  Group: Group,
-  Option: Option
+var RadioInput = {
+  Group: Group$1,
+  Option: Option$1
 };
 
-exports.default = index;
+exports["default"] = RadioInput;
 exports.version = version;