@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/CheckBox/CheckBox.js

@@ -1,74 +1,41 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _ = require("..");
-
 var _validationStates = require("../Forms/FormElement/validationStates");
-
 var _utils = require("../utils");
-
 var _BaseCheckBox = _interopRequireDefault(require("../BaseCheckBox"));
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "indeterminate", "onChange", "status", "statusMessage", "aria-errormessage", "semantic", "inputProps", "onFocusVisible", "onBlur"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function 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) { (0, _defineProperty2.default)(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; }
-
 /**
  * A Checkbox is a mechanism that allows the user to select one or more options.
  *
@@ -80,43 +47,41 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvCheckBox = function HvCheckBox(props) {
   var classes = props.classes,
-      className = props.className,
-      id = props.id,
-      name = props.name,
-      _props$value = props.value,
-      value = _props$value === void 0 ? "on" : _props$value,
-      _props$required = props.required,
-      required = _props$required === void 0 ? false : _props$required,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      label = props.label,
-      ariaLabel = props["aria-label"],
-      ariaLabelledBy = props["aria-labelledby"],
-      ariaDescribedBy = props["aria-describedby"],
-      labelProps = props.labelProps,
-      checked = props.checked,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      indeterminate = props.indeterminate,
-      onChange = props.onChange,
-      status = props.status,
-      statusMessage = props.statusMessage,
-      ariaErrorMessage = props["aria-errormessage"],
-      _props$semantic = props.semantic,
-      semantic = _props$semantic === void 0 ? false : _props$semantic,
-      inputProps = props.inputProps,
-      onFocusVisible = props.onFocusVisible,
-      onBlur = props.onBlur,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    id = props.id,
+    name = props.name,
+    _props$value = props.value,
+    value = _props$value === void 0 ? "on" : _props$value,
+    _props$required = props.required,
+    required = _props$required === void 0 ? false : _props$required,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    ariaLabel = props["aria-label"],
+    ariaLabelledBy = props["aria-labelledby"],
+    ariaDescribedBy = props["aria-describedby"],
+    labelProps = props.labelProps,
+    checked = props.checked,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    indeterminate = props.indeterminate,
+    onChange = props.onChange,
+    status = props.status,
+    statusMessage = props.statusMessage,
+    ariaErrorMessage = props["aria-errormessage"],
+    _props$semantic = props.semantic,
+    semantic = _props$semantic === void 0 ? false : _props$semantic,
+    inputProps = props.inputProps,
+    onFocusVisible = props.onFocusVisible,
+    onBlur = props.onBlur,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var elementId = (0, _.useUniqueId)(id, "hvcheckbox");
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      focusVisible = _useState2[0],
-      setFocusVisible = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    focusVisible = _useState2[0],
+    setFocusVisible = _useState2[1];
   var onFocusVisibleCallback = (0, _react.useCallback)(function (evt) {
     setFocusVisible(true);
     onFocusVisible === null || onFocusVisible === void 0 ? void 0 : onFocusVisible(evt);
@@ -125,54 +90,46 @@ var HvCheckBox = function HvCheckBox(props) {
     setFocusVisible(false);
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(evt);
   }, [onBlur]);
-
   var _useControlled = (0, _utils.useControlled)(checked, Boolean(defaultChecked)),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      isChecked = _useControlled2[0],
-      setIsChecked = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    isChecked = _useControlled2[0],
+    setIsChecked = _useControlled2[1];
   var _useControlled3 = (0, _utils.useControlled)(checked !== undefined ? indeterminate : undefined, Boolean(indeterminate)),
-      _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
-      isIndeterminate = _useControlled4[0],
-      setIsIndeterminate = _useControlled4[1];
-
+    _useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
+    isIndeterminate = _useControlled4[0],
+    setIsIndeterminate = _useControlled4[1];
   var _useControlled5 = (0, _utils.useControlled)(status, "standBy"),
-      _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 2),
-      validationState = _useControlled6[0],
-      setValidationState = _useControlled6[1];
-
+    _useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 2),
+    validationState = _useControlled6[0],
+    setValidationState = _useControlled6[1];
   var _useControlled7 = (0, _utils.useControlled)(statusMessage, "Required"),
-      _useControlled8 = (0, _slicedToArray2.default)(_useControlled7, 1),
-      validationMessage = _useControlled8[0];
-
+    _useControlled8 = (0, _slicedToArray2.default)(_useControlled7, 1),
+    validationMessage = _useControlled8[0];
   var onLocalChange = (0, _react.useCallback)(function (evt, newChecked) {
     setIsChecked(function () {
       // this will only run if uncontrolled
       setIsIndeterminate(false);
-
       if (required && !newChecked) {
         setValidationState("invalid");
       } else {
         setValidationState("valid");
       }
-
       return newChecked;
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
-  }, [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, value]); // the error message area will only be created if:
+  }, [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, 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 OR
   //   - status is uncontrolled and required is true
-
   var canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   var hasLabel = label != null;
   var isStateInvalid = (0, _validationStates.isInvalid)(validationState);
   var errorMessageId;
-
   if (isStateInvalid) {
     errorMessageId = canShowError ? (0, _utils.setId)(elementId, "error") : ariaErrorMessage;
   }
-
   var checkbox = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseCheckBox.default, _objectSpread({
     id: hasLabel ? (0, _utils.setId)(elementId, "input") : (0, _utils.setId)(id, "input"),
     name: name,
@@ -220,13 +177,11 @@ var HvCheckBox = function HvCheckBox(props) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the checkbox.
    */
@@ -235,53 +190,43 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
      * Styles applied to the component.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the checkbox+label container (only when a label is provided).
      */
     container: _propTypes.default.string,
-
     /**
      * Styles applied to the HvBaseCheckbox (only when a label is provided).
      */
     invalidContainer: _propTypes.default.string,
-
     /**
      * Styles applied to the checkbox+label container when checkbox is disabled.
      */
     disabled: _propTypes.default.string,
-
     /**
      * Styles applied to the HvBaseCheckbox.
      */
     checkbox: _propTypes.default.string,
-
     /**
      * Styles applied to the HvBaseCheckbox (only when a label is not provided).
      */
     invalidCheckbox: _propTypes.default.string,
-
     /**
      * Styles applied to the label.
      */
     label: _propTypes.default.string,
-
     /**
      * Class applied to the root element if keyboard focused.
      */
     focusVisible: _propTypes.default.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: _propTypes.default.string,
-
   /**
    * The form element name.
    */
   name: _propTypes.default.string,
-
   /**
    * The value of the form element.
    *
@@ -292,7 +237,6 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: _propTypes.default.any,
-
   /**
    * The label of the form element.
    *
@@ -300,54 +244,44 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
    */
   label: _propTypes.default.node,
-
   /**
    * @ignore
    */
   "aria-label": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": _propTypes.default.string,
-
   /**
    * @ignore
    */
   "aria-describedby": _propTypes.default.string,
-
   /**
    * Properties passed on to the label element.
    */
   labelProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * Indicates that the form element is not editable.
    */
   readOnly: _propTypes.default.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: _propTypes.default.bool,
-
   /**
    * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.
    *
    * When defined the checkbox state becomes controlled.
    */
   checked: _propTypes.default.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: _propTypes.default.bool,
-
   /**
    * If `true` the checkbox visually shows the indeterminate state.
    *
@@ -356,7 +290,6 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
    * state.
    */
   indeterminate: _propTypes.default.bool,
-
   /**
    * The status of the form element.
    *
@@ -366,51 +299,42 @@ process.env.NODE_ENV !== "production" ? HvCheckBox.propTypes = {
    * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
    */
   status: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when the validation status is "invalid".
    *
    * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
    */
   statusMessage: _propTypes.default.string,
-
   /**
    * Identifies the element that provides an error message for the checkbox.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": _propTypes.default.string,
-
   /**
    * The callback fired when the checkbox is pressed.
    */
   onChange: _propTypes.default.func,
-
   /**
    * Whether the selector should use semantic colors.
    */
   semantic: _propTypes.default.bool,
-
   /**
    * Properties passed on to the input element.
    */
   inputProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
   onFocusVisible: _propTypes.default.func,
-
   /**
    * @ignore
    */
   onBlur: _propTypes.default.func
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCheckBox"
 })(HvCheckBox);
