@hitachivantara/uikit-react-core 5.0.0-next.21 → 5.0.0-next.23

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

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.cjs","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const createClasses = (\n  css: (...args: CSSInterpolation[]) => string\n) => ({\n  content: css({\n    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n    \"&:last-child\": {\n      paddingBottom: theme.space.sm,\n    },\n  }),\n});\n"],"names":["createClasses","css","content","padding","theme","space","sm","paddingBottom"],"mappings":";;;AAGaA,MAAAA,gBAAgBA,CAC3BC,SACI;AAAA,EACJC,SAASD,IAAI;AAAA,IACXE,SAAU,KAAIC,YAAAA,MAAMC,MAAMC,WAAWF,kBAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,YAAAA,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EAAA,CACD;AACH;;"}
+{"version":3,"file":"Content.styles.cjs","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  content: {\n    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n    \"&:last-child\": {\n      paddingBottom: theme.space.sm,\n    },\n  },\n};\n"],"names":["styles","content","padding","theme","space","sm","paddingBottom"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,SAAS;AAAA,IACPC,SAAU,KAAIC,YAAAA,MAAMC,MAAMC,WAAWF,kBAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,YAAAA,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACF;AACF;;"}

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

@@ -4,9 +4,9 @@ const clsx = require("clsx");
 const MuiCardHeader = require("@mui/material/CardHeader");
 const headerClasses = require("./headerClasses.cjs");
 const Header_styles = require("./Header.styles.cjs");
-const useTheme = require("../../../hooks/useTheme.cjs");
-const useCreateEmotion = require("../../../hooks/useCreateEmotion.cjs");
+const react = require("@emotion/react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useTheme = require("../../../hooks/useTheme.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const MuiCardHeader__default = /* @__PURE__ */ _interopDefault(MuiCardHeader);
@@ -22,30 +22,30 @@ const HvCardHeader = ({
   const {
     activeTheme
   } = useTheme.useTheme();
-  const {
-    css
-  } = useCreateEmotion.useCreateEmotion();
-  const styles = Header_styles.createClasses(css);
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardHeader__default.default, {
-    title,
-    subheader,
-    action: icon,
-    onClick,
-    className: clsx__default.default(styles.root, classes == null ? void 0 : classes.root, headerClasses.default.root, className),
-    classes: {
-      title: icon ? clsx__default.default(styles.titleShort, headerClasses.default.titleShort, classes == null ? void 0 : classes.titleShort, css({
-        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-      })) : clsx__default.default(styles.title, headerClasses.default.title, classes == null ? void 0 : classes.title, css({
-        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
-      })),
-      subheader: clsx__default.default(styles.subheader, headerClasses.default.subheader, classes == null ? void 0 : classes.subheader, css({
-        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
-        color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
-      })),
-      action: clsx__default.default(styles.action, headerClasses.default.action, classes == null ? void 0 : classes.action),
-      content: clsx__default.default(headerClasses.default.content, classes == null ? void 0 : classes.content)
-    },
-    ...others
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx(MuiCardHeader__default.default, {
+      title,
+      subheader,
+      action: icon,
+      onClick,
+      className: clsx__default.default(css(Header_styles.styles.root), classes == null ? void 0 : classes.root, headerClasses.default.root, className),
+      classes: {
+        title: icon ? clsx__default.default(css(Header_styles.styles.titleShort), headerClasses.default.titleShort, classes == null ? void 0 : classes.titleShort, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+        })) : clsx__default.default(css(Header_styles.styles.title), headerClasses.default.title, classes == null ? void 0 : classes.title, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+        })),
+        subheader: clsx__default.default(css(Header_styles.styles.subheader), headerClasses.default.subheader, classes == null ? void 0 : classes.subheader, css({
+          ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
+          color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
+        })),
+        action: clsx__default.default(css(Header_styles.styles.action), headerClasses.default.action, classes == null ? void 0 : classes.action),
+        content: clsx__default.default(headerClasses.default.content, classes == null ? void 0 : classes.content)
+      },
+      ...others
+    })
   });
 };
 exports.HvCardHeader = HvCardHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { createClasses } from \"./Header.styles\";\nimport { useTheme } from \"hooks/useTheme\";\nimport { useCreateEmotion } from \"hooks/useCreateEmotion\";\n\nexport type HvCardHeaderProps = Omit<MuiCardHeaderProps, \"classes\"> &\n  HvBaseProps<HTMLDivElement, { title }> & {\n    /** The renderable content inside the title slot of the header. */\n    title: React.ReactNode;\n    /** The renderable content inside the subheader slot of the header. */\n    subheader?: React.ReactNode;\n    /** The renderable content inside the icon slot of the header. */\n    icon?: React.ReactNode;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardHeaderClasses;\n  };\n\nexport const HvCardHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvCardHeaderProps) => {\n  const { activeTheme } = useTheme();\n  const { css } = useCreateEmotion();\n  const styles = createClasses(css);\n\n  return (\n    <MuiCardHeader\n      title={title}\n      subheader={subheader}\n      action={icon}\n      onClick={onClick}\n      className={clsx(\n        styles.root,\n        classes?.root,\n        cardHeaderClasses.root,\n        className\n      )}\n      classes={{\n        title: icon\n          ? clsx(\n              styles.titleShort,\n              cardHeaderClasses.titleShort,\n              classes?.titleShort,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.titleVariant],\n              })\n            )\n          : clsx(\n              styles.title,\n              cardHeaderClasses.title,\n              classes?.title,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.titleVariant],\n              })\n            ),\n        subheader: clsx(\n          styles.subheader,\n          cardHeaderClasses.subheader,\n          classes?.subheader,\n          css({\n            ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n            color: activeTheme?.card.subheaderColor,\n          })\n        ),\n        action: clsx(styles.action, cardHeaderClasses.action, classes?.action),\n        content: clsx(cardHeaderClasses.content, classes?.content),\n      }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvCardHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useTheme","css","useCreateEmotion","styles","createClasses","MuiCardHeader","action","clsx","root","cardHeaderClasses","titleShort","typography","card","titleVariant","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;;;;;;;AAwBO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU,SAAA;AAC5B,QAAA;AAAA,IAAEC;AAAAA,MAAQC,iBAAkB,iBAAA;AAC5BC,QAAAA,SAASC,4BAAcH,GAAG;AAEhC,wCACGI,uBAAAA,SAAa;AAAA,IACZX;AAAAA,IACAC;AAAAA,IACAW,QAAQV;AAAAA,IACRC;AAAAA,IACAJ,WAAWc,cAAAA,QACTJ,OAAOK,MACPhB,mCAASgB,MACTC,cAAAA,QAAkBD,MAClBf,SAAS;AAAA,IAEXD,SAAS;AAAA,MACPE,OAAOE,OACHW,cACEJ,QAAAA,OAAOO,YACPD,cAAkBC,QAAAA,YAClBlB,mCAASkB,YACTT,IAAI;AAAA,QACF,GAAGF,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,MAAY,CAC1D,CAAC,IAEJN,sBACEJ,OAAOT,OACPe,cAAkBf,QAAAA,OAClBF,mCAASE,OACTO,IAAI;AAAA,QACF,GAAGF,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,MAAY,CAC1D,CAAC;AAAA,MAERlB,WAAWY,cAAAA,QACTJ,OAAOR,WACPc,sBAAkBd,WAClBH,mCAASG,WACTM,IAAI;AAAA,QACF,GAAGF,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,QAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,MAAAA,CAC1B,CAAC;AAAA,MAEJV,QAAQC,cAAKJ,QAAAA,OAAOG,QAAQG,cAAAA,QAAkBH,QAAQd,mCAASc,MAAM;AAAA,MACrEW,SAASV,cAAAA,QAAKE,cAAAA,QAAkBQ,SAASzB,mCAASyB,OAAO;AAAA,IAC3D;AAAA,IAAE,GACEnB;AAAAA,EAAAA,CACJ;AAEN;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/Card/Header/Header.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport MuiCardHeader, {\n  CardHeaderProps as MuiCardHeaderProps,\n} from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { styles } from \"./Header.styles\";\nimport { useTheme } from \"hooks\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvCardHeaderProps = Omit<MuiCardHeaderProps, \"classes\"> &\n  HvBaseProps<HTMLDivElement, { title }> & {\n    /** The renderable content inside the title slot of the header. */\n    title: React.ReactNode;\n    /** The renderable content inside the subheader slot of the header. */\n    subheader?: React.ReactNode;\n    /** The renderable content inside the icon slot of the header. */\n    icon?: React.ReactNode;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardHeaderClasses;\n  };\n\nexport const HvCardHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvCardHeaderProps) => {\n  const { activeTheme } = useTheme();\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiCardHeader\n          title={title}\n          subheader={subheader}\n          action={icon}\n          onClick={onClick}\n          className={clsx(\n            css(styles.root),\n            classes?.root,\n            cardHeaderClasses.root,\n            className\n          )}\n          classes={{\n            title: icon\n              ? clsx(\n                  css(styles.titleShort),\n                  cardHeaderClasses.titleShort,\n                  classes?.titleShort,\n                  css({\n                    ...activeTheme?.typography[activeTheme?.card.titleVariant],\n                  })\n                )\n              : clsx(\n                  css(styles.title),\n                  cardHeaderClasses.title,\n                  classes?.title,\n                  css({\n                    ...activeTheme?.typography[activeTheme?.card.titleVariant],\n                  })\n                ),\n            subheader: clsx(\n              css(styles.subheader),\n              cardHeaderClasses.subheader,\n              classes?.subheader,\n              css({\n                ...activeTheme?.typography[activeTheme?.card.subheaderVariant],\n                color: activeTheme?.card.subheaderColor,\n              })\n            ),\n            action: clsx(\n              css(styles.action),\n              cardHeaderClasses.action,\n              classes?.action\n            ),\n            content: clsx(cardHeaderClasses.content, classes?.content),\n          }}\n          {...others}\n        />\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvCardHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useTheme","ClassNames","children","css","MuiCardHeader","action","clsx","styles","root","cardHeaderClasses","titleShort","typography","card","titleVariant","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;;;;;;;AAwBO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU,SAAA;AAElC,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,qCACDC,uBAAAA,SAAa;AAAA,MACZV;AAAAA,MACAC;AAAAA,MACAU,QAAQT;AAAAA,MACRC;AAAAA,MACAJ,WAAWa,cACTH,QAAAA,IAAII,cAAAA,OAAOC,IAAI,GACfhB,mCAASgB,MACTC,cAAAA,QAAkBD,MAClBf,SAAS;AAAA,MAEXD,SAAS;AAAA,QACPE,OAAOE,OACHU,sBACEH,IAAII,cAAAA,OAAOG,UAAU,GACrBD,cAAAA,QAAkBC,YAClBlB,mCAASkB,YACTP,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAC9C,CAAA,CAAC,IAEJP,cAAAA,QACEH,IAAII,qBAAOb,KAAK,GAChBe,cAAAA,QAAkBf,OAClBF,mCAASE,OACTS,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKC;AAAAA,QAAY,CAC1D,CAAC;AAAA,QAERlB,WAAWW,cACTH,QAAAA,IAAII,cAAAA,OAAOZ,SAAS,GACpBc,cAAkBd,QAAAA,WAClBH,mCAASG,WACTQ,IAAI;AAAA,UACF,GAAGJ,2CAAaY,WAAWZ,2CAAaa,KAAKE;AAAAA,UAC7CC,OAAOhB,2CAAaa,KAAKI;AAAAA,QAAAA,CAC1B,CAAC;AAAA,QAEJX,QAAQC,cAAAA,QACNH,IAAII,qBAAOF,MAAM,GACjBI,sBAAkBJ,QAClBb,mCAASa,MAAM;AAAA,QAEjBY,SAASX,cAAAA,QAAKG,cAAAA,QAAkBQ,SAASzB,mCAASyB,OAAO;AAAA,MAC3D;AAAA,MAAE,GACEnB;AAAAA,IAAAA,CAAM;AAAA,EAAA,CAGH;AAEjB;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/css\";\n\nexport const createClasses = (\n  css: (...args: CSSInterpolation[]) => string\n) => ({\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":["createClasses","css","root","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;;AAGaA,MAAAA,gBAAgBA,CAC3BC,SACI;AAAA,EACJC,MAAMD,IAAI;AAAA,IAAEE,SAAU,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAA,CAAY;AAAA,EACrEC,YAAYP,IAAI;AAAA,IACdQ,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EAAA,CACd;AAAA,EACDC,OAAOX,IAAI;AAAA,IACTQ,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDG,WAAWZ,IAAI;AAAA,IACbQ,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDI,QAAQb,IAAI;AAAA,IACVM,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,YAAAA,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EAAA,CACN;AACH;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: { padding: `15px ${theme.space.sm}`, position: \"relative\" },\n  titleShort: {\n    fontFamily: theme.fontFamily.body,\n    marginRight: \"30px\",\n  },\n  title: {\n    fontFamily: theme.fontFamily.body,\n  },\n  subheader: {\n    fontFamily: theme.fontFamily.body,\n  },\n  action: {\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","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;;AAGO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IAAEC,SAAU,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAW;AAAA,EAChEC,YAAY;AAAA,IACVC,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACf;AAAA,EACAC,OAAO;AAAA,IACLH,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAG,WAAW;AAAA,IACTJ,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAC/B;AAAA,EACAI,QAAQ;AAAA,IACNP,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,YAAAA,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF;;"}

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

