@react-spectrum/radio 3.0.0-nightly.1772 → 3.0.0-nightly.1778

package/dist/main.js

@@ -183,11 +183,12 @@ $53124a3a0fd56fca$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
 function $aa5529d97b69d048$var$RadioGroup(props, ref) {
     props = $ltKMc$reactspectrumprovider.useProviderProps(props);
     props = $ltKMc$reactspectrumform.useFormProps(props);
-    let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
+    let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , description: description , errorMessage: errorMessage , showErrorIcon: showErrorIcon , ...otherProps } = props;
     let domRef = $ltKMc$reactspectrumutils.useDOMRef(ref);
     let { styleProps: styleProps  } = $ltKMc$reactspectrumutils.useStyleProps(otherProps);
+    let hasHelpText = !!description || errorMessage && validationState === 'invalid';
     let state = $ltKMc$reactstatelyradio.useRadioGroupState(props);
-    let { radioGroupProps: radioGroupProps , labelProps: labelProps  } = $ltKMc$reactariaradio.useRadioGroup(props, state);
+    let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $ltKMc$reactariaradio.useRadioGroup(props, state);
     return(/*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement("div", {
         ...styleProps,
         ...radioGroupProps,
@@ -213,7 +214,14 @@ function $aa5529d97b69d048$var$RadioGroup(props, ref) {
             validationState: validationState,
             state: state
         }
-    }, children))));
+    }, children)), hasHelpText && /*#__PURE__*/ ($parcel$interopDefault($ltKMc$react)).createElement($ltKMc$reactspectrumlabel.HelpText, {
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        description: description,
+        errorMessage: errorMessage,
+        validationState: validationState,
+        showErrorIcon: showErrorIcon
+    })));
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {\n    isDisabled,\n    children,\n    autoFocus,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let radioGroupProps = useRadioProvider();\n  let {\n    isEmphasized,\n    validationState,\n    state\n  } = radioGroupProps;\n\n  let {inputProps} = useRadio({\n    ...props,\n    ...radioGroupProps,\n    isDisabled\n  }, state, inputRef);\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-Radio',\n          {\n            // Removing. Pending design feedback.\n            // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n            'spectrum-Radio--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-invalid': validationState === 'invalid',\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-Radio-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-Radio-button')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-Radio-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n  isEmphasized?: boolean,\n  name?: string,\n  validationState?: 'valid' | 'invalid',\n  state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n  return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isEmphasized,\n    isRequired,\n    necessityIndicator,\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    validationState,\n    children,\n    orientation = 'vertical',\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let state = useRadioGroupState(props);\n  let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n  return (\n    <div\n      {...styleProps}\n      {...radioGroupProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-FieldGroup',\n          {\n            'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n          },\n          // This is so radio works inside a <Form>\n          classNames(\n            labelStyles,\n            'spectrum-Field'\n          ),\n          styleProps.className\n        )\n      }\n      ref={domRef}>\n      {label &&\n        <Label\n          {...labelProps}\n          elementType=\"span\"\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n      }\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-FieldGroup-group',\n            {\n              'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n            }\n          )\n        }>\n        <RadioContext.Provider\n          value={{\n            isEmphasized,\n            validationState,\n            state\n          }}>\n          {children}\n        </RadioContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {\n    isDisabled,\n    children,\n    autoFocus,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let radioGroupProps = useRadioProvider();\n  let {\n    isEmphasized,\n    validationState,\n    state\n  } = radioGroupProps;\n\n  let {inputProps} = useRadio({\n    ...props,\n    ...radioGroupProps,\n    isDisabled\n  }, state, inputRef);\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-Radio',\n          {\n            // Removing. Pending design feedback.\n            // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n            'spectrum-Radio--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-invalid': validationState === 'invalid',\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-Radio-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-Radio-button')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-Radio-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n  isEmphasized?: boolean,\n  name?: string,\n  validationState?: 'valid' | 'invalid',\n  state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n  return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {HelpText, Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isEmphasized,\n    isRequired,\n    necessityIndicator,\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    validationState,\n    children,\n    orientation = 'vertical',\n    description,\n    errorMessage,\n    showErrorIcon,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n  let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n\n  let state = useRadioGroupState(props);\n  let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n  return (\n    <div\n      {...styleProps}\n      {...radioGroupProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-FieldGroup',\n          {\n            'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n          },\n          // This is so radio works inside a <Form>\n          classNames(\n            labelStyles,\n            'spectrum-Field'\n          ),\n          styleProps.className\n        )\n      }\n      ref={domRef}>\n      {label &&\n        <Label\n          {...labelProps}\n          elementType=\"span\"\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n      }\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-FieldGroup-group',\n            {\n              'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n            }\n          )\n        }>\n        <RadioContext.Provider\n          value={{\n            isEmphasized,\n            validationState,\n            state\n          }}>\n          {children}\n        </RadioContext.Provider>\n      </div>\n      {hasHelpText &&\n        <HelpText\n          descriptionProps={descriptionProps}\n          errorMessageProps={errorMessageProps}\n          description={description}\n          errorMessage={errorMessage}\n          validationState={validationState}\n          showErrorIcon={showErrorIcon} />\n      }\n    </div>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -4,7 +4,7 @@ import {FocusRing as $4hD9r$FocusRing} from "@react-aria/focus";
 import $4hD9r$react, {useRef as $4hD9r$useRef, forwardRef as $4hD9r$forwardRef, useContext as $4hD9r$useContext} from "react";
 import {useHover as $4hD9r$useHover} from "@react-aria/interactions";
 import {useRadio as $4hD9r$useRadio, useRadioGroup as $4hD9r$useRadioGroup} from "@react-aria/radio";
-import {Label as $4hD9r$Label} from "@react-spectrum/label";
+import {Label as $4hD9r$Label, HelpText as $4hD9r$HelpText} from "@react-spectrum/label";
 import {useFormProps as $4hD9r$useFormProps} from "@react-spectrum/form";
 import {useProviderProps as $4hD9r$useProviderProps} from "@react-spectrum/provider";
 import {useRadioGroupState as $4hD9r$useRadioGroupState} from "@react-stately/radio";
@@ -180,11 +180,12 @@ $4cb2b26710154c56$export$1ad8646bcba21c0e = "spectrum-FieldGroup-group--horizont
 function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
     props = $4hD9r$useProviderProps(props);
     props = $4hD9r$useFormProps(props);
-    let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , ...otherProps } = props;
+    let { isEmphasized: isEmphasized , isRequired: isRequired , necessityIndicator: necessityIndicator , label: label , labelPosition: labelPosition = 'top' , labelAlign: labelAlign , validationState: validationState , children: children , orientation: orientation = 'vertical' , description: description , errorMessage: errorMessage , showErrorIcon: showErrorIcon , ...otherProps } = props;
     let domRef = $4hD9r$useDOMRef(ref);
     let { styleProps: styleProps  } = $4hD9r$useStyleProps(otherProps);
