@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/components/Card/Header/Header.styles.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const cache = require("../../../emotion/cache.cjs");
+const styles = {
+  root: cache.css({
+    padding: `15px ${uikitStyles.theme.space.sm}`,
+    position: "relative"
+  }),
+  titleShort: cache.css({
+    fontFamily: uikitStyles.theme.fontFamily.body,
+    marginRight: "30px"
+  }),
+  title: cache.css({
+    fontFamily: uikitStyles.theme.fontFamily.body
+  }),
+  subheader: cache.css({
+    fontFamily: uikitStyles.theme.fontFamily.body
+  }),
+  action: cache.css({
+    position: "absolute",
+    right: 20,
+    marginTop: 0,
+    marginRight: "0px",
+    paddingLeft: uikitStyles.theme.space.xs,
+    top: "15px"
+  })
+};
+exports.styles = styles;
+//# sourceMappingURL=Header.styles.cjs.map

package/dist/cjs/components/Card/Header/Header.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { css } from \"emotion\";\n\nexport const styles = {\n  root: css({ padding: `15px ${theme.space.sm}`, position: \"relative\" }),\n  titleShort: css({\n    fontFamily: theme.fontFamily.body,\n    marginRight: \"30px\",\n  }),\n  title: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  subheader: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  action: css({\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: theme.space.xs,\n    top: \"15px\",\n  }),\n};\n"],"names":["styles","root","css","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;;;AAGO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,MAAAA,IAAI;AAAA,IAAEC,SAAU,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAA,CAAY;AAAA,EACrEC,YAAYN,MAAAA,IAAI;AAAA,IACdO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EAAA,CACd;AAAA,EACDC,OAAOV,MAAAA,IAAI;AAAA,IACTO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDG,WAAWX,MAAAA,IAAI;AAAA,IACbO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDI,QAAQZ,MAAAA,IAAI;AAAA,IACVK,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,YAAAA,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EAAA,CACN;AACH;;"}

package/dist/cjs/components/Card/Header/headerClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["root", "title", "titleShort", "subheader", "action", "content"];
+const cardHeaderClasses = classes.getClasses(classKeys, "HvCard-Header");
+const cardHeaderClasses$1 = cardHeaderClasses;
+exports.default = cardHeaderClasses$1;
+//# sourceMappingURL=headerClasses.cjs.map

package/dist/cjs/components/Card/Header/headerClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerClasses.cjs","sources":["../../../../../src/components/Card/Header/headerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCardHeaderClasses = {\n  root?: string;\n  title?: string;\n  titleShort?: string;\n  subheader?: string;\n  action?: string;\n  content?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"title\",\n  \"titleShort\",\n  \"subheader\",\n  \"action\",\n  \"content\",\n];\n\nconst cardHeaderClasses = getClasses<HvCardHeaderClasses>(\n  classKeys,\n  \"HvCard-Header\"\n);\n\nexport default cardHeaderClasses;\n"],"names":["classKeys","cardHeaderClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,QACA,SACA,cACA,aACA,UACA,SAAS;AAGX,MAAMC,oBAAoBC,QACxBF,WAAAA,WACA,eAAe;AAGjB,MAAA,sBAAeC;;"}

package/dist/cjs/components/Card/Media/Media.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const MuiCardMedia = require("@mui/material/CardMedia");
+const Media_styles = require("./Media.styles.cjs");
+const mediaClasses = require("./mediaClasses.cjs");
+const clsx = require("clsx");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiCardMedia__default = /* @__PURE__ */ _interopDefault(MuiCardMedia);
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvMedia = ({
+  id,
+  classes,
+  className,
+  children,
+  title,
+  onClick,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardMedia__default.default, { id, classes: {
+    root: clsx__default.default(Media_styles.styles.root, mediaClasses.default.root, classes == null ? void 0 : classes.root),
+    media: clsx__default.default(mediaClasses.default.media, classes == null ? void 0 : classes.media)
+  }, className, role: "img", title, onClick, ...others, children });
+};
+exports.HvMedia = HvMedia;
+//# sourceMappingURL=Media.cjs.map

