@hitachivantara/uikit-react-core 5.0.0-next.2 → 5.0.0-next.20

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

@@ -1,12 +1,14 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const Content_styles = require("./Content.styles.cjs");
+const MuiCardContent = require("@mui/material/CardContent");
 const contentClasses = require("./contentClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvContent = ({
+const MuiCardContent__default = /* @__PURE__ */ _interopDefault(MuiCardContent);
+const HvCardContent = ({
   id,
   classes,
   className,
@@ -14,13 +16,13 @@ const HvContent = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledContent, {
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardContent__default.default, {
     id,
-    className: clsx__default.default(classes == null ? void 0 : classes.content, contentClasses.default.content, className),
+    className: clsx__default.default(Content_styles.styles.content, classes == null ? void 0 : classes.content, contentClasses.default.content, className),
     onClick,
     ...others,
     children
   });
 };
-exports.HvContent = HvContent;
+exports.HvCardContent = HvCardContent;
 //# sourceMappingURL=Content.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledContent } from \"./Content.styles\";\nimport { CardContentProps as MuiCardContentProps } from \"@mui/material/CardContent\";\nimport cardContentClasses, { HvCardContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiCardContentProps &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: any;\n    /** A Jss Object used to override or extend the styles applied to the empty state component. */\n    classes?: HvCardContentClasses;\n  };\n\nexport const HvContent = ({\n  id,\n  classes,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvContentProps) => {\n  return (\n    <StyledContent\n      id={id}\n      className={clsx(classes?.content, cardContentClasses.content, className)}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </StyledContent>\n  );\n};\n"],"names":["HvContent","id","classes","className","children","onClick","others","StyledContent","clsx","content","cardContentClasses"],"mappings":";;;;;;;;AAgBO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,wCACGC,eAAAA,eAAa;AAAA,IACZN;AAAAA,IACAE,WAAWK,cAAKN,QAAAA,mCAASO,SAASC,eAAAA,QAAmBD,SAASN,SAAS;AAAA,IACvEE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Card/Content/Content.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { styles } from \"./Content.styles\";\nimport MuiCardContent, {\n  CardContentProps as MuiCardContentProps,\n} from \"@mui/material/CardContent\";\nimport cardContentClasses, { HvCardContentClasses } from \"./contentClasses\";\n\nexport type HvCardContentProps = Omit<MuiCardContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: (event: React.SyntheticEvent) => void;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardContentClasses;\n  };\n\nexport const HvCardContent = ({\n  id,\n  classes,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvCardContentProps) => {\n  return (\n    <MuiCardContent\n      id={id}\n      className={clsx(\n        styles.content,\n        classes?.content,\n        cardContentClasses.content,\n        className\n      )}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardContent>\n  );\n};\n"],"names":["HvCardContent","id","classes","className","children","onClick","others","MuiCardContent","clsx","styles","content","cardContentClasses"],"mappings":";;;;;;;;;;AAkBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACe,MAAM;AACxB,wCACGC,wBAAAA,SAAc;AAAA,IACbN;AAAAA,IACAE,WAAWK,cAAAA,QACTC,eAAAA,OAAOC,SACPR,mCAASQ,SACTC,eAAAA,QAAmBD,SACnBP,SAAS;AAAA,IAEXE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGK;AAErB;;"}

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

@@ -1,21 +1,14 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _styled = require("@emotion/styled/base");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const emotion = require("../../../utils/emotion.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const CardContent = require("@mui/material/CardContent");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const CardContent__default = /* @__PURE__ */ _interopDefault(CardContent);
-const StyledContent = /* @__PURE__ */ _styled__default.default(CardContent__default.default, process.env.NODE_ENV === "production" ? {
-  target: "e12hctsi0"
-} : {
-  target: "e12hctsi0",
-  label: "StyledContent"
-})({
-  padding: `0 ${uikitStyles.theme.space.sm} 15px ${uikitStyles.theme.space.sm}`,
-  "&:last-child": {
-    paddingBottom: uikitStyles.theme.space.sm
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvQ2FyZENvbnRlbnRcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoQ2FyZENvbnRlbnQpKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gMTVweCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbn0pO1xuIl19 */");
-exports.StyledContent = StyledContent;
+const styles = {
+  content: emotion.css({
+    padding: `0 ${uikitStyles.theme.space.sm} 15px ${uikitStyles.theme.space.sm}`,
+    "&:last-child": {
+      paddingBottom: uikitStyles.theme.space.sm
+    }
+  })
+};
+exports.styles = styles;
 //# sourceMappingURL=Content.styles.cjs.map

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 styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport CardContent from \"@mui/material/CardContent\";\n\nexport const StyledContent = styled(CardContent)({\n  padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,\n  \"&:last-child\": {\n    paddingBottom: theme.space.sm,\n  },\n});\n"],"names":["StyledContent","CardContent","process","env","NODE_ENV","target","label","padding","theme","space","sm","paddingBottom"],"mappings":";;;;;;;;AAIO,MAAMA,gBAAuBC,iCAAAA,QAAAA,qBAAAA,SAAWC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,SAAU,KAAIC,YAAAA,MAAMC,MAAMC,WAAWF,kBAAMC,MAAMC;AAAAA,EACjD,gBAAgB;AAAA,IACdC,eAAeH,YAAAA,MAAMC,MAAMC;AAAAA,EAC7B;AACF,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,65BAAA;;"}
+{"version":3,"file":"Content.styles.cjs","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { css } from \"utils/emotion\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const styles = {\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":["styles","content","css","padding","theme","space","sm","paddingBottom"],"mappings":";;;;AAGO,MAAMA,SAAS;AAAA,EACpBC,SAASC,QAAAA,IAAI;AAAA,IACXC,SAAU,KAAIC,YAAAA,MAAMC,MAAMC,WAAWF,kBAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,YAAAA,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EAAA,CACD;AACH;;"}

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

@@ -1,12 +1,16 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
-const Header_styles = require("./Header.styles.cjs");
+const MuiCardHeader = require("@mui/material/CardHeader");
 const headerClasses = require("./headerClasses.cjs");
+const Header_styles = require("./Header.styles.cjs");
+const emotion = require("../../../utils/emotion.cjs");
 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 HvHeader = ({
+const MuiCardHeader__default = /* @__PURE__ */ _interopDefault(MuiCardHeader);
+const HvCardHeader = ({
   classes,
   className,
   title,
@@ -15,21 +19,30 @@ const HvHeader = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledHeader, {
+  const {
+    activeTheme
+  } = useTheme.useTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiCardHeader__default.default, {
     title,
     subheader,
     action: icon,
     onClick,
-    className: clsx__default.default(classes == null ? void 0 : classes.root, headerClasses.default.root, className),
-    $short: icon ? true : void 0,
+    className: clsx__default.default(Header_styles.styles.root, classes == null ? void 0 : classes.root, headerClasses.default.root, className),
     classes: {
-      title: icon ? clsx__default.default(headerClasses.default.titleShort, classes == null ? void 0 : classes.titleShort) : clsx__default.default(headerClasses.default.title, classes == null ? void 0 : classes.title),
-      subheader: clsx__default.default(headerClasses.default.subheader, classes == null ? void 0 : classes.subheader),
-      action: clsx__default.default(headerClasses.default.action, classes == null ? void 0 : classes.action),
+      title: icon ? clsx__default.default(Header_styles.styles.titleShort, headerClasses.default.titleShort, classes == null ? void 0 : classes.titleShort, emotion.css({
+        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+      })) : clsx__default.default(Header_styles.styles.title, headerClasses.default.title, classes == null ? void 0 : classes.title, emotion.css({
+        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+      })),
+      subheader: clsx__default.default(Header_styles.styles.subheader, headerClasses.default.subheader, classes == null ? void 0 : classes.subheader, emotion.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(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.HvHeader = HvHeader;
+exports.HvCardHeader = HvCardHeader;
 //# sourceMappingURL=Header.cjs.map

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 { CardHeaderProps as MuiCardHeaderProps } from \"@mui/material/CardHeader\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledHeader } from \"./Header.styles\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\n\nexport type HvHeaderProps = MuiCardHeaderProps &\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 empty state component. */\n    classes?: HvCardHeaderClasses;\n  };\n\nexport const HvHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvHeaderProps) => {\n  return (\n    <StyledHeader\n      title={title}\n      subheader={subheader}\n      action={icon}\n      onClick={onClick}\n      className={clsx(classes?.root, cardHeaderClasses.root, className)}\n      $short={icon ? true : undefined}\n      classes={{\n        title: icon\n          ? clsx(cardHeaderClasses.titleShort, classes?.titleShort)\n          : clsx(cardHeaderClasses.title, classes?.title),\n        subheader: clsx(cardHeaderClasses.subheader, classes?.subheader),\n        action: clsx(cardHeaderClasses.action, classes?.action),\n        content: clsx(cardHeaderClasses.content, classes?.content),\n      }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvHeader","classes","className","title","subheader","icon","onClick","others","StyledHeader","action","clsx","root","cardHeaderClasses","$short","undefined","titleShort","content"],"mappings":";;;;;;;;AAoBO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACU,MAAM;AACnB,wCACGC,cAAAA,cAAY;AAAA,IACXL;AAAAA,IACAC;AAAAA,IACAK,QAAQJ;AAAAA,IACRC;AAAAA,IACAJ,WAAWQ,cAAKT,QAAAA,mCAASU,MAAMC,cAAAA,QAAkBD,MAAMT,SAAS;AAAA,IAChEW,QAAQR,OAAO,OAAOS;AAAAA,IACtBb,SAAS;AAAA,MACPE,OAAOE,OACHK,cAAAA,QAAKE,cAAAA,QAAkBG,YAAYd,mCAASc,UAAU,IACtDL,cAAKE,QAAAA,cAAAA,QAAkBT,OAAOF,mCAASE,KAAK;AAAA,MAChDC,WAAWM,cAAAA,QAAKE,cAAAA,QAAkBR,WAAWH,mCAASG,SAAS;AAAA,MAC/DK,QAAQC,cAAAA,QAAKE,cAAAA,QAAkBH,QAAQR,mCAASQ,MAAM;AAAA,MACtDO,SAASN,cAAAA,QAAKE,cAAAA,QAAkBI,SAASf,mCAASe,OAAO;AAAA,IAC3D;AAAA,IAAE,GACET;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\";\nimport cardHeaderClasses, { HvCardHeaderClasses } from \"./headerClasses\";\nimport { styles } from \"./Header.styles\";\nimport { css } from \"utils/emotion\";\nimport { useTheme } from \"hooks\";\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    <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","MuiCardHeader","action","clsx","styles","root","cardHeaderClasses","titleShort","css","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,uBAAAA,SAAa;AAAA,IACZP;AAAAA,IACAC;AAAAA,IACAO,QAAQN;AAAAA,IACRC;AAAAA,IACAJ,WAAWU,cAAAA,QACTC,cAAAA,OAAOC,MACPb,mCAASa,MACTC,cAAAA,QAAkBD,MAClBZ,SAAS;AAAA,IAEXD,SAAS;AAAA,MACPE,OAAOE,OACHO,cACEC,QAAAA,qBAAOG,YACPD,cAAkBC,QAAAA,YAClBf,mCAASe,YACTC,YAAI;AAAA,QACF,GAAGT,2CAAaU,WAAWV,2CAAaW,KAAKC;AAAAA,MAAY,CAC1D,CAAC,IAEJR,sBACEC,cAAAA,OAAOV,OACPY,cAAkBZ,QAAAA,OAClBF,mCAASE,OACTc,YAAI;AAAA,QACF,GAAGT,2CAAaU,WAAWV,2CAAaW,KAAKC;AAAAA,MAAY,CAC1D,CAAC;AAAA,MAERhB,WAAWQ,cAAAA,QACTC,cAAAA,OAAOT,WACPW,sBAAkBX,WAClBH,mCAASG,WACTa,YAAI;AAAA,QACF,GAAGT,2CAAaU,WAAWV,2CAAaW,KAAKE;AAAAA,QAC7CC,OAAOd,2CAAaW,KAAKI;AAAAA,MAAAA,CAC1B,CAAC;AAAA,MAEJZ,QAAQC,cAAKC,QAAAA,qBAAOF,QAAQI,cAAAA,QAAkBJ,QAAQV,mCAASU,MAAM;AAAA,MACrEa,SAASZ,cAAAA,QAAKG,cAAAA,QAAkBS,SAASvB,mCAASuB,OAAO;AAAA,IAC3D;AAAA,IAAE,GACEjB;AAAAA,EAAAA,CACJ;AAEN;;"}

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

@@ -1,55 +1,30 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _styled = require("@emotion/styled/base");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const CardHeader = require("@mui/material/CardHeader");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const CardHeader__default = /* @__PURE__ */ _interopDefault(CardHeader);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledHeader = /* @__PURE__ */ _styled__default.default(CardHeader__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1xfuyqk0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1xfuyqk0",
-  label: "StyledHeader"
-}, transientOptions.transientOptions))(({
-  $short
-}) => ({
-  padding: `15px ${uikitStyles.theme.space.sm}`,
-  position: "relative",
-  "& .MuiCardHeader-title": {
-    ...uikitStyles.theme.typography.title3,
+const emotion = require("../../../utils/emotion.cjs");
+const styles = {
+  root: emotion.css({
+    padding: `15px ${uikitStyles.theme.space.sm}`,
+    position: "relative"
+  }),
+  titleShort: emotion.css({
     fontFamily: uikitStyles.theme.fontFamily.body,
-    ...$short && {
-      marginRight: "30px"
-    }
-  },
-  "& .MuiCardHeader-subheader": {
-    fontFamily: uikitStyles.theme.fontFamily.body,
-    ...uikitStyles.theme.typography.label
-  },
-  "& .MuiCardHeader-action": {
+    marginRight: "30px"
+  }),
+  title: emotion.css({
+    fontFamily: uikitStyles.theme.fontFamily.body
+  }),
+  subheader: emotion.css({
+    fontFamily: uikitStyles.theme.fontFamily.body
+  }),
+  action: emotion.css({
     position: "absolute",
     right: 20,
     marginTop: 0,
     marginRight: "0px",
     paddingLeft: uikitStyles.theme.space.xs,
     top: "15px"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDYXJkSGVhZGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkKFxuICBDYXJkSGVhZGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzaG9ydCB9OiB7ICRzaG9ydD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gIC8vIGh0dHBzOi8vbXVpLmNvbS9tYXRlcmlhbC11aS9hcGkvY2FyZC1oZWFkZXIvI2Nzc1xuICBcIiYgLk11aUNhcmRIZWFkZXItdGl0bGVcIjoge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMyBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgLi4uKCRzaG9ydCAmJiB7IG1hcmdpblJpZ2h0OiBcIjMwcHhcIiB9KSxcbiAgfSxcbiAgXCImIC5NdWlDYXJkSGVhZGVyLXN1YmhlYWRlclwiOiB7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBcIiYgLk11aUNhcmRIZWFkZXItYWN0aW9uXCI6IHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHJpZ2h0OiAyMCxcbiAgICBtYXJnaW5Ub3A6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMHB4XCIsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIHRvcDogXCIxNXB4XCIsXG4gIH0sXG59KSk7XG4iXX0= */");
-exports.StyledHeader = StyledHeader;
+  })
+};
+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 { CSSProperties } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport CardHeader from \"@mui/material/CardHeader\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledHeader = styled(\n  CardHeader,\n  transientOptions\n)(({ $short }: { $short?: boolean }) => ({\n  padding: `15px ${theme.space.sm}`,\n  position: \"relative\",\n\n  // https://mui.com/material-ui/api/card-header/#css\n  \"& .MuiCardHeader-title\": {\n    ...(theme.typography.title3 as CSSProperties),\n    fontFamily: theme.fontFamily.body,\n    ...($short && { marginRight: \"30px\" }),\n  },\n  \"& .MuiCardHeader-subheader\": {\n    fontFamily: theme.fontFamily.body,\n    ...(theme.typography.label as CSSProperties),\n  },\n  \"& .MuiCardHeader-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":["StyledHeader","CardHeader","process","env","NODE_ENV","_extends","target","transientOptions","label","$short","padding","theme","space","sm","position","typography","title3","fontFamily","body","marginRight","right","marginTop","paddingLeft","xs","top"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAMaA,MAAAA,wDACXC,oBAAAA,SAAUC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACVC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA6B,OAAO;AAAA,EACvCC,SAAU,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,EAC7BC,UAAU;AAAA,EAGV,0BAA0B;AAAA,IACxB,GAAIH,YAAAA,MAAMI,WAAWC;AAAAA,IACrBC,YAAYN,YAAAA,MAAMM,WAAWC;AAAAA,IAC7B,GAAIT,UAAU;AAAA,MAAEU,aAAa;AAAA,IAAO;AAAA,EACtC;AAAA,EACA,8BAA8B;AAAA,IAC5BF,YAAYN,YAAAA,MAAMM,WAAWC;AAAAA,IAC7B,GAAIP,YAAAA,MAAMI,WAAWP;AAAAA,EACvB;AAAA,EACA,2BAA2B;AAAA,IACzBM,UAAU;AAAA,IACVM,OAAO;AAAA,IACPC,WAAW;AAAA,IACXF,aAAa;AAAA,IACbG,aAAaX,YAAAA,MAAMC,MAAMW;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { css } from \"utils/emotion\";\n\nexport const styles = {\n  root: css({ padding: `15px ${theme.space.sm}`, position: \"relative\" }),\n  titleShort: css({\n    fontFamily: theme.fontFamily.body,\n    marginRight: \"30px\",\n  }),\n  title: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  subheader: css({\n    fontFamily: theme.fontFamily.body,\n  }),\n  action: css({\n    position: \"absolute\",\n    right: 20,\n    marginTop: 0,\n    marginRight: \"0px\",\n    paddingLeft: theme.space.xs,\n    top: \"15px\",\n  }),\n};\n"],"names":["styles","root","css","padding","theme","space","sm","position","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;;;AAGO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,QAAAA,IAAI;AAAA,IAAEC,SAAU,QAAOC,YAAAA,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAA,CAAY;AAAA,EACrEC,YAAYN,QAAAA,IAAI;AAAA,IACdO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EAAA,CACd;AAAA,EACDC,OAAOV,QAAAA,IAAI;AAAA,IACTO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDG,WAAWX,QAAAA,IAAI;AAAA,IACbO,YAAYL,YAAAA,MAAMK,WAAWC;AAAAA,EAAAA,CAC9B;AAAA,EACDI,QAAQZ,QAAAA,IAAI;AAAA,IACVK,UAAU;AAAA,IACVQ,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAab,YAAAA,MAAMC,MAAMa;AAAAA,IACzBC,KAAK;AAAA,EAAA,CACN;AACH;;"}

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

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

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 { CardMediaProps as MuiCardMediaProps } from \"@mui/material/CardMedia\";\nimport { StyledMedia } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\n\nexport type HvMediaProps = MuiCardMediaProps &\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 empty state component. */\n    classes?: HvCardMediaClasses;\n  };\n\nexport const HvMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvMediaProps) => {\n  return (\n    <StyledMedia\n      id={id}\n      classes={{\n        root: clsx(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    </StyledMedia>\n  );\n};\n"],"names":["HvMedia","id","classes","className","children","title","onClick","others","StyledMedia","root","clsx","cardMediaClasses","media","role"],"mappings":";;;;;;;;AAwBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAClB,wCACGC,aAAAA,aAAW;AAAA,IACVP;AAAAA,IACAC,SAAS;AAAA,MACPO,MAAMC,cAAAA,QAAKC,aAAAA,QAAiBF,MAAMP,mCAASO,IAAI;AAAA,MAC/CG,OAAOF,cAAAA,QAAKC,aAAAA,QAAiBC,OAAOV,mCAASU,KAAK;AAAA,IACpD;AAAA,IACAT;AAAAA,IACAU,MAAK;AAAA,IACLR;AAAAA,IACAC;AAAAA,IAAiB,GACbC;AAAAA,IAAMH;AAAAA,EAAAA,CAGE;AAElB;;"}
+{"version":3,"file":"Media.cjs","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { styles } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\n\nexport type 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    <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","MuiCardMedia","root","clsx","styles","cardMediaClasses","media","role"],"mappings":";;;;;;;;;;AA0BO,MAAMA,cAAcA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACa,MAAM;AACtB,wCACGC,sBAAAA,SAAY;AAAA,IACXP;AAAAA,IACAC,SAAS;AAAA,MACPO,MAAMC,cAAKC,QAAAA,oBAAOF,MAAMG,aAAAA,QAAiBH,MAAMP,mCAASO,IAAI;AAAA,MAC5DI,OAAOH,cAAAA,QAAKE,aAAAA,QAAiBC,OAAOX,mCAASW,KAAK;AAAA,IACpD;AAAA,IACAV;AAAAA,IACAW,MAAK;AAAA,IACLT;AAAAA,IACAC;AAAAA,IAAiB,GACbC;AAAAA,IAAMH;AAAAA,EAAAA,CAGG;AAEnB;;"}

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

@@ -1,26 +1,10 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _styled = require("@emotion/styled/base");
-const CardMedia = require("@mui/material/CardMedia");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const CardMedia__default = /* @__PURE__ */ _interopDefault(CardMedia);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledMedia = /* @__PURE__ */ _styled__default.default(CardMedia__default.default, process.env.NODE_ENV === "production" ? {
-  target: "e1r97lfn0"
-} : {
-  target: "e1r97lfn0",
-  label: "StyledMedia"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1d3w5wq",
-  styles: "width:100%"
-} : {
-  name: "1d3w5wq",
-  styles: "width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9NZWRpYS9NZWRpYS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhcmQvTWVkaWEvTWVkaWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IENhcmRNZWRpYSBmcm9tIFwiQG11aS9tYXRlcmlhbC9DYXJkTWVkaWFcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1lZGlhID0gc3R5bGVkKENhcmRNZWRpYSkoe1xuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-exports.StyledMedia = StyledMedia;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const emotion = require("../../../utils/emotion.cjs");
+const styles = {
+  root: emotion.css({
+    width: "100%"
+  })
+};
+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 styled from \"@emotion/styled\";\nimport CardMedia from \"@mui/material/CardMedia\";\n\nexport const StyledMedia = styled(CardMedia)({\n  width: \"100%\",\n});\n"],"names":["StyledMedia","CardMedia","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;;AAGO,MAAMA,cAAqBC,iCAAAA,QAAAA,mBAAAA,SAASC,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,CAE1C;;"}
+{"version":3,"file":"Media.styles.cjs","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { css } from \"utils/emotion\";\n\nexport const styles = {\n  root: css({ width: \"100%\" }),\n};\n"],"names":["styles","root","css","width"],"mappings":";;;AAEO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,QAAAA,IAAI;AAAA,IAAEC,OAAO;AAAA,EAAA,CAAQ;AAC7B;;"}

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

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

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

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

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
 const CheckBox_styles = require("./CheckBox.styles.cjs");

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n  StyledBaseCheckBox,\n  StyledFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, \"classes\"> & {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvCheckBoxClasses;\n};\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  checked,\n  status,\n  indeterminate,\n  statusMessage,\n  label,\n  labelProps,\n  inputProps,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  defaultChecked = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  ...others\n}: HvCheckBoxProps) => {\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const onChangeCallback = useCallback(\n    (event, newChecked) => {\n      setIsChecked(() => {\n        // This will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(event, newChecked, value);\n    },\n    [\n      onChange,\n      required,\n      setIsChecked,\n      setIsIndeterminate,\n      setValidationState,\n      value,\n    ]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (event) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <StyledBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        checkBoxClasses.checkbox,\n        classes?.checkbox,\n        isStateInvalid &&\n          clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChangeCallback}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        className,\n        checkBoxClasses.root,\n        classes?.root,\n        !!(focusVisible && label) &&\n          clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={!!(focusVisible && label)}\n    >\n      {hasLabel ? (\n        <StyledLabelContainer\n          className={clsx(\n            checkBoxClasses.container,\n            classes?.container,\n            disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n            isStateInvalid &&\n              clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $disabled={disabled}\n          $invalid={isStateInvalid}\n        >\n          {checkbox}\n          <StyledLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(checkBoxClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledLabelContainer>\n      ) : (\n        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"CheckBox.cjs","sources":["../../../../src/components/CheckBox/CheckBox.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { useCallback, useState } from \"react\";\nimport { setId } from \"utils\";\nimport { HvBaseCheckBoxProps } from \"../BaseCheckBox\";\nimport { HvLabelProps, HvFormStatus, HvWarningText, isInvalid } from \"../Forms\";\nimport {\n  StyledBaseCheckBox,\n  StyledFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n} from \"./CheckBox.styles\";\nimport checkBoxClasses, { HvCheckBoxClasses } from \"./checkBoxClasses\";\n\nexport type HvCheckBoxProps = Omit<HvBaseCheckBoxProps, \"classes\"> & {\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps?: HvLabelProps;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * A Jss Object used to override or extend the styles applied to the checkbox.\n   */\n  classes?: HvCheckBoxClasses;\n};\n\n/**\n * A Checkbox is a mechanism that allows the user to select one or more options.\n *\n * Usually used in a Checkbox Group to present the user with a range of options from\n * which the user <b>may select any number of options</b> to complete their task.\n *\n * It can also be used individually to represent the toggle of a single option, when\n * the Toggle Switch and Toggle Button aren't more appropriate.\n */\nexport const HvCheckBox = ({\n  id,\n  classes,\n  className,\n  name,\n  checked,\n  status,\n  indeterminate,\n  statusMessage,\n  label,\n  labelProps,\n  inputProps,\n  value = \"on\",\n  required = false,\n  readOnly = false,\n  disabled = false,\n  semantic = false,\n  defaultChecked = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  onFocusVisible,\n  onBlur,\n  ...others\n}: HvCheckBoxProps) => {\n  const elementId = useUniqueId(id, \"hvcheckbox\");\n\n  const [focusVisible, setFocusVisible] = useState<boolean>(false);\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isChecked, setIsChecked] = useControlled(\n    checked,\n    Boolean(defaultChecked)\n  );\n\n  const [isIndeterminate, setIsIndeterminate] = useControlled(\n    checked !== undefined ? indeterminate : undefined,\n    Boolean(indeterminate)\n  );\n\n  const isStateInvalid = isInvalid(validationState);\n\n  const onChangeCallback = useCallback(\n    (event, newChecked) => {\n      setIsChecked(() => {\n        // This will only run if uncontrolled\n        setIsIndeterminate(false);\n\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(event, newChecked, value);\n    },\n    [\n      onChange,\n      required,\n      setIsChecked,\n      setIsIndeterminate,\n      setValidationState,\n      value,\n    ]\n  );\n\n  const onFocusVisibleCallback = useCallback(\n    (event) => {\n      setFocusVisible(true);\n      onFocusVisible?.(event);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (event) => {\n      setFocusVisible(false);\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const hasLabel = label != null;\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  const checkbox = (\n    <StyledBaseCheckBox\n      id={hasLabel ? setId(elementId, \"input\") : setId(id, \"input\")}\n      name={name}\n      className={clsx(\n        checkBoxClasses.checkbox,\n        classes?.checkbox,\n        isStateInvalid &&\n          clsx(checkBoxClasses.invalidCheckbox, classes?.invalidCheckbox)\n      )}\n      $invalid={isStateInvalid}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      onChange={onChangeCallback}\n      value={value}\n      checked={isChecked}\n      indeterminate={isIndeterminate}\n      semantic={semantic}\n      inputProps={{\n        \"aria-invalid\": isStateInvalid ? true : undefined,\n        \"aria-errormessage\": errorMessageId,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": ariaLabelledBy,\n        \"aria-describedby\": ariaDescribedBy,\n        ...inputProps,\n      }}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(\n        className,\n        checkBoxClasses.root,\n        classes?.root,\n        !!(focusVisible && label) &&\n          clsx(checkBoxClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={!!(focusVisible && label)}\n    >\n      {hasLabel ? (\n        <StyledLabelContainer\n          className={clsx(\n            checkBoxClasses.container,\n            classes?.container,\n            disabled && clsx(checkBoxClasses.disabled, classes?.disabled),\n            isStateInvalid &&\n              clsx(checkBoxClasses.invalidContainer, classes?.invalidContainer)\n          )}\n          $disabled={disabled}\n          $invalid={isStateInvalid}\n        >\n          {checkbox}\n          <StyledLabel\n            id={setId(elementId, \"label\")}\n            htmlFor={setId(elementId, \"input\")}\n            label={label}\n            className={clsx(checkBoxClasses.label, classes?.label)}\n            $disabled={disabled}\n            {...labelProps}\n          />\n        </StyledLabelContainer>\n      ) : (\n        checkbox\n      )}\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableAdornment={!hasLabel}\n          hideText={!hasLabel}\n          disableBorder\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvCheckBox","id","classes","className","name","checked","status","indeterminate","statusMessage","label","labelProps","inputProps","value","required","readOnly","disabled","semantic","defaultChecked","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","onFocusVisible","onBlur","others","elementId","useUniqueId","focusVisible","setFocusVisible","useState","validationState","setValidationState","useControlled","validationMessage","isChecked","setIsChecked","Boolean","isIndeterminate","setIsIndeterminate","undefined","isStateInvalid","isInvalid","onChangeCallback","useCallback","event","newChecked","onFocusVisibleCallback","onBlurCallback","canShowError","hasLabel","errorMessageId","setId","checkbox","StyledBaseCheckBox","clsx","checkBoxClasses","invalidCheckbox","$invalid","StyledFormElement","root","$focusVisible","children","_jsxs","StyledLabelContainer","container","invalidContainer","$disabled","_jsx","StyledLabel","htmlFor","HvWarningText","disableAdornment","hideText","disableBorder"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");

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.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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"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const CheckBoxGroup_styles = require("./CheckBoxGroup.styles.cjs");
 const clsx = require("clsx");
 const React = require("react");
@@ -58,7 +58,11 @@ const HvCheckBoxGroup = ({
   onChange,
   ...others
 }) => {
-  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue !== void 0 ? defaultValue : () => getValueFromSelectedChildren(children));
+  const [value, setValue] = useControlled.useControlled(valueProp, defaultValue !== void 0 ? defaultValue : (
+    // When uncontrolled and no default value is given,
+    // extract the initial selected values from the children own state
+    () => getValueFromSelectedChildren(children)
+  ));
   const [validationState, setValidationState] = useControlled.useControlled(status, "standBy");
   const [validationMessage] = useControlled.useControlled(statusMessage, "Required");
   const elementId = useUniqueId.default(id, "hvcheckboxgroup");