+    let hasHelpText = !!description || errorMessage && validationState === 'invalid';
     let state = $4hD9r$useRadioGroupState(props);
-    let { radioGroupProps: radioGroupProps , labelProps: labelProps  } = $4hD9r$useRadioGroup(props, state);
+    let { radioGroupProps: radioGroupProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $4hD9r$useRadioGroup(props, state);
     return(/*#__PURE__*/ $4hD9r$react.createElement("div", {
         ...styleProps,
         ...radioGroupProps,
@@ -210,7 +211,14 @@ function $ac9b96486fc4badf$var$RadioGroup(props, ref) {
             validationState: validationState,
             state: state
         }
-    }, children))));
+    }, children)), hasHelpText && /*#__PURE__*/ $4hD9r$react.createElement($4hD9r$HelpText, {
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        description: description,
+        errorMessage: errorMessage,
+        validationState: validationState,
+        showErrorIcon: showErrorIcon
+    })));
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {\n    isDisabled,\n    children,\n    autoFocus,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let radioGroupProps = useRadioProvider();\n  let {\n    isEmphasized,\n    validationState,\n    state\n  } = radioGroupProps;\n\n  let {inputProps} = useRadio({\n    ...props,\n    ...radioGroupProps,\n    isDisabled\n  }, state, inputRef);\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-Radio',\n          {\n            // Removing. Pending design feedback.\n            // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n            'spectrum-Radio--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-invalid': validationState === 'invalid',\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-Radio-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-Radio-button')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-Radio-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n  isEmphasized?: boolean,\n  name?: string,\n  validationState?: 'valid' | 'invalid',\n  state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n  return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isEmphasized,\n    isRequired,\n    necessityIndicator,\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    validationState,\n    children,\n    orientation = 'vertical',\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n\n  let state = useRadioGroupState(props);\n  let {radioGroupProps, labelProps} = useRadioGroup(props, state);\n\n  return (\n    <div\n      {...styleProps}\n      {...radioGroupProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-FieldGroup',\n          {\n            'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n          },\n          // This is so radio works inside a <Form>\n          classNames(\n            labelStyles,\n            'spectrum-Field'\n          ),\n          styleProps.className\n        )\n      }\n      ref={domRef}>\n      {label &&\n        <Label\n          {...labelProps}\n          elementType=\"span\"\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n      }\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-FieldGroup-group',\n            {\n              'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n            }\n          )\n        }>\n        <RadioContext.Provider\n          value={{\n            isEmphasized,\n            validationState,\n            state\n          }}>\n          {children}\n        </RadioContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/Radio.tsx","packages/@adobe/spectrum-css-temp/components/radio/vars.css","packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@adobe/spectrum-css-temp/components/fieldlabel/vars.css","packages/@adobe/spectrum-css-temp/components/fieldgroup/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useFocusableRef, useStyleProps} from '@react-spectrum/utils';\nimport {FocusableRef} from '@react-types/shared';\nimport {FocusRing} from '@react-aria/focus';\nimport React, {forwardRef, useRef} from 'react';\nimport {SpectrumRadioProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/radio/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useRadio} from '@react-aria/radio';\nimport {useRadioProvider} from './context';\n\nfunction Radio(props: SpectrumRadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {\n    isDisabled,\n    children,\n    autoFocus,\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  let inputRef = useRef<HTMLInputElement>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let radioGroupProps = useRadioProvider();\n  let {\n    isEmphasized,\n    validationState,\n    state\n  } = radioGroupProps;\n\n  let {inputProps} = useRadio({\n    ...props,\n    ...radioGroupProps,\n    isDisabled\n  }, state, inputRef);\n\n  return (\n    <label\n      {...styleProps}\n      {...hoverProps}\n      ref={domRef}\n      className={\n        classNames(\n          styles,\n          'spectrum-Radio',\n          {\n            // Removing. Pending design feedback.\n            // 'spectrum-Radio--labelBelow': labelPosition === 'bottom',\n            'spectrum-Radio--quiet': !isEmphasized,\n            'is-disabled': isDisabled,\n            'is-invalid': validationState === 'invalid',\n            'is-hovered': isHovered\n          },\n          styleProps.className\n        )\n      }>\n      <FocusRing focusRingClass={classNames(styles, 'focus-ring')} autoFocus={autoFocus}>\n        <input\n          {...inputProps}\n          ref={inputRef}\n          className={classNames(styles, 'spectrum-Radio-input')} />\n      </FocusRing>\n      <span className={classNames(styles, 'spectrum-Radio-button')} />\n      {children && (\n        <span className={classNames(styles, 'spectrum-Radio-label')}>\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\n/**\n * Radio buttons allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _Radio = forwardRef(Radio);\nexport {_Radio as Radio};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {RadioGroupState} from '@react-stately/radio';\nimport React, {useContext} from 'react';\n\ninterface RadioGroupContext {\n  isEmphasized?: boolean,\n  name?: string,\n  validationState?: 'valid' | 'invalid',\n  state: RadioGroupState\n}\n\nexport const RadioContext = React.createContext<RadioGroupContext | null>(null);\n\nexport function useRadioProvider(): RadioGroupContext {\n  return useContext(RadioContext);\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, LabelPosition} from '@react-types/shared';\nimport {HelpText, Label} from '@react-spectrum/label';\nimport labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';\nimport {RadioContext} from './context';\nimport React from 'react';\nimport {SpectrumRadioGroupProps} from '@react-types/radio';\nimport styles from '@adobe/spectrum-css-temp/components/fieldgroup/vars.css';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useRadioGroup} from '@react-aria/radio';\nimport {useRadioGroupState} from '@react-stately/radio';\n\nfunction RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let {\n    isEmphasized,\n    isRequired,\n    necessityIndicator,\n    label,\n    labelPosition = 'top' as LabelPosition,\n    labelAlign,\n    validationState,\n    children,\n    orientation = 'vertical',\n    description,\n    errorMessage,\n    showErrorIcon,\n    ...otherProps\n  } = props;\n  let domRef = useDOMRef(ref);\n  let {styleProps} = useStyleProps(otherProps);\n  let hasHelpText = !!description || errorMessage && validationState === 'invalid';\n\n  let state = useRadioGroupState(props);\n  let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);\n\n  return (\n    <div\n      {...styleProps}\n      {...radioGroupProps}\n      className={\n        classNames(\n          styles,\n          'spectrum-FieldGroup',\n          {\n            'spectrum-FieldGroup--positionSide': labelPosition === 'side'\n          },\n          // This is so radio works inside a <Form>\n          classNames(\n            labelStyles,\n            'spectrum-Field'\n          ),\n          styleProps.className\n        )\n      }\n      ref={domRef}>\n      {label &&\n        <Label\n          {...labelProps}\n          elementType=\"span\"\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          isRequired={isRequired}\n          necessityIndicator={necessityIndicator}>\n          {label}\n        </Label>\n      }\n      <div\n        className={\n          classNames(\n            styles,\n            'spectrum-FieldGroup-group',\n            {\n              'spectrum-FieldGroup-group--horizontal': orientation === 'horizontal'\n            }\n          )\n        }>\n        <RadioContext.Provider\n          value={{\n            isEmphasized,\n            validationState,\n            state\n          }}>\n          {children}\n        </RadioContext.Provider>\n      </div>\n      {hasHelpText &&\n        <HelpText\n          descriptionProps={descriptionProps}\n          errorMessageProps={errorMessageProps}\n          description={description}\n          errorMessage={errorMessage}\n          validationState={validationState}\n          showErrorIcon={showErrorIcon} />\n      }\n    </div>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = React.forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;ACoFA;;;GAGG;AACH,OAAA,MAAM,qKAA0B,CAAC;ACYjC;;;GAGG;AACH,OAAA,MAAM,qJAA0C,CAAC;ACxFjD,YAAY,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/Radio.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;ACoFA;;;GAGG;AACH,OAAA,MAAM,qKAA0B,CAAC;ACyBjC;;;GAGG;AACH,OAAA,MAAM,qJAA0C,CAAC;ACrGjD,YAAY,EAAC,kBAAkB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC","sources":["packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/context.ts","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/Radio.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/RadioGroup.tsx","packages/@react-spectrum/radio/src/packages/@react-spectrum/radio/src/index.ts","packages/@react-spectrum/radio/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {Radio} from './Radio';\nexport {RadioGroup} from './RadioGroup';\nexport type {SpectrumRadioProps} from '@react-types/radio';\nexport type {SpectrumRadioGroupProps} from '@react-types/radio';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/radio",
-  "version": "3.0.0-nightly.1772+e514827f4",
+  "version": "3.0.0-nightly.1778+c24dc2e01",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -32,18 +32,18 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.1772+e514827f4",
-    "@react-aria/interactions": "3.0.0-nightly.1772+e514827f4",
-    "@react-aria/radio": "3.0.0-nightly.1772+e514827f4",
-    "@react-spectrum/form": "3.0.0-nightly.1772+e514827f4",
-    "@react-spectrum/label": "3.7.2-nightly.3472+e514827f4",
-    "@react-spectrum/utils": "3.0.0-nightly.1772+e514827f4",
-    "@react-stately/radio": "3.0.0-nightly.1772+e514827f4",
-    "@react-types/radio": "3.0.0-nightly.1772+e514827f4",
-    "@react-types/shared": "3.0.0-nightly.1772+e514827f4"
+    "@react-aria/focus": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-aria/interactions": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-aria/radio": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-spectrum/form": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-spectrum/label": "3.7.2-nightly.3478+c24dc2e01",
+    "@react-spectrum/utils": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-stately/radio": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-types/radio": "3.0.0-nightly.1778+c24dc2e01",
+    "@react-types/shared": "3.0.0-nightly.1778+c24dc2e01"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.1772+e514827f4"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.1778+c24dc2e01"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -52,5 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e514827f49696a9c20fb819bd9610651f7017039"
+  "gitHead": "c24dc2e0124fac3467b3adc48b1067f2447cd2b3"
 }

