@hitachivantara/uikit-react-core 5.0.0-next.7 → 5.0.0-next.8

package/dist/esm/components/Card/Card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBox } from \"components\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport cardClasses from \"./cardClasses\";\n\nconst getColor = (c: string): string => theme.colors[c];\n\nexport const StyledRoot = styled(\n  HvBox,\n  transientOptions\n)(({ $selectable, $selected, $bgcolor }) => ({\n  overflow: \"visible\",\n  position: \"relative\",\n  backgroundColor: getColor($bgcolor),\n  outline: theme.card.outline,\n  borderRadius: theme.card.borderRadius,\n  \"&.focus-visible\": {\n    ...outlineStyles,\n  },\n  \"&:focus\": {\n    outline: \"none\",\n  },\n  ...($selectable && {\n    \"&:hover\": {\n      outline: `1px solid ${theme.card.hoverColor}`,\n    },\n  }),\n  ...($selected && {\n    outline: `1px solid ${theme.colors.acce1}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n    \"&:focus\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n    [`& .${cardClasses.semanticBar}`]: {\n      height: 4,\n    },\n    \"& .sema0\": {\n      backgroundColor: theme.colors.acce1,\n    },\n  }),\n}));\n\nexport const StyledContainer = styled(\"div\")({\n  position: \"relative\",\n  \"& > *\": {\n    position: \"absolute\",\n    zIndex: 1,\n  },\n});\n\nexport const StyledBar = styled(\n  \"div\",\n  transientOptions\n)(({ $barColor }: { $barColor: string }) => ({\n  width: \"100%\",\n  height: 2,\n  top: -1,\n  right: 0,\n  backgroundColor: theme.colors[$barColor],\n  ...($barColor === \"sema0\" && {\n    backgroundColor: theme.colors.atmo4,\n  }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n  top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n  right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n});\n"],"names":["getColor","c","theme","colors","StyledRoot","HvBox","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectable","$selected","$bgcolor","overflow","position","backgroundColor","outline","card","borderRadius","outlineStyles","hoverColor","acce1","cardClasses","semanticBar","height","StyledContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledBar","$barColor","width","top","right","atmo4","StyledIcon","iconMargin","space","xs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,WAAWA,CAACC,MAAsBC,MAAMC,OAAOF;AAExCG,MAAAA,qCACXC,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAAA,EAAaC;AAAAA,EAAWC;AAAS,OAAO;AAAA,EAC3CC,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiBlB,SAASe,QAAQ;AAAA,EAClCI,SAASjB,MAAMkB,KAAKD;AAAAA,EACpBE,cAAcnB,MAAMkB,KAAKC;AAAAA,EACzB,mBAAmB;AAAA,IACjB,GAAGC;AAAAA,EACL;AAAA,EACA,WAAW;AAAA,IACTH,SAAS;AAAA,EACX;AAAA,EACA,GAAIN,eAAe;AAAA,IACjB,WAAW;AAAA,MACTM,SAAU,aAAYjB,MAAMkB,KAAKG;AAAAA,IACnC;AAAA,EACF;AAAA,EACA,GAAIT,aAAa;AAAA,IACfK,SAAU,aAAYjB,MAAMC,OAAOqB;AAAAA,IACnC,WAAW;AAAA,MACTL,SAAU,aAAYjB,MAAMC,OAAOqB;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTL,SAAU,aAAYjB,MAAMC,OAAOqB;AAAAA,IACrC;AAAA,IACA,CAAE,MAAKC,YAAYC,gBAAgB;AAAA,MACjCC,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACVT,iBAAiBhB,MAAMC,OAAOqB;AAAAA,IAChC;AAAA,EACF;AACF,IAAElB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y3FAAA;AAEI,MAAMoB,kBAAyB,wBAAA,OAAKtB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAM1C;AAEWC,MAAAA,oCACX,OAAK5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEwB;AAAiC,OAAO;AAAA,EAC3CC,OAAO;AAAA,EACPT,QAAQ;AAAA,EACRU,KAAK;AAAA,EACLC,OAAO;AAAA,EACPpB,iBAAiBhB,MAAMC,OAAOgC;AAAAA,EAC9B,GAAIA,cAAc,WAAW;AAAA,IAC3BjB,iBAAiBhB,MAAMC,OAAOoC;AAAAA,EAChC;AACF,IAAEjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,y3FAAA;AAEI,MAAMgC,aAAoB,wBAAA,OAAKlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACtCyB,KAAM,QAAOnC,MAAMkB,KAAKqB,gBAAgBvC,MAAMwC,MAAMC;AAAAA,EACpDL,OAAQ,QAAOpC,MAAMkB,KAAKqB,gBAAgBvC,MAAMwC,MAAMC;AACxD,GAACrC,QAAAC,IAAAC,aAAC,eAAA,KAAA,y3FAAA;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../../src/components/Card/Card.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\n\nexport const styles = {\n  root: css({\n    overflow: \"visible\",\n    position: \"relative\",\n    outline: theme.card.outline,\n    borderRadius: theme.card.borderRadius,\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n    \"&:focus\": {\n      outline: \"none\",\n    },\n  }),\n  selected: css({\n    outline: `1px solid ${theme.colors.acce1}`,\n    \"&:hover\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n    \"&:focus\": {\n      outline: `1px solid ${theme.colors.acce1}`,\n    },\n  }),\n  selectable: css({\n    \"&:hover\": {\n      outline: `1px solid ${theme.card.hoverColor}`,\n    },\n  }),\n  semanticContainer: css({\n    position: \"relative\",\n    \"& > *\": {\n      position: \"absolute\",\n      zIndex: 1,\n    },\n  }),\n  icon: css({\n    top: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n    right: `calc(${theme.card.iconMargin} + ${theme.space.xs})`,\n  }),\n  semanticBar: css({\n    width: \"100%\",\n    top: -1,\n    right: 0,\n  }),\n};\n"],"names":["styles","root","overflow","position","outline","theme","card","borderRadius","outlineStyles","process","env","NODE_ENV","selected","colors","acce1","selectable","hoverColor","semanticContainer","css","name","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","icon","top","iconMargin","space","xs","right","semanticBar","width"],"mappings":";;;;;;AAIO,MAAMA,SAAS;AAAA,EACpBC,MAAU,oBAAA;AAAA,IACRC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,SAASC,MAAMC,KAAKF;AAAAA,IACpBG,cAAcF,MAAMC,KAAKC;AAAAA,IACzB,mBAAmB;AAAA,MACjB,GAAGC;AAAAA,IACL;AAAA,IACA,WAAW;AAAA,MACTJ,SAAS;AAAA,IACX;AAAA,EACDK,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFC,UAAc,oBAAA;AAAA,IACZR,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACnC,WAAW;AAAA,MACTV,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACrC;AAAA,IACA,WAAW;AAAA,MACTV,SAAU,aAAYC,MAAMQ,OAAOC;AAAAA,IACrC;AAAA,EACDL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,oBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFI,YAAgB,oBAAA;AAAA,IACd,WAAW;AAAA,MACTX,SAAU,aAAYC,MAAMC,KAAKU;AAAAA,IACnC;AAAA,EACDP,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFM,mBAAmBC,oBAAGT,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAQ,MAAA;AAAA,IAAAnB,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAmB,MAAA;AAAA,IAAAnB,QAAA;AAAA,IAAAoB,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAMpB;AAAA,EACFC,MAAU,oBAAA;AAAA,IACRC,KAAM,QAAOnB,MAAMC,KAAKmB,gBAAgBpB,MAAMqB,MAAMC;AAAAA,IACpDC,OAAQ,QAAOvB,MAAMC,KAAKmB,gBAAgBpB,MAAMqB,MAAMC;AAAAA,EACvDlB,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,q8DAAA;AAAA,EACFkB,aAAiB,oBAAA;AAAA,IACfC,OAAO;AAAA,IACPN,KAAK;AAAA,IACLI,OAAO;AAAA,EACRnB,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,uBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q8DAAA;AACH;"}

