carbon-react 111.12.1 → 111.12.3

package/lib/components/preview/preview.style.js

@@ -4,19 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPreview = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledPreview = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;
 exports.StyledPreview = StyledPreview;
 StyledPreview.defaultProps = {
   theme: _base.default
-}; // eslint-disable-next-line import/prefer-default-export
+};
+
+// eslint-disable-next-line import/prefer-default-export

package/lib/components/profile/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _profile.default;
   }
 });
-
 var _profile = _interopRequireDefault(require("./profile.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/profile/profile.component.js

@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Profile = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _profile = require("./profile.style");
-
 var _utils = require("../../style/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function acronymize(str) {
   if (!str) return "";
   const matches = str.match(/\b\w/g);
   if (!matches) return "";
   return matches.join("");
 }
-
 const Profile = ({
   src,
   className,
@@ -39,7 +30,6 @@ const Profile = ({
     if (initials) return initials;
     return acronymize(name);
   };
-
   const avatar = () => {
     if (src) {
       return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
@@ -51,14 +41,12 @@ const Profile = ({
         "data-element": "user-image"
       });
     }
-
     return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
       initials: getInitials(),
       gravatar: email,
       size: size
     });
   };
-
   const text = () => {
     return /*#__PURE__*/_react.default.createElement(_profile.ProfileDetailsStyle, {
       size: size,
@@ -71,13 +59,11 @@ const Profile = ({
       "data-element": "email"
     }, email));
   };
-
   return /*#__PURE__*/_react.default.createElement(_profile.ProfileStyle, _extends({
     className: className,
     hasSrc: !!src
   }, (0, _tags.default)("profile", props), (0, _utils.filterStyledSystemMarginProps)(props)), avatar(), text());
 };
-
 exports.Profile = Profile;
 Profile.propTypes = {
   "className": _propTypes.default.string,

package/lib/components/profile/profile.style.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileEmailStyle = exports.ProfileAvatarStyle = exports.ProfileDetailsStyle = exports.ProfileNameStyle = exports.ProfileStyle = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _portrait = _interopRequireDefault(require("../portrait"));
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _profile = _interopRequireDefault(require("./profile.config"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ProfileNameStyle = _styledComponents.default.span`
   font-weight: bold;
   display: block;

package/lib/components/progress-tracker/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _progressTracker.default;
   }
 });
-
 var _progressTracker = _interopRequireDefault(require("./progress-tracker.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/progress-tracker/progress-tracker.component.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-
 var _utils = require("../../style/utils");
-
 var _progressTracker = require("./progress-tracker.style");
-
 var _useResizeObserver = _interopRequireDefault(require("../../hooks/__internal__/useResizeObserver"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const ProgressTracker = ({
   "aria-label": ariaLabel = "progress tracker",
   "aria-describedby": ariaDescribedBy,
@@ -64,20 +51,16 @@ const ProgressTracker = ({
   (0, _useResizeObserver.default)(barRef, () => {
     updateBarLength();
   });
-
   const renderValueLabels = () => {
     if (!showDefaultLabels && !currentProgressLabel && !maxProgressLabel) {
       return null;
     }
-
     const label = (value, defaultValue) => {
       if (value) {
         return value;
       }
-
       return showDefaultLabels ? defaultValue : undefined;
     };
-
     return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledValuesLabel, {
       position: labelsPosition,
       isVertical: isVertical
@@ -87,7 +70,6 @@ const ProgressTracker = ({
       isMaxValue: true
     }, label(maxProgressLabel, "100%"))));
   };
-
   const defaultValueNow = ariaValueMin + (ariaValueMax - ariaValueMin) * progress / 100;
   return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressTracker, _extends({
     size: size,
@@ -113,53 +95,38 @@ const ProgressTracker = ({
     progress: progress
   })), !prefixLabels && renderValueLabels());
 };
-
-ProgressTracker.propTypes = { ...marginPropTypes,
-
+ProgressTracker.propTypes = {
+  ...marginPropTypes,
   /** Specifies an aria label to the component */
   "aria-label": _propTypes.default.string,
-
   /** Specifies the aria describedby for the component */
   "aria-describedby": _propTypes.default.string,
-
   /** The value of progress to be read out to the user. */
   "aria-valuenow": _propTypes.default.number,
-
   /** The minimum value of the progress tracker */
   "aria-valuemin": _propTypes.default.number,
-
   /** The maximum value of the progress tracker */
   "aria-valuemax": _propTypes.default.number,
-
   /** Prop to define the human readable text alternative of aria-valuenow
    * if aria-valuenow is not a number
    */
   "aria-valuetext": _propTypes.default.string,
-
   /** Size of the progress bar. */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
-
   /** Length of the progress bar, any valid css string. */
   length: _propTypes.default.string,
-
   /** Current progress (percentage). */
   progress: _propTypes.default.number,
-
   /** Flag to control whether the default value labels (as percentages) should be rendered. */
   showDefaultLabels: _propTypes.default.bool,
-
   /** Value to display as current progress. */
   currentProgressLabel: _propTypes.default.string,
-
   /** Value to display as the maximum progress limit. */
   maxProgressLabel: _propTypes.default.string,
-
   /** The orientation of the component. */
   orientation: _propTypes.default.oneOf(["horizontal", "vertical"]),
-
   /** The direction the bar should move as progress increases, only applies in vertical orientation. */
   direction: _propTypes.default.oneOf(["up", "down"]),
-
   /**
    * The position the value label are rendered in.
    * Top/bottom apply to horizontal and left/right to vertical orientation.

package/lib/components/progress-tracker/progress-tracker.config.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PROGRESS_TRACKER_SIZES = void 0;
-
 /* eslint-disable import/prefer-default-export */
 const PROGRESS_TRACKER_SIZES = ["small", "medium", "large"];
 exports.PROGRESS_TRACKER_SIZES = PROGRESS_TRACKER_SIZES;

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledValue = exports.StyledValuesLabel = exports.StyledProgressTracker = exports.InnerBar = exports.StyledProgressBar = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _progressTracker = require("./progress-tracker.config");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const StyledProgressTracker = _styledComponents.default.div`
   ${_styledSystem.margin}
   text-align: center;
@@ -137,25 +128,20 @@ const InnerBar = _styledComponents.default.span`
   `}
 `;
 exports.InnerBar = InnerBar;
-
 function getHeight(size) {
   switch (size) {
     case "small":
       return "var(--sizing050)";
-
     case "large":
       return "var(--sizing200)";
-
     default:
       return "var(--sizing100)";
   }
 }
-
 function getInnerBarColour(progress) {
   if (progress >= 100) return "var(--colorsSemanticPositive500)";
   return "var(--colorsSemanticNeutral500)";
 }
-
 StyledProgressTracker.defaultProps = {
   theme: _base.default
 };

package/lib/components/radio-button/index.js

@@ -22,16 +22,10 @@ Object.defineProperty(exports, "RadioButtonGroup", {
   }
 });
 exports.default = void 0;
-
 var _radioButton = _interopRequireWildcard(require("./radio-button.component"));
-
 var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = _radioButton.default;
 exports.default = _default;

package/lib/components/radio-button/radio-button-group.component.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
-
 var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.style"));
-
 var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
-
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
-
 var _utils = require("../../style/utils");
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const RadioButtonGroup = props => {
   const {
     children,
@@ -57,17 +43,13 @@ const RadioButtonGroup = props => {
   const isAboveLegendBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveLegendBreakpoint);
   const isAboveSpacingBreakpoint = (0, _useIsAboveBreakpoint.default)(adaptiveSpacingBreakpoint);
   let inlineLegend = legendInline;
-
   if (adaptiveLegendBreakpoint) {
     inlineLegend = isAboveLegendBreakpoint;
   }
-
   let marginLeft = marginProps.ml;
-
   if (adaptiveSpacingBreakpoint && !isAboveSpacingBreakpoint) {
     marginLeft = undefined;
   }
-
   return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
     tooltipPosition: tooltipPosition
   }, /*#__PURE__*/_react.default.createElement(_fieldset.default, _extends({
@@ -105,69 +87,50 @@ const RadioButtonGroup = props => {
     });
   })))));
 };
-
-RadioButtonGroup.propTypes = { ...marginPropTypes,
-
+RadioButtonGroup.propTypes = {
+  ...marginPropTypes,
   /** The RadioButton objects to be rendered in the group */
   children: _propTypes.default.node.isRequired,
-
   /** Specifies the name prop to be applied to each button in the group */
   name: _propTypes.default.string.isRequired,
-
   /** The content for the RadioGroup Legend */
   legend: _propTypes.default.string,
-
   /** Indicate that error has occurred
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that warning has occurred
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate additional information
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Callback fired when each RadioButton is blurred */
   onBlur: _propTypes.default.func,
-
   /** Callback fired when the user selects a RadioButton */
   onChange: _propTypes.default.func,
-
   /** value of the selected RadioButton */
   value: _propTypes.default.string,
-
   /** When true, RadioButtons are in line */
   inline: _propTypes.default.bool,
-
   /** When true, legend is placed in line with the radiobuttons */
   legendInline: _propTypes.default.bool,
-
   /** Percentage width of legend (only when legend is inline)  */
   legendWidth: _propTypes.default.number,
-
   /** Text alignment of legend when inline */
   legendAlign: _propTypes.default.oneOf(["left", "right"]),
-
   /** Spacing between legend and field for inline legend, number multiplied by base spacing unit (8) */
   legendSpacing: _propTypes.default.oneOf([1, 2]),
-
   /** Spacing between labels and radio buttons, given number will be multiplied by base spacing unit (8) */
   labelSpacing: _propTypes.default.oneOf([1, 2]),
-
   /** Breakpoint for adaptive legend (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLegendBreakpoint: _propTypes.default.number,
-
   /** Breakpoint for adaptive spacing (left margin changes to 0). Enables the adaptive behaviour when set */
   adaptiveSpacingBreakpoint: _propTypes.default.number,
-
   /** Flag to configure component as mandatory */
   required: _propTypes.default.bool,
-
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };

package/lib/components/radio-button/radio-button-group.style.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const RadioButtonGroupStyle = _styledComponents.default.div`
   ${({
   inline,

package/lib/components/radio-button/radio-button-svg.component.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _checkableInputSvgWrapper = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const RadioButtonSvg = () => {
   return /*#__PURE__*/_react.default.createElement(_checkableInputSvgWrapper.default, null, /*#__PURE__*/_react.default.createElement("svg", {
     focusable: "false",
@@ -28,7 +24,5 @@ const RadioButtonSvg = () => {
     r: "5"
   }))));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(RadioButtonSvg, () => true);
-
 exports.default = _default;

package/lib/components/radio-button/radio-button.component.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PrivateRadioButton = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _radioButton = _interopRequireDefault(require("./radio-button.style"));
-
 var _checkableInput = _interopRequireDefault(require("../../__internal__/checkable-input/checkable-input.component"));
-
 var _radioButtonSvg = _interopRequireDefault(require("./radio-button-svg.component"));
-
 var _utils = require("../../style/utils");
-
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const radioButtonGroupPassedProps = {
   /** Props to be passed from RadioButtonGroup */
@@ -38,7 +25,6 @@ const radioButtonGroupPassedProps = {
   warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
   info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string])
 };
-
 const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
   autoFocus,
   checked,
@@ -73,8 +59,8 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
 }, ref) => {
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
   const handleChange = (0, _react.useCallback)(ev => {
-    onChange(ev); // trigger focus, as Safari doesn't focus radioButtons on click by default
-
+    onChange(ev);
+    // trigger focus, as Safari doesn't focus radioButtons on click by default
     ev.target.focus();
   }, [onChange]);
   const commonProps = {
@@ -86,7 +72,8 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     warning,
     info
   };
-  const inputProps = { ...commonProps,
+  const inputProps = {
+    ...commonProps,
     autoFocus,
     checked,
     fieldHelp,
@@ -102,7 +89,6 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     id,
     value,
     type: "radio",
-
     /**
      * Invert the reverse prop, to ensure the FormField component renders the components
      * in the desired order (other elements which use FormField render their sub-components the
@@ -125,93 +111,67 @@ const RadioButton = /*#__PURE__*/_react.default.forwardRef(({
     size: size
   }, commonProps, marginProps), /*#__PURE__*/_react.default.createElement(_checkableInput.default, inputProps, /*#__PURE__*/_react.default.createElement(_radioButtonSvg.default, null))));
 });
-
 exports.PrivateRadioButton = RadioButton;
 RadioButton.displayName = "RadioButton";
-RadioButton.propTypes = { ...marginPropTypes,
-
+RadioButton.propTypes = {
+  ...marginPropTypes,
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
-
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-element": _propTypes.default.string,
-
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-role": _propTypes.default.string,
-
   /** If true the Component will be focused when page load */
   autoFocus: _propTypes.default.bool,
-
   /** Set the value of the radio button */
   checked: _propTypes.default.bool,
-
   /** Toggles disabling of input */
   disabled: _propTypes.default.bool,
-
   /** The fieldHelp content to display for the input */
   fieldHelp: _propTypes.default.node,
-
   /** Displays fieldHelp inline with the radio button */
   fieldHelpInline: _propTypes.default.bool,
-
   /** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
   id: _propTypes.default.string,
-
   /** Sets percentage-based input width */
   inputWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /** The content of the label for the input */
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-
   /** The content for the help tooltip, to appear next to the Label */
   labelHelp: _propTypes.default.node,
-
   /** Sets label alignment - accepted values: 'left' (default), 'right' */
   labelAlign: _propTypes.default.oneOf(["left", "right"]),
-
   /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
   labelSpacing: _propTypes.default.oneOf([1, 2]),
-
   /** Sets percentage-based label width */
   labelWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-
   /** The name of the the RadioButton (can also be set via the 'name' prop of the RadioButtonGroup component) */
   name: _propTypes.default.string,
-
   /** Accepts a callback function which can be used to update parent state on change */
   onChange: _propTypes.default.func,
-
   /** Accepts a callback function which is triggered on blur event */
   onBlur: _propTypes.default.func,
-
   /** Accepts a callback function which is triggered on focus event */
   onFocus: _propTypes.default.func,
-
   /** Accepts a callback function which is triggered on click event */
   onClick: _propTypes.default.func,
-
   /** Reverses label and radio button display */
   reverse: _propTypes.default.bool,
-
   /**
    * Set the size of the radio button to 'small' (16x16 - default) or 'large' (24x24).
    * No effect when using Classic theme.
    */
   size: _propTypes.default.oneOf(["small", "large"]),
-
   /** the value of the Radio Button, passed on form submit */
   value: _propTypes.default.string.isRequired,
   children: (props, propName, componentName) => {
     if (props[propName]) {
       return new Error(`Forbidden prop \`${propName}\` supplied to \`${componentName}\`. ` + "This component is meant to be used as a self-closing tag. " + "You should probably use the label prop instead.");
     }
-
     return null;
   },
-
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
-
   /** Aria label for rendered help component */
   helpAriaLabel: _propTypes.default.string,
   ...radioButtonGroupPassedProps
@@ -221,7 +181,5 @@ RadioButton.defaultProps = {
   labelSpacing: 1,
   "data-component": "radio-button"
 };
-
 var _default = /*#__PURE__*/_react.default.memo(RadioButton);
-
 exports.default = _default;