@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/modern/Radio/Radio.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -15,6 +11,7 @@ import { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from
 import { isInvalid } from "../Forms/FormElement/validationStates";
 import { setId, useControlled } from "../utils";
 import styles from "./styles";
+
 /**
  * A Radio Button is a mechanism that allows user to select just an option from a group of options.
  *
@@ -24,38 +21,35 @@ import styles from "./styles";
  * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
  * respond to the browser's native management of radio inputs checked state.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvRadio = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value = "on",
-    required = false,
-    readOnly = false,
-    disabled = false,
-    label,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    labelProps,
-    checked,
-    defaultChecked = false,
-    onChange,
-    status = "standBy",
-    statusMessage,
-    "aria-errormessage": ariaErrorMessage,
-    semantic = false,
-    inputProps,
-    onFocusVisible,
-    onBlur
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value = "on",
+      required = false,
+      readOnly = false,
+      disabled = false,
+      label,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      labelProps,
+      checked,
+      defaultChecked = false,
+      onChange,
+      status = "standBy",
+      statusMessage,
+      "aria-errormessage": ariaErrorMessage,
+      semantic = false,
+      inputProps,
+      onFocusVisible,
+      onBlur
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const elementId = useUniqueId(id, "hvradio");
   const [focusVisible, setFocusVisible] = useState(false);
   const onFocusVisibleCallback = useCallback(evt => {
@@ -70,19 +64,18 @@ const HvRadio = props => {
   const onLocalChange = useCallback((evt, newChecked) => {
     setIsChecked(newChecked);
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
-  }, [onChange, setIsChecked, value]); // the error message area will only be created if:
+  }, [onChange, setIsChecked, value]);
+
+  // the error message area will only be created if:
   // - an external element that provides an error message isn't identified via aria-errormessage AND
   //   - both status and statusMessage properties are being controlled
-
   const canShowError = ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;
   const hasLabel = label != null;
   const isStateInvalid = isInvalid(status);
   let errorMessageId;
-
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
-
   const radio = /*#__PURE__*/_jsx(HvBaseRadio, _objectSpread({
     id: label ? setId(elementId, "input") : setId(id, "input"),
     name: name,
@@ -103,7 +96,6 @@ const HvRadio = props => {
     onFocusVisible: onFocusVisibleCallback,
     onBlur: onBlurCallback
   }, others));
-
   return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
@@ -127,13 +119,11 @@ const HvRadio = props => {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the radio button.
    */
@@ -142,53 +132,43 @@ process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
      * Styles applied to the component.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the radio button+label container (only when a label is provided).
      */
     container: PropTypes.string,
-
     /**
      * Styles applied to the HvBaseCheckbox (only when a label is provided).
      */
     invalidContainer: PropTypes.string,
-
     /**
      * Styles applied to the radio button+label container when the radio button is disabled.
      */
     disabled: PropTypes.string,
-
     /**
      * Styles applied to the HvBaseRadio.
      */
     radio: PropTypes.string,
-
     /**
      * Styles applied to the HvBaseCheckbox (only when a label is not provided).
      */
     invalidRadio: PropTypes.string,
-
     /**
      * Styles applied to the label.
      */
     label: PropTypes.string,
-
     /**
      * Class applied to the root element if keyboard focused.
      */
     focusVisible: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: PropTypes.string,
-
   /**
    * The form element name.
    */
   name: PropTypes.string,
-
   /**
    * The value of the form element.
    *
@@ -196,7 +176,6 @@ process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
-
   /**
    * The label of the form element.
    *
@@ -204,27 +183,22 @@ process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be provided.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-label": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-describedby": PropTypes.string,
-
   /**
    * Properties passed on to the label element.
    */
   labelProps: PropTypes.instanceOf(Object),
-
   /**
    * Indicates that user input is required on the form element.
    *
@@ -235,69 +209,57 @@ process.env.NODE_ENV !== "production" ? HvRadio.propTypes = {
    * That should ideally be managed in the context of a radio button group.
    */
   required: PropTypes.bool,
-
   /**
    * Indicates that the form element is not editable.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * If `true` the radio button is selected, if set to `false` the radio button is not selected.
    *
    * When defined the radio button state becomes controlled.
    */
   checked: PropTypes.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * The status of the form element.
    *
    * Valid is correct, invalid is incorrect and standBy means no validations have run.
    */
   status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when `status` is "invalid".
    */
   statusMessage: PropTypes.string,
-
   /**
    * Identifies the element that provides an error message for the radio button.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": PropTypes.string,
-
   /**
    * The callback fired when the radio button is pressed.
    */
   onChange: PropTypes.func,
-
   /**
    * Whether the selector should use semantic colors.
    */
   semantic: PropTypes.bool,
-
   /**
    * Properties passed on to the input element.
    */
   inputProps: PropTypes.instanceOf(Object),
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: PropTypes.func,
-
   /**
    * @ignore
    */

package/dist/modern/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["React","useCallback","useState","PropTypes","clsx","withStyles","HvBaseRadio","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","styles","HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","isChecked","setIsChecked","Boolean","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the radio button.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["React","useCallback","useState","PropTypes","clsx","withStyles","HvBaseRadio","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","styles","HvRadio","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","focusVisible","setFocusVisible","onFocusVisibleCallback","evt","onBlurCallback","isChecked","setIsChecked","Boolean","onLocalChange","newChecked","canShowError","undefined","hasLabel","isStateInvalid","errorMessageId","radio","invalidRadio","root","container","invalidContainer","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Radio/Radio.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvBaseRadio, HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\n/**\n * A Radio Button is a mechanism that allows user to select just an option from a group of options.\n *\n * It should used in a Radio Button Group to present the user with a range of options from\n * which the user <b>may select just one option</b> to complete their task.\n *\n * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't\n * respond to the browser's native management of radio inputs checked state.\n */\nconst HvRadio = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status = \"standBy\",\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    semantic = false,\n\n    inputProps,\n\n    onFocusVisible,\n    onBlur,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvradio\");\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(newChecked);\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, setIsChecked, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled\n  const canShowError =\n    ariaErrorMessage == null && status !== undefined && statusMessage !== undefined;\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(status);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const radio = (\n    <HvBaseRadio\n      id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.radio, { [classes.invalidRadio]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={status || \"standBy\"}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.focusVisible]: focusVisible && label,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {radio}\n          <HvLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(classes.label)}\n            {...labelProps}\n          />\n        </div>\n      ) : (\n        radio\n      )}\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder>\n          {statusMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvRadio.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container (only when a label is provided).\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is provided).\n     */\n    invalidContainer: PropTypes.string,\n    /**\n     * Styles applied to the radio button+label container when the radio button is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseRadio.\n     */\n    radio: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidRadio: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Class applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Indicates that user input is required on the form element.\n   *\n   * If a single radio button in a group has the required attribute, a radio button in\n   * that group must be check, though it doesn't have to be the one with the attribute is applied.\n   *\n   * For that reason, the component doesn't make any uncontrolled changes to its validation status.\n   * That should ideally be managed in the context of a radio button group.\n   */\n  required: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n   *\n   * When defined the radio button state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the radio button.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the radio button is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Whether the selector should use semantic colors.\n   */\n  semantic: PropTypes.bool,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n\n  /**\n   * Callback fired when the component is focused with a keyboard.\n   * We trigger a `onFocus` callback too.\n   */\n  onFocusVisible: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onBlur: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvRadio\" })(HvRadio);\n"],"mappings":"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"}

package/dist/modern/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Radio/index.js"],"sourcesContent":["export { default } from \"./Radio\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Radio/index.js"],"sourcesContent":["export { default } from \"./Radio\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/dist/modern/Radio/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
-
 const styles = theme => ({
   root: {
     display: "inline-block"
@@ -63,6 +59,5 @@ const styles = theme => ({
     }
   })
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","container","cursor","height","transition","transitions","create","duration","shortest","backgroundColor","hv","palette","atmosphere","atmo3","invalidContainer","borderBottom","semantic","sema4","disabled","radio","invalidRadio","label","overflow","textOverflow","verticalAlign","paddingRight","spacing","xs","whiteSpace","typography","normalText","lineHeight","width","color","atmo5","focusVisible","outline","boxShadow"],"sources":["../../../src/Radio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n  },\n\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n\n    height: 32,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shortest,\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  invalidContainer: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n  },\n\n  radio: {\n    height: 32,\n  },\n  invalidRadio: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  label: {\n    // ensure more specificity than .HvTypography-highlightText\n    \"$root &\": {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      verticalAlign: \"middle\",\n      paddingRight: theme.hv.spacing.xs,\n      whiteSpace: \"nowrap\",\n      ...theme.hv.typography.normalText,\n      cursor: \"pointer\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n      width: \"100%\",\n    },\n    \"$disabled &\": {\n      // not spreading theme.hv.typography.placeholderText, it overrides too many things\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n    },\n  },\n\n  focusVisible: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    ...outlineStyles,\n\n    // ensure more specificity than .HvBaseRadio-root.HvBaseRadio-focusVisible svg\n    \"& $radio div>svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAKzBC,SAAS,EAAE;IACTC,MAAM,EAAE,SADC;IAETF,OAAO,EAAE,MAFA;IAITG,MAAM,EAAE,EAJC;IAMTC,UAAU,EAAEN,KAAK,CAACO,WAAN,CAAkBC,MAAlB,CAAyB,kBAAzB,EAA6C;MACvDC,QAAQ,EAAET,KAAK,CAACO,WAAN,CAAkBE,QAAlB,CAA2BC;IADkB,CAA7C,CANH;IAUT,WAAW;MACTC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpC;EAVF,CALc;EAmBzBC,gBAAgB,EAAE;IAChBC,YAAY,EAAG,aAAYjB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAM;EAD3C,CAnBO;EAsBzBC,QAAQ,EAAE;IACRhB,MAAM,EAAE;EADA,CAtBe;EA0BzBiB,KAAK,EAAE;IACLhB,MAAM,EAAE;EADH,CA1BkB;EA6BzBiB,YAAY,EAAE;IACZL,YAAY,EAAG,aAAYjB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAM;EAD/C,CA7BW;EAiCzBI,KAAK,EAAE;IACL;IACA;MACEC,QAAQ,EAAE,QADZ;MAEEC,YAAY,EAAE,UAFhB;MAGEC,aAAa,EAAE,QAHjB;MAIEC,YAAY,EAAE3B,KAAK,CAACY,EAAN,CAASgB,OAAT,CAAiBC,EAJjC;MAKEC,UAAU,EAAE;IALd,GAMK9B,KAAK,CAACY,EAAN,CAASmB,UAAT,CAAoBC,UANzB;MAOE5B,MAAM,EAAE,SAPV;MAQEC,MAAM,EAAE,MARV;MASE4B,UAAU,EAAE,MATd;MAUEC,KAAK,EAAE;IAVT,EAFK;IAcL,eAAe;MACb;MACAC,KAAK,EAAEnC,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BsB,KAFtB;MAGbhC,MAAM,EAAE;IAHK;EAdV,CAjCkB;EAsDzBiC,YAAY;IACV1B,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADnC,GAEPjB,aAFO;IAIV;IACA,oBAAoB;MAClBwC,OAAO,EAAE,MADS;MAElBC,SAAS,EAAE;IAFO;EALV;AAtDa,CAAZ,CAAf;;AAkEA,eAAexC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","container","cursor","height","transition","transitions","create","duration","shortest","backgroundColor","hv","palette","atmosphere","atmo3","invalidContainer","borderBottom","semantic","sema4","disabled","radio","invalidRadio","label","overflow","textOverflow","verticalAlign","paddingRight","spacing","xs","whiteSpace","typography","normalText","lineHeight","width","color","atmo5","focusVisible","outline","boxShadow"],"sources":["../../../src/Radio/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n  },\n\n  container: {\n    cursor: \"pointer\",\n    display: \"flex\",\n\n    height: 32,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shortest,\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  invalidContainer: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n  disabled: {\n    cursor: \"not-allowed\",\n  },\n\n  radio: {\n    height: 32,\n  },\n  invalidRadio: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  label: {\n    // ensure more specificity than .HvTypography-highlightText\n    \"$root &\": {\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      verticalAlign: \"middle\",\n      paddingRight: theme.hv.spacing.xs,\n      whiteSpace: \"nowrap\",\n      ...theme.hv.typography.normalText,\n      cursor: \"pointer\",\n      height: \"32px\",\n      lineHeight: \"32px\",\n      width: \"100%\",\n    },\n    \"$disabled &\": {\n      // not spreading theme.hv.typography.placeholderText, it overrides too many things\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n    },\n  },\n\n  focusVisible: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    ...outlineStyles,\n\n    // ensure more specificity than .HvBaseRadio-root.HvBaseRadio-focusVisible svg\n    \"& $radio div>svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EACX,CAAC;EAEDC,SAAS,EAAE;IACTC,MAAM,EAAE,SAAS;IACjBF,OAAO,EAAE,MAAM;IAEfG,MAAM,EAAE,EAAE;IAEVC,UAAU,EAAEN,KAAK,CAACO,WAAW,CAACC,MAAM,CAAC,kBAAkB,EAAE;MACvDC,QAAQ,EAAET,KAAK,CAACO,WAAW,CAACE,QAAQ,CAACC;IACvC,CAAC,CAAC;IAEF,SAAS,EAAE;MACTC,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IAC/C;EACF,CAAC;EACDC,gBAAgB,EAAE;IAChBC,YAAY,EAAG,aAAYjB,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACC,KAAM;EAC7D,CAAC;EACDC,QAAQ,EAAE;IACRhB,MAAM,EAAE;EACV,CAAC;EAEDiB,KAAK,EAAE;IACLhB,MAAM,EAAE;EACV,CAAC;EACDiB,YAAY,EAAE;IACZL,YAAY,EAAG,aAAYjB,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACC,KAAM;EAC7D,CAAC;EAEDI,KAAK,EAAE;IACL;IACA,SAAS;MACPC,QAAQ,EAAE,QAAQ;MAClBC,YAAY,EAAE,UAAU;MACxBC,aAAa,EAAE,QAAQ;MACvBC,YAAY,EAAE3B,KAAK,CAACY,EAAE,CAACgB,OAAO,CAACC,EAAE;MACjCC,UAAU,EAAE;IAAQ,GACjB9B,KAAK,CAACY,EAAE,CAACmB,UAAU,CAACC,UAAU;MACjC5B,MAAM,EAAE,SAAS;MACjBC,MAAM,EAAE,MAAM;MACd4B,UAAU,EAAE,MAAM;MAClBC,KAAK,EAAE;IAAM,EACd;IACD,aAAa,EAAE;MACb;MACAC,KAAK,EAAEnC,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACsB,KAAK;MACxChC,MAAM,EAAE;IACV;EACF,CAAC;EAEDiC,YAAY;IACV1B,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;EAAK,GAC/CjB,aAAa;IAEhB;IACA,kBAAkB,EAAE;MAClBwC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACb;EAAC;AAEL,CAAC,CAAC;AAEF,eAAexC,MAAM"}