package/dist/esm/components/Card/Content/Content.js

@@ -1,5 +1,6 @@
 import clsx from "clsx";
-import { StyledContent } from "./Content.styles.js";
+import { styles } from "./Content.styles.js";
+import MuiCardContent from "@mui/material/CardContent";
 import cardContentClasses from "./contentClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvContent = ({
@@ -10,9 +11,9 @@ const HvContent = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledContent, {
+  return /* @__PURE__ */ jsx(MuiCardContent, {
     id,
-    className: clsx(classes == null ? void 0 : classes.content, cardContentClasses.content, className),
+    className: clsx(styles.content, classes == null ? void 0 : classes.content, cardContentClasses.content, className),
     onClick,
     ...others,
     children

package/dist/esm/components/Card/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","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?: (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 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,6BACGC,eAAa;AAAA,IACZN;AAAAA,IACAE,WAAWK,KAAKN,mCAASO,SAASC,mBAAmBD,SAASN,SAAS;AAAA,IACvEE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}
+{"version":3,"file":"Content.js","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 HvContentProps = 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 HvContent = ({\n  id,\n  classes,\n  className,\n  children,\n  onClick,\n  ...others\n}: HvContentProps) => {\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":["HvContent","id","classes","className","children","onClick","others","MuiCardContent","clsx","styles","content","cardContentClasses"],"mappings":";;;;;AAkBO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACW,MAAM;AACpB,6BACGC,gBAAc;AAAA,IACbN;AAAAA,IACAE,WAAWK,KACTC,OAAOC,SACPR,mCAASQ,SACTC,mBAAmBD,SACnBP,SAAS;AAAA,IAEXE;AAAAA,IAAiB,GACbC;AAAAA,IAAMF;AAAAA,EAAAA,CAGK;AAErB;"}

package/dist/esm/components/Card/Content/Content.styles.js

@@ -1,18 +1,14 @@
-import _styled from "@emotion/styled/base";
+import { css } from "@emotion/css";
 import { theme } from "@hitachivantara/uikit-styles";
-import CardContent from "@mui/material/CardContent";
-const StyledContent = /* @__PURE__ */ _styled(CardContent, process.env.NODE_ENV === "production" ? {
-  target: "e12hctsi0"
-} : {
-  target: "e12hctsi0",
-  label: "StyledContent"
-})({
-  padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,
-  "&:last-child": {
-    paddingBottom: theme.space.sm
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvQ2FyZENvbnRlbnRcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoQ2FyZENvbnRlbnQpKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gMTVweCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIFwiJjpsYXN0LWNoaWxkXCI6IHtcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS5zbSxcbiAgfSxcbn0pO1xuIl19 */");
+const styles = {
+  content: /* @__PURE__ */ css({
+    padding: `0 ${theme.space.sm} 15px ${theme.space.sm}`,
+    "&:last-child": {
+      paddingBottom: theme.space.sm
+    }
+  }, process.env.NODE_ENV === "production" ? "" : ";label:content;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJVyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NhcmQvQ29udGVudC9Db250ZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vY3NzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGNvbnRlbnQ6IGNzcyh7XG4gICAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gMTVweCAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgXCImOmxhc3QtY2hpbGRcIjoge1xuICAgICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2Uuc20sXG4gICAgfSxcbiAgfSksXG59O1xuIl19 */")
+};
 export {
-  StyledContent
+  styles
 };
 //# sourceMappingURL=Content.styles.js.map

package/dist/esm/components/Card/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","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,wBAAAA,aAAWC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,EACjD,gBAAgB;AAAA,IACdC,eAAeH,MAAMC,MAAMC;AAAAA,EAC7B;AACF,GAACR,QAAAC,IAAAC,aAAC,eAAA,KAAA,65BAAA;"}
+{"version":3,"file":"Content.styles.js","sources":["../../../../../src/components/Card/Content/Content.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\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","padding","theme","space","sm","paddingBottom","process","env","NODE_ENV"],"mappings":";;AAGO,MAAMA,SAAS;AAAA,EACpBC,SAAa,oBAAA;AAAA,IACXC,SAAU,KAAIC,MAAMC,MAAMC,WAAWF,MAAMC,MAAMC;AAAAA,IACjD,gBAAgB;AAAA,MACdC,eAAeH,MAAMC,MAAMC;AAAAA,IAC7B;AAAA,EACDE,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,mBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q1BAAA;AACH;"}

package/dist/esm/components/Card/Header/Header.js

@@ -1,7 +1,11 @@
 import clsx from "clsx";
-import { StyledHeader } from "./Header.styles.js";
+import MuiCardHeader from "@mui/material/CardHeader";
 import cardHeaderClasses from "./headerClasses.js";
+import { styles } from "./Header.styles.js";
+import { css } from "@emotion/css";
+import { useContext } from "react";
 import { jsx } from "@emotion/react/jsx-runtime";
+import { HvThemeContext } from "../../../providers/ThemeProvider.js";
 const HvHeader = ({
   classes,
   className,
@@ -11,17 +15,26 @@ const HvHeader = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledHeader, {
+  const {
+    activeTheme
+  } = useContext(HvThemeContext);
+  return /* @__PURE__ */ jsx(MuiCardHeader, {
     title,
     subheader,
     action: icon,
     onClick,
-    className: clsx(classes == null ? void 0 : classes.root, cardHeaderClasses.root, className),
-    $short: icon ? true : void 0,
+    className: clsx(styles.root, classes == null ? void 0 : classes.root, cardHeaderClasses.root, className),
     classes: {
-      title: icon ? clsx(cardHeaderClasses.titleShort, classes == null ? void 0 : classes.titleShort) : clsx(cardHeaderClasses.title, classes == null ? void 0 : classes.title),
-      subheader: clsx(cardHeaderClasses.subheader, classes == null ? void 0 : classes.subheader),
-      action: clsx(cardHeaderClasses.action, classes == null ? void 0 : classes.action),
+      title: icon ? clsx(styles.titleShort, cardHeaderClasses.titleShort, classes == null ? void 0 : classes.titleShort, /* @__PURE__ */ css({
+        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+      }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")) : clsx(styles.title, cardHeaderClasses.title, classes == null ? void 0 : classes.title, /* @__PURE__ */ css({
+        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.titleVariant]
+      }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RGMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")),
+      subheader: clsx(styles.subheader, cardHeaderClasses.subheader, classes == null ? void 0 : classes.subheader, /* @__PURE__ */ css({
+        ...activeTheme == null ? void 0 : activeTheme.typography[activeTheme == null ? void 0 : activeTheme.card.subheaderVariant],
+        color: activeTheme == null ? void 0 : activeTheme.card.subheaderColor
+      }, process.env.NODE_ENV === "production" ? "" : ";label:subheader;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRVUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IGNsc3ggZnJvbSBcImNsc3hcIjtcbmltcG9ydCBNdWlDYXJkSGVhZGVyLCB7XG4gIENhcmRIZWFkZXJQcm9wcyBhcyBNdWlDYXJkSGVhZGVyUHJvcHMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IEh2QmFzZVByb3BzIH0gZnJvbSBcIi4uLy4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgY2FyZEhlYWRlckNsYXNzZXMsIHsgSHZDYXJkSGVhZGVyQ2xhc3NlcyB9IGZyb20gXCIuL2hlYWRlckNsYXNzZXNcIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL0hlYWRlci5zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB7IEh2VGhlbWVDb250ZXh0IH0gZnJvbSBcInByb3ZpZGVyc1wiO1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIdkhlYWRlclByb3BzID0gT21pdDxNdWlDYXJkSGVhZGVyUHJvcHMsIFwiY2xhc3Nlc1wiPiAmXG4gIEh2QmFzZVByb3BzPEhUTUxEaXZFbGVtZW50LCB7IHRpdGxlIH0+ICYge1xuICAgIC8qKiBUaGUgcmVuZGVyYWJsZSBjb250ZW50IGluc2lkZSB0aGUgdGl0bGUgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHRpdGxlOiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSByZW5kZXJhYmxlIGNvbnRlbnQgaW5zaWRlIHRoZSBzdWJoZWFkZXIgc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIHN1YmhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKiogVGhlIHJlbmRlcmFibGUgY29udGVudCBpbnNpZGUgdGhlIGljb24gc2xvdCBvZiB0aGUgaGVhZGVyLiAqL1xuICAgIGljb24/OiBSZWFjdC5SZWFjdE5vZGU7XG4gICAgLyoqIFRoZSBmdW5jdGlvbiB0aGF0IHdpbGwgYmUgZXhlY3V0ZWQgd2hlbiB0aGlzIHNlY3Rpb24gaXMgY2xpY2tlZC4gKi9cbiAgICBvbkNsaWNrPzogUmVhY3QuTW91c2VFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+IHwgdW5kZWZpbmVkO1xuICAgIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBjb21wb25lbnQuICovXG4gICAgY2xhc3Nlcz86IEh2Q2FyZEhlYWRlckNsYXNzZXM7XG4gIH07XG5cbmV4cG9ydCBjb25zdCBIdkhlYWRlciA9ICh7XG4gIGNsYXNzZXMsXG4gIGNsYXNzTmFtZSxcbiAgdGl0bGUsXG4gIHN1YmhlYWRlcixcbiAgaWNvbixcbiAgb25DbGljayxcbiAgLi4ub3RoZXJzXG59OiBIdkhlYWRlclByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlVGhlbWUgfSA9IHVzZUNvbnRleHQoSHZUaGVtZUNvbnRleHQpO1xuXG4gIHJldHVybiAoXG4gICAgPE11aUNhcmRIZWFkZXJcbiAgICAgIHRpdGxlPXt0aXRsZX1cbiAgICAgIHN1YmhlYWRlcj17c3ViaGVhZGVyfVxuICAgICAgYWN0aW9uPXtpY29ufVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgc3R5bGVzLnJvb3QsXG4gICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnJvb3QsXG4gICAgICAgIGNsYXNzTmFtZVxuICAgICAgKX1cbiAgICAgIGNsYXNzZXM9e3tcbiAgICAgICAgdGl0bGU6IGljb25cbiAgICAgICAgICA/IGNsc3goXG4gICAgICAgICAgICAgIHN0eWxlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjYXJkSGVhZGVyQ2xhc3Nlcy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZVNob3J0LFxuICAgICAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgICAgIC4uLmFjdGl2ZVRoZW1lPy50eXBvZ3JhcGh5W2FjdGl2ZVRoZW1lPy5jYXJkLnRpdGxlVmFyaWFudF0sXG4gICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjbHN4KFxuICAgICAgICAgICAgICBzdHlsZXMudGl0bGUsXG4gICAgICAgICAgICAgIGNhcmRIZWFkZXJDbGFzc2VzLnRpdGxlLFxuICAgICAgICAgICAgICBjbGFzc2VzPy50aXRsZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICAuLi5hY3RpdmVUaGVtZT8udHlwb2dyYXBoeVthY3RpdmVUaGVtZT8uY2FyZC50aXRsZVZhcmlhbnRdLFxuICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgc3ViaGVhZGVyOiBjbHN4KFxuICAgICAgICAgIHN0eWxlcy5zdWJoZWFkZXIsXG4gICAgICAgICAgY2FyZEhlYWRlckNsYXNzZXMuc3ViaGVhZGVyLFxuICAgICAgICAgIGNsYXNzZXM/LnN1YmhlYWRlcixcbiAgICAgICAgICBjc3Moe1xuICAgICAgICAgICAgLi4uYWN0aXZlVGhlbWU/LnR5cG9ncmFwaHlbYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyVmFyaWFudF0sXG4gICAgICAgICAgICBjb2xvcjogYWN0aXZlVGhlbWU/LmNhcmQuc3ViaGVhZGVyQ29sb3IsXG4gICAgICAgICAgfSlcbiAgICAgICAgKSxcbiAgICAgICAgYWN0aW9uOiBjbHN4KHN0eWxlcy5hY3Rpb24sIGNhcmRIZWFkZXJDbGFzc2VzLmFjdGlvbiwgY2xhc3Nlcz8uYWN0aW9uKSxcbiAgICAgICAgY29udGVudDogY2xzeChjYXJkSGVhZGVyQ2xhc3Nlcy5jb250ZW50LCBjbGFzc2VzPy5jb250ZW50KSxcbiAgICAgIH19XG4gICAgICB7Li4ub3RoZXJzfVxuICAgIC8+XG4gICk7XG59O1xuIl19 */")),
+      action: clsx(styles.action, cardHeaderClasses.action, classes == null ? void 0 : classes.action),
       content: clsx(cardHeaderClasses.content, classes == null ? void 0 : classes.content)
     },
     ...others

package/dist/esm/components/Card/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","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 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,6BACGC,cAAY;AAAA,IACXL;AAAAA,IACAC;AAAAA,IACAK,QAAQJ;AAAAA,IACRC;AAAAA,IACAJ,WAAWQ,KAAKT,mCAASU,MAAMC,kBAAkBD,MAAMT,SAAS;AAAA,IAChEW,QAAQR,OAAO,OAAOS;AAAAA,IACtBb,SAAS;AAAA,MACPE,OAAOE,OACHK,KAAKE,kBAAkBG,YAAYd,mCAASc,UAAU,IACtDL,KAAKE,kBAAkBT,OAAOF,mCAASE,KAAK;AAAA,MAChDC,WAAWM,KAAKE,kBAAkBR,WAAWH,mCAASG,SAAS;AAAA,MAC/DK,QAAQC,KAAKE,kBAAkBH,QAAQR,mCAASQ,MAAM;AAAA,MACtDO,SAASN,KAAKE,kBAAkBI,SAASf,mCAASe,OAAO;AAAA,IAC3D;AAAA,IAAE,GACET;AAAAA,EAAAA,CACJ;AAEN;"}
+{"version":3,"file":"Header.js","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 \"@emotion/css\";\nimport { HvThemeContext } from \"providers\";\nimport { useContext } from \"react\";\n\nexport type HvHeaderProps = 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 HvHeader = ({\n  classes,\n  className,\n  title,\n  subheader,\n  icon,\n  onClick,\n  ...others\n}: HvHeaderProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\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":["HvHeader","classes","className","title","subheader","icon","onClick","others","activeTheme","useContext","HvThemeContext","MuiCardHeader","action","clsx","styles","root","cardHeaderClasses","titleShort","typography","card","titleVariant","process","env","NODE_ENV","subheaderVariant","color","subheaderColor","content"],"mappings":";;;;;;;;AAyBO,MAAMA,WAAWA,CAAC;AAAA,EACvBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACU,MAAM;AACb,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,WAAWC,cAAc;AAEjD,6BACGC,eAAa;AAAA,IACZR;AAAAA,IACAC;AAAAA,IACAQ,QAAQP;AAAAA,IACRC;AAAAA,IACAJ,WAAWW,KACTC,OAAOC,MACPd,mCAASc,MACTC,kBAAkBD,MAClBb,SAAS;AAAA,IAEXD,SAAS;AAAA,MACPE,OAAOE,OACHQ,KACEC,OAAOG,YACPD,kBAAkBC,YAClBhB,mCAASgB,YACL,oBAAA;AAAA,QACF,GAAGT,2CAAaU,WAAWV,2CAAaW,KAAKC;AAAAA,MAAAA,GAC9CC,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,u6HAAC,IAEJV,KACEC,OAAOX,OACPa,kBAAkBb,OAClBF,mCAASE,OACL,oBAAA;AAAA,QACF,GAAGK,2CAAaU,WAAWV,2CAAaW,KAAKC;AAAAA,MAC9CC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,u6HAAC;AAAA,MAERnB,WAAWS,KACTC,OAAOV,WACPY,kBAAkBZ,WAClBH,mCAASG,WACL,oBAAA;AAAA,QACF,GAAGI,2CAAaU,WAAWV,2CAAaW,KAAKK;AAAAA,QAC7CC,OAAOjB,2CAAaW,KAAKO;AAAAA,MAC1BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,qBAAAA,QAAAC,IAAAC,u6HAAC;AAAA,MAEJX,QAAQC,KAAKC,OAAOF,QAAQI,kBAAkBJ,QAAQX,mCAASW,MAAM;AAAA,MACrEe,SAASd,KAAKG,kBAAkBW,SAAS1B,mCAAS0B,OAAO;AAAA,IAC3D;AAAA,IAAE,GACEpB;AAAAA,EAAAA,CACJ;AAEN;"}

package/dist/esm/components/Card/Header/Header.styles.js

@@ -1,52 +1,30 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import CardHeader from "@mui/material/CardHeader";
-import { transientOptions } from "../../../utils/transientOptions.js";
-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(CardHeader, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1xfuyqk0"
-}, transientOptions) : _extends({}, {
-  target: "e1xfuyqk0",
-  label: "StyledHeader"
-}, transientOptions))(({
-  $short
-}) => ({
-  padding: `15px ${theme.space.sm}`,
-  position: "relative",
-  "& .MuiCardHeader-title": {
-    ...theme.typography.title3,
+import { css } from "@emotion/css";
+const styles = {
+  root: /* @__PURE__ */ css({
+    padding: `15px ${theme.space.sm}`,
+    position: "relative"
+  }, process.env.NODE_ENV === "production" ? "" : ";label:root;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSVEiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
+  titleShort: /* @__PURE__ */ css({
     fontFamily: theme.fontFamily.body,
-    ...$short && {
-      marginRight: "30px"
-    }
-  },
-  "& .MuiCardHeader-subheader": {
-    fontFamily: theme.fontFamily.body,
-    ...theme.typography.label
-  },
-  "& .MuiCardHeader-action": {
+    marginRight: "30px"
+  }, process.env.NODE_ENV === "production" ? "" : ";label:titleShort;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
+  title: /* @__PURE__ */ css({
+    fontFamily: theme.fontFamily.body
+  }, process.env.NODE_ENV === "production" ? "" : ";label:title;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
+  subheader: /* @__PURE__ */ css({
+    fontFamily: theme.fontFamily.body
+  }, process.env.NODE_ENV === "production" ? "" : ";label:subheader;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWEiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */"),
+  action: /* @__PURE__ */ css({
     position: "absolute",
     right: 20,
     marginTop: 0,
     marginRight: "0px",
     paddingLeft: theme.space.xs,
     top: "15px"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDYXJkSGVhZGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL0NhcmRIZWFkZXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkKFxuICBDYXJkSGVhZGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRzaG9ydCB9OiB7ICRzaG9ydD86IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gIC8vIGh0dHBzOi8vbXVpLmNvbS9tYXRlcmlhbC11aS9hcGkvY2FyZC1oZWFkZXIvI2Nzc1xuICBcIiYgLk11aUNhcmRIZWFkZXItdGl0bGVcIjoge1xuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LnRpdGxlMyBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgLi4uKCRzaG9ydCAmJiB7IG1hcmdpblJpZ2h0OiBcIjMwcHhcIiB9KSxcbiAgfSxcbiAgXCImIC5NdWlDYXJkSGVhZGVyLXN1YmhlYWRlclwiOiB7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmxhYmVsIGFzIENTU1Byb3BlcnRpZXMpLFxuICB9LFxuICBcIiYgLk11aUNhcmRIZWFkZXItYWN0aW9uXCI6IHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHJpZ2h0OiAyMCxcbiAgICBtYXJnaW5Ub3A6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IFwiMHB4XCIsXG4gICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgIHRvcDogXCIxNXB4XCIsXG4gIH0sXG59KSk7XG4iXX0= */");
+  }, process.env.NODE_ENV === "production" ? "" : ";label:action;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9IZWFkZXIvSGVhZGVyLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9DYXJkL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgcm9vdDogY3NzKHsgcGFkZGluZzogYDE1cHggJHt0aGVtZS5zcGFjZS5zbX1gLCBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiIH0pLFxuICB0aXRsZVNob3J0OiBjc3Moe1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcbiAgICBtYXJnaW5SaWdodDogXCIzMHB4XCIsXG4gIH0pLFxuICB0aXRsZTogY3NzKHtcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gIH0pLFxuICBzdWJoZWFkZXI6IGNzcyh7XG4gICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICB9KSxcbiAgYWN0aW9uOiBjc3Moe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgcmlnaHQ6IDIwLFxuICAgIG1hcmdpblRvcDogMCxcbiAgICBtYXJnaW5SaWdodDogXCIwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgdG9wOiBcIjE1cHhcIixcbiAgfSksXG59O1xuIl19 */")
+};
 export {
-  StyledHeader
+  styles
 };
 //# sourceMappingURL=Header.styles.js.map

package/dist/esm/components/Card/Header/Header.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.js","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,uCACXC,YAAUC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACVC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAA6B,OAAO;AAAA,EACvCC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,EAC7BC,UAAU;AAAA,EAGV,0BAA0B;AAAA,IACxB,GAAIH,MAAMI,WAAWC;AAAAA,IACrBC,YAAYN,MAAMM,WAAWC;AAAAA,IAC7B,GAAIT,UAAU;AAAA,MAAEU,aAAa;AAAA,IAAO;AAAA,EACtC;AAAA,EACA,8BAA8B;AAAA,IAC5BF,YAAYN,MAAMM,WAAWC;AAAAA,IAC7B,GAAIP,MAAMI,WAAWP;AAAAA,EACvB;AAAA,EACA,2BAA2B;AAAA,IACzBM,UAAU;AAAA,IACVM,OAAO;AAAA,IACPC,WAAW;AAAA,IACXF,aAAa;AAAA,IACbG,aAAaX,MAAMC,MAAMW;AAAAA,IACzBC,KAAK;AAAA,EACP;AACF,IAAEtB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;"}
+{"version":3,"file":"Header.styles.js","sources":["../../../../../src/components/Card/Header/Header.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { css } from \"@emotion/css\";\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","padding","theme","space","sm","position","process","env","NODE_ENV","titleShort","fontFamily","body","marginRight","title","subheader","action","right","marginTop","paddingLeft","xs","top"],"mappings":";;AAGO,MAAMA,SAAS;AAAA,EACpBC,MAAU,oBAAA;AAAA,IAAEC,SAAU,QAAOC,MAAMC,MAAMC;AAAAA,IAAMC,UAAU;AAAA,EAAYC,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,gBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACtEC,YAAgB,oBAAA;AAAA,IACdC,YAAYR,MAAMQ,WAAWC;AAAAA,IAC7BC,aAAa;AAAA,EACdN,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,sBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFK,OAAW,oBAAA;AAAA,IACTH,YAAYR,MAAMQ,WAAWC;AAAAA,EAC9BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,iBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFM,WAAe,oBAAA;AAAA,IACbJ,YAAYR,MAAMQ,WAAWC;AAAAA,EAC9BL,GAAAA,QAAAC,IAAAC,aAAAF,eAAAA,KAAAA,qBAAAA,QAAAC,IAAAC,aAAC,eAAA,KAAA,qvCAAA;AAAA,EACFO,QAAY,oBAAA;AAAA,IACVV,UAAU;AAAA,IACVW,OAAO;AAAA,IACPC,WAAW;AAAA,IACXL,aAAa;AAAA,IACbM,aAAahB,MAAMC,MAAMgB;AAAAA,IACzBC,KAAK;AAAA,EACNd,GAAAA,QAAAC,IAAAC,aAAA,eAAA,KAAA,kBAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,qvCAAA;AACH;"}

package/dist/esm/components/Card/Media/Media.js

@@ -1,4 +1,5 @@
-import { StyledMedia } from "./Media.styles.js";
+import MuiCardMedia from "@mui/material/CardMedia";
+import { styles } from "./Media.styles.js";
 import cardMediaClasses from "./mediaClasses.js";
 import clsx from "clsx";
 import { jsx } from "@emotion/react/jsx-runtime";
@@ -11,10 +12,10 @@ const HvMedia = ({
   onClick,
   ...others
 }) => {
-  return /* @__PURE__ */ jsx(StyledMedia, {
+  return /* @__PURE__ */ jsx(MuiCardMedia, {
     id,
     classes: {
-      root: clsx(cardMediaClasses.root, classes == null ? void 0 : classes.root),
+      root: clsx(styles.root, cardMediaClasses.root, classes == null ? void 0 : classes.root),
       media: clsx(cardMediaClasses.media, classes == null ? void 0 : classes.media)
     },
     className,

package/dist/esm/components/Card/Media/Media.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.js","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 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,6BACGC,aAAW;AAAA,IACVP;AAAAA,IACAC,SAAS;AAAA,MACPO,MAAMC,KAAKC,iBAAiBF,MAAMP,mCAASO,IAAI;AAAA,MAC/CG,OAAOF,KAAKC,iBAAiBC,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.js","sources":["../../../../../src/components/Card/Media/Media.tsx"],"sourcesContent":["import MuiCardMedia, {\n  CardMediaProps as MuiCardMediaProps,\n} from \"@mui/material/CardMedia\";\nimport { styles } from \"./Media.styles\";\nimport { HvBaseProps } from \"../../../types\";\nimport cardMediaClasses, { HvCardMediaClasses } from \"./mediaClasses\";\nimport clsx from \"clsx\";\nimport { ImgHTMLAttributes } from \"react\";\n\nexport type HvMediaProps = Omit<MuiCardMediaProps, \"classes\"> &\n  ImgHTMLAttributes<HTMLImageElement> &\n  HvBaseProps<HTMLDivElement, { onClick; title }> & {\n    /** Id to be applied to the root node. */\n    id?: string;\n    /** The title of the media. */\n    title?: string;\n    /** The function that will be executed when this section is clicked. */\n    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;\n    /** The component used for the root node. Either a string to use a HTML element or a component. */\n    component?: React.ElementType;\n    /** The image to display. */\n    image?: string;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvCardMediaClasses;\n  };\n\nexport const HvMedia = ({\n  id,\n  classes,\n  className,\n  children,\n  title,\n  onClick,\n  ...others\n}: HvMediaProps) => {\n  return (\n    <MuiCardMedia\n      id={id}\n      classes={{\n        root: clsx(styles.root, cardMediaClasses.root, classes?.root),\n        media: clsx(cardMediaClasses.media, classes?.media),\n      }}\n      className={className}\n      role=\"img\"\n      title={title}\n      onClick={onClick}\n      {...others}\n    >\n      {children}\n    </MuiCardMedia>\n  );\n};\n"],"names":["HvMedia","id","classes","className","children","title","onClick","others","MuiCardMedia","root","clsx","styles","cardMediaClasses","media","role"],"mappings":";;;;;AA0BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAClB,6BACGC,cAAY;AAAA,IACXP;AAAAA,IACAC,SAAS;AAAA,MACPO,MAAMC,KAAKC,OAAOF,MAAMG,iBAAiBH,MAAMP,mCAASO,IAAI;AAAA,MAC5DI,OAAOH,KAAKE,iBAAiBC,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/esm/components/Card/Media/Media.styles.js

@@ -1,23 +1,19 @@
-import _styled from "@emotion/styled/base";
-import CardMedia from "@mui/material/CardMedia";
+import { css } from "@emotion/css";
 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(CardMedia, 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__
-});
+const styles = {
+  root: /* @__PURE__ */ css(process.env.NODE_ENV === "production" ? {
+    name: "1d3w5wq",
+    styles: "width:100%"
+  } : {
+    name: "abc58s-root",
+    styles: "width:100%;label:root;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9NZWRpYS9NZWRpYS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdRIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2FyZC9NZWRpYS9NZWRpYS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICByb290OiBjc3MoeyB3aWR0aDogXCIxMDAlXCIgfSksXG59O1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  })
+};
 export {
-  StyledMedia
+  styles
 };
 //# sourceMappingURL=Media.styles.js.map

package/dist/esm/components/Card/Media/Media.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Media.styles.js","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,wBAAAA,WAASC,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.js","sources":["../../../../../src/components/Card/Media/Media.styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\n\nexport const styles = {\n  root: css({ width: \"100%\" }),\n};\n"],"names":["styles","root","css","process","env","NODE_ENV","name","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;AAEO,MAAMA,SAAS;AAAA,EACpBC,MAAMC,oBAAGC,QAAAC,IAAAC,aAAA,eAAA;AAAA,IAAAC,MAAA;AAAA,IAAAN,QAAA;AAAA,EAAA,IAAA;AAAA,IAAAM,MAAA;AAAA,IAAAN,QAAA;AAAA,IAAAO,KAAA;AAAA,IAAAC,UAAAC;AAAAA,EAAAA,CAAA;AACX;"}

package/dist/esm/components/Card/cardClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root", "selectable", "selected", "semanticBar"];
+const classKeys = ["root", "selectable", "selected", "semanticBar", "semanticContainer", "icon"];
 const cardClasses = getClasses(classKeys, "HvCard");
 const cardClasses$1 = cardClasses;
 export {

package/dist/esm/components/Card/cardClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardClasses.js","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,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}
+{"version":3,"file":"cardClasses.js","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,WAA0BF,WAAW,QAAQ;AAEjE,MAAA,gBAAeC;"}

package/dist/esm/components/Container/Container.js

@@ -13,7 +13,17 @@ const HvContainer = forwardRef(({
 }, ref) => {
   const muiTheme = useTheme();
   return /* @__PURE__ */ jsx(StyledRoot, {
-    className: clsx(className, containerClasses.root, classes == null ? void 0 : classes.root),
+    className,
+    classes: {
+      root: clsx(containerClasses.root, classes == null ? void 0 : classes.root),
+      disableGutters: clsx(containerClasses.disableGutters, classes == null ? void 0 : classes.disableGutters),
+      fixed: clsx(containerClasses.fixed, classes == null ? void 0 : classes.fixed),
+      maxWidthXs: clsx(containerClasses.maxWidthXs, classes == null ? void 0 : classes.maxWidthXs),
+      maxWidthSm: clsx(containerClasses.maxWidthSm, classes == null ? void 0 : classes.maxWidthSm),
+      maxWidthMd: clsx(containerClasses.maxWidthMd, classes == null ? void 0 : classes.maxWidthMd),
+      maxWidthLg: clsx(containerClasses.maxWidthLg, classes == null ? void 0 : classes.maxWidthLg),
+      maxWidthXl: clsx(containerClasses.maxWidthXl, classes == null ? void 0 : classes.maxWidthXl)
+    },
     $breakpoints: muiTheme.breakpoints,
     ref,
     maxWidth,

package/dist/esm/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = MuiContainerProps &\n  HvBaseProps & {\n    /**\n     * The component used for the root node.\n     * Either a string to use a DOM element or a component.\n     */\n    component?: React.ElementType;\n    /**\n     * Determine the max-width of the container.\n     * The container width grows with the size of the screen.\n     * Set to `false` to disable `maxWidth`.\n     */\n    maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\n    /** If `true`, the left and right padding is removed. */\n    disableGutters?: boolean;\n    /**\n     * Set the max-width to match the min-width of the current breakpoint.\n     * This is useful if you'd prefer to design for a fixed set of sizes\n     * instead of trying to accommodate a fully fluid viewport.\n     * It's fluid by default.\n     */\n    fixed?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvContainerClasses;\n  };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n  ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n    const muiTheme = useTheme();\n    return (\n      <StyledRoot\n        className={clsx(className, containerClasses.root, classes?.root)}\n        $breakpoints={muiTheme.breakpoints}\n        ref={ref}\n        maxWidth={maxWidth}\n        fixed={fixed}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","StyledRoot","clsx","containerClasses","root","$breakpoints","breakpoints"],"mappings":";;;;;;AAkCaA,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC;AACjB,6BACGC,YAAU;AAAA,IACTN,WAAWO,KAAKP,WAAWQ,iBAAiBC,MAAMV,mCAASU,IAAI;AAAA,IAC/DC,cAAcN,SAASO;AAAAA,IACvBR;AAAAA,IACAL;AAAAA,IACAG;AAAAA,IAAa,GACTC;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}
+{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = Omit<MuiContainerProps, \"classes\"> &\n  HvBaseProps & {\n    /**\n     * The component used for the root node.\n     * Either a string to use a DOM element or a component.\n     */\n    component?: React.ElementType;\n    /**\n     * Determine the max-width of the container.\n     * The container width grows with the size of the screen.\n     * Set to `false` to disable `maxWidth`.\n     */\n    maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\n    /** If `true`, the left and right padding is removed. */\n    disableGutters?: boolean;\n    /**\n     * Set the max-width to match the min-width of the current breakpoint.\n     * This is useful if you'd prefer to design for a fixed set of sizes\n     * instead of trying to accommodate a fully fluid viewport.\n     * It's fluid by default.\n     */\n    fixed?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvContainerClasses;\n  };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n  ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n    const muiTheme = useTheme();\n    return (\n      <StyledRoot\n        className={className}\n        classes={{\n          root: clsx(containerClasses.root, classes?.root),\n          disableGutters: clsx(\n            containerClasses.disableGutters,\n            classes?.disableGutters\n          ),\n          fixed: clsx(containerClasses.fixed, classes?.fixed),\n          maxWidthXs: clsx(containerClasses.maxWidthXs, classes?.maxWidthXs),\n          maxWidthSm: clsx(containerClasses.maxWidthSm, classes?.maxWidthSm),\n          maxWidthMd: clsx(containerClasses.maxWidthMd, classes?.maxWidthMd),\n          maxWidthLg: clsx(containerClasses.maxWidthLg, classes?.maxWidthLg),\n          maxWidthXl: clsx(containerClasses.maxWidthXl, classes?.maxWidthXl),\n        }}\n        $breakpoints={muiTheme.breakpoints}\n        ref={ref}\n        maxWidth={maxWidth}\n        fixed={fixed}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","StyledRoot","root","clsx","containerClasses","disableGutters","maxWidthXs","maxWidthSm","maxWidthMd","maxWidthLg","maxWidthXl","$breakpoints","breakpoints"],"mappings":";;;;;;AAkCaA,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC;AACjB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAD,SAAS;AAAA,MACPQ,MAAMC,KAAKC,iBAAiBF,MAAMR,mCAASQ,IAAI;AAAA,MAC/CG,gBAAgBF,KACdC,iBAAiBC,gBACjBX,mCAASW,cAAc;AAAA,MAEzBT,OAAOO,KAAKC,iBAAiBR,OAAOF,mCAASE,KAAK;AAAA,MAClDU,YAAYH,KAAKC,iBAAiBE,YAAYZ,mCAASY,UAAU;AAAA,MACjEC,YAAYJ,KAAKC,iBAAiBG,YAAYb,mCAASa,UAAU;AAAA,MACjEC,YAAYL,KAAKC,iBAAiBI,YAAYd,mCAASc,UAAU;AAAA,MACjEC,YAAYN,KAAKC,iBAAiBK,YAAYf,mCAASe,UAAU;AAAA,MACjEC,YAAYP,KAAKC,iBAAiBM,YAAYhB,mCAASgB,UAAU;AAAA,IACnE;AAAA,IACAC,cAAcZ,SAASa;AAAAA,IACvBd;AAAAA,IACAL;AAAAA,IACAG;AAAAA,IAAa,GACTC;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

package/dist/esm/components/Container/containerClasses.js

@@ -1,5 +1,5 @@
 import { getClasses } from "../../utils/classes.js";
-const classKeys = ["root"];
+const classKeys = ["root", "disableGutters", "fixed", "maxWidthXs", "maxWidthSm", "maxWidthMd", "maxWidthLg", "maxWidthXl"];
 const containerClasses = getClasses(classKeys, "HvContainer");
 const containerClasses$1 = containerClasses;
 export {

package/dist/esm/components/Container/containerClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n  classKeys,\n  \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}
+{"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n  root?: string;\n  disableGutters?: string;\n  fixed?: string;\n  maxWidthXs?: string;\n  maxWidthSm?: string;\n  maxWidthMd?: string;\n  maxWidthLg?: string;\n  maxWidthXl?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disableGutters\",\n  \"fixed\",\n  \"maxWidthXs\",\n  \"maxWidthSm\",\n  \"maxWidthMd\",\n  \"maxWidthLg\",\n  \"maxWidthXl\",\n];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n  classKeys,\n  \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,cACA,cACA,cACA,cACA,YAAY;AAGd,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/Controls/Controls.js

@@ -1,9 +1,9 @@
 import clsx from "clsx";
 import { StyledRoot, StyledSection } from "./Controls.styles.js";
-import { controlsClasses } from "./index.js";
 import { HvControlsContextProvider } from "./context/ControlsContext.js";
 import { Children } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import controlsClasses from "./controlClasses.js";
 import { HvMultiButton } from "../MultiButton/MultiButton.js";
 import { useControlled } from "../../hooks/useControlled.js";
 import { setId } from "../../utils/setId.js";

package/dist/esm/components/Controls/{index.js → controlClasses.js}

@@ -1,7 +1,8 @@
 import { getClasses } from "../../utils/classes.js";
 const classKeys = ["root", "section", "rightSection", "leftSection"];
 const controlsClasses = getClasses(classKeys, "HvControls");
+const controlsClasses$1 = controlsClasses;
 export {
-  controlsClasses
+  controlsClasses$1 as default
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=controlClasses.js.map

package/dist/esm/components/Controls/controlClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlClasses.js","sources":["../../../../src/components/Controls/controlClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvControlsClasses = {\n  root: string;\n  section: string;\n  rightSection: string;\n  leftSection: string;\n};\n\nconst classKeys: string[] = [\"root\", \"section\", \"rightSection\", \"leftSection\"];\n\nconst controlsClasses = getClasses<HvControlsClasses>(classKeys, \"HvControls\");\n\nexport default controlsClasses;\n"],"names":["classKeys","controlsClasses","getClasses"],"mappings":";AASA,MAAMA,YAAsB,CAAC,QAAQ,WAAW,gBAAgB,aAAa;AAE7E,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}

package/dist/esm/components/Dialog/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = MuiDialogActionsProps &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AACpB,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = Omit<MuiDialogActionsProps, \"classes\"> &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AACpB,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}

package/dist/esm/components/Dialog/Content/Content.js

@@ -1,5 +1,6 @@
+import MuiDialogContent from "@mui/material/DialogContent";
 import clsx from "clsx";
-import { StyledTypography, StyledContent } from "./Content.styles.js";
+import { StyledTypography } from "./Content.styles.js";
 import dialogContentClasses from "./contentClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvContent = ({
@@ -9,8 +10,8 @@ const HvContent = ({
   indentContent = false
 }) => {
   return /* @__PURE__ */ jsx(StyledTypography, {
-    component: StyledContent,
-    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root),
+    component: MuiDialogContent,
+    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root, !!indentContent && clsx(dialogContentClasses.textContent, classes == null ? void 0 : classes.textContent)),
     $indentContent: indentContent,
     children
   });

package/dist/esm/components/Dialog/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { DialogContentProps as MuiDialogContentProps } from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledContent, StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiDialogContentProps &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvContentProps) => {\n  return (\n    <StyledTypography\n      component={StyledContent}\n      className={clsx(className, dialogContentClasses.root, classes?.root)}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvContent","classes","className","children","indentContent","StyledTypography","component","StyledContent","clsx","dialogContentClasses","root","$indentContent"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AACpB,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KAAKN,WAAWO,qBAAqBC,MAAMT,mCAASS,IAAI;AAAA,IACnEC,gBAAgBP;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = Omit<MuiDialogContentProps, \"classes\"> &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvContentProps) => {\n  return (\n    <StyledTypography\n      component={MuiDialogContent}\n      className={clsx(\n        className,\n        dialogContentClasses.root,\n        classes?.root,\n        !!indentContent &&\n          clsx(dialogContentClasses.textContent, classes?.textContent)\n      )}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;AAeO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AACpB,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KACTN,WACAO,qBAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,KAAKC,qBAAqBE,aAAaV,mCAASU,WAAW,CAAC;AAAA,IAEhEC,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;"}