@hitachivantara/uikit-react-core 5.19.0 → 5.19.2

package/dist/cjs/components/Dialog/Actions/Actions.cjs

@@ -1,26 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
+const MuiDialogActions = require("@mui/material/DialogActions");
 const Actions_styles = require("./Actions.styles.cjs");
-const actionsClasses = require("./actionsClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialogActions__default = /* @__PURE__ */ _interopDefault(MuiDialogActions);
 const HvDialogActions = ({
-  classes,
+  classes: classesProp,
   className,
   children,
   fullscreen = false,
   ...others
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledActions, {
+  const {
+    classes,
+    cx
+  } = Actions_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogActions__default.default, {
     className,
     classes: {
-      root: clsx.clsx(actionsClasses.default.root, classes == null ? void 0 : classes.root, fullscreen && clsx.clsx(actionsClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
-      spacing: clsx.clsx(actionsClasses.default.spacing, classes == null ? void 0 : classes.spacing)
+      root: cx(classes.root, {
+        [classes.fullscreen]: fullscreen
+      }),
+      spacing: classes.spacing
     },
-    $fullscreen: fullscreen,
     ...others,
     children
   });
 };
+exports.dialogActionClasses = Actions_styles.staticClasses;
 exports.HvDialogActions = HvDialogActions;
 //# sourceMappingURL=Actions.cjs.map

package/dist/cjs/components/Dialog/Actions/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport interface HvDialogActionsProps\n  extends Omit<MuiDialogActionsProps, \"classes\">,\n    HvBaseProps {\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  classes?: HvDialogActionClasses;\n}\n\nexport const HvDialogActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvDialogActionsProps) => {\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":["HvDialogActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;;;AAcO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AAC1B,wCACGC,eAAAA,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KAAAA,KACJC,eAAAA,QAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAAA,KAAKC,eAAAA,QAAoBL,YAAYH,mCAASG,UAAU,CAC5D;AAAA,MACAM,SAASF,KAAAA,KAAKC,eAAAA,QAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGG;AAEnB;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import MuiDialogActions, {\n  DialogActionsProps as MuiDialogActionsProps,\n} from \"@mui/material/DialogActions\";\n\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\n\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as dialogActionClasses };\n\nexport type HvDialogActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogActionsProps\n  extends Omit<MuiDialogActionsProps, \"classes\">,\n    HvBaseProps {\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  classes?: HvDialogActionClasses;\n}\n\nexport const HvDialogActions = ({\n  classes: classesProp,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvDialogActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <MuiDialogActions\n      className={className}\n      classes={{\n        root: cx(classes.root, { [classes.fullscreen]: fullscreen }),\n        spacing: classes.spacing,\n      }}\n      {...others}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};\n"],"names":["HvDialogActions","classes","classesProp","className","children","fullscreen","others","cx","useClasses","MuiDialogActions","root","spacing"],"mappings":";;;;;;;AAqBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,EACb,GAAGC;AACiB,MAAM;AACpB,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,eAAAA,WAAWN,WAAW;AAE9C,wCACGO,0BAAAA,SAAgB;AAAA,IACfN;AAAAA,IACAF,SAAS;AAAA,MACPS,MAAMH,GAAGN,QAAQS,MAAM;AAAA,QAAE,CAACT,QAAQI,UAAU,GAAGA;AAAAA,MAAAA,CAAY;AAAA,MAC3DM,SAASV,QAAQU;AAAAA,IACnB;AAAA,IAAE,GACEL;AAAAA,IAAMF;AAAAA,EAAAA,CAGM;AAEtB;;;"}

package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs

@@ -1,51 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const DialogActions = require("@mui/material/DialogActions");
-const transientOptions = require("../../../utils/transientOptions.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const DialogActions__default = /* @__PURE__ */ _interopDefault(DialogActions);
-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 StyledActions = /* @__PURE__ */ _styled__default.default(DialogActions__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e5nbcch0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e5nbcch0",
-  label: "StyledActions"
-}, transientOptions.transientOptions))(({
-  $fullscreen
-}) => ({
-  margin: "0",
-  padding: uikitStyles.theme.space.sm,
-  borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
-  height: 65,
-  maxHeight: 65,
-  flex: 1,
-  ...$fullscreen && {
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDialog-Action", {
+  root: {
+    margin: "0",
+    padding: uikitStyles.theme.space.sm,
+    borderTop: `3px solid ${uikitStyles.theme.colors.atmo2}`,
+    height: 65,
+    maxHeight: 65,
+    flex: 1
+  },
+  fullscreen: {
     position: "fixed",
     width: "100%",
     bottom: 0,
     left: 0
   },
-  "&.MuiDialogActions-spacing": {
+  spacing: {
     "& > :not(:first-of-type)": {
       marginLeft: uikitStyles.theme.space.xs
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0FjdGlvbnMgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQWN0aW9uc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFxuICBEaWFsb2dBY3Rpb25zLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgbWFyZ2luOiBcIjBcIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICBoZWlnaHQ6IDY1LFxuICBtYXhIZWlnaHQ6IDY1LFxuICBmbGV4OiAxLFxuICAuLi4oJGZ1bGxzY3JlZW4gJiYge1xuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICB9KSxcbiAgXCImLk11aURpYWxvZ0FjdGlvbnMtc3BhY2luZ1wiOiB7XG4gICAgXCImID4gOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
-exports.StyledActions = StyledActions;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Actions.styles.cjs.map

package/dist/cjs/components/Dialog/Actions/Actions.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledActions = styled(\n  DialogActions,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  margin: \"0\",\n  padding: theme.space.sm,\n  borderTop: `3px solid ${theme.colors.atmo2}`,\n  height: 65,\n  maxHeight: 65,\n  flex: 1,\n  ...($fullscreen && {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  }),\n  \"&.MuiDialogActions-spacing\": {\n    \"& > :not(:first-of-type)\": {\n      marginLeft: theme.space.xs,\n    },\n  },\n}));\n"],"names":["StyledActions","DialogActions","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","margin","padding","theme","space","sm","borderTop","colors","atmo2","height","maxHeight","flex","position","width","bottom","left","marginLeft","xs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,yDACXC,uBAAAA,SAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,QAAQ;AAAA,EACRC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,YAAAA,MAAMI,OAAOC;AAAAA,EACrCC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,MAAM;AAAA,EACN,GAAIX,eAAe;AAAA,IACjBY,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,IAC5B,4BAA4B;AAAA,MAC1BC,YAAYb,YAAAA,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y7CAAA;;"}
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Action\", {\n  root: {\n    margin: \"0\",\n    padding: theme.space.sm,\n    borderTop: `3px solid ${theme.colors.atmo2}`,\n    height: 65,\n    maxHeight: 65,\n    flex: 1,\n  },\n  fullscreen: { position: \"fixed\", width: \"100%\", bottom: 0, left: 0 },\n  spacing: {\n    \"& > :not(:first-of-type)\": {\n      marginLeft: theme.space.xs,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","margin","padding","theme","space","sm","borderTop","colors","atmo2","height","maxHeight","flex","fullscreen","position","width","bottom","left","spacing","marginLeft","xs"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,mBAAmB;AAAA,EAC5EC,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IACrBC,WAAY,aAAYH,YAAAA,MAAMI,OAAOC;AAAAA,IACrCC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,MAAM;AAAA,EACR;AAAA,EACAC,YAAY;AAAA,IAAEC,UAAU;AAAA,IAASC,OAAO;AAAA,IAAQC,QAAQ;AAAA,IAAGC,MAAM;AAAA,EAAE;AAAA,EACnEC,SAAS;AAAA,IACP,4BAA4B;AAAA,MAC1BC,YAAYf,YAAAA,MAAMC,MAAMe;AAAAA,IAC1B;AAAA,EACF;AACF,CAAC;;;"}

package/dist/cjs/components/Dialog/Content/Content.cjs

@@ -1,24 +1,29 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
 const MuiDialogContent = require("@mui/material/DialogContent");
 const Content_styles = require("./Content.styles.cjs");
-const contentClasses = require("./contentClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const MuiDialogContent__default = /* @__PURE__ */ _interopDefault(MuiDialogContent);
 const HvDialogContent = ({
-  classes,
+  classes: classesProp,
   className,
   children,
   indentContent = false
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Content_styles.StyledTypography, {
+  const {
+    classes,
+    cx
+  } = Content_styles.useClasses(classesProp);
+  return /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
     component: MuiDialogContent__default.default,
-    className: clsx.clsx(className, contentClasses.default.root, classes == null ? void 0 : classes.root, !!indentContent && clsx.clsx(contentClasses.default.textContent, classes == null ? void 0 : classes.textContent)),
-    $indentContent: indentContent,
+    className: cx(classes.root, {
+      [classes.textContent]: !!indentContent
+    }, className),
     children
   });
 };
+exports.dialogContentClasses = Content_styles.staticClasses;
 exports.HvDialogContent = HvDialogContent;
 //# sourceMappingURL=Content.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\nimport { HvBaseProps } from \"@core/types\";\nimport { StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport interface HvDialogContentProps\n  extends 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 HvDialogContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvDialogContentProps) => {\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":["HvDialogContent","classes","className","children","indentContent","StyledTypography","component","MuiDialogContent","clsx","dialogContentClasses","root","textContent","$indentContent"],"mappings":";;;;;;;;;AAgBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AAC1B,wCACGC,eAAAA,kBAAgB;AAAA,IACfC,WAAWC,0BAAAA;AAAAA,IACXL,WAAWM,KAAAA,KACTN,WACAO,eAAAA,QAAqBC,MACrBT,mCAASS,MACT,CAAC,CAACN,iBACAI,KAAKC,KAAAA,eAAAA,QAAqBE,aAAaV,mCAASU,WAAW,CAC/D;AAAA,IACAC,gBAAgBR;AAAAA,IAAcD;AAAAA,EAAAA,CAGd;AAEtB;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import MuiDialogContent, {\n  DialogContentProps as MuiDialogContentProps,\n} from \"@mui/material/DialogContent\";\n\nimport { HvBaseProps } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport { HvTypography } from \"@core/components\";\n\nimport { staticClasses, useClasses } from \"./Content.styles\";\n\nexport { staticClasses as dialogContentClasses };\n\nexport type HvDialogContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogContentProps\n  extends 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 HvDialogContent = ({\n  classes: classesProp,\n  className,\n  children,\n  indentContent = false,\n}: HvDialogContentProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <HvTypography\n      component={MuiDialogContent}\n      className={cx(\n        classes.root,\n        { [classes.textContent]: !!indentContent },\n        className\n      )}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n"],"names":["HvDialogContent","classes","classesProp","className","children","indentContent","cx","useClasses","HvTypography","component","MuiDialogContent","root","textContent"],"mappings":";;;;;;;;AAsBO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACI,MAAM;AACpB,QAAA;AAAA,IAAEJ;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,eAAAA,WAAWL,WAAW;AAE9C,wCACGM,WAAAA,cAAY;AAAA,IACXC,WAAWC,0BAAAA;AAAAA,IACXP,WAAWG,GACTL,QAAQU,MACR;AAAA,MAAE,CAACV,QAAQW,WAAW,GAAG,CAAC,CAACP;AAAAA,OAC3BF,SACF;AAAA,IAAEC;AAAAA,EAAAA,CAGU;AAElB;;;"}

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

@@ -1,41 +1,22 @@
 "use strict";
 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");
-const Typography = require("../../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e4uf5ag0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e4uf5ag0",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $indentContent
-}) => ({
-  padding: `0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
-  flex: "none",
-  ...$indentContent && {
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDialog-Content", {
+  root: {
+    padding: `0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
+    flex: "none"
+  },
+  textContent: {
     marginLeft: "42px",
     paddingRight: "62px",
     flex: 1,
     overflowY: "auto"
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVHlwb2dyYXBoeSA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRpbmRlbnRDb250ZW50IH06IHsgJGluZGVudENvbnRlbnQ6IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBmbGV4OiBcIm5vbmVcIixcbiAgLi4uKCRpbmRlbnRDb250ZW50ICYmIHtcbiAgICBtYXJnaW5MZWZ0OiBcIjQycHhcIixcbiAgICBwYWRkaW5nUmlnaHQ6IFwiNjJweFwiLFxuICAgIGZsZXg6IDEsXG4gICAgb3ZlcmZsb3dZOiBcImF1dG9cIixcbiAgfSksXG59KSk7XG4iXX0= */");
-exports.StyledTypography = StyledTypography;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Content.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.cjs","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(({ $indentContent }: { $indentContent: boolean }) => ({\n  padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n  flex: \"none\",\n  ...($indentContent && {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  }),\n}));\n"],"names":["StyledTypography","HvTypography","process","env","NODE_ENV","_extends","target","transientOptions","label","$indentContent","padding","theme","space","sm","flex","marginLeft","paddingRight","overflowY"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,4DACXC,WAAAA,cAAYC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA4C,OAAO;AAAA,EACtDC,SAAU,KAAIC,YAAMC,MAAAA,MAAMC,MAAMF,YAAMC,MAAAA,MAAMC,MAAMF,YAAAA,MAAMC,MAAMC;AAAAA,EAC9DC,MAAM;AAAA,EACN,GAAIL,kBAAkB;AAAA,IACpBM,YAAY;AAAA,IACZC,cAAc;AAAA,IACdF,MAAM;AAAA,IACNG,WAAW;AAAA,EACb;AACF,IAAEf,QAAAC,IAAAC,aAAC,eAAA,KAAA,6uCAAA;;"}
+{"version":3,"file":"Content.styles.cjs","sources":["../../../../../src/components/Dialog/Content/Content.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog-Content\", {\n  root: {\n    padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","padding","theme","space","sm","flex","textContent","marginLeft","paddingRight","overflowY"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,oBAAoB;AAAA,EAC7EC,MAAM;AAAA,IACJC,SAAU,KAAIC,YAAMC,MAAAA,MAAMC,MAAMF,YAAMC,MAAAA,MAAMC,MAAMF,YAAAA,MAAMC,MAAMC;AAAAA,IAC9DC,MAAM;AAAA,EACR;AAAA,EACAC,aAAa;AAAA,IACXC,YAAY;AAAA,IACZC,cAAc;AAAA,IACdH,MAAM;AAAA,IACNI,WAAW;AAAA,EACb;AACF,CAAC;;;"}

package/dist/cjs/components/Dialog/Dialog.cjs

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const MuiDialog = require("@mui/material/Dialog");
+const MuiBackdrop = require("@mui/material/Backdrop");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const hexToRgbA = require("../../utils/hexToRgbA.cjs");
 const Dialog_styles = require("./Dialog.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const withTooltip = require("../../hocs/withTooltip.cjs");
@@ -13,17 +15,7 @@ const setId = require("../../utils/setId.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const MuiDialog__default = /* @__PURE__ */ _interopDefault(MuiDialog);
-const DialogBackdrop = (backdropProps) => {
-  var _a;
-  const {
-    activeTheme,
-    selectedMode
-  } = useTheme.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog_styles.StyledBackdrop, {
-    $backColor: ((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4,
-    ...backdropProps
-  });
-};
+const MuiBackdrop__default = /* @__PURE__ */ _interopDefault(MuiBackdrop);
 const HvDialog = ({
   classes: classesProp,
   className,
@@ -37,6 +29,7 @@ const HvDialog = ({
   disableBackdropClick = false,
   ...others
 }) => {
+  var _a;
   const {
     classes,
     css,
@@ -44,7 +37,9 @@ const HvDialog = ({
   } = Dialog_styles.useClasses(classesProp);
   delete others.fullScreen;
   const {
-    rootId
+    rootId,
+    activeTheme,
+    selectedMode
   } = useTheme.useTheme();
   const wrappedClose = React.useCallback((event, bypassValidation = false, reason) => {
     if (bypassValidation || !disableBackdropClick) {
@@ -62,54 +57,61 @@ const HvDialog = ({
   });
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip.default(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
   const slots = React.useMemo(() => ({
-    backdrop: (backdropProps) => /* @__PURE__ */ jsxRuntime.jsx(DialogBackdrop, {
+    backdrop: (backdropProps) => /* @__PURE__ */ jsxRuntime.jsx(MuiBackdrop__default.default, {
       open,
       onClick: wrappedClose,
       ...backdropProps
     })
   }), [open, wrappedClose]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(MuiDialog__default.default, {
-    container: document.getElementById(rootId || "") || document.body,
-    className: cx(className, classes.root),
-    id,
-    ref: measuredRef,
-    open,
-    fullScreen: fullscreen,
-    onClose: (event, reason) => wrappedClose(event, void 0, reason),
-    slots,
-    classes: {
-      container: css({
-        position: "relative"
-      })
-    },
-    BackdropProps: {
-      classes: {
-        root: classes.background
-      }
-    },
-    PaperProps: {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    MuiDialog__default.default,
+    {
+      container: document.getElementById(rootId || "") || document.body,
+      className: cx(className, classes.root),
       classes: {
-        root: cx(css({
-          position: "absolute"
-        }), classes.paper, {
-          fullscreen,
-          [classes.fullscreen]: fullscreen
+        container: css({
+          position: "relative"
         })
-      }
-    },
-    "aria-modal": true,
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-      id: setId.setId(id, "close"),
-      className: classes.closeButton,
-      variant: "secondaryGhost",
-      onClick: (event) => wrappedClose(event, true, void 0),
-      "aria-label": buttonTitle,
-      children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
-    }), children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
-      fullscreen
-    })) : children]
-  });
+      },
+      id,
+      ref: measuredRef,
+      open,
+      fullScreen: fullscreen,
+      onClose: (event, reason) => wrappedClose(event, void 0, reason),
+      slots,
+      slotProps: {
+        backdrop: {
+          classes: {
+            root: cx(css({
+              background: hexToRgbA.default(((_a = activeTheme == null ? void 0 : activeTheme.colors) == null ? void 0 : _a.modes[selectedMode].atmo4) || uikitStyles.theme.colors.atmo4, 0.8)
+            }), classes.background)
+          }
+        }
+      },
+      PaperProps: {
+        classes: {
+          root: cx(css({
+            position: "absolute"
+          }), classes.paper, {
+            fullscreen,
+            [classes.fullscreen]: fullscreen
+          })
+        }
+      },
+      "aria-modal": true,
+      ...others,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+        id: setId.setId(id, "close"),
+        className: classes.closeButton,
+        variant: "secondaryGhost",
+        onClick: (event) => wrappedClose(event, true, void 0),
+        "aria-label": buttonTitle,
+        children: /* @__PURE__ */ jsxRuntime.jsx(CloseButtonTooltipWrapper, {})
+      }), children && typeof children === "object" ? React__default.default.Children.map(children, (c) => c && React__default.default.cloneElement(c, {
+        fullscreen
+      })) : children]
+    }
+  );
 };
 exports.dialogClasses = Dialog_styles.staticClasses;
 exports.HvDialog = HvDialog;

package/dist/cjs/components/Dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport { BackdropProps } from \"@mui/material\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport { useTheme } from \"@core/hooks\";\nimport { StyledBackdrop, staticClasses, useClasses } from \"./Dialog.styles\";\nimport { HvButton } from \"..\";\n\nexport { staticClasses as dialogClasses };\n\nexport type HvDialogClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogProps\n  extends Omit<MuiDialogProps, \"fullScreen\" | \"classes\" | \"open\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Current state of the Dialog. */\n  open?: boolean;\n  /** Function executed on close. */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** @inheritdoc */\n  maxWidth?: MuiDialogProps[\"maxWidth\"];\n  /** @inheritdoc */\n  fullWidth?: MuiDialogProps[\"fullWidth\"];\n  /**\n   * Element id that should be focus when the Dialog opens.\n   * Auto-focusing elements can cause usability issues, so this should be avoided.\n   * @deprecated Use `autoFocus` on the element instead, if auto-focusing is required.\n   */\n  firstFocusable?: string;\n  /** Title for the button close. */\n  buttonTitle?: string;\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  /** Prevent closing the dialog when clicking on the backdrop. */\n  disableBackdropClick?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogClasses;\n}\n\nconst DialogBackdrop = (backdropProps: BackdropProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n  return (\n    <StyledBackdrop\n      $backColor={\n        activeTheme?.colors?.modes[selectedMode].atmo4 || theme.colors.atmo4\n      }\n      {...backdropProps}\n    />\n  );\n};\n\nexport const HvDialog = ({\n  classes: classesProp,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  delete (others as any).fullScreen;\n\n  const { rootId } = useTheme();\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = useCallback(\n    (\n      event: any,\n      bypassValidation: boolean = false,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => {\n      if (bypassValidation || !disableBackdropClick) {\n        onClose?.(event, reason);\n      }\n    },\n    [onClose, disableBackdropClick]\n  );\n\n  const measuredRef = useCallback(() => {\n    if (!firstFocusable) return;\n\n    const element = document.getElementById(firstFocusable);\n    element?.focus();\n  }, [firstFocusable]);\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  const slots = useMemo<MuiDialogProps[\"slots\"]>(\n    () => ({\n      backdrop: (backdropProps) => (\n        <DialogBackdrop open={open} onClick={wrappedClose} {...backdropProps} />\n      ),\n    }),\n    [open, wrappedClose]\n  );\n\n  return (\n    <MuiDialog\n      container={document.getElementById(rootId || \"\") || document.body}\n      className={cx(className, classes.root)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      fullScreen={fullscreen}\n      onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n      slots={slots}\n      classes={{ container: css({ position: \"relative\" }) }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      PaperProps={{\n        classes: {\n          root: cx(css({ position: \"absolute\" }), classes.paper, {\n            fullscreen,\n            [classes.fullscreen]: fullscreen,\n          }),\n        },\n      }}\n      aria-modal\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, true, undefined)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children && typeof children === \"object\"\n        ? React.Children.map(\n            children,\n            (c: React.ReactNode) =>\n              c && React.cloneElement(c as React.ReactElement, { fullscreen })\n          )\n        : children}\n    </MuiDialog>\n  );\n};\n"],"names":["DialogBackdrop","backdropProps","activeTheme","selectedMode","useTheme","StyledBackdrop","$backColor","colors","modes","atmo4","theme","HvDialog","classes","classesProp","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","css","cx","useClasses","fullScreen","rootId","wrappedClose","useCallback","event","bypassValidation","reason","measuredRef","element","document","getElementById","focus","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","slots","useMemo","backdrop","onClick","MuiDialog","container","body","root","ref","undefined","position","BackdropProps","background","PaperProps","paper","HvButton","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Dialog.cjs","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport MuiDialog, { DialogProps as MuiDialogProps } from \"@mui/material/Dialog\";\nimport MuiBackdrop from \"@mui/material/Backdrop\";\n\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { withTooltip } from \"@core/hocs\";\nimport { useTheme } from \"@core/hooks\";\nimport fade from \"@core/utils/hexToRgbA\";\n\nimport { staticClasses, useClasses } from \"./Dialog.styles\";\nimport { HvButton } from \"..\";\n\nexport { staticClasses as dialogClasses };\n\nexport type HvDialogClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDialogProps\n  extends Omit<MuiDialogProps, \"fullScreen\" | \"classes\" | \"open\">,\n    HvBaseProps {\n  /** Id to be applied to the root node. */\n  id?: string;\n  /** Current state of the Dialog. */\n  open?: boolean;\n  /** Function executed on close. */\n  onClose?: (\n    event: React.SyntheticEvent,\n    reason?: \"escapeKeyDown\" | \"backdropClick\"\n  ) => void;\n  /** @inheritdoc */\n  maxWidth?: MuiDialogProps[\"maxWidth\"];\n  /** @inheritdoc */\n  fullWidth?: MuiDialogProps[\"fullWidth\"];\n  /**\n   * Element id that should be focus when the Dialog opens.\n   * Auto-focusing elements can cause usability issues, so this should be avoided.\n   * @deprecated Use `autoFocus` on the element instead, if auto-focusing is required.\n   */\n  firstFocusable?: string;\n  /** Title for the button close. */\n  buttonTitle?: string;\n  /** Set the dialog to fullscreen mode. */\n  fullscreen?: boolean;\n  /** Prevent closing the dialog when clicking on the backdrop. */\n  disableBackdropClick?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDialogClasses;\n}\n\nexport const HvDialog = ({\n  classes: classesProp,\n  className,\n  id,\n  children,\n  open = false,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}: HvDialogProps) => {\n  const { classes, css, cx } = useClasses(classesProp);\n  delete (others as any).fullScreen;\n\n  const { rootId, activeTheme, selectedMode } = useTheme();\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that functionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = useCallback(\n    (\n      event: any,\n      bypassValidation: boolean = false,\n      reason?: \"escapeKeyDown\" | \"backdropClick\"\n    ) => {\n      if (bypassValidation || !disableBackdropClick) {\n        onClose?.(event, reason);\n      }\n    },\n    [onClose, disableBackdropClick]\n  );\n\n  const measuredRef = useCallback(() => {\n    if (!firstFocusable) return;\n\n    const element = document.getElementById(firstFocusable);\n    element?.focus();\n  }, [firstFocusable]);\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  const slots = useMemo<MuiDialogProps[\"slots\"]>(\n    () => ({\n      backdrop: (backdropProps) => (\n        <MuiBackdrop open={open} onClick={wrappedClose} {...backdropProps} />\n      ),\n    }),\n    [open, wrappedClose]\n  );\n\n  return (\n    <MuiDialog\n      // TODO: review\n      // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc\n      container={document.getElementById(rootId || \"\") || document.body}\n      className={cx(className, classes.root)}\n      classes={{ container: css({ position: \"relative\" }) }}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      fullScreen={fullscreen}\n      onClose={(event, reason) => wrappedClose(event, undefined, reason)}\n      slots={slots}\n      slotProps={{\n        backdrop: {\n          classes: {\n            root: cx(\n              css({\n                background: fade(\n                  activeTheme?.colors?.modes[selectedMode].atmo4 ||\n                    theme.colors.atmo4,\n                  0.8\n                ),\n              }),\n              classes.background\n            ),\n          },\n        },\n      }}\n      PaperProps={{\n        classes: {\n          root: cx(css({ position: \"absolute\" }), classes.paper, {\n            fullscreen,\n            [classes.fullscreen]: fullscreen,\n          }),\n        },\n      }}\n      aria-modal\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        variant=\"secondaryGhost\"\n        onClick={(event) => wrappedClose(event, true, undefined)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children && typeof children === \"object\"\n        ? React.Children.map(\n            children,\n            (c: React.ReactNode) =>\n              c && React.cloneElement(c as React.ReactElement, { fullscreen })\n          )\n        : children}\n    </MuiDialog>\n  );\n};\n"],"names":["HvDialog","classes","classesProp","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","css","cx","useClasses","fullScreen","rootId","activeTheme","selectedMode","useTheme","wrappedClose","useCallback","event","bypassValidation","reason","measuredRef","element","document","getElementById","focus","closeButtonDisplay","_jsx","Close","role","CloseButtonTooltipWrapper","withTooltip","slots","useMemo","backdrop","backdropProps","MuiBackdrop","onClick","_jsxs","MuiDialog","container","body","root","position","ref","undefined","slotProps","background","fade","colors","modes","atmo4","theme","PaperProps","paper","HvButton","setId","closeButton","variant","React","Children","map","c","cloneElement"],"mappings":"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"}

package/dist/cjs/components/Dialog/Dialog.styles.cjs

@@ -1,27 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../utils/transientOptions.cjs");
-const hexToRgbA = require("../../utils/hexToRgbA.cjs");
 const classes = require("../../utils/classes.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
 const {
   staticClasses,
   useClasses
@@ -45,17 +25,6 @@ const {
     height: 32
   }
 });
-const StyledBackdrop = /* @__PURE__ */ _styled__default.default(material.Backdrop, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1x1ml1b0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1x1ml1b0",
-  label: "StyledBackdrop"
-}, transientOptions.transientOptions))(({
-  $backColor
-}) => ({
-  background: hexToRgbA.default($backColor, 0.8)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcIkBjb3JlL3V0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgY3JlYXRlQ2xhc3NlcyB9IGZyb20gXCJAY29yZS91dGlsc1wiO1xuXG5leHBvcnQgY29uc3QgeyBzdGF0aWNDbGFzc2VzLCB1c2VDbGFzc2VzIH0gPSBjcmVhdGVDbGFzc2VzKFwiSHZEaWFsb2dcIiwge1xuICByb290OiB7fSxcbiAgYmFja2dyb3VuZDoge30sXG4gIHBhcGVyOiB7XG4gICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgYm94U2hhZG93OiBbXCJub25lXCIsIHRoZW1lLmNvbG9ycy5zaGFkb3ddLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgfSxcbiAgZnVsbHNjcmVlbjoge30sXG4gIGNsb3NlQnV0dG9uOiB7XG4gICAgcGFkZGluZzogMCxcbiAgICBtaW5XaWR0aDogXCJhdXRvXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICAgIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICB3aWR0aDogMzIsXG4gICAgaGVpZ2h0OiAzMixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIE11aUJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuIl19 */");
-exports.StyledBackdrop = StyledBackdrop;
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=Dialog.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.styles.cjs","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Backdrop as MuiBackdrop } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog\", {\n  root: {},\n  background: {},\n  paper: {\n    color: theme.colors.secondary,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: [\"none\", theme.colors.shadow],\n    borderRadius: theme.dialog.borderRadius,\n  },\n  fullscreen: {},\n  closeButton: {\n    padding: 0,\n    minWidth: \"auto\",\n    position: \"absolute\",\n    top: theme.space.sm,\n    right: theme.space.sm,\n    width: 32,\n    height: 32,\n  },\n});\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n"],"names":["staticClasses","useClasses","createClasses","root","background","paper","color","theme","colors","secondary","backgroundColor","atmo1","boxShadow","shadow","borderRadius","dialog","fullscreen","closeButton","padding","minWidth","position","top","space","sm","right","width","height","StyledBackdrop","MuiBackdrop","process","env","NODE_ENV","_extends","target","transientOptions","label","$backColor","fade"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AAAA,EACPC,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,IACLC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,iBAAiBH,YAAAA,MAAMC,OAAOG;AAAAA,IAC9BC,WAAW,CAAC,QAAQL,kBAAMC,OAAOK,MAAM;AAAA,IACvCC,cAAcP,YAAAA,MAAMQ,OAAOD;AAAAA,EAC7B;AAAA,EACAE,YAAY,CAAC;AAAA,EACbC,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAKd,YAAAA,MAAMe,MAAMC;AAAAA,IACjBC,OAAOjB,YAAAA,MAAMe,MAAMC;AAAAA,IACnBE,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF,CAAC;AAEYC,MAAAA,0DACXC,SAAAA,UAAWC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACXC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAmC,OAAO;AAAA,EAC7ChC,YAAYiC,UAAAA,QAAKD,YAAY,GAAG;AAClC,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,6vDAAA;;;;"}
+{"version":3,"file":"Dialog.styles.cjs","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDialog\", {\n  root: {},\n  background: {},\n  paper: {\n    color: theme.colors.secondary,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: [\"none\", theme.colors.shadow],\n    borderRadius: theme.dialog.borderRadius,\n  },\n  fullscreen: {},\n  closeButton: {\n    padding: 0,\n    minWidth: \"auto\",\n    position: \"absolute\",\n    top: theme.space.sm,\n    right: theme.space.sm,\n    width: 32,\n    height: 32,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","background","paper","color","theme","colors","secondary","backgroundColor","atmo1","boxShadow","shadow","borderRadius","dialog","fullscreen","closeButton","padding","minWidth","position","top","space","sm","right","width","height"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM,CAAC;AAAA,EACPC,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,IACLC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,IACpBC,iBAAiBH,YAAAA,MAAMC,OAAOG;AAAAA,IAC9BC,WAAW,CAAC,QAAQL,kBAAMC,OAAOK,MAAM;AAAA,IACvCC,cAAcP,YAAAA,MAAMQ,OAAOD;AAAAA,EAC7B;AAAA,EACAE,YAAY,CAAC;AAAA,EACbC,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,KAAKd,YAAAA,MAAMe,MAAMC;AAAAA,IACjBC,OAAOjB,YAAAA,MAAMe,MAAMC;AAAAA,IACnBE,OAAO;AAAA,IACPC,QAAQ;AAAA,EACV;AACF,CAAC;;;"}

package/dist/cjs/components/Dialog/Title/Title.cjs

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
+const MuiDialogTitle = require("@mui/material/DialogTitle");
 const Title_styles = require("./Title.styles.cjs");
-const titleClasses = require("./titleClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
 const useTheme = require("../../../hooks/useTheme.cjs");
 const Typography = require("../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const MuiDialogTitle__default = /* @__PURE__ */ _interopDefault(MuiDialogTitle);
 const HvDialogTitle = ({
-  classes,
+  classes: classesProp,
   className,
   children,
   variant = "default",
@@ -16,6 +17,11 @@ const HvDialogTitle = ({
   customIcon = null,
   ...others
 }) => {
+  const {
+    classes,
+    css,
+    cx
+  } = Title_styles.useClasses(classesProp);
   const {
     activeTheme
   } = useTheme.useTheme();
@@ -25,15 +31,19 @@ const HvDialogTitle = ({
   } = others;
   delete others.fullscreen;
   const icon = customIcon || showIcon && iconVariant.default(variant);
-  return /* @__PURE__ */ jsxRuntime.jsx(Title_styles.StyledTitle, {
-    className: clsx.clsx(titleClasses.default.root, classes == null ? void 0 : classes.root, className, fullscreen && clsx.clsx(titleClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
-    $fullscreen: fullscreen,
+  return /* @__PURE__ */ jsxRuntime.jsx(MuiDialogTitle__default.default, {
+    className: cx(!fullscreen && css({
+      flex: 1
+    }), classes.root, {
+      [classes.fullscreen]: fullscreen
+    }, className),
     ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(Title_styles.StyledMessageContainer, {
-      className: clsx.clsx(titleClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer),
-      children: [icon, /* @__PURE__ */ jsxRuntime.jsxs(Title_styles.StyledTextWithIcon, {
-        className: icon ? clsx.clsx(titleClasses.default.textWithIcon, classes == null ? void 0 : classes.textWithIcon) : void 0,
-        $hasIcon: !!icon,
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.messageContainer,
+      children: [icon, /* @__PURE__ */ jsxRuntime.jsxs("div", {
+        className: cx({
+          [classes.textWithIcon]: !!icon
+        }),
         children: [!isString && children, isString && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
           variant: activeTheme == null ? void 0 : activeTheme.dialog.titleVariant,
           children
@@ -42,5 +52,6 @@ const HvDialogTitle = ({
     })
   });
 };
+exports.dialogTitleClasses = Title_styles.staticClasses;
 exports.HvDialogTitle = HvDialogTitle;
 //# sourceMappingURL=Title.cjs.map