package/src/RadioGroup.tsx

@@ -12,7 +12,7 @@
 
 import {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';
 import {DOMRef, LabelPosition} from '@react-types/shared';
-import {Label} from '@react-spectrum/label';
+import {HelpText, Label} from '@react-spectrum/label';
 import labelStyles from '@adobe/spectrum-css-temp/components/fieldlabel/vars.css';
 import {RadioContext} from './context';
 import React from 'react';
@@ -36,13 +36,17 @@ function RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>)
     validationState,
     children,
     orientation = 'vertical',
+    description,
+    errorMessage,
+    showErrorIcon,
     ...otherProps
   } = props;
   let domRef = useDOMRef(ref);
   let {styleProps} = useStyleProps(otherProps);
+  let hasHelpText = !!description || errorMessage && validationState === 'invalid';
 
   let state = useRadioGroupState(props);
-  let {radioGroupProps, labelProps} = useRadioGroup(props, state);
+  let {radioGroupProps, labelProps, descriptionProps, errorMessageProps} = useRadioGroup(props, state);
 
   return (
     <div
@@ -94,6 +98,15 @@ function RadioGroup(props: SpectrumRadioGroupProps, ref: DOMRef<HTMLDivElement>)
           {children}
         </RadioContext.Provider>
       </div>
+      {hasHelpText &&
+        <HelpText
+          descriptionProps={descriptionProps}
+          errorMessageProps={errorMessageProps}
+          description={description}
+          errorMessage={errorMessage}
+          validationState={validationState}
+          showErrorIcon={showErrorIcon} />
+      }
     </div>
   );
 }