package/dist/cjs/components/Card/Media/Media.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.cjs","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { styles } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\n\nexport type HvMediaProps = Omit<MuiCardMediaProps, \"classes\"> &\n  ImgHTMLAttributes<HTMLImageElement> &\n  HvBaseProps<HTMLDivElement, { onClick; title }> & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The title of the media. */\n    title?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** The component used for the root node. Either a string to use a HTML element or a component. */\n    component?: React.ElementType;\n    /** The image to display. */\n    image?: string;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardMediaClasses;\n  };\n\nexport const HvMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvMediaProps) => {\n  return (\n    <MuiCardMedia\n      id={id}\n      classes={{\n        root: clsx(styles.root, cardMediaClasses.root, classes?.root),\n        media: clsx(cardMediaClasses.media, classes?.media),\n      }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n};\n"],"names":["HvMedia","id","classes","className","children","title","onClick","others","jsx","MuiCardMedia","root","clsx","styles","cardMediaClasses","media"],"mappings":";;;;;;;;;;AA0BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAEhB,SAAAC,+BAACC,sBAAAA,SACC,EAAA,IACA,SAAS;AAAA,IACPC,MAAMC,cAAKC,QAAAA,oBAAOF,MAAMG,aAAAA,QAAiBH,MAAMR,mCAASQ,IAAI;AAAA,IAC5DI,OAAOH,cAAAA,QAAKE,aAAAA,QAAiBC,OAAOZ,mCAASY,KAAK;AAAA,EAAA,GAEpD,WACA,MAAK,OACL,OACA,SACIP,GAAAA,QAEHH,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/Card/Media/Media.styles.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const cache = require("../../../emotion/cache.cjs");
+const styles = {
+  root: cache.css({
+    width: "100%"
+  })
+};
+exports.styles = styles;
+//# sourceMappingURL=Media.styles.cjs.map

package/dist/cjs/components/Card/Media/Media.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.styles.cjs","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\nexport const styles = {\n  root: css({ width: \"100%\" }),\n};\n"],"names":["styles","root","css","width"],"mappings":";;;AAEO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,MAAAA,IAAI;AAAA,IAAEC,OAAO;AAAA,EAAA,CAAQ;AAC7B;;"}

package/dist/cjs/components/Card/Media/mediaClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../../utils/classes.cjs");
+const classKeys = ["root", "media"];
+const cardMediaClasses = classes.getClasses(classKeys, "HvCard-Media");
+const cardMediaClasses$1 = cardMediaClasses;
+exports.default = cardMediaClasses$1;
+//# sourceMappingURL=mediaClasses.cjs.map

package/dist/cjs/components/Card/Media/mediaClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaClasses.cjs","sources":["../../../../../src/components/Card/Media/mediaClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCardMediaClasses = {\n  root?: string;\n  media?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"media\"];\n\nconst cardMediaClasses = getClasses<HvCardMediaClasses>(\n  classKeys,\n  \"HvCard-Media\"\n);\n\nexport default cardMediaClasses;\n"],"names":["classKeys","cardMediaClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,QAAQ,OAAO;AAE5C,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,cAAc;AAGhB,MAAA,qBAAeC;;"}

package/dist/cjs/components/Card/cardClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "selectable", "selected", "semanticBar", "semanticContainer", "icon"];
+const cardClasses = classes.getClasses(classKeys, "HvCard");
+const cardClasses$1 = cardClasses;
+exports.default = cardClasses$1;
+//# sourceMappingURL=cardClasses.cjs.map