-
 exports.default = _default;
 //# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","names":["HvCheckBox","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","indeterminate","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","undefined","isIndeterminate","setIsIndeterminate","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","checkbox","clsx","invalidCheckbox","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBox/CheckBox.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 { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseCheckBox from \"../BaseCheckBox\";\n\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nconst HvCheckBox = (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    indeterminate,\n\n    onChange,\n\n    status,\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, \"hvcheckbox\");\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 [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, 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 OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <HvBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.checkbox, { [classes.invalidCheckbox]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\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={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root, {\n        [classes.focusVisible]: focusVisible && label,\n      })}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {checkbox}\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        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+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 checkbox+label container when checkbox is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox.\n     */\n    checkbox: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidCheckbox: 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   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\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 inputted via inputProps.\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 the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   *\n   * When the checkbox is uncontrolled the indeterminate state is cleared after any change\n   * to the checked state. However, if controlled the user must also control the indeterminate\n   * state.\n   */\n  indeterminate: 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   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox.\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 checkbox 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: \"HvCheckBox\" })(HvCheckBox);\n"],"mappings":"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"}
+{"version":3,"file":"CheckBox.js","names":["HvCheckBox","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","indeterminate","onChange","status","statusMessage","ariaErrorMessage","semantic","inputProps","onFocusVisible","onBlur","others","elementId","useUniqueId","useState","focusVisible","setFocusVisible","onFocusVisibleCallback","useCallback","evt","onBlurCallback","useControlled","Boolean","isChecked","setIsChecked","undefined","isIndeterminate","setIsIndeterminate","validationState","setValidationState","validationMessage","onLocalChange","newChecked","canShowError","hasLabel","isStateInvalid","isInvalid","errorMessageId","setId","checkbox","clsx","invalidCheckbox","root","container","invalidContainer","propTypes","PropTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func","withStyles","styles"],"sources":["../../src/CheckBox/CheckBox.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 { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseCheckBox from \"../BaseCheckBox\";\n\nimport styles from \"./styles\";\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nconst HvCheckBox = (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    indeterminate,\n\n    onChange,\n\n    status,\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, \"hvcheckbox\");\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 [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, 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 OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <HvBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(classes.checkbox, { [classes.invalidCheckbox]: isStateInvalid })}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onLocalChange}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\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={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root, {\n        [classes.focusVisible]: focusVisible && label,\n      })}\n    >\n      {hasLabel ? (\n        <div\n          className={clsx(classes.container, {\n            [classes.disabled]: disabled,\n            [classes.invalidContainer]: isStateInvalid,\n          })}\n        >\n          {checkbox}\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        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvCheckBox.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 checkbox.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the checkbox+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 checkbox+label container when checkbox is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox.\n     */\n    checkbox: PropTypes.string,\n    /**\n     * Styles applied to the HvBaseCheckbox (only when a label is not provided).\n     */\n    invalidCheckbox: 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   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the checkbox is neither unchecked nor indeterminate.\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 inputted via inputProps.\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 the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the checkbox is selected, if set to `false` the checkbox is not selected.\n   *\n   * When defined the checkbox state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true` the checkbox visually shows the indeterminate state.\n   *\n   * When the checkbox is uncontrolled the indeterminate state is cleared after any change\n   * to the checked state. However, if controlled the user must also control the indeterminate\n   * state.\n   */\n  indeterminate: 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   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the checkbox.\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 checkbox 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: \"HvCheckBox\" })(HvCheckBox);\n"],"mappings":"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"}

