@carbon/react 1.103.0-rc.0 → 1.104.0-rc.0

package/es/components/RadioButtonGroup/RadioButtonGroup.js

@@ -1,218 +1,146 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React, { useState, useRef, useEffect, cloneElement } from 'react';
-import cx from 'classnames';
-import { Legend } from '../Text/createTextComponent.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
-import { deprecate } from '../../prop-types/deprecate.js';
-import { mergeRefs } from '../../tools/mergeRefs.js';
-import { useId } from '../../internal/useId.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { useId } from "../../internal/useId.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import { mergeRefs } from "../../tools/mergeRefs.js";
+import { Legend } from "../Text/createTextComponent.js";
+import classNames from "classnames";
+import React, { cloneElement, createContext, useEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { WarningAltFilled, WarningFilled } from "@carbon/icons-react";
 
-const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    decorator,
-    defaultSelected,
-    disabled,
-    helperText,
-    invalid = false,
-    invalidText,
-    labelPosition = 'right',
-    legendText,
-    name,
-    onChange = () => {},
-    orientation = 'horizontal',
-    readOnly,
-    valueSelected,
-    warn = false,
-    warnText,
-    slug,
-    required,
-    ...rest
-  } = props;
-  const prefix = usePrefix();
-  const [selected, setSelected] = useState(valueSelected ?? defaultSelected);
-  const prevValueSelected = useRef(valueSelected);
-  const radioButtonGroupInstanceId = useId();
-  useEffect(() => {
-    if (valueSelected !== prevValueSelected.current) {
-      setSelected(valueSelected);
-      prevValueSelected.current = valueSelected;
-    }
-  }, [valueSelected]);
-  function getRadioButtons() {
-    const mappedChildren = React.Children.map(children, radioButton => {
-      if (!radioButton) {
-        return;
-      }
-      const newProps = {
-        name: name,
-        key: radioButton.props.value,
-        value: radioButton.props.value,
-        onChange: handleOnChange,
-        checked: radioButton.props.value === selected,
-        required: required
-      };
-      if (!selected && radioButton.props.checked) {
-        newProps.checked = true;
-      }
-      return /*#__PURE__*/React.cloneElement(radioButton, newProps);
-    });
-    return mappedChildren;
-  }
-  function handleOnChange(newSelection, value, evt) {
-    if (!readOnly) {
-      if (newSelection !== selected) {
-        setSelected(newSelection);
-        onChange(newSelection, name, evt);
-      }
-    }
-  }
-  const showWarning = !readOnly && !disabled && !invalid && warn;
-  const showHelper = !invalid && !disabled && !warn;
-  const wrapperClasses = cx(`${prefix}--form-item`, className);
-  const fieldsetClasses = cx(`${prefix}--radio-button-group`, {
-    [`${prefix}--radio-button-group--${orientation}`]: orientation === 'vertical',
-    [`${prefix}--radio-button-group--label-${labelPosition}`]: labelPosition,
-    [`${prefix}--radio-button-group--readonly`]: readOnly,
-    [`${prefix}--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
-    [`${prefix}--radio-button-group--warning`]: showWarning,
-    [`${prefix}--radio-button-group--slug`]: slug,
-    [`${prefix}--radio-button-group--decorator`]: decorator
-  });
-  const helperClasses = cx(`${prefix}--form__helper-text`, {
-    [`${prefix}--form__helper-text--disabled`]: disabled
-  });
-  const hasHelper = typeof helperText !== 'undefined' && helperText !== null;
-  const helperId = !hasHelper ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
-  const helper = hasHelper && /*#__PURE__*/React.createElement("div", {
-    id: helperId,
-    className: helperClasses
-  }, helperText);
-  const divRef = useRef(null);
-
-  // AILabel is always size `mini`
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = isComponentElement(candidate, AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
-    size: 'mini',
-    kind: 'default'
-  }) : candidate;
-  return /*#__PURE__*/React.createElement("div", {
-    className: wrapperClasses,
-    ref: mergeRefs(divRef, ref)
-  }, /*#__PURE__*/React.createElement("fieldset", _extends({
-    className: fieldsetClasses,
-    disabled: disabled,
-    "data-invalid": invalid ? true : undefined,
-    "aria-describedby": showHelper && helperText ? helperId : undefined
-  }, rest), legendText && /*#__PURE__*/React.createElement(Legend, {
-    className: `${prefix}--label`
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--radio-button-group-inner--decorator`
-  }, normalizedDecorator) : ''), getRadioButtons()), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--radio-button__validation-msg`
-  }, !readOnly && !disabled && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningFilled, {
-    className: `${prefix}--radio-button__invalid-icon`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WarningAltFilled, {
-    className: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--form-requirement`
-  }, warnText))), showHelper && helper);
+//#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
+/**
+* Copyright IBM Corp. 2016, 2026
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const RadioButtonGroupContext = createContext(null);
+const RadioButtonGroup = React.forwardRef((props, ref) => {
+	const { children, className, decorator, defaultSelected, disabled, helperText, invalid = false, invalidText, labelPosition = "right", legendText, name, onChange = () => {}, orientation = "horizontal", readOnly, valueSelected, warn = false, warnText, slug, required, ...rest } = props;
+	const prefix = usePrefix();
+	const [selected, setSelected] = useState(valueSelected ?? defaultSelected);
+	const prevValueSelected = useRef(valueSelected);
+	const radioButtonGroupInstanceId = useId();
+	useEffect(() => {
+		if (valueSelected !== prevValueSelected.current) {
+			setSelected(valueSelected);
+			prevValueSelected.current = valueSelected;
+		}
+	}, [valueSelected]);
+	function getRadioButtons() {
+		return React.Children.map(children, (radioButton) => {
+			if (!radioButton) return;
+			const newProps = {
+				name,
+				key: radioButton.props.value,
+				value: radioButton.props.value,
+				onChange: handleOnChange,
+				checked: radioButton.props.value === selected,
+				required
+			};
+			if (!selected && radioButton.props.checked) newProps.checked = true;
+			return React.cloneElement(radioButton, newProps);
+		});
+	}
+	function handleOnChange(newSelection, value, evt) {
+		if (!readOnly) {
+			if (newSelection !== selected) {
+				setSelected(newSelection);
+				onChange(newSelection, name, evt);
+			}
+		}
+	}
+	const showWarning = !readOnly && !disabled && !invalid && warn;
+	const showHelper = !invalid && !disabled && !warn;
+	const wrapperClasses = classNames(`${prefix}--form-item`, className);
+	const fieldsetClasses = classNames(`${prefix}--radio-button-group`, {
+		[`${prefix}--radio-button-group--${orientation}`]: orientation === "vertical",
+		[`${prefix}--radio-button-group--label-${labelPosition}`]: labelPosition,
+		[`${prefix}--radio-button-group--readonly`]: readOnly,
+		[`${prefix}--radio-button-group--invalid`]: !readOnly && !disabled && invalid,
+		[`${prefix}--radio-button-group--warning`]: showWarning,
+		[`${prefix}--radio-button-group--slug`]: slug,
+		[`${prefix}--radio-button-group--decorator`]: decorator
+	});
+	const helperClasses = classNames(`${prefix}--form__helper-text`, { [`${prefix}--form__helper-text--disabled`]: disabled });
+	const hasHelper = typeof helperText !== "undefined" && helperText !== null;
+	const helperId = !hasHelper ? void 0 : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
+	const helper = hasHelper && /* @__PURE__ */ jsx("div", {
+		id: helperId,
+		className: helperClasses,
+		children: helperText
+	});
+	const divRef = useRef(null);
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = isComponentElement(candidate, AILabel) ? cloneElement(candidate, {
+		size: "mini",
+		kind: "default"
+	}) : candidate;
+	return /* @__PURE__ */ jsxs("div", {
+		className: wrapperClasses,
+		ref: mergeRefs(divRef, ref),
+		children: [
+			/* @__PURE__ */ jsxs("fieldset", {
+				className: fieldsetClasses,
+				disabled,
+				"data-invalid": invalid ? true : void 0,
+				"aria-describedby": showHelper && helperText ? helperId : void 0,
+				...rest,
+				children: [legendText && /* @__PURE__ */ jsxs(Legend, {
+					className: `${prefix}--label`,
+					children: [legendText, slug ? normalizedDecorator : decorator ? /* @__PURE__ */ jsx("div", {
+						className: `${prefix}--radio-button-group-inner--decorator`,
+						children: normalizedDecorator
+					}) : ""]
+				}), getRadioButtons()]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: `${prefix}--radio-button__validation-msg`,
+				children: [!readOnly && !disabled && invalid && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningFilled, { className: `${prefix}--radio-button__invalid-icon` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: invalidText
+				})] }), showWarning && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningAltFilled, { className: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning` }), /* @__PURE__ */ jsx("div", {
+					className: `${prefix}--form-requirement`,
+					children: warnText
+				})] })]
+			}),
+			showHelper && helper
+		]
+	});
 });
 RadioButtonGroup.propTypes = {
-  /**
-   * Provide a collection of `<RadioButton>` components to render in the group
-   */
-  children: PropTypes.node,
-  /**
-   * Provide an optional className to be applied to the container node
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a decorator component to be rendered inside the `RadioButtonGroup` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Specify the `<RadioButton>` to be selected by default
-   */
-  defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the group is disabled
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Provide text that is used alongside the control label for additional help
-   */
-  helperText: PropTypes.node,
-  /**
-   * Specify whether the control is currently invalid
-   */
-  invalid: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in an invalid state
-   */
-  invalidText: PropTypes.node,
-  /**
-   * Provide where label text should be placed
-   */
-  labelPosition: PropTypes.oneOf(['left', 'right']),
-  /**
-   * Provide a legend to the RadioButtonGroup input that you are
-   * exposing to the user
-   */
-  legendText: PropTypes.node,
-  /**
-   * Specify the name of the underlying `<input>` nodes
-   */
-  name: PropTypes.string.isRequired,
-  /**
-   * Provide an optional `onChange` hook that is called whenever the value of
-   * the group changes
-   */
-  onChange: PropTypes.func,
-  /**
-   * Provide where radio buttons should be placed
-   */
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  /**
-   * Whether the RadioButtonGroup should be read-only
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * `true` to specify if radio selection in group is required.
-   */
-  required: PropTypes.bool,
-  /**
-   * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioButtonGroup` component
-   */
-  slug: deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
-  /**
-   * Specify the value that is currently selected in the group
-   */
-  valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node
+	children: PropTypes.node,
+	className: PropTypes.string,
+	decorator: PropTypes.node,
+	defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	disabled: PropTypes.bool,
+	helperText: PropTypes.node,
+	invalid: PropTypes.bool,
+	invalidText: PropTypes.node,
+	labelPosition: PropTypes.oneOf(["left", "right"]),
+	legendText: PropTypes.node,
+	name: PropTypes.string.isRequired,
+	onChange: PropTypes.func,
+	orientation: PropTypes.oneOf(["horizontal", "vertical"]),
+	readOnly: PropTypes.bool,
+	required: PropTypes.bool,
+	slug: deprecate(PropTypes.node, "The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead."),
+	valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	warn: PropTypes.bool,
+	warnText: PropTypes.node
 };
-RadioButtonGroup.displayName = 'RadioButtonGroup';
+RadioButtonGroup.displayName = "RadioButtonGroup";
 
-export { RadioButtonGroup as default };
+//#endregion
+export { RadioButtonGroup as default };

package/es/components/RadioTile/RadioTile.js

@@ -1,179 +1,115 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { RadioButtonChecked, RadioButton, CheckmarkFilled } from '@carbon/icons-react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import React, { cloneElement } from 'react';
-import { Enter, Space } from '../../internal/keyboard/keys.js';
-import { matches } from '../../internal/keyboard/match.js';
-import { useFallbackId } from '../../internal/useId.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-import { deprecate } from '../../prop-types/deprecate.js';
-import { noopFn } from '../../internal/noopFn.js';
-import { Text } from '../Text/Text.js';
-import '../Text/TextDirection.js';
-import { useFeatureFlag } from '../FeatureFlags/index.js';
-import { AILabel } from '../AILabel/index.js';
-import { isComponentElement } from '../../internal/utils.js';
+import { usePrefix } from "../../internal/usePrefix.js";
+import { Text } from "../Text/Text.js";
+import { Enter, Space } from "../../internal/keyboard/keys.js";
+import { matches } from "../../internal/keyboard/match.js";
+import { useFallbackId } from "../../internal/useId.js";
+import { noopFn } from "../../internal/noopFn.js";
+import { deprecate } from "../../prop-types/deprecate.js";
+import { useFeatureFlag } from "../FeatureFlags/index.js";
+import { AILabel } from "../AILabel/index.js";
+import { isComponentElement } from "../../internal/utils.js";
+import classNames from "classnames";
+import React, { cloneElement } from "react";
+import PropTypes from "prop-types";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckmarkFilled, RadioButton, RadioButtonChecked } from "@carbon/icons-react";
 
-var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React.forwardRef(({
-  children,
-  className: customClassName,
-  decorator,
-  disabled,
-  light,
-  checked,
-  name,
-  value,
-  id,
-  onChange = noopFn,
-  tabIndex = 0,
-  hasRoundedCorners,
-  slug,
-  required,
-  ...rest
-}, ref) => {
-  const prefix = usePrefix();
-  const inputId = useFallbackId(id);
-  const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {
-    [`${prefix}--tile--is-selected`]: checked,
-    [`${prefix}--tile--light`]: light,
-    [`${prefix}--tile--disabled`]: disabled,
-    [`${prefix}--tile--slug`]: slug,
-    [`${prefix}--tile--slug-rounded`]: slug && hasRoundedCorners,
-    [`${prefix}--tile--decorator`]: decorator,
-    [`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
-  });
-  const {
-    'aria-describedby': ariaDescribedBy,
-    'aria-labelledby': ariaLabelledBy,
-    ...labelProps
-  } = rest;
-  const v12TileRadioIcons = useFeatureFlag('enable-v12-tile-radio-icons');
-  function icon() {
-    if (v12TileRadioIcons) {
-      if (checked) {
-        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React.createElement(RadioButtonChecked, null));
-      } else {
-        return _RadioButton || (_RadioButton = /*#__PURE__*/React.createElement(RadioButton, null));
-      }
-    } else {
-      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React.createElement(CheckmarkFilled, null));
-    }
-  }
-  function handleOnChange(evt) {
-    onChange(value, name, evt);
-  }
-  function handleOnKeyDown(evt) {
-    if (matches(evt, [Enter, Space])) {
-      evt.preventDefault();
-      onChange(value, name, evt);
-    }
-  }
-
-  // AILabel is always size `xs`
-  const candidate = slug ?? decorator;
-  const candidateIsAILabel = isComponentElement(candidate, AILabel);
-  const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/cloneElement(candidate, {
-    size: 'xs'
-  }) : candidate;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
-    checked: checked,
-    className: `${prefix}--tile-input`,
-    disabled: disabled,
-    id: inputId,
-    name: name,
-    onChange: !disabled ? handleOnChange : undefined,
-    onKeyDown: !disabled ? handleOnKeyDown : undefined,
-    tabIndex: !disabled ? tabIndex : undefined,
-    type: "radio",
-    value: value
-  }, ariaDescribedBy && {
-    'aria-describedby': ariaDescribedBy
-  }, ariaLabelledBy && {
-    'aria-labelledby': ariaLabelledBy
-  }, {
-    ref: ref,
-    required: required
-  })), /*#__PURE__*/React.createElement("label", _extends({}, labelProps, {
-    htmlFor: inputId,
-    className: className
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}--tile__checkmark`
-  }, icon()), /*#__PURE__*/React.createElement(Text, {
-    className: `${prefix}--tile-content`
-  }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}--tile--inner-decorator`
-  }, normalizedDecorator) : ''));
+//#region src/components/RadioTile/RadioTile.tsx
+/**
+* Copyright IBM Corp. 2016, 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+const RadioTile = React.forwardRef(({ children, className: customClassName, decorator, disabled, light, checked, name, value, id, onChange = noopFn, tabIndex = 0, hasRoundedCorners, slug, required, ...rest }, ref) => {
+	const prefix = usePrefix();
+	const inputId = useFallbackId(id);
+	const className = classNames(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {
+		[`${prefix}--tile--is-selected`]: checked,
+		[`${prefix}--tile--light`]: light,
+		[`${prefix}--tile--disabled`]: disabled,
+		[`${prefix}--tile--slug`]: slug,
+		[`${prefix}--tile--slug-rounded`]: slug && hasRoundedCorners,
+		[`${prefix}--tile--decorator`]: decorator,
+		[`${prefix}--tile--decorator-rounded`]: decorator && hasRoundedCorners
+	});
+	const { "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, ...labelProps } = rest;
+	const v12TileRadioIcons = useFeatureFlag("enable-v12-tile-radio-icons");
+	function icon() {
+		if (v12TileRadioIcons) if (checked) return /* @__PURE__ */ jsx(RadioButtonChecked, {});
+		else return /* @__PURE__ */ jsx(RadioButton, {});
+		else return /* @__PURE__ */ jsx(CheckmarkFilled, {});
+	}
+	function handleOnChange(evt) {
+		onChange(value, name, evt);
+	}
+	function handleOnKeyDown(evt) {
+		if (matches(evt, [Enter, Space])) {
+			evt.preventDefault();
+			onChange(value, name, evt);
+		}
+	}
+	const candidate = slug ?? decorator;
+	const normalizedDecorator = isComponentElement(candidate, AILabel) ? cloneElement(candidate, { size: "xs" }) : candidate;
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("input", {
+		checked,
+		className: `${prefix}--tile-input`,
+		disabled,
+		id: inputId,
+		name,
+		onChange: !disabled ? handleOnChange : void 0,
+		onKeyDown: !disabled ? handleOnKeyDown : void 0,
+		tabIndex: !disabled ? tabIndex : void 0,
+		type: "radio",
+		value,
+		...ariaDescribedBy && { "aria-describedby": ariaDescribedBy },
+		...ariaLabelledBy && { "aria-labelledby": ariaLabelledBy },
+		ref,
+		required
+	}), /* @__PURE__ */ jsxs("label", {
+		...labelProps,
+		htmlFor: inputId,
+		className,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: `${prefix}--tile__checkmark`,
+				children: icon()
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				className: `${prefix}--tile-content`,
+				children
+			}),
+			slug ? normalizedDecorator : decorator ? /* @__PURE__ */ jsx("div", {
+				className: `${prefix}--tile--inner-decorator`,
+				children: normalizedDecorator
+			}) : ""
+		]
+	})] });
 });
-RadioTile.displayName = 'RadioTile';
+RadioTile.displayName = "RadioTile";
 RadioTile.propTypes = {
-  /**
-   * Specify whether the `RadioTile` should be checked.
-   */
-  checked: PropTypes.bool,
-  /**
-   * The `RadioTile` content.
-   */
-  children: PropTypes.node,
-  /**
-   * Provide an optional `className` to be applied to the underlying `<label>`.
-   */
-  className: PropTypes.string,
-  /**
-   * **Experimental**: Provide a `decorator` component to be rendered inside the `RadioTile` component
-   */
-  decorator: PropTypes.node,
-  /**
-   * Specify whether the `RadioTile` should be disabled.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Specify if the `ExpandableTile` component should be rendered with rounded corners.
-   * Only valid when `slug` prop is present
-   */
-  hasRoundedCorners: PropTypes.bool,
-  /**
-   * Provide a unique id for the underlying `<input>`.
-   */
-  id: PropTypes.string,
-  /**
-   * `true` to use the light version. For use on `$layer-01` backgrounds only.
-   * Don't use this to make tile background color same as container background color.
-   */
-  light: deprecate(PropTypes.bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release.'),
-  /**
-   * Provide a `name` for the underlying `<input>`.
-   */
-  name: PropTypes.string,
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes.
-   */
-  onChange: PropTypes.func,
-  /**
-   * `true` to specify if the control is required.
-   */
-  required: PropTypes.bool,
-  /**
-   * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioTile` component
-   */
-  slug: deprecate(PropTypes.node, 'The `slug` prop for `RadioTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
-  /**
-   * Specify the tab index of the underlying `<input>`.
-   */
-  tabIndex: PropTypes.number,
-  /**
-   * Specify the value of the underlying `<input>`.
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+	checked: PropTypes.bool,
+	children: PropTypes.node,
+	className: PropTypes.string,
+	decorator: PropTypes.node,
+	disabled: PropTypes.bool,
+	hasRoundedCorners: PropTypes.bool,
+	id: PropTypes.string,
+	light: deprecate(PropTypes.bool, "The `light` prop for `RadioTile` is no longer needed and has been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release."),
+	name: PropTypes.string,
+	onChange: PropTypes.func,
+	required: PropTypes.bool,
+	slug: deprecate(PropTypes.node, "The `slug` prop for `RadioTile` has been deprecated in favor of the new `decorator` prop. It will be removed in the next major release."),
+	tabIndex: PropTypes.number,
+	value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 };
 
-export { RadioTile as default };
+//#endregion
+export { RadioTile as default };