@commercetools-uikit/radio-input 12.2.1 → 12.2.5

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

@@ -1,11 +1,17 @@
-import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
-import React from 'react';
+import { Fragment, useEffect, Children, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-import { warning, filterInvalidAttributes, filterDataAttributes } from '@commercetools-uikit/utils';
+import { warning, filterDataAttributes, filterInvalidAttributes } from '@commercetools-uikit/utils';
 import Constraints from '@commercetools-uikit/constraints';
 import Stack from '@commercetools-uikit/spacings-stack';
 import Inline from '@commercetools-uikit/spacings-inline';
@@ -13,26 +19,19 @@ import _styled from '@emotion/styled/base';
 import { isValidElementType } from 'react-is';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { accessibleHiddenInputStyles } from '@commercetools-uikit/input-utils';
-import { useTheme, jsx, css } from '@emotion/react';
-import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
-import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import { useTheme, ClassNames, css } from '@emotion/react';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var iconSizes = {
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$3(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var iconSizes$1 = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions = function getSizeDimensions(size) {
+var getSizeDimensions$1 = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -44,22 +43,22 @@ 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':
@@ -70,17 +69,46 @@ var getSizeStyle = function getSizeStyle(size) {
   }
 };
 
-var capitalize = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
-};
-
-var getColor = function getColor(color, theme) {
+var getColor$1 = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread(_objectSpread({}, customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$3(_objectSpread$3({}, customProperties), theme);
+
+  var iconColor;
+
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
 
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
 
-  var iconColor = overwrittenVars["color".concat(capitalize(color))];
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
+
+    case 'info':
+      iconColor = overwrittenVars.colorInfo;
+      break;
+
+    case 'primary':
+      iconColor = overwrittenVars.colorPrimary;
+      break;
+
+    case 'primary40':
+      iconColor = overwrittenVars.colorPrimary40;
+      break;
+
+    case 'warning':
+      iconColor = overwrittenVars.colorWarning;
+      break;
+
+    case 'error':
+      iconColor = overwrittenVars.colorError;
+      break;
+  }
 
   if (!iconColor) {
     process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -90,81 +118,70 @@ var getColor = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles = function getIconStyles(props, theme) {
-  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"));
+var getIconStyles$1 = function getIconStyles(props, theme) {
+  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), 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 jsx("svg", _extends({
+  return jsx("svg", _objectSpread$3(_objectSpread$3({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), jsx("g", {
-    id: "radio-option-checked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, jsx("g", {
-    id: "radio-option-checked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-402 -725)"
-  }, jsx("g", {
-    id: "radio-option-checked_react_svg__RadioButton-active-default",
-    transform: "translate(402 725)"
-  }, jsx("circle", {
-    id: "radio-option-checked_react_svg__background",
-    stroke: "#AFAFAF",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }), jsx("g", {
-    id: "radio-option-checked_react_svg__borderAndContent"
-  }, jsx("circle", {
-    id: "radio-option-checked_react_svg__border",
-    stroke: "#AFAFAF",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }), jsx("circle", {
-    id: "radio-option-checked_react_svg__content",
-    fill: "#20AD92",
-    cx: 8,
-    cy: 8,
-    r: 4
-  }))))));
+  }, props), {}, {
+    children: jsxs("g", {
+      fillRule: "evenodd",
+      children: [jsx("circle", {
+        stroke: "#AFAFAF",
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 7.5
+      }), jsx("circle", {
+        "data-style": "radio-option__border",
+        stroke: "#AFAFAF",
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 7.5
+      }), jsx("circle", {
+        "data-style": "radio-option__content",
+        fill: "#20AD92",
+        cx: 8,
+        cy: 8,
+        r: 4
+      })]
+    })
+  }));
 };
 
-SvgRadioOptionChecked.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgRadioOptionChecked.displayName = 'SvgRadioOptionChecked';
 
 var RadioOptionCheckedIcon = function RadioOptionCheckedIcon(props) {
   var theme = useTheme();
-  return jsx(SvgRadioOptionChecked, _extends({}, props, {
-    css: getIconStyles(props, theme)
-  }));
+  return jsx(ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsx(SvgRadioOptionChecked, _objectSpread$3(_objectSpread$3({}, props), {}, {
+        className: createClass(getIconStyles$1(props, theme))
+      }));
+    }
+  });
 };
 
-RadioOptionCheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 RadioOptionCheckedIcon.displayName = 'RadioOptionCheckedIcon';
+var RadioOptionCheckedIcon$1 = RadioOptionCheckedIcon;
 
-function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context3; _forEachInstanceProperty(_context3 = ownKeys$1(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$1(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
-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(_context3 = ownKeys$2(Object(source), true)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context4; _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var iconSizes = {
   small: 12,
   medium: 16,
   big: 24
 };
 
-var getSizeDimensions$1 = function getSizeDimensions(size) {
+var getSizeDimensions = function getSizeDimensions(size) {
   switch (size) {
     case 'scale':
       return {
@@ -176,22 +193,22 @@ 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':
@@ -202,17 +219,46 @@ var getSizeStyle$1 = function getSizeStyle(size) {
   }
 };
 
-var capitalize$1 = function capitalize(value) {
-  return value[0].toUpperCase() + _sliceInstanceProperty(value).call(value, 1);
-};
-
-var getColor$1 = function getColor(color, theme) {
+var getColor = function getColor(color, theme) {
   if (!color) return 'inherit';
 
-  var overwrittenVars = _objectSpread$1(_objectSpread$1({}, customProperties), theme); // @ts-expect-error
+  var overwrittenVars = _objectSpread$2(_objectSpread$2({}, customProperties), theme);
 
+  var iconColor;
 
-  var iconColor = overwrittenVars["color".concat(capitalize$1(color))];
+  switch (color) {
+    case 'solid':
+      iconColor = overwrittenVars.colorSolid;
+      break;
+
+    case 'neutral60':
+      iconColor = overwrittenVars.colorNeutral60;
+      break;
+
+    case 'surface':
+      iconColor = overwrittenVars.colorSurface;
+      break;
+
+    case 'info':
+      iconColor = overwrittenVars.colorInfo;
+      break;
+
+    case 'primary':
+      iconColor = overwrittenVars.colorPrimary;
+      break;
+
+    case 'primary40':
+      iconColor = overwrittenVars.colorPrimary40;
+      break;
+
+    case 'warning':
+      iconColor = overwrittenVars.colorWarning;
+      break;
+
+    case 'error':
+      iconColor = overwrittenVars.colorError;
+      break;
+  }
 
   if (!iconColor) {
     process.env.NODE_ENV !== "production" ? warning(color, "ui-kit/Icon: the specified color '".concat(color, "' is not supported.")) : void 0;
@@ -222,62 +268,51 @@ var getColor$1 = function getColor(color, theme) {
   return iconColor;
 };
 
-var getIconStyles$1 = function getIconStyles(props, theme) {
-  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor$1(props.color, theme), ";}&,image{", getSizeStyle$1(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"));
+var getIconStyles = function getIconStyles(props, theme) {
+  return /*#__PURE__*/css("*:not([fill='none']){fill:", getColor(props.color, theme), ";}&,image{", getSizeStyle(props.size), ";}flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:getIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvT3B0aW9uVW5jaGVja2VkUmVhY3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStIZ0UiLCJmaWxlIjoiUmFkaW9PcHRpb25VbmNoZWNrZWRSZWFjdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUSElTIElTIEFOIEFVVE9HRU5FUkFURUQgRklMRS4gRE8gTk9UIEVESVQgVEhJUyBGSUxFIERJUkVDVExZLlxuLy8gVGhpcyBmaWxlIGlzIGNyZWF0ZWQgd2l0aCAneWFybiBnZW5lcmF0ZS1pY29ucycuXG4vLyBPcmlnaW5hbCBTVkcgZmlsZTogc3JjL2ljb25zL3N2Zy9yYWRpby1vcHRpb24tdW5jaGVja2VkLnJlYWN0LnN2Z1xuXG4vKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnMgKi9cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IHsgY3NzLCBDbGFzc05hbWVzLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yPzpcbiAgICB8ICdzb2xpZCdcbiAgICB8ICduZXV0cmFsNjAnXG4gICAgfCAnc3VyZmFjZSdcbiAgICB8ICdpbmZvJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAncHJpbWFyeTQwJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InO1xuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2JpZycgfCAnc2NhbGUnO1xufTtcbmV4cG9ydCB0eXBlIFNWR1Byb3BzID0gUHJvcHMgJiB7XG4gIGNsYXNzTmFtZTogc3RyaW5nO1xufTtcbmNvbnN0IGljb25TaXplcyA9IHtcbiAgc21hbGw6IDEyLFxuICBtZWRpdW06IDE2LFxuICBiaWc6IDI0LFxufSBhcyBjb25zdDtcblxuY29uc3QgZ2V0U2l6ZURpbWVuc2lvbnMgPSAoc2l6ZTogUHJvcHNbJ3NpemUnXSkgPT4ge1xuICBzd2l0Y2ggKHNpemUpIHtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4ge1xuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgIH07XG5cbiAgICBjYXNlICdzbWFsbCc6XG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplc1tzaXplXX1weGAsXG4gICAgICAgIGhlaWdodDogYCR7aWNvblNpemVzW3NpemVdfXB4YCxcbiAgICAgIH07XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgd2lkdGg6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgICBoZWlnaHQ6IGAke2ljb25TaXplcy5iaWd9cHhgLFxuICAgICAgfTtcbiAgfVxufTtcblxuY29uc3QgZ2V0U2l6ZVN0eWxlID0gKHNpemU6IFByb3BzWydzaXplJ10pID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGdldFNpemVEaW1lbnNpb25zKHNpemUpO1xuXG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ3NjYWxlJzpcbiAgICAgIHJldHVybiBgXG4gICAgICAgICY6bm90KDpyb290KSB7XG4gICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ucy53aWR0aH07XG4gICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgICAgfVxuICAgICAgYDtcblxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gYFxuICAgICAgICB3aWR0aDogJHtkaW1lbnNpb25zLndpZHRofTtcbiAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbnMuaGVpZ2h0fTtcbiAgICAgIGA7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbG9yID0gKGNvbG9yOiBQcm9wc1snY29sb3InXSwgdGhlbWU6IFRoZW1lKSA9PiB7XG4gIGlmICghY29sb3IpIHJldHVybiAnaW5oZXJpdCc7XG4gIGNvbnN0IG92ZXJ3cml0dGVuVmFycyA9IHsgLi4udmFycywgLi4udGhlbWUgfTtcbiAgbGV0IGljb25Db2xvcjtcblxuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAnc29saWQnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU29saWQ7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ25ldXRyYWw2MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JOZXV0cmFsNjA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3N1cmZhY2UnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yU3VyZmFjZTtcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JJbmZvO1xuICAgICAgYnJlYWs7XG5cbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIGljb25Db2xvciA9IG92ZXJ3cml0dGVuVmFycy5jb2xvclByaW1hcnk7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3ByaW1hcnk0MCc6XG4gICAgICBpY29uQ29sb3IgPSBvdmVyd3JpdHRlblZhcnMuY29sb3JQcmltYXJ5NDA7XG4gICAgICBicmVhaztcblxuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yV2FybmluZztcbiAgICAgIGJyZWFrO1xuXG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgaWNvbkNvbG9yID0gb3ZlcndyaXR0ZW5WYXJzLmNvbG9yRXJyb3I7XG4gICAgICBicmVhaztcblxuICAgIGRlZmF1bHQ6XG4gICAgICBicmVhaztcbiAgfVxuXG4gIGlmICghaWNvbkNvbG9yKSB7XG4gICAgd2FybmluZyhcbiAgICAgIGNvbG9yLFxuICAgICAgYHVpLWtpdC9JY29uOiB0aGUgc3BlY2lmaWVkIGNvbG9yICcke2NvbG9yfScgaXMgbm90IHN1cHBvcnRlZC5gXG4gICAgKTtcbiAgICByZXR1cm4gJ2luaGVyaXQnO1xuICB9XG5cbiAgcmV0dXJuIGljb25Db2xvcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRJY29uU3R5bGVzID0gKHByb3BzOiBQcm9wcywgdGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICo6bm90KFtmaWxsPSdub25lJ10pIHtcbiAgICBmaWxsOiAke2dldENvbG9yKHByb3BzLmNvbG9yLCB0aGVtZSl9O1xuICB9XG4gICYsXG4gIGltYWdlIHtcbiAgICAke2dldFNpemVTdHlsZShwcm9wcy5zaXplKX07XG4gIH1cbiAgZmxleC1zaHJpbms6IDA7XG5gO1xuXG5jb25zdCBTdmdSYWRpb09wdGlvblVuY2hlY2tlZCA9IChwcm9wczogU1ZHUHJvcHMpID0+IChcbiAgPHN2Z1xuICAgIHdpZHRoPXsxNn1cbiAgICBoZWlnaHQ9ezE2fVxuICAgIHZpZXdCb3g9XCIwIDAgMTYgMTZcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIDxnIGZpbGxSdWxlPVwiZXZlbm9kZFwiPlxuICAgICAgPGNpcmNsZSBmaWxsPVwiI0ZGRlwiIGN4PXs4fSBjeT17OH0gcj17OH0gLz5cbiAgICAgIDxjaXJjbGVcbiAgICAgICAgZGF0YS1zdHlsZT1cInJhZGlvLW9wdGlvbl9fYm9yZGVyXCJcbiAgICAgICAgY3g9ezh9XG4gICAgICAgIGN5PXs4fVxuICAgICAgICByPXs3LjV9XG4gICAgICAgIHN0cm9rZT1cIiNBRkFGQUZcIlxuICAgICAgLz5cbiAgICA8L2c+XG4gIDwvc3ZnPlxuKTtcblxuU3ZnUmFkaW9PcHRpb25VbmNoZWNrZWQuZGlzcGxheU5hbWUgPSAnU3ZnUmFkaW9PcHRpb25VbmNoZWNrZWQnO1xuXG5jb25zdCBSYWRpb09wdGlvblVuY2hlY2tlZEljb24gPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3M6IGNyZWF0ZUNsYXNzIH0pID0+IChcbiAgICAgICAgPFN2Z1JhZGlvT3B0aW9uVW5jaGVja2VkXG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3JlYXRlQ2xhc3MoZ2V0SWNvblN0eWxlcyhwcm9wcywgdGhlbWUpKX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcblxuUmFkaW9PcHRpb25VbmNoZWNrZWRJY29uLmRpc3BsYXlOYW1lID0gJ1JhZGlvT3B0aW9uVW5jaGVja2VkSWNvbic7XG5leHBvcnQgZGVmYXVsdCBSYWRpb09wdGlvblVuY2hlY2tlZEljb247XG4iXX0= */");
 };
 
 var SvgRadioOptionUnchecked = function SvgRadioOptionUnchecked(props) {
-  return jsx("svg", _extends({
+  return jsx("svg", _objectSpread$2(_objectSpread$2({
     width: 16,
     height: 16,
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), jsx("g", {
-    id: "radio-option-unchecked_react_svg__ATOM---Checkboxes---Radio-buttons",
-    stroke: "none",
-    strokeWidth: 1,
-    fillRule: "evenodd"
-  }, jsx("g", {
-    id: "radio-option-unchecked_react_svg__Checkboxes-Radio-Buttons",
-    transform: "translate(-402 -645)"
-  }, jsx("g", {
-    id: "radio-option-unchecked_react_svg__RadioButton-empty-default",
-    transform: "translate(402 645)"
-  }, jsx("circle", {
-    id: "radio-option-unchecked_react_svg__background",
-    fill: "#FFF",
-    cx: 8,
-    cy: 8,
-    r: 8
-  }), jsx("g", {
-    id: "radio-option-unchecked_react_svg__borderAndContent",
-    stroke: "#AFAFAF"
-  }, jsx("circle", {
-    id: "radio-option-unchecked_react_svg__border",
-    cx: 8,
-    cy: 8,
-    r: 7.5
-  }))))));
+  }, props), {}, {
+    children: jsxs("g", {
+      fillRule: "evenodd",
+      children: [jsx("circle", {
+        fill: "#FFF",
+        cx: 8,
+        cy: 8,
+        r: 8
+      }), 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.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 SvgRadioOptionUnchecked.displayName = 'SvgRadioOptionUnchecked';
 
 var RadioOptionUncheckedIcon = function RadioOptionUncheckedIcon(props) {
   var theme = useTheme();
-  return jsx(SvgRadioOptionUnchecked, _extends({}, props, {
-    css: getIconStyles$1(props, theme)
-  }));
+  return jsx(ClassNames, {
+    children: function children(_ref) {
+      var createClass = _ref.css;
+      return jsx(SvgRadioOptionUnchecked, _objectSpread$2(_objectSpread$2({}, props), {}, {
+        className: createClass(getIconStyles(props, theme))
+      }));
+    }
+  });
 };
 
-RadioOptionUncheckedIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: PropTypes.oneOf(['solid', 'neutral60', 'surface', 'info', 'primary', 'primary40', 'warning', 'error']),
-  size: PropTypes.oneOf(['small', 'medium', 'big', 'scale'])
-} : {};
 RadioOptionUncheckedIcon.displayName = 'RadioOptionUncheckedIcon';
+var RadioOptionUncheckedIcon$1 = RadioOptionUncheckedIcon;
 
 var LabelTextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "ex16vpg0"
@@ -286,7 +321,7 @@ var LabelTextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   label: "LabelTextWrapper"
 })("margin-left:", customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", function (props) {
   return props.isDisabled ? customProperties.fontColorForInputWhenDisabled : 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) {
@@ -333,7 +368,7 @@ var getSvgContainerContentFill = function getSvgContainerContentFill(props) {
 };
 
 var getContainerStyles = function getContainerStyles(props) {
-  return /*#__PURE__*/css("display:flex;align-items:center;svg{fill:", props.isDisabled ? customProperties.backgroundColorForInputWhenDisabled : 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__*/css("display:flex;align-items:center;svg{fill:", props.isDisabled ? customProperties.backgroundColorForInputWhenDisabled : 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) {
@@ -389,46 +424,54 @@ var getLabelCursor = function getLabelCursor(props) {
 };
 
 var getLabelStyles = function getLabelStyles(props) {
-  return /*#__PURE__*/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 ", customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"));
+  return /*#__PURE__*/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 ", 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 */");
 };
 
+function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys$1(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var Input = _styled("input", process.env.NODE_ENV === "production" ? {
   target: "e7w4k1b0"
 } : {
   target: "e7w4k1b0",
   label: "Input"
-})("&:focus+div>svg [id$='borderAndContent']>[id$='border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}");
+})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", 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 jsx("label", _extends({
+  return jsxs("label", _objectSpread$1(_objectSpread$1({
     css: getLabelStyles(props),
     role: "radio",
     "aria-checked": props.isChecked,
     onFocus: props.onFocus,
     onBlur: props.onBlur
-  }, filterInvalidAttributes(labelProps)), jsx(Input, _extends({
-    css: 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
-  }, filterDataAttributes(props))), jsx("div", {
-    css: getContainerStyles(props)
-  }, props.isChecked ? jsx(RadioOptionCheckedIcon, {
-    size: "medium"
-  }) : jsx(RadioOptionUncheckedIcon, {
-    size: "medium"
-  })), jsx(LabelTextWrapper, {
-    isDisabled: props.isDisabled
-  }, props.children));
+  }, filterInvalidAttributes(labelProps)), {}, {
+    children: [jsx(Input, _objectSpread$1({
+      css: 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
+    }, filterDataAttributes(props))), jsx("div", {
+      css: getContainerStyles(props),
+      children: props.isChecked ? jsx(RadioOptionCheckedIcon$1, {
+        size: "medium"
+      }) : jsx(RadioOptionUncheckedIcon$1, {
+        size: "medium"
+      })
+    }), jsx(LabelTextWrapper, {
+      isDisabled: props.isDisabled,
+      children: props.children
+    })]
+  }));
 };
 
 Option.displayName = 'RadioOption';
@@ -447,7 +490,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 (isValidElementType(props[propName](React.Fragment))) {
+        if (isValidElementType(props[propName](Fragment))) {
           return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element");
         }
       }
@@ -476,34 +519,36 @@ Option.propTypes = process.env.NODE_ENV !== "production" ? {
 Option.defaultProps = {
   components: {}
 };
+var Option$1 = Option;
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context3; _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var directionWrapper = process.env.NODE_ENV !== "production" ? {
   stack: Stack,
   inline: Inline
 } : {};
 
 var Group = function Group(props) {
-  var _context;
-
-  React.useEffect(function () {
+  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.Children.toArray(props.children);
+    var childrenAsArray = Children.toArray(props.children);
 
     var optionChildrenAsArray = _filterInstanceProperty(childrenAsArray).call(childrenAsArray, function (child) {
-      return child.type.displayName === Option.displayName;
+      return child.type.displayName === Option$1.displayName;
     });
 
     process.env.NODE_ENV !== "production" ? warning(optionChildrenAsArray.length > 0, 'Radio.Group must contain at least one Radio.Option') : void 0;
   }, [props.children]);
 
-  var optionElements = _mapInstanceProperty(_context = React.Children).call(_context, props.children, function (child, index) {
+  var optionElements = _mapInstanceProperty(Children).call(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.cloneElement(child, {
-        id: props.id && _concatInstanceProperty(_context2 = "".concat(props.id, "-")).call(_context2, index),
+      var clonedChild = /*#__PURE__*/cloneElement(child, {
+        id: props.id && _concatInstanceProperty(_context = "".concat(props.id, "-")).call(_context, index),
         name: props.name,
         isChecked: props.value === child.props.value,
         isDisabled: child.props.isDisabled || props.isDisabled,
@@ -523,15 +568,22 @@ var Group = function Group(props) {
 
   if (props.direction === 'inline') {
     return jsx("div", {
-      "aria-labelledby": props.id
-    }, jsx(Inline, _extends({}, props.directionProps, filterDataAttributes(props)), optionElements));
+      "aria-labelledby": props.id,
+      children: jsx(Inline, _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), filterDataAttributes(props)), {}, {
+        children: optionElements
+      }))
+    });
   }
 
   return jsx("div", {
-    "aria-labelledby": props.id
-  }, jsx(Constraints.Horizontal, {
-    max: props.horizontalConstraint
-  }, jsx(Stack, _extends({}, props.directionProps, filterDataAttributes(props)), optionElements)));
+    "aria-labelledby": props.id,
+    children: jsx(Constraints.Horizontal, {
+      max: props.horizontalConstraint,
+      children: jsx(Stack, _objectSpread(_objectSpread(_objectSpread({}, props.directionProps), filterDataAttributes(props)), {}, {
+        children: optionElements
+      }))
+    })
+  });
 };
 
 Group.displayName = 'RadioGroup';
@@ -558,14 +610,14 @@ 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
 };
 
-export default index;
-export { version };
+export { RadioInput as default, version };