package/dist/CheckBox/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _CheckBox.default;
   }
 });
-
 var _CheckBox = _interopRequireDefault(require("./CheckBox"));
 //# sourceMappingURL=index.js.map

package/dist/CheckBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/CheckBox/index.js"],"sourcesContent":["export { default } from \"./CheckBox\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/CheckBox/index.js"],"sourcesContent":["export { default } from \"./CheckBox\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/CheckBox/styles.js

@@ -1,34 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _styles = require("../Focus/styles");
-
 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) { (0, _defineProperty2.default)(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; }
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -89,7 +76,6 @@ var styles = function styles(theme) {
     })
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/CheckBox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","container","cursor","height","transition","transitions","create","duration","shortest","backgroundColor","hv","palette","atmosphere","atmo3","invalidContainer","borderBottom","semantic","sema4","disabled","checkbox","invalidCheckbox","label","overflow","textOverflow","verticalAlign","paddingRight","spacing","xs","whiteSpace","typography","normalText","lineHeight","width","color","atmo5","focusVisible","outlineStyles","outline","boxShadow"],"sources":["../../src/CheckBox/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  checkbox: {\n    height: 32,\n  },\n  invalidCheckbox: {\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  focusVisible: {\n    ...outlineStyles,\n    \"& div\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n\n    // ensure more specificity than .HvBaseCheckbox-root.HvBaseCheckbox-focusVisible svg\n    \"& $checkbox div>svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAKzBC,SAAS,EAAE;MACTC,MAAM,EAAE,SADC;MAETF,OAAO,EAAE,MAFA;MAITG,MAAM,EAAE,EAJC;MAMTC,UAAU,EAAEN,KAAK,CAACO,WAAN,CAAkBC,MAAlB,CAAyB,kBAAzB,EAA6C;QACvDC,QAAQ,EAAET,KAAK,CAACO,WAAN,CAAkBE,QAAlB,CAA2BC;MADkB,CAA7C,CANH;MAUT,WAAW;QACTC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADpC;IAVF,CALc;IAmBzBC,gBAAgB,EAAE;MAChBC,YAAY,sBAAejB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAzC;IADI,CAnBO;IAsBzBC,QAAQ,EAAE;MACRhB,MAAM,EAAE;IADA,CAtBe;IA0BzBiB,QAAQ,EAAE;MACRhB,MAAM,EAAE;IADA,CA1Be;IA6BzBiB,eAAe,EAAE;MACfL,YAAY,sBAAejB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC,KAAzC;IADG,CA7BQ;IAiCzBI,KAAK,EAAE;MACL;MACA;QACEC,QAAQ,EAAE,QADZ;QAEEC,YAAY,EAAE,UAFhB;QAGEC,aAAa,EAAE,QAHjB;QAIEC,YAAY,EAAE3B,KAAK,CAACY,EAAN,CAASgB,OAAT,CAAiBC,EAJjC;QAKEC,UAAU,EAAE;MALd,GAMK9B,KAAK,CAACY,EAAN,CAASmB,UAAT,CAAoBC,UANzB;QAOE5B,MAAM,EAAE,SAPV;QAQEC,MAAM,EAAE,MARV;QASE4B,UAAU,EAAE,MATd;QAUEC,KAAK,EAAE;MAVT,EAFK;MAcL,eAAe;QACb;QACAC,KAAK,EAAEnC,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BsB,KAFtB;QAGbhC,MAAM,EAAE;MAHK;IAdV,CAjCkB;IAqDzBiC,YAAY,kCACPC,qBADO;MAEV,SAAS;QACP3B,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;MADtC,CAFC;MAMV;MACA,uBAAuB;QACrBwB,OAAO,EAAE,MADY;QAErBC,SAAS,EAAE;MAFU;IAPb;EArDa,CAAZ;AAAA,CAAf;;eAmEezC,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","container","cursor","height","transition","transitions","create","duration","shortest","backgroundColor","hv","palette","atmosphere","atmo3","invalidContainer","borderBottom","semantic","sema4","disabled","checkbox","invalidCheckbox","label","overflow","textOverflow","verticalAlign","paddingRight","spacing","xs","whiteSpace","typography","normalText","lineHeight","width","color","atmo5","focusVisible","outlineStyles","outline","boxShadow"],"sources":["../../src/CheckBox/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  checkbox: {\n    height: 32,\n  },\n  invalidCheckbox: {\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  focusVisible: {\n    ...outlineStyles,\n    \"& div\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n\n    // ensure more specificity than .HvBaseCheckbox-root.HvBaseCheckbox-focusVisible svg\n    \"& $checkbox div>svg\": {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAgD;AAAA;AAEhD,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IACX,CAAC;IAEDC,SAAS,EAAE;MACTC,MAAM,EAAE,SAAS;MACjBF,OAAO,EAAE,MAAM;MAEfG,MAAM,EAAE,EAAE;MAEVC,UAAU,EAAEN,KAAK,CAACO,WAAW,CAACC,MAAM,CAAC,kBAAkB,EAAE;QACvDC,QAAQ,EAAET,KAAK,CAACO,WAAW,CAACE,QAAQ,CAACC;MACvC,CAAC,CAAC;MAEF,SAAS,EAAE;QACTC,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC/C;IACF,CAAC;IACDC,gBAAgB,EAAE;MAChBC,YAAY,sBAAejB,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACC,KAAK;IAC5D,CAAC;IACDC,QAAQ,EAAE;MACRhB,MAAM,EAAE;IACV,CAAC;IAEDiB,QAAQ,EAAE;MACRhB,MAAM,EAAE;IACV,CAAC;IACDiB,eAAe,EAAE;MACfL,YAAY,sBAAejB,KAAK,CAACY,EAAE,CAACC,OAAO,CAACK,QAAQ,CAACC,KAAK;IAC5D,CAAC;IAEDI,KAAK,EAAE;MACL;MACA,SAAS;QACPC,QAAQ,EAAE,QAAQ;QAClBC,YAAY,EAAE,UAAU;QACxBC,aAAa,EAAE,QAAQ;QACvBC,YAAY,EAAE3B,KAAK,CAACY,EAAE,CAACgB,OAAO,CAACC,EAAE;QACjCC,UAAU,EAAE;MAAQ,GACjB9B,KAAK,CAACY,EAAE,CAACmB,UAAU,CAACC,UAAU;QACjC5B,MAAM,EAAE,SAAS;QACjBC,MAAM,EAAE,MAAM;QACd4B,UAAU,EAAE,MAAM;QAClBC,KAAK,EAAE;MAAM,EACd;MACD,aAAa,EAAE;QACb;QACAC,KAAK,EAAEnC,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACsB,KAAK;QACxChC,MAAM,EAAE;MACV;IACF,CAAC;IACDiC,YAAY,kCACPC,qBAAa;MAChB,OAAO,EAAE;QACP3B,eAAe,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC/C,CAAC;MAED;MACA,qBAAqB,EAAE;QACrBwB,OAAO,EAAE,MAAM;QACfC,SAAS,EAAE;MACb;IAAC;EAEL,CAAC;AAAA,CAAC;AAAC,eAEYzC,MAAM;AAAA"}