@carbon/react 1.110.0 → 1.111.0-rc.0

package/lib/components/TextInput/PasswordInput.js

@@ -13,10 +13,10 @@ const require_hasHelperText = require("../../internal/hasHelperText.js");
 const require_useNormalizedInputProps = require("../../internal/useNormalizedInputProps.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_util = require("./util.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -177,44 +177,127 @@ const PasswordInput = (0, react.forwardRef)(({ className, disabled = false, help
 });
 PasswordInput.displayName = "PasswordInput";
 PasswordInput.propTypes = {
+	/**
+	* Provide a custom className that is applied directly to the underlying
+	* `<input>` node
+	*/
 	className: prop_types.default.string,
+	/**
+	* Optionally provide the default value of the `<input>`
+	*/
 	defaultValue: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	/**
+	* Specify whether the control is disabled
+	*/
 	disabled: prop_types.default.bool,
+	/**
+	* Provide text that is used alongside the control label for additional help
+	*/
 	helperText: prop_types.default.node,
+	/**
+	* Specify whether or not the underlying label is visually hidden
+	*/
 	hideLabel: prop_types.default.bool,
+	/**
+	* "Hide password" tooltip text on password visibility toggle
+	*/
 	hidePasswordLabel: prop_types.default.string,
+	/**
+	* Provide a unique identifier for the input field
+	*/
 	id: prop_types.default.string.isRequired,
+	/**
+	* `true` to use the inline version.
+	*/
 	inline: prop_types.default.bool,
+	/**
+	* Specify whether the control is currently invalid
+	*/
 	invalid: prop_types.default.bool,
+	/**
+	* Whether the PasswordInput should be read-only
+	*/
 	readOnly: prop_types.default.bool,
+	/**
+	* Provide the text that is displayed when the control is in an invalid state
+	*/
 	invalidText: prop_types.default.node,
+	/**
+	* Provide the text that will be read by a screen reader when visiting this
+	* control
+	*/
 	labelText: prop_types.default.node.isRequired,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `PasswordInput` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release."),
+	/**
+	* Optionally provide an `onChange` handler that is called whenever `<input>`
+	* is updated
+	*/
 	onChange: prop_types.default.func,
+	/**
+	* Optionally provide an `onClick` handler that is called whenever the
+	* `<input>` is clicked
+	*/
 	onClick: prop_types.default.func,
+	/**
+	* Callback function that is called whenever the toggle password visibility
+	* button is clicked
+	*/
 	onTogglePasswordVisibility: prop_types.default.func,
+	/**
+	* Specify the placeholder attribute for the `<input>`
+	*/
 	placeholder: prop_types.default.string,
+	/**
+	* "Show password" tooltip text on password visibility toggle
+	*/
 	showPasswordLabel: prop_types.default.string,
+	/**
+	* Specify the size of the Text Input. Supports `xs`, `sm`, `md`, or `lg`.
+	*/
 	size: prop_types.default.oneOf([
 		"xs",
 		"sm",
 		"md",
 		"lg"
 	]),
+	/**
+	* Specify the alignment of the tooltip to the icon-only button.
+	* Can be one of: start, center, or end.
+	*/
 	tooltipAlignment: prop_types.default.oneOf([
 		"start",
 		"center",
 		"end"
 	]),
+	/**
+	* Specify the direction of the tooltip for icon-only buttons.
+	* Can be either top, right, bottom, or left.
+	*/
 	tooltipPosition: prop_types.default.oneOf([
 		"top",
 		"right",
 		"bottom",
 		"left"
 	]),
+	/**
+	* The input type, either password or text
+	*/
 	type: prop_types.default.oneOf(["password", "text"]),
+	/**
+	* Provide the current value of the `<input>`
+	*/
 	value: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	/**
+	* Specify whether the control is currently in warning state
+	*/
 	warn: prop_types.default.bool,
+	/**
+	* Provide the text that is displayed when the control is in warning state
+	*/
 	warnText: prop_types.default.node
 };
 //#endregion

package/lib/components/TextInput/TextInput.Skeleton.js

@@ -7,10 +7,10 @@
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -30,8 +30,17 @@ const TextInputSkeleton = ({ hideLabel, className, size, ...rest }) => {
 	});
 };
 TextInputSkeleton.propTypes = {
+	/**
+	* Specify an optional className to add to the form item wrapper.
+	*/
 	className: prop_types.default.string,
+	/**
+	* Specify whether the label should be hidden, or not
+	*/
 	hideLabel: prop_types.default.bool,
+	/**
+	* Specify the size of the TextInputSkeleton
+	*/
 	size: prop_types.default.oneOf([
 		"xs",
 		"sm",

package/lib/components/TextInput/TextInput.js

@@ -17,10 +17,10 @@ const require_index = require("../AILabel/index.js");
 const require_FormContext = require("../FluidForm/FormContext.js");
 const require_util = require("./util.js");
 const require_getAnnouncement = require("../../internal/getAnnouncement.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -207,34 +207,110 @@ const TextInput = (0, react.forwardRef)(({ className, decorator, disabled = fals
 });
 TextInput.displayName = "TextInput";
 TextInput.propTypes = {
+	/**
+	* Specify an optional className to be applied to the `<input>` node
+	*/
 	className: prop_types.default.string,
+	/**
+	* **Experimental**: Provide a `decorator` component to be rendered inside the `TextInput` component
+	*/
 	decorator: prop_types.default.node,
+	/**
+	* Optionally provide the default value of the `<input>`
+	*/
 	defaultValue: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	/**
+	* Specify whether the `<input>` should be disabled
+	*/
 	disabled: prop_types.default.bool,
+	/**
+	* Specify whether to display the character counter
+	*/
 	enableCounter: prop_types.default.bool,
+	/**
+	* Provide text that is used alongside the control label for additional help
+	*/
 	helperText: prop_types.default.node,
+	/**
+	* Specify whether you want the underlying label to be visually hidden
+	*/
 	hideLabel: prop_types.default.bool,
+	/**
+	* Specify a custom `id` for the `<input>`
+	*/
 	id: prop_types.default.string.isRequired,
+	/**
+	* `true` to use the inline version.
+	*/
 	inline: prop_types.default.bool,
+	/**
+	* Specify whether the control is currently invalid
+	*/
 	invalid: prop_types.default.bool,
+	/**
+	* Provide the text that is displayed when the control is in an invalid state
+	*/
 	invalidText: prop_types.default.node,
+	/**
+	* Provide the text that will be read by a screen reader when visiting this
+	* control
+	*/
 	labelText: prop_types.default.node.isRequired,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `TextInput` has been deprecated in favor of the new `Layer` component. It will be removed in the next major release."),
+	/**
+	* Max character count allowed for the input. This is needed in order for enableCounter to display
+	*/
 	maxCount: prop_types.default.number,
+	/**
+	* Optionally provide an `onChange` handler that is called whenever `<input>`
+	* is updated
+	*/
 	onChange: prop_types.default.func,
+	/**
+	* Optionally provide an `onClick` handler that is called whenever the
+	* `<input>` is clicked
+	*/
 	onClick: prop_types.default.func,
+	/**
+	* Specify the placeholder attribute for the `<input>`
+	*/
 	placeholder: prop_types.default.string,
+	/**
+	* Whether the input should be read-only
+	*/
 	readOnly: prop_types.default.bool,
+	/**
+	* Specify the size of the Text Input. Currently supports the following:
+	*/
 	size: prop_types.default.oneOf([
 		"xs",
 		"sm",
 		"md",
 		"lg"
 	]),
+	/**
+	* **Experimental**: Provide a `Slug` component to be rendered inside the `TextInput` component
+	*/
 	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop for `TextInput` has been deprecated in favor of the new `decorator` prop. It will be removed in the next major release."),
+	/**
+	* Specify the type of the `<input>`
+	*/
 	type: prop_types.default.string,
+	/**
+	* Specify the value of the `<input>`
+	*/
 	value: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	/**
+	* Specify whether the control is currently in warning state
+	*/
 	warn: prop_types.default.bool,
+	/**
+	* Provide the text that is displayed when the control is in warning state
+	*/
 	warnText: prop_types.default.node
 };
 //#endregion

package/lib/components/Theme/index.js

@@ -9,10 +9,10 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
 const require_LayerContext = require("../Layer/LayerContext.js");
 const require_useMatchMedia = require("../../internal/useMatchMedia.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -35,7 +35,14 @@ const GlobalTheme = react.default.forwardRef(({ children, theme }, ref) => {
 	});
 });
 GlobalTheme.propTypes = {
+	/**
+	* Provide child elements to be rendered inside of `GlobalTheme`, this is
+	* typically the root of your app
+	*/
 	children: prop_types.default.node,
+	/**
+	* Specify the global theme for your app
+	*/
 	theme: prop_types.default.oneOf([
 		"white",
 		"g10",
@@ -74,13 +81,27 @@ function Theme({ as: BaseComponent = "div", className: customClassName, theme, .
 	});
 }
 Theme.propTypes = {
+	/**
+	* Specify a custom component or element to be rendered as the top-level
+	* element in the component
+	*/
 	as: prop_types.default.oneOfType([
 		prop_types.default.func,
 		prop_types.default.string,
 		prop_types.default.elementType
 	]),
+	/**
+	* Provide child elements to be rendered inside of `Theme`
+	*/
 	children: prop_types.default.node,
+	/**
+	* Provide a custom class name to be used on the outermost element rendered by
+	* the component
+	*/
 	className: prop_types.default.string,
+	/**
+	* Specify the theme
+	*/
 	theme: prop_types.default.oneOf([
 		"white",
 		"g10",

package/lib/components/Tile/Tile.js

@@ -20,10 +20,10 @@ const require_index$1 = require("../FeatureFlags/index.js");
 const require_useNoInteractiveChildren = require("../../internal/useNoInteractiveChildren.js");
 const require_index$2 = require("../AILabel/index.js");
 const require_events = require("../../tools/events.js");
-let react = require("react");
-react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
+let react = require("react");
+react = require_runtime.__toESM(react);
 let prop_types = require("prop-types");
 prop_types = require_runtime.__toESM(prop_types);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -59,11 +59,33 @@ const Tile = react.default.forwardRef(({ children, className, decorator, light =
 });
 Tile.displayName = "Tile";
 Tile.propTypes = {
+	/**
+	* The child nodes.
+	*/
 	children: prop_types.default.node,
+	/**
+	* The CSS class names.
+	*/
 	className: prop_types.default.string,
+	/**
+	* **Experimental**: Provide a `decorator` component to be rendered inside the `Tile` component
+	*/
 	decorator: prop_types.default.node,
+	/**
+	* **Experimental**: Specify if the `Tile` component should be rendered with rounded corners. Only valid
+	* when an AILabel is present
+	*/
 	hasRoundedCorners: prop_types.default.bool,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*
+	* @deprecated
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `Tile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),
+	/**
+	* **Experimental**: Provide a `Slug` component to be rendered inside the `Tile` component
+	*/
 	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop for `Tile` has been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.")
 };
 const ClickableTile = react.default.forwardRef(({ children, className, clicked = false, decorator, disabled, href, light, onClick = () => {}, onKeyDown = () => {}, renderIcon: Icon, hasRoundedCorners, slug, ...rest }, ref) => {
@@ -128,17 +150,55 @@ const ClickableTile = react.default.forwardRef(({ children, className, clicked =
 });
 ClickableTile.displayName = "ClickableTile";
 ClickableTile.propTypes = {
+	/**
+	* The child nodes.
+	*/
 	children: prop_types.default.node,
+	/**
+	* The CSS class names.
+	*/
 	className: prop_types.default.string,
+	/**
+	* Boolean for whether a tile has been clicked.
+	*/
 	clicked: prop_types.default.bool,
+	/**
+	* **Experimental**: Provide a `decorator` component or set the boolean to True for an AILabel icon to be rendered inside the `ClickableTile` component
+	*/
 	decorator: prop_types.default.oneOfType([prop_types.default.bool, prop_types.default.node]),
+	/**
+	* Specify whether the ClickableTile should be disabled
+	*/
 	disabled: prop_types.default.bool,
+	/**
+	* **Experimental**: Specify if the `ClickableTile` component should be rendered with rounded corners.
+	* Only valid when `slug` prop is present
+	*/
 	hasRoundedCorners: prop_types.default.bool,
+	/**
+	* The href for the link.
+	*/
 	href: prop_types.default.string,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ClickableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),
+	/**
+	* Specify the function to run when the ClickableTile is clicked
+	*/
 	onClick: prop_types.default.func,
+	/**
+	* Specify the function to run when the ClickableTile is interacted with via a keyboard
+	*/
 	onKeyDown: prop_types.default.func,
+	/**
+	* The rel property for the link.
+	*/
 	rel: prop_types.default.string,
+	/**
+	* A component used to render an icon.
+	*/
 	renderIcon: prop_types.default.oneOfType([prop_types.default.func, prop_types.default.object])
 };
 const SelectableTile = react.default.forwardRef(({ children, className, decorator, disabled, id, light, onClick = () => {}, onChange = () => {}, onKeyDown = () => {}, selected = false, tabIndex = 0, title = "title", slug, hasRoundedCorners, ...rest }, ref) => {
@@ -215,19 +275,65 @@ const SelectableTile = react.default.forwardRef(({ children, className, decorato
 SelectableTile.propTypes = {
 	children: prop_types.default.node,
 	className: prop_types.default.string,
+	/**
+	* **Experimental**: Provide a `decorator` component to be rendered inside the `SelectableTile` component
+	*/
 	decorator: prop_types.default.node,
+	/**
+	* Specify whether the SelectableTile should be disabled
+	*/
 	disabled: prop_types.default.bool,
+	/**
+	* **Experimental**: Specify if the `SelectableTile` component should be rendered with rounded corners.
+	* Only valid when `slug` prop is present
+	*/
 	hasRoundedCorners: prop_types.default.bool,
+	/**
+	* The ID of the `<input>`.
+	*/
 	id: prop_types.default.string,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `SelectableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),
+	/**
+	* The `name` of the `<input>`.
+	* @deprecated
+	*/
 	name: require_deprecate.deprecate(prop_types.default.string, "The `name` property is no longer used.  It will be removed in the next major release."),
+	/**
+	* The empty handler of the `<input>`.
+	*/
 	onChange: prop_types.default.func,
+	/**
+	* Specify the function to run when the SelectableTile is clicked
+	*/
 	onClick: prop_types.default.func,
+	/**
+	* Specify the function to run when the SelectableTile is interacted with via a keyboard
+	*/
 	onKeyDown: prop_types.default.func,
+	/**
+	* `true` to select this tile.
+	*/
 	selected: prop_types.default.bool,
+	/**
+	* **Experimental**: Provide a `Slug` component to be rendered inside the `SelectableTile` component
+	*/
 	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop for `SelectableTile` 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 wrapper element
+	*/
 	tabIndex: prop_types.default.number,
+	/**
+	* The `title` of the `<input>`.
+	*/
 	title: prop_types.default.string,
+	/**
+	* The value of the `<input>`.
+	* @deprecated
+	*/
 	value: require_deprecate.deprecate(prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]), "The `value` property is no longer used.  It will be removed in the next major release.`")
 };
 const ExpandableTile = (0, react.forwardRef)(({ tabIndex = 0, className, children, decorator, expanded = false, tileMaxHeight = 0, tilePadding = 0, onClick, onKeyUp, tileCollapsedIconText = "Interact to expand Tile", tileExpandedIconText = "Interact to collapse Tile", tileCollapsedLabel, tileExpandedLabel, light, slug, hasRoundedCorners, ...rest }, forwardRef) => {
@@ -378,18 +484,59 @@ const ExpandableTile = (0, react.forwardRef)(({ tabIndex = 0, className, childre
 ExpandableTile.propTypes = {
 	children: prop_types.default.node,
 	className: prop_types.default.string,
+	/**
+	* **Experimental**: Provide a `decorator` component to be rendered inside the `ExpandableTile` component
+	*/
 	decorator: prop_types.default.node,
+	/**
+	* `true` if the tile is expanded.
+	*/
 	expanded: prop_types.default.bool,
+	/**
+	* Specify if the `ExpandableTile` component should be rendered with rounded corners.
+	* Only valid when `slug` prop is present
+	*/
 	hasRoundedCorners: prop_types.default.bool,
+	/**
+	* An ID that can be provided to aria-labelledby
+	*/
 	id: prop_types.default.string,
+	/**
+	* `true` to use the light version. For use on $ui-01 backgrounds only.
+	* Don't use this to make tile background color same as container background color.
+	*/
 	light: require_deprecate.deprecate(prop_types.default.bool, "The `light` prop for `ExpandableTile` is no longer needed and has been deprecated. It will be removed in the next major release. Use the Layer component instead."),
+	/**
+	* Specify the function to run when the ExpandableTile is clicked
+	*/
 	onClick: prop_types.default.func,
+	/**
+	* optional handler to trigger a function when a key is pressed
+	*/
 	onKeyUp: prop_types.default.func,
+	/**
+	* **Experimental**: Provide a `Slug` component to be rendered inside the `ExpandableTile` component
+	*/
 	slug: require_deprecate.deprecate(prop_types.default.node, "The `slug` prop for `ExpandableTile` has been deprecated in favor of the new `decorator` prop. It will be removed in the next major release."),
+	/**
+	* The `tabindex` attribute.
+	*/
 	tabIndex: prop_types.default.number,
+	/**
+	* The description of the "collapsed" icon that can be read by screen readers.
+	*/
 	tileCollapsedIconText: prop_types.default.string,
+	/**
+	* When "collapsed", a label to appear next to the chevron (e.g., "View more").
+	*/
 	tileCollapsedLabel: prop_types.default.string,
+	/**
+	* The description of the "expanded" icon that can be read by screen readers.
+	*/
 	tileExpandedIconText: prop_types.default.string,
+	/**
+	* When "expanded", a label to appear next to the chevron (e.g., "View less").
+	*/
 	tileExpandedLabel: prop_types.default.string
 };
 ExpandableTile.displayName = "ExpandableTile";
@@ -400,7 +547,11 @@ const TileAboveTheFoldContent = react.default.forwardRef(({ children }, ref) =>
 		children
 	});
 });
-TileAboveTheFoldContent.propTypes = { children: prop_types.default.node };
+TileAboveTheFoldContent.propTypes = { 
+/**
+* The child nodes.
+*/
+children: prop_types.default.node };
 TileAboveTheFoldContent.displayName = "TileAboveTheFoldContent";
 const TileBelowTheFoldContent = react.default.forwardRef(({ children }, ref) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -409,7 +560,11 @@ const TileBelowTheFoldContent = react.default.forwardRef(({ children }, ref) =>
 		children
 	});
 });
-TileBelowTheFoldContent.propTypes = { children: prop_types.default.node };
+TileBelowTheFoldContent.propTypes = { 
+/**
+* The child nodes.
+*/
+children: prop_types.default.node };
 TileBelowTheFoldContent.displayName = "TileBelowTheFoldContent";
 //#endregion
 exports.ClickableTile = ClickableTile;

package/lib/components/TileGroup/TileGroup.js

@@ -6,8 +6,8 @@
  */
 
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
-const require_noopFn = require("../../internal/noopFn.js");
 const require_usePrefix = require("../../internal/usePrefix.js");
+const require_noopFn = require("../../internal/noopFn.js");
 const require_utils = require("../../internal/utils.js");
 const require_index = require("../RadioTile/index.js");
 let react = require("react");
@@ -68,14 +68,42 @@ const TileGroup = ({ children, className, defaultSelected, disabled, legend, nam
 };
 TileGroup.displayName = "TileGroup";
 TileGroup.propTypes = {
+	/**
+	* Provide a collection of <RadioTile> components to render in the group
+	*/
 	children: prop_types.default.node,
+	/**
+	* Provide an optional className to be applied to the container node
+	*/
 	className: prop_types.default.string,
+	/**
+	* Specify the the value of <RadioTile> to be selected by default
+	*/
 	defaultSelected: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number]),
+	/**
+	* Specify whether the group is disabled
+	*/
 	disabled: prop_types.default.bool,
+	/**
+	* Provide an optional legend for this group
+	*/
 	legend: prop_types.default.string,
+	/**
+	* Specify the name of the underlying `<input>` nodes
+	*/
 	name: prop_types.default.string.isRequired,
+	/**
+	* Provide an optional `onChange` hook that is called whenever the value of
+	* the group changes
+	*/
 	onChange: prop_types.default.func,
+	/**
+	* `true` to specify if input selection in group is required.
+	*/
 	required: prop_types.default.bool,
+	/**
+	* Specify the value that is currently selected in the group
+	*/
 	valueSelected: prop_types.default.oneOfType([prop_types.default.string, prop_types.default.number])
 };
 //#endregion