package/dist/cjs/components/Card/cardClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardClasses.cjs","sources":["../../../../src/components/Card/cardClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCardClasses = {\n  root?: string;\n  selectable?: string;\n  selected?: string;\n  semanticBar?: string;\n  semanticContainer?: string;\n  icon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"selectable\",\n  \"selected\",\n  \"semanticBar\",\n  \"semanticContainer\",\n  \"icon\",\n];\n\nconst cardClasses = getClasses<HvCardClasses>(classKeys, \"HvCard\");\n\nexport default cardClasses;\n"],"names":["classKeys","cardClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAsB,CAC1B,QACA,cACA,YACA,eACA,qBACA,MAAM;AAGR,MAAMC,cAAcC,QAA0BF,WAAAA,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;;"}

package/dist/cjs/components/CheckBox/CheckBox.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const CheckBox_styles = require("./CheckBox.styles.cjs");
+const checkBoxClasses = require("./checkBoxClasses.cjs");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvCheckBox = ({
+  id,
+  classes,
+  className,
+  name,
+  checked,
+  status,
+  indeterminate,
+  statusMessage,
+  label,
+  labelProps,
+  inputProps,
+  value = "on",
+  required = false,
+  readOnly = false,
+  disabled = false,
+  semantic = false,
+  defaultChecked = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  onChange,
+  onFocusVisible,
+  onBlur,
+  ...others
+}) => {
+  const elementId = useUniqueId.default(id, "hvcheckbox");
+  const [focusVisible, setFocusVisible] = React.useState(false);
+  const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
+  const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
+  const [isChecked, setIsChecked] = useControlled.useControlled(checked, Boolean(defaultChecked));
+  const [isIndeterminate, setIsIndeterminate] = useControlled.useControlled(checked !== void 0 ? indeterminate : void 0, Boolean(indeterminate));
+  const isStateInvalid = validationStates.isInvalid(validationState);
+  const onChangeCallback = React.useCallback((event, newChecked) => {
+    setIsChecked(() => {
+      setIsIndeterminate(false);
+      if (required && !newChecked) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+      return newChecked;
+    });
+    onChange == null ? void 0 : onChange(event, newChecked, value);
+  }, [onChange, required, setIsChecked, setIsIndeterminate, setValidationState, value]);
+  const onFocusVisibleCallback = React.useCallback((event) => {
+    setFocusVisible(true);
+    onFocusVisible == null ? void 0 : onFocusVisible(event);
+  }, [onFocusVisible]);
+  const onBlurCallback = React.useCallback((event) => {
+    setFocusVisible(false);
+    onBlur == null ? void 0 : onBlur(event);
+  }, [onBlur]);
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const hasLabel = label != null;
+  let errorMessageId;
+  if (isStateInvalid) {
+    errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
+  }
+  const checkbox = /* @__PURE__ */ jsxRuntime.jsx(CheckBox_styles.StyledBaseCheckBox, { id: hasLabel ? setId.setId(elementId, "input") : setId.setId(id, "input"), name, className: clsx__default.default(checkBoxClasses.default.checkbox, classes == null ? void 0 : classes.checkbox, isStateInvalid && clsx__default.default(checkBoxClasses.default.invalidCheckbox, classes == null ? void 0 : classes.invalidCheckbox)), $invalid: isStateInvalid, disabled, readOnly, required, onChange: onChangeCallback, value, checked: isChecked, indeterminate: isIndeterminate, semantic, inputProps: {
+    "aria-invalid": isStateInvalid ? true : void 0,
+    "aria-errormessage": errorMessageId,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...inputProps
+  }, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
+  return /* @__PURE__ */ jsxRuntime.jsxs(CheckBox_styles.StyledFormElement, { id, name, status: validationState, disabled, required, readOnly, className: clsx__default.default(className, checkBoxClasses.default.root, classes == null ? void 0 : classes.root, !!(focusVisible && label) && clsx__default.default(checkBoxClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: !!(focusVisible && label), children: [
+    hasLabel ? /* @__PURE__ */ jsxRuntime.jsxs(CheckBox_styles.StyledLabelContainer, { className: clsx__default.default(checkBoxClasses.default.container, classes == null ? void 0 : classes.container, disabled && clsx__default.default(checkBoxClasses.default.disabled, classes == null ? void 0 : classes.disabled), isStateInvalid && clsx__default.default(checkBoxClasses.default.invalidContainer, classes == null ? void 0 : classes.invalidContainer)), $disabled: disabled, $invalid: isStateInvalid, children: [
+      checkbox,
+      /* @__PURE__ */ jsxRuntime.jsx(CheckBox_styles.StyledLabel, { id: setId.setId(elementId, "label"), htmlFor: setId.setId(elementId, "input"), label, className: clsx__default.default(checkBoxClasses.default.label, classes == null ? void 0 : classes.label), $disabled: disabled, ...labelProps })
+    ] }) : checkbox,
+    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableAdornment: !hasLabel, hideText: !hasLabel, disableBorder: true, children: validationMessage })
+  ] });
+};
+exports.HvCheckBox = HvCheckBox;
+//# sourceMappingURL=CheckBox.cjs.map

package/dist/cjs/components/CheckBox/CheckBox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n  StyledBaseCheckBox,\n  StyledFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, \"classes\"> & {\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?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\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 the state.\n   */\n  status?: HvFormStatus;\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?: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvCheckBoxClasses;\n};\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 */\nexport const HvCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  checked,\n  status,\n  indeterminate,\n  statusMessage,\n  label,\n  labelProps,\n  inputProps,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  defaultChecked = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  ...others\n}: HvCheckBoxProps) => {\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const onChangeCallback = useCallback(\n    (event, 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?.(event, newChecked, value);\n    },\n    [\n      onChange,\n      required,\n      setIsChecked,\n      setIsIndeterminate,\n      setValidationState,\n      value,\n    ]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (event) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\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) ||\n      (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <StyledBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        checkBoxClasses.checkbox,\n        classes?.checkbox,\n        isStateInvalid &&\n          clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChangeCallback}\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    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        className,\n        checkBoxClasses.root,\n        classes?.root,\n        !!(focusVisible && label) &&\n          clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={!!(focusVisible && label)}\n    >\n      {hasLabel ? (\n        <StyledLabelContainer\n          className={clsx(\n            checkBoxClasses.container,\n            classes?.container,\n            disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n            isStateInvalid &&\n              clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $disabled={disabled}\n          $invalid={isStateInvalid}\n        >\n          {checkbox}\n          <StyledLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(checkBoxClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledLabelContainer>\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    </StyledFormElement>\n  );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","jsx","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","jsxs","StyledFormElement","root","StyledLabelContainer","container","invalidContainer","StyledLabel","HvWarningText"],"mappings":"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"}