@@ -4,7 +4,7 @@ const MuiCardMedia = require("@mui/material/CardMedia");
 const Media_styles = require("./Media.styles.cjs");
 const mediaClasses = require("./mediaClasses.cjs");
 const clsx = require("clsx");
-const useCreateEmotion = require("../../../hooks/useCreateEmotion.cjs");
+const react = require("@emotion/react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiCardMedia__default = /* @__PURE__ */ _interopDefault(MuiCardMedia);
@@ -18,22 +18,22 @@ const HvCardMedia = ({
   onClick,
   ...others
 }) => {
-  const {
-    css
-  } = useCreateEmotion.useCreateEmotion();
-  const styles = Media_styles.createClasses(css);
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardMedia__default.default, {
-    id,
-    classes: {
-      root: clsx__default.default(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
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx(MuiCardMedia__default.default, {
+      id,
+      classes: {
+        root: clsx__default.default(css(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.HvCardMedia = HvCardMedia;

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

@@ -1 +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 { createClasses } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types/generic\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\nimport { useCreateEmotion } from \"hooks/useCreateEmotion\";\n\nexport type HvCardMediaProps = 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 HvCardMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvCardMediaProps) => {\n  const { css } = useCreateEmotion();\n  const styles = createClasses(css);\n\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":["HvCardMedia","id","classes","className","children","title","onClick","others","css","useCreateEmotion","styles","createClasses","MuiCardMedia","root","clsx","cardMediaClasses","media","role"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AAChB,QAAA;AAAA,IAAEC;AAAAA,MAAQC,iBAAkB,iBAAA;AAC5BC,QAAAA,SAASC,2BAAcH,GAAG;AAEhC,wCACGI,sBAAAA,SAAY;AAAA,IACXX;AAAAA,IACAC,SAAS;AAAA,MACPW,MAAMC,cAAKJ,QAAAA,OAAOG,MAAME,aAAAA,QAAiBF,MAAMX,mCAASW,IAAI;AAAA,MAC5DG,OAAOF,cAAAA,QAAKC,aAAAA,QAAiBC,OAAOd,mCAASc,KAAK;AAAA,IACpD;AAAA,IACAb;AAAAA,IACAc,MAAK;AAAA,IACLZ;AAAAA,IACAC;AAAAA,IAAiB,GACbC;AAAAA,IAAMH;AAAAA,EAAAA,CAGG;AAEnB;;"}
+{"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/generic\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvCardMediaProps = 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 HvCardMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvCardMediaProps) => {\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <MuiCardMedia\n          id={id}\n          classes={{\n            root: clsx(css(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    </ClassNames>\n  );\n};\n"],"names":["HvCardMedia","id","classes","className","children","title","onClick","others","ClassNames","css","MuiCardMedia","root","clsx","styles","cardMediaClasses","media","role"],"mappings":";;;;;;;;;;;AA2BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AACtB,wCACGC,MAAAA,YAAU;AAAA,IAAAJ,UACRA,CAAC;AAAA,MAAEK;AAAAA,IAAAA,qCACDC,sBAAAA,SAAY;AAAA,MACXT;AAAAA,MACAC,SAAS;AAAA,QACPS,MAAMC,cAAAA,QAAKH,IAAII,oBAAOF,IAAI,GAAGG,qBAAiBH,MAAMT,mCAASS,IAAI;AAAA,QACjEI,OAAOH,cAAAA,QAAKE,aAAAA,QAAiBC,OAAOb,mCAASa,KAAK;AAAA,MACpD;AAAA,MACAZ;AAAAA,MACAa,MAAK;AAAA,MACLX;AAAAA,MACAC;AAAAA,MAAiB,GACbC;AAAAA,MAAMH;AAAAA,IAAAA,CAED;AAAA,EAAA,CAGF;AAEjB;;"}

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const createClasses = (css) => ({
-  root: css({
+const styles = {
+  root: {
     width: "100%"
-  })
-});
-exports.createClasses = createClasses;
+  }
+};
+exports.styles = styles;
 //# sourceMappingURL=Media.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Media.styles.cjs","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\n\nexport const createClasses = (\n  css: (...args: CSSInterpolation[]) => string\n) => ({\n  root: css({ width: \"100%\" }),\n});\n"],"names":["createClasses","css","root","width"],"mappings":";;AAEaA,MAAAA,gBAAgBA,CAC3BC,SACI;AAAA,EACJC,MAAMD,IAAI;AAAA,IAAEE,OAAO;AAAA,EAAA,CAAQ;AAC7B;;"}
+{"version":3,"file":"Media.styles.cjs","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\n\nexport const styles: { [key: string]: CSSInterpolation } = {\n  root: { width: \"100%\" },\n};\n"],"names":["styles","root","width"],"mappings":";;AAEO,MAAMA,SAA8C;AAAA,EACzDC,MAAM;AAAA,IAAEC,OAAO;AAAA,EAAO;AACxB;;"}

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

@@ -43,7 +43,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
       boxShadow: "none"
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DaGVja0JveC9DaGVja0JveC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFzZUNoZWNrQm94LCBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4vY2hlY2tCb3hDbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhc2VDaGVja0JveCA9IHN0eWxlZChcbiAgSHZCYXNlQ2hlY2tCb3gsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGludmFsaWQgfTogeyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBoZWlnaHQ6IFwiMzJweFwiLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCIwcHhcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DaGVja0JveC9DaGVja0JveC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QmFzZUNoZWNrQm94LCBIdkxhYmVsLCBIdkZvcm1FbGVtZW50IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCBjaGVja0JveENsYXNzZXMgZnJvbSBcIi4vY2hlY2tCb3hDbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkZm9jdXNWaXNpYmxlICYmIHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgXCImIGRpdlwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2NoZWNrQm94Q2xhc3Nlcy5jaGVja2JveH0gZGl2ID4gc3ZnYF06IHtcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCwgJGludmFsaWQgfTogeyAkZGlzYWJsZWQ6IGJvb2xlYW47ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBoZWlnaHQ6IFwiMzJweFwiLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMTUwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXNcIixcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY2hlY2tib3guaG92ZXJDb2xvcixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmNoZWNrYm94LmJvcmRlclJhZGl1cyxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gICAgfSksXG4gIH0sXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxuXG4gIC4uLigkaW52YWxpZCAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoXG4gIEh2TGFiZWwsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGRpc2FibGVkIH06IHsgJGRpc2FibGVkOiBib29sZWFuIH0pID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgdmVydGljYWxBbGlnbjogXCJtaWRkbGVcIixcbiAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgbGluZUhlaWdodDogXCIzMnB4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeV82MCxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
 const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ezlsftu2"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -69,9 +69,9 @@ const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", pro
     cursor: "not-allowed"
   },
   ...$invalid && {
-    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`
+    borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Qm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Qm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICBIdkJhc2VDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ezlsftu1"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -91,10 +91,10 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
   lineHeight: "32px",
   width: "100%",
   ...$disabled && {
-    color: uikitStyles.theme.colors.atmo5,
+    color: uikitStyles.theme.colors.secondary_60,
     cursor: "not-allowed"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RDJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICBIdkJhc2VDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 const StyledBaseCheckBox = /* @__PURE__ */ _styled__default.default(BaseCheckBox.HvBaseCheckBox, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "ezlsftu0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -105,11 +105,11 @@ const StyledBaseCheckBox = /* @__PURE__ */ _styled__default.default(BaseCheckBox
 }) => ({
   height: "32px",
   ...$invalid && {
-    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`,
+    borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`,
     borderBottomLeftRadius: "0px",
     borderBottomRightRadius: "0px"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYXNlQ2hlY2tCb3ggPSBzdHlsZWQoXG4gIEh2QmFzZUNoZWNrQm94LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbnZhbGlkIH06IHsgJGludmFsaWQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgaGVpZ2h0OiBcIjMycHhcIixcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIGJvcmRlckJvdHRvbUxlZnRSYWRpdXM6IFwiMHB4XCIsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IFwiMHB4XCIsXG4gIH0pLFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3gvQ2hlY2tCb3guc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJ1dGlsc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkJhc2VDaGVja0JveCwgSHZMYWJlbCwgSHZGb3JtRWxlbWVudCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgY2hlY2tCb3hDbGFzc2VzIGZyb20gXCIuL2NoZWNrQm94Q2xhc3Nlc1wiO1xuaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZvY3VzVmlzaWJsZSB9OiB7ICRmb2N1c1Zpc2libGU6IGJvb2xlYW4gfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgIFwiJiBkaXZcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgfSxcblxuICAgIFtgJiAuJHtjaGVja0JveENsYXNzZXMuY2hlY2tib3h9IGRpdiA+IHN2Z2BdOiB7XG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZGlzYWJsZWQsICRpbnZhbGlkIH06IHsgJGRpc2FibGVkOiBib29sZWFuOyAkaW52YWxpZDogYm9vbGVhbiB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgaGVpZ2h0OiBcIjMycHhcIixcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGN1YmljLWJlemllcigwLjQsIDAsIDAuMiwgMSkgMG1zXCIsXG5cbiAgXCImOmhvdmVyXCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNoZWNrYm94LmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5jaGVja2JveC5ib3JkZXJSYWRpdXMsXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogXCIwcHhcIixcbiAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICAgIH0pLFxuICB9LFxuXG4gIC4uLigkZGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICB9KSxcblxuICAuLi4oJGludmFsaWQgJiYge1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZWdhdGl2ZX1gLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKFxuICBIdkxhYmVsLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRkaXNhYmxlZCB9OiB7ICRkaXNhYmxlZDogYm9vbGVhbiB9KSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwibWlkZGxlXCIsXG4gIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGhlaWdodDogXCIzMnB4XCIsXG4gIGxpbmVIZWlnaHQ6IFwiMzJweFwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnlfNjAsXG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFzZUNoZWNrQm94ID0gc3R5bGVkKFxuICBIdkJhc2VDaGVja0JveCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaW52YWxpZCB9OiB7ICRpbnZhbGlkOiBib29sZWFuIH0pID0+ICh7XG4gIGhlaWdodDogXCIzMnB4XCIsXG5cbiAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcIjBweFwiLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBcIjBweFwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
 exports.StyledBaseCheckBox = StyledBaseCheckBox;
 exports.StyledFormElement = StyledFormElement;
 exports.StyledLabel = StyledLabel;

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

@@ -1 +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":"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"}
+{"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.negative}`,\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.secondary_60,\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.negative}`,\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","negative","StyledLabel","HvLabel","overflow","textOverflow","verticalAlign","paddingRight","space","xs","whiteSpace","typography","body","lineHeight","width","color","secondary_60","StyledBaseCheckBox","HvBaseCheckBox"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledGroupContainer,\n  StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n  HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n  if (selected === 0) {\n    return \"none\";\n  }\n\n  if (selected === total) {\n    return \"all\";\n  }\n\n  return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const selectedValues = Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.checked !== undefined;\n      const childIsSelected = childIsControlled\n        ? child?.props?.checked\n        : child?.props?.defaultChecked;\n\n      return childIsSelected ? child?.props?.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children checkboxes, unless they already have one.\n   */\n  name?: string;\n  /**\n   * The value of the form element. An array of values represented in the child checkboxes.\n   *\n   * When defined the checkbox group state becomes controlled.\n   */\n  value?: any[];\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: any[];\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\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   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n  /**\n   * Indicates whether the checkbox group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Indicates if an additional select all checkbox should be shown.\n   */\n  showSelectAll?: boolean;\n  /**\n   * The label of the select all checkbox. Defaults to \"All\".\n   */\n  selectAllLabel?: string;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvCheckBoxGroupClasses;\n};\n\n/**\n * A group of checkboxes.\n *\n * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  label,\n  description,\n  status,\n  statusMessage,\n  defaultValue,\n  value: valueProp,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  showSelectAll = false,\n  orientation = \"vertical\",\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  ...others\n}: HvCheckBoxGroupProps) => {\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n  const selectionAnchor = useRef(undefined);\n\n  const [allValues, selectedState, selectedCount] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n    let childSelectedCounter = 0;\n\n    Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = value.indexOf(childValue) !== -1;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n\n      if (childIsSelected) {\n        childSelectedCounter += 1;\n      }\n    });\n\n    return [childValues, childSelectedState, childSelectedCounter];\n  }, [children, value]);\n\n  const selectAllState = computeSelectAllState(\n    value.length,\n    selectedState.length\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        isChecked: boolean\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean\n    ) => {\n      const newValue = multiSelectionEventHandler(\n        event,\n        index,\n        selectionAnchor,\n        allValues,\n        selectedState,\n        isChecked\n      );\n\n      childOnChange?.(event, isChecked);\n\n      onChange?.(event, newValue);\n\n      setValue(() => {\n        // This will only run if uncontrolled\n\n        if (required && newValue.length === 0) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newValue;\n      });\n    },\n    [allValues, onChange, required, selectedState, setValidationState, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsSelected = selectedState[i];\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean\n        ) =>\n          onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    selectedState,\n  ]);\n\n  const handleSelectAll = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    selectAllChecked: boolean\n  ) => {\n    let newValue: any[];\n    if (selectAllChecked) {\n      newValue = [...allValues];\n    } else {\n      newValue = [];\n    }\n\n    onChange?.(event, newValue);\n\n    setValue(() => {\n      // This will only run if uncontrolled\n      if (required && newValue.length === 0) {\n        setValidationState(\"invalid\");\n      } else {\n        setValidationState(\"valid\");\n      }\n\n      return newValue;\n    });\n  };\n\n  const selectAllLabelComponent = (\n    <>\n      {selectedCount === 0 ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${Children.toArray(children).length})`}\n        </>\n      ) : (\n        <>\n          <b>{selectedCount}</b>\n          {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n        </>\n      )}\n    </>\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 errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\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(className, classes?.root, checkBoxGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, checkBoxGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroupContainer\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-disabled={disabled ? true : undefined}\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          checkBoxGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n          validationState === \"invalid\" &&\n            clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={validationState === \"invalid\"}\n        {...others}\n      >\n        {showSelectAll && (\n          <HvCheckBox\n            checked={selectAllState === \"all\"}\n            indeterminate={selectAllState === \"some\"}\n            label={selectAllLabelComponent}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n            onChange={handleSelectAll}\n          />\n        )}\n        {modifiedChildren}\n      </StyledGroupContainer>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, checkBoxGroupClasses.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"CheckBoxGroup.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledGroupContainer,\n  StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n  HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n  if (selected === 0) {\n    return \"none\";\n  }\n\n  if (selected === total) {\n    return \"all\";\n  }\n\n  return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const selectedValues = Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.checked !== undefined;\n      const childIsSelected = childIsControlled\n        ? child?.props?.checked\n        : child?.props?.defaultChecked;\n\n      return childIsSelected ? child?.props?.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children checkboxes, unless they already have one.\n   */\n  name?: string;\n  /**\n   * The value of the form element. An array of values represented in the child checkboxes.\n   *\n   * When defined the checkbox group state becomes controlled.\n   */\n  value?: any[];\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: any[];\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\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   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n  /**\n   * Indicates whether the checkbox group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Indicates if an additional select all checkbox should be shown.\n   */\n  showSelectAll?: boolean;\n  /**\n   * The label of the select all checkbox. Defaults to \"All\".\n   */\n  selectAllLabel?: string;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvCheckBoxGroupClasses;\n};\n\n/**\n * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  label,\n  description,\n  status,\n  statusMessage,\n  defaultValue,\n  value: valueProp,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  showSelectAll = false,\n  orientation = \"vertical\",\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  ...others\n}: HvCheckBoxGroupProps) => {\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n  const selectionAnchor = useRef(undefined);\n\n  const [allValues, selectedState, selectedCount] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n    let childSelectedCounter = 0;\n\n    Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = value.indexOf(childValue) !== -1;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n\n      if (childIsSelected) {\n        childSelectedCounter += 1;\n      }\n    });\n\n    return [childValues, childSelectedState, childSelectedCounter];\n  }, [children, value]);\n\n  const selectAllState = computeSelectAllState(\n    value.length,\n    selectedState.length\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        isChecked: boolean\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean\n    ) => {\n      const newValue = multiSelectionEventHandler(\n        event,\n        index,\n        selectionAnchor,\n        allValues,\n        selectedState,\n        isChecked\n      );\n\n      childOnChange?.(event, isChecked);\n\n      onChange?.(event, newValue);\n\n      setValue(() => {\n        // This will only run if uncontrolled\n\n        if (required && newValue.length === 0) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newValue;\n      });\n    },\n    [allValues, onChange, required, selectedState, setValidationState, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsSelected = selectedState[i];\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean\n        ) =>\n          onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    selectedState,\n  ]);\n\n  const handleSelectAll = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    selectAllChecked: boolean\n  ) => {\n    let newValue: any[];\n    if (selectAllChecked) {\n      newValue = [...allValues];\n    } else {\n      newValue = [];\n    }\n\n    onChange?.(event, newValue);\n\n    setValue(() => {\n      // This will only run if uncontrolled\n      if (required && newValue.length === 0) {\n        setValidationState(\"invalid\");\n      } else {\n        setValidationState(\"valid\");\n      }\n\n      return newValue;\n    });\n  };\n\n  const selectAllLabelComponent = (\n    <>\n      {selectedCount === 0 ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${Children.toArray(children).length})`}\n        </>\n      ) : (\n        <>\n          <b>{selectedCount}</b>\n          {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n        </>\n      )}\n    </>\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 errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\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(className, classes?.root, checkBoxGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, checkBoxGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroupContainer\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-disabled={disabled ? true : undefined}\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          checkBoxGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n          validationState === \"invalid\" &&\n            clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={validationState === \"invalid\"}\n        {...others}\n      >\n        {showSelectAll && (\n          <HvCheckBox\n            checked={selectAllState === \"all\"}\n            indeterminate={selectAllState === \"some\"}\n            label={selectAllLabelComponent}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n            onChange={handleSelectAll}\n          />\n        )}\n        {modifiedChildren}\n      </StyledGroupContainer>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, checkBoxGroupClasses.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}

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

@@ -35,7 +35,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
 } : {
   name: "14xf287",
   styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
@@ -45,7 +45,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, proc
   label: "StyledLabel"
 })({
   marginBottom: uikitStyles.theme.space.xs
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
 const StyledGroupContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1pxeedd0"
 }, transientOptions.transientOptions) : _extends({}, {
@@ -80,9 +80,9 @@ const StyledGroupContainer = /* @__PURE__ */ _styled__default.default("div", pro
   },
   ...$invalid && {
     paddingBottom: uikitStyles.theme.space.xs,
-    borderBottom: `1px solid ${uikitStyles.theme.colors.sema4}`
+    borderBottom: `1px solid ${uikitStyles.theme.colors.negative}`
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NoZWNrQm94R3JvdXAvQ2hlY2tCb3hHcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkZvcm1FbGVtZW50LCBIdkxhYmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2ZXJ0aWNhbCxcbiAgICAkaG9yaXpvbnRhbCxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICR2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgICAkaG9yaXpvbnRhbDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcblxuICAgIC4uLigkdmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaG9yaXpvbnRhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NoZWNrQm94R3JvdXAvQ2hlY2tCb3hHcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkZvcm1FbGVtZW50LCBIdkxhYmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2ZXJ0aWNhbCxcbiAgICAkaG9yaXpvbnRhbCxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICR2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgICAkaG9yaXpvbnRhbDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcblxuICAgIC4uLigkdmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaG9yaXpvbnRhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LW9mLXR5cGUpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
 exports.StyledFormElement = StyledFormElement;
 exports.StyledGroupContainer = StyledGroupContainer;
 exports.StyledLabel = StyledLabel;

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.styles.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFormElement, HvLabel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroupContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      \"&>*:not(:first-of-type)\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroupContainer","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","paddingBottom","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,i2EAAA;AAEWc,MAAAA,gEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IAEV,2BAA2B;AAAA,MACzBC,YAAYb,YAAAA,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdO,eAAef,YAAAA,MAAMC,MAAMC;AAAAA,IAC3Bc,cAAe,aAAYhB,YAAAA,MAAMiB,OAAOC;AAAAA,EAC1C;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,i2EAAA;;;;"}
+{"version":3,"file":"CheckBoxGroup.styles.cjs","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFormElement, HvLabel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroupContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      \"&>*:not(:first-of-type)\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.negative}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroupContainer","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","paddingBottom","borderBottom","colors","negative"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMpD;AAEK,MAAMC,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,YAAAA,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2EAAA;AAEWc,MAAAA,gEACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IAEV,2BAA2B;AAAA,MACzBC,YAAYb,YAAAA,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdO,eAAef,YAAAA,MAAMC,MAAMC;AAAAA,IAC3Bc,cAAe,aAAYhB,YAAAA,MAAMiB,OAAOC;AAAAA,EAC1C;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,q2EAAA;;;;"}