package/dist/cjs/components/CheckBox/CheckBox.styles.cjs

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const checkBoxClasses = require("./checkBoxClasses.cjs");
+const BaseCheckBox = require("../BaseCheckBox/BaseCheckBox.cjs");
+const FormElement = require("../Forms/FormElement/FormElement.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const Label = require("../Forms/Label/Label.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.HvFormElement, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "ezlsftu3"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "ezlsftu3",
+  label: "StyledFormElement"
+}, transientOptions.transientOptions))(({
+  $focusVisible
+}) => ({
+  display: "inline-block",
+  ...$focusVisible && {
+    ...focusUtils.outlineStyles,
+    "& div": {
+      backgroundColor: uikitStyles.theme.colors.atmo3
+    },
+    [`& .${checkBoxClasses.default.checkbox} div > svg`]: {
+      outline: "none",
+      boxShadow: "none"
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DaGVja0JveC9DaGVja0JveC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFzZUNoZWNrQm94LCBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4vY2hlY2tCb3hDbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VDaGVja0JveCA9IHN0eWxlZChcbiAgSHZCYXNlQ2hlY2tCb3gsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "ezlsftu2"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "ezlsftu2",
+  label: "StyledLabelContainer"
+}, transientOptions.transientOptions))(({
+  $disabled,
+  $invalid
+}) => ({
+  cursor: "pointer",
+  display: "flex",
+  height: "32px",
+  transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+  "&:hover": {
+    backgroundColor: uikitStyles.theme.checkbox.hoverColor,
+    borderRadius: uikitStyles.theme.checkbox.borderRadius,
+    ...$invalid && {
+      borderBottomLeftRadius: "0px",
+      borderBottomRightRadius: "0px"
+    }
+  },
+  ...$disabled && {
+    cursor: "not-allowed"
+  },
+  ...$invalid && {
+    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Qm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "ezlsftu1"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "ezlsftu1",
+  label: "StyledLabel"
+}, transientOptions.transientOptions))(({
+  $disabled
+}) => ({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  verticalAlign: "middle",
+  paddingRight: uikitStyles.theme.space.xs,
+  whiteSpace: "nowrap",
+  ...uikitStyles.theme.typography.body,
+  cursor: "pointer",
+  height: "32px",
+  lineHeight: "32px",
+  width: "100%",
+  ...$disabled && {
+    color: uikitStyles.theme.colors.atmo5,
+    cursor: "not-allowed"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+const StyledBaseCheckBox = /* @__PURE__ */ _styled__default.default(BaseCheckBox.HvBaseCheckBox, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "ezlsftu0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "ezlsftu0",
+  label: "StyledBaseCheckBox"
+}, transientOptions.transientOptions))(({
+  $invalid
+}) => ({
+  height: "32px",
+  ...$invalid && {
+    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`,
+    borderBottomLeftRadius: "0px",
+    borderBottomRightRadius: "0px"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+exports.StyledBaseCheckBox = StyledBaseCheckBox;
+exports.StyledFormElement = StyledFormElement;
+exports.StyledLabel = StyledLabel;
+exports.StyledLabelContainer = StyledLabelContainer;
+//# sourceMappingURL=CheckBox.styles.cjs.map

package/dist/cjs/components/CheckBox/CheckBox.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.styles.cjs","sources":["../../../../src/components/CheckBox/CheckBox.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvBaseCheckBox, HvLabel, HvFormElement } from \"components\";\nimport checkBoxClasses from \"./checkBoxClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledFormElement = styled(\n  HvFormElement,\n  transientOptions\n)(({ $focusVisible }: { $focusVisible: boolean }) => ({\n  display: \"inline-block\",\n\n  ...($focusVisible && {\n    ...outlineStyles,\n\n    \"& div\": {\n      backgroundColor: theme.colors.atmo3,\n    },\n\n    [`& .${checkBoxClasses.checkbox} div > svg`]: {\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  }),\n}));\n\nexport const StyledLabelContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $disabled, $invalid }: { $disabled: boolean; $invalid: boolean }) => ({\n  cursor: \"pointer\",\n  display: \"flex\",\n  height: \"32px\",\n  transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n\n  \"&:hover\": {\n    backgroundColor: theme.checkbox.hoverColor,\n    borderRadius: theme.checkbox.borderRadius,\n\n    ...($invalid && {\n      borderBottomLeftRadius: \"0px\",\n      borderBottomRightRadius: \"0px\",\n    }),\n  },\n\n  ...($disabled && {\n    cursor: \"not-allowed\",\n  }),\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.sema4}`,\n  }),\n}));\n\nexport const StyledLabel = styled(\n  HvLabel,\n  transientOptions\n)(({ $disabled }: { $disabled: boolean }) => ({\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  verticalAlign: \"middle\",\n  paddingRight: theme.space.xs,\n  whiteSpace: \"nowrap\",\n  ...(theme.typography.body as CSSProperties),\n  cursor: \"pointer\",\n  height: \"32px\",\n  lineHeight: \"32px\",\n  width: \"100%\",\n\n  ...($disabled && {\n    color: theme.colors.atmo5,\n    cursor: \"not-allowed\",\n  }),\n}));\n\nexport const StyledBaseCheckBox = styled(\n  HvBaseCheckBox,\n  transientOptions\n)(({ $invalid }: { $invalid: boolean }) => ({\n  height: \"32px\",\n\n  ...($invalid && {\n    borderBottom: `1px solid ${theme.colors.sema4}`,\n    borderBottomLeftRadius: \"0px\",\n    borderBottomRightRadius: \"0px\",\n  }),\n}));\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$focusVisible","display","outlineStyles","backgroundColor","theme","colors","atmo3","checkBoxClasses","checkbox","outline","boxShadow","StyledLabelContainer","$disabled","$invalid","cursor","height","transition","hoverColor","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","borderBottom","sema4","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","atmo5","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQaA,MAAAA,6DACXC,YAAAA,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA0C,OAAO;AAAA,EACpDC,SAAS;AAAA,EAET,GAAID,iBAAiB;AAAA,IACnB,GAAGE,WAAAA;AAAAA,IAEH,SAAS;AAAA,MACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IAEA,CAAE,MAAKC,gBAAAA,QAAgBC,uBAAuB;AAAA,MAC5CC,SAAS;AAAA,MACTC,WAAW;AAAA,IACb;AAAA,EACF;AACF,IAAEjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i9GAAA;AAEUgB,MAAAA,gEACX,OAAKlB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEc;AAAAA,EAAWC;AAAoD,OAAO;AAAA,EACzEC,QAAQ;AAAA,EACRb,SAAS;AAAA,EACTc,QAAQ;AAAA,EACRC,YAAY;AAAA,EAEZ,WAAW;AAAA,IACTb,iBAAiBC,YAAAA,MAAMI,SAASS;AAAAA,IAChCC,cAAcd,YAAAA,MAAMI,SAASU;AAAAA,IAE7B,GAAIL,YAAY;AAAA,MACdM,wBAAwB;AAAA,MACxBC,yBAAyB;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,GAAIR,aAAa;AAAA,IACfE,QAAQ;AAAA,EACV;AAAA,EAEA,GAAID,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,EAC1C;AACF,IAAE7B,QAAAC,IAAAC,aAAC,eAAA,KAAA,i9GAAA;AAEU4B,MAAAA,uDACXC,MAAAA,SAAO/B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACPC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEc;AAAkC,OAAO;AAAA,EAC5Ca,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,eAAe;AAAA,EACfC,cAAcxB,YAAAA,MAAMyB,MAAMC;AAAAA,EAC1BC,YAAY;AAAA,EACZ,GAAI3B,YAAAA,MAAM4B,WAAWC;AAAAA,EACrBnB,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRmB,YAAY;AAAA,EACZC,OAAO;AAAA,EAEP,GAAIvB,aAAa;AAAA,IACfwB,OAAOhC,YAAAA,MAAMC,OAAOgC;AAAAA,IACpBvB,QAAQ;AAAA,EACV;AACF,IAAErB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i9GAAA;AAEU2C,MAAAA,8DACXC,aAAAA,gBAAc9C,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACdC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEe;AAAgC,OAAO;AAAA,EAC1CE,QAAQ;AAAA,EAER,GAAIF,YAAY;AAAA,IACdQ,cAAe,aAAYjB,YAAAA,MAAMC,OAAOiB;AAAAA,IACxCH,wBAAwB;AAAA,IACxBC,yBAAyB;AAAA,EAC3B;AACF,IAAE3B,QAAAC,IAAAC,aAAC,eAAA,KAAA,i9GAAA;;;;;"}

package/dist/cjs/components/CheckBox/checkBoxClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "container", "disabled", "focusVisible", "invalidContainer", "checkbox", "invalidCheckbox", "label"];
+const checkBoxClasses = classes.getClasses(classKeys, "HvCheckBox");
+const checkBoxClasses$1 = checkBoxClasses;
+exports.default = checkBoxClasses$1;
+//# sourceMappingURL=checkBoxClasses.cjs.map

package/dist/cjs/components/CheckBox/checkBoxClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBoxClasses.cjs","sources":["../../../../src/components/CheckBox/checkBoxClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCheckBoxClasses = {\n  root?: string;\n  container?: string;\n  disabled?: string;\n  focusVisible?: string;\n  invalidContainer?: string;\n  checkbox?: string;\n  invalidCheckbox?: string;\n  label?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"container\",\n  \"disabled\",\n  \"focusVisible\",\n  \"invalidContainer\",\n  \"checkbox\",\n  \"invalidCheckbox\",\n  \"label\",\n];\n\nconst checkBoxClasses = getClasses<HvCheckBoxClasses>(classKeys, \"HvCheckBox\");\n\nexport default checkBoxClasses;\n"],"names":["classKeys","checkBoxClasses","getClasses"],"mappings":";;;AAaA,MAAMA,YAAsB,CAC1B,QACA,aACA,YACA,gBACA,oBACA,YACA,mBACA,OAAO;AAGT,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}

package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const CheckBoxGroup_styles = require("./CheckBoxGroup.styles.cjs");
+const clsx = require("clsx");
+const React = require("react");
+const checkBoxGroupClasses = require("./checkBoxGroupClasses.cjs");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const multiSelectionEventHandler = require("../../utils/multiSelectionEventHandler.cjs");
+const CheckBox = require("../CheckBox/CheckBox.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const setId = require("../../utils/setId.cjs");
+const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
+const WarningText = require("../Forms/WarningText/WarningText.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const computeSelectAllState = (selected, total) => {
+  if (selected === 0) {
+    return "none";
+  }
+  if (selected === total) {
+    return "all";
+  }
+  return "some";
+};
+const getValueFromSelectedChildren = (children) => {
+  const selectedValues = React.Children.toArray(children).map((child) => {
+    var _a, _b, _c, _d;
+    const childIsControlled = ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.checked) !== void 0;
+    const childIsSelected = childIsControlled ? (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.checked : (_c = child == null ? void 0 : child.props) == null ? void 0 : _c.defaultChecked;
+    return childIsSelected ? (_d = child == null ? void 0 : child.props) == null ? void 0 : _d.value : void 0;
+  }).filter((v) => v !== void 0);
+  return selectedValues;
+};
+const HvCheckBoxGroup = ({
+  id,
+  classes,
+  className,
+  children,
+  name,
+  label,
+  description,
+  status,
+  statusMessage,
+  defaultValue,
+  value: valueProp,
+  required = false,
+  readOnly = false,
+  disabled = false,
+  showSelectAll = false,
+  orientation = "vertical",
+  selectAllLabel = "All",
+  selectAllConjunctionLabel = "/",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  onChange,
+  ...others
+}) => {
+  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue !== void 0 ? defaultValue : () => getValueFromSelectedChildren(children));
+  const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
+  const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
+  const elementId = useUniqueId.default(id, "hvcheckboxgroup");
+  const selectionAnchor = React.useRef(void 0);
+  const [allValues, selectedState, selectedCount] = React.useMemo(() => {
+    const childValues = [];
+    const childSelectedState = [];
+    let childSelectedCounter = 0;
+    React.Children.toArray(children).forEach((child, i) => {
+      var _a;
+      const childValue = (_a = child == null ? void 0 : child.props) == null ? void 0 : _a.value;
+      const childIsSelected = value.indexOf(childValue) !== -1;
+      childValues[i] = childValue;
+      childSelectedState[i] = childIsSelected;
+      if (childIsSelected) {
+        childSelectedCounter += 1;
+      }
+    });
+    return [childValues, childSelectedState, childSelectedCounter];
+  }, [children, value]);
+  const selectAllState = computeSelectAllState(value.length, selectedState.length);
+  const onChildChangeInterceptor = React.useCallback((index, childOnChange, event, isChecked) => {
+    const newValue = multiSelectionEventHandler.default(event, index, selectionAnchor, allValues, selectedState, isChecked);
+    childOnChange == null ? void 0 : childOnChange(event, isChecked);
+    onChange == null ? void 0 : onChange(event, newValue);
+    setValue(() => {
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+      return newValue;
+    });
+  }, [allValues, onChange, required, selectedState, setValidationState, setValue]);
+  const modifiedChildren = React.useMemo(() => {
+    return React.Children.map(children, (child, i) => {
+      var _a, _b, _c;
+      const childIsSelected = selectedState[i];
+      return React.cloneElement(child, {
+        checked: childIsSelected,
+        name: ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.name) || name,
+        onChange: (event, isChecked) => {
+          var _a2;
+          return onChildChangeInterceptor(i, (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.onChange, event, isChecked);
+        },
+        disabled: disabled || ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.disabled),
+        readOnly: readOnly || ((_c = child == null ? void 0 : child.props) == null ? void 0 : _c.readOnly)
+      });
+    });
+  }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);
+  const handleSelectAll = (event, selectAllChecked) => {
+    let newValue;
+    if (selectAllChecked) {
+      newValue = [...allValues];
+    } else {
+      newValue = [];
+    }
+    onChange == null ? void 0 : onChange(event, newValue);
+    setValue(() => {
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+      return newValue;
+    });
+  };
+  const selectAllLabelComponent = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: selectedCount === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectAllLabel }),
+    ` (${React.Children.toArray(children).length})`
+  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("b", { children: selectedCount }),
+    ` ${selectAllConjunctionLabel} ${React.Children.toArray(children).length}`
+  ] }) });
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const errorMessageId = canShowError ? setId.setId(elementId, "error") : ariaErrorMessage;
+  return /* @__PURE__ */ jsxRuntime.jsxs(CheckBoxGroup_styles.StyledFormElement, { id, name, status: validationState, disabled, required, readOnly, className: clsx__default.default(className, classes == null ? void 0 : classes.root, checkBoxGroupClasses.default.root), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(CheckBoxGroup_styles.StyledLabel, { id: setId.setId(elementId, "label"), label, className: clsx__default.default(classes == null ? void 0 : classes.label, checkBoxGroupClasses.default.label) }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { id: setId.setId(elementId, "description"), children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs(CheckBoxGroup_styles.StyledGroupContainer, { role: "group", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy || label && setId.setId(elementId, "label") || void 0, "aria-disabled": disabled ? true : void 0, "aria-invalid": validationState === "invalid" ? true : void 0, "aria-errormessage": validationState === "invalid" ? errorMessageId : void 0, "aria-describedby": [description && setId.setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0, className: clsx__default.default(classes == null ? void 0 : classes.group, checkBoxGroupClasses.default.group, orientation === "vertical" && clsx__default.default(classes == null ? void 0 : classes.vertical, checkBoxGroupClasses.default.vertical), orientation === "horizontal" && clsx__default.default(classes == null ? void 0 : classes.horizontal, checkBoxGroupClasses.default.horizontal), validationState === "invalid" && clsx__default.default(classes == null ? void 0 : classes.invalid, checkBoxGroupClasses.default.invalid)), $vertical: orientation === "vertical", $horizontal: orientation === "horizontal", $invalid: validationState === "invalid", ...others, children: [
+      showSelectAll && /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, { checked: selectAllState === "all", indeterminate: selectAllState === "some", label: selectAllLabelComponent, disabled, readOnly, className: clsx__default.default(classes == null ? void 0 : classes.selectAll, checkBoxGroupClasses.default.selectAll), onChange: handleSelectAll }),
+      modifiedChildren
+    ] }),
+    canShowError && /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { id: setId.setId(elementId, "error"), disableBorder: true, className: clsx__default.default(classes == null ? void 0 : classes.error, checkBoxGroupClasses.default.error), children: validationMessage })
+  ] });
+};
+exports.HvCheckBoxGroup = HvCheckBoxGroup;
+//# sourceMappingURL=CheckBoxGroup.cjs.map