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

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

@@ -1,21 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const _styled = require("@emotion/styled/base");
-const Backdrop = require("@mui/material/Backdrop");
-const Dialog = require("@mui/material/Dialog");
-const Paper = require("@mui/material/Paper");
+const material = require("@mui/material");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const transientOptions = require("../../utils/transientOptions.cjs");
 const hexToRgbA = require("../../utils/hexToRgbA.cjs");
 const Button = require("../Button/Button.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const Backdrop__default = /* @__PURE__ */ _interopDefault(Backdrop);
-const Dialog__default = /* @__PURE__ */ _interopDefault(Dialog);
-const Paper__default = /* @__PURE__ */ _interopDefault(Paper);
-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).";
-}
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -30,21 +22,7 @@ function _extends() {
   };
   return _extends.apply(this, arguments);
 }
-const StyledDialog = /* @__PURE__ */ _styled__default.default(Dialog__default.default, process.env.NODE_ENV === "production" ? {
-  target: "e1x1ml1b3"
-} : {
-  target: "e1x1ml1b3",
-  label: "StyledDialog"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEJhY2tkcm9wIGZyb20gXCJAbXVpL21hdGVyaWFsL0JhY2tkcm9wXCI7XG5pbXBvcnQgRGlhbG9nIGZyb20gXCJAbXVpL21hdGVyaWFsL0RpYWxvZ1wiO1xuaW1wb3J0IFBhcGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL1BhcGVyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZChEaWFsb2cpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledPaper = /* @__PURE__ */ _styled__default.default(Paper__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
+const StyledPaper = /* @__PURE__ */ _styled__default.default(material.Paper, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1x1ml1b2"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "e1x1ml1b2",
@@ -68,8 +46,8 @@ const StyledPaper = /* @__PURE__ */ _styled__default.default(Paper__default.defa
   "& svg *.color0": {
     fill: uikitStyles.theme.colors.acce1
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IEJhY2tkcm9wIGZyb20gXCJAbXVpL21hdGVyaWFsL0JhY2tkcm9wXCI7XG5pbXBvcnQgRGlhbG9nIGZyb20gXCJAbXVpL21hdGVyaWFsL0RpYWxvZ1wiO1xuaW1wb3J0IFBhcGVyIGZyb20gXCJAbXVpL21hdGVyaWFsL1BhcGVyXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERpYWxvZyA9IHN0eWxlZChEaWFsb2cpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
-const StyledBackdrop = /* @__PURE__ */ _styled__default.default(Backdrop__default.default, process.env.NODE_ENV === "production" ? _extends({}, {
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8yQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9EaWFsb2cuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGFwZXIgYXMgTXVpUGFwZXIsIEJhY2tkcm9wIGFzIE11aUJhY2tkcm9wIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGZhZGUgZnJvbSBcInV0aWxzL2hleFRvUmdiQVwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUGFwZXIgPSBzdHlsZWQoXG4gIE11aVBhcGVyLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgZmxleDogJGZ1bGxzY3JlZW4gPyBcIjFcIiA6IFwiMCAwIDY2LjY2NjY3JVwiLFxuICBtYXhXaWR0aDogJGZ1bGxzY3JlZW4gPyBcIjEwMCVcIiA6IFwiNjYuNjY2NjclXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICBwYWRkaW5nOiBcIjBweFwiLFxuICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gIGJveFNoYWRvdzogW1wibm9uZVwiLCBcIjAgMnB4IDEycHggcmdiYSg2NSw2NSw2NSwwLjEyKVwiXSxcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kaWFsb2cuYm9yZGVyUmFkaXVzLFxuICAuLi4oISRmdWxsc2NyZWVuICYmIHtcbiAgICBtYXhIZWlnaHQ6IGBjYWxjKDEwMCUgLSAoMiAqICR7dGhlbWUuZGlhbG9nLm1hcmdpbn0pKWAsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgfSksXG4gIFwiJiBzdmcgKi5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkKFxuICBNdWlCYWNrZHJvcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYmFja0NvbG9yIH06IHsgJGJhY2tDb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IGZhZGUoJGJhY2tDb2xvciwgMC44KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIHBhZGRpbmc6IDAsXG4gIG1pbldpZHRoOiBcImluaGVyaXRcIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgdG9wOiB0aGVtZS5zcGFjZS5zbSxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxufSk7XG4iXX0= */");
+const StyledBackdrop = /* @__PURE__ */ _styled__default.default(material.Backdrop, process.env.NODE_ENV === "production" ? _extends({}, {
   target: "e1x1ml1b1"
 }, transientOptions.transientOptions) : _extends({}, {
   target: "e1x1ml1b1",
@@ -78,7 +56,7 @@ const StyledBackdrop = /* @__PURE__ */ _styled__default.default(Backdrop__defaul
   $backColor
 }) => ({
   background: hexToRgbA.default($backColor, 0.8)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCYWNrZHJvcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9CYWNrZHJvcFwiO1xuaW1wb3J0IERpYWxvZyBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCBQYXBlciBmcm9tIFwiQG11aS9tYXRlcmlhbC9QYXBlclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQoRGlhbG9nKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICBmbGV4OiAkZnVsbHNjcmVlbiA/IFwiMVwiIDogXCIwIDAgNjYuNjY2NjclXCIsXG4gIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI2Ni42NjY2NyVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IFwiMHB4XCIsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRpYWxvZy5ib3JkZXJSYWRpdXMsXG4gIC4uLighJGZ1bGxzY3JlZW4gJiYge1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwJSAtICgyICogJHt0aGVtZS5kaWFsb2cubWFyZ2lufSkpYCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB9KSxcbiAgXCImIHN2ZyAqLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIEJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgcGFkZGluZzogMCxcbiAgbWluV2lkdGg6IFwiaW5oZXJpdFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICByaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCOEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFBhcGVyIGFzIE11aVBhcGVyLCBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBNdWlQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgTXVpQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
 const StyledClose = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? {
   target: "e1x1ml1b0"
 } : {
@@ -90,9 +68,8 @@ const StyledClose = /* @__PURE__ */ _styled__default.default(Button.HvButton, pr
   position: "absolute",
   top: uikitStyles.theme.space.sm,
   right: uikitStyles.theme.space.sm
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBCYWNrZHJvcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9CYWNrZHJvcFwiO1xuaW1wb3J0IERpYWxvZyBmcm9tIFwiQG11aS9tYXRlcmlhbC9EaWFsb2dcIjtcbmltcG9ydCBQYXBlciBmcm9tIFwiQG11aS9tYXRlcmlhbC9QYXBlclwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREaWFsb2cgPSBzdHlsZWQoRGlhbG9nKSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChcbiAgUGFwZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGZ1bGxzY3JlZW4gfTogeyAkZnVsbHNjcmVlbjogYm9vbGVhbiB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICBmbGV4OiAkZnVsbHNjcmVlbiA/IFwiMVwiIDogXCIwIDAgNjYuNjY2NjclXCIsXG4gIG1heFdpZHRoOiAkZnVsbHNjcmVlbiA/IFwiMTAwJVwiIDogXCI2Ni42NjY2NyVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIHBhZGRpbmc6IFwiMHB4XCIsXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgYm94U2hhZG93OiBbXCJub25lXCIsIFwiMCAycHggMTJweCByZ2JhKDY1LDY1LDY1LDAuMTIpXCJdLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRpYWxvZy5ib3JkZXJSYWRpdXMsXG4gIC4uLighJGZ1bGxzY3JlZW4gJiYge1xuICAgIG1heEhlaWdodDogYGNhbGMoMTAwJSAtICgyICogJHt0aGVtZS5kaWFsb2cubWFyZ2lufSkpYCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICB9KSxcbiAgXCImIHN2ZyAqLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2Ryb3AgPSBzdHlsZWQoXG4gIEJhY2tkcm9wLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRiYWNrQ29sb3IgfTogeyAkYmFja0NvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgYmFja2dyb3VuZDogZmFkZSgkYmFja0NvbG9yLCAwLjgpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2UgPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgcGFkZGluZzogMCxcbiAgbWluV2lkdGg6IFwiaW5oZXJpdFwiLFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IHRoZW1lLnNwYWNlLnNtLFxuICByaWdodDogdGhlbWUuc3BhY2Uuc20sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0RpYWxvZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFBhcGVyIGFzIE11aVBhcGVyLCBCYWNrZHJvcCBhcyBNdWlCYWNrZHJvcCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFBhcGVyID0gc3R5bGVkKFxuICBNdWlQYXBlcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZnVsbHNjcmVlbiB9OiB7ICRmdWxsc2NyZWVuOiBib29sZWFuIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIGZsZXg6ICRmdWxsc2NyZWVuID8gXCIxXCIgOiBcIjAgMCA2Ni42NjY2NyVcIixcbiAgbWF4V2lkdGg6ICRmdWxsc2NyZWVuID8gXCIxMDAlXCIgOiBcIjY2LjY2NjY3JVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgcGFkZGluZzogXCIwcHhcIixcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBib3hTaGFkb3c6IFtcIm5vbmVcIiwgXCIwIDJweCAxMnB4IHJnYmEoNjUsNjUsNjUsMC4xMilcIl0sXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZGlhbG9nLmJvcmRlclJhZGl1cyxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgbWF4SGVpZ2h0OiBgY2FsYygxMDAlIC0gKDIgKiAke3RoZW1lLmRpYWxvZy5tYXJnaW59KSlgLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gIH0pLFxuICBcIiYgc3ZnICouY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZChcbiAgTXVpQmFja2Ryb3AsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJhY2tDb2xvciB9OiB7ICRiYWNrQ29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiBmYWRlKCRiYWNrQ29sb3IsIDAuOCksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZSA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBwYWRkaW5nOiAwLFxuICBtaW5XaWR0aDogXCJpbmhlcml0XCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogdGhlbWUuc3BhY2Uuc20sXG4gIHJpZ2h0OiB0aGVtZS5zcGFjZS5zbSxcbn0pO1xuIl19 */");
 exports.StyledBackdrop = StyledBackdrop;
 exports.StyledClose = StyledClose;
-exports.StyledDialog = StyledDialog;
 exports.StyledPaper = StyledPaper;
 //# 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 from \"@mui/material/Backdrop\";\nimport Dialog from \"@mui/material/Dialog\";\nimport Paper from \"@mui/material/Paper\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvButton } from \"components\";\n\nexport const StyledDialog = styled(Dialog)({});\n\nexport const StyledPaper = styled(\n  Paper,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  color: theme.colors.acce1,\n  flex: $fullscreen ? \"1\" : \"0 0 66.66667%\",\n  maxWidth: $fullscreen ? \"100%\" : \"66.66667%\",\n  backgroundColor: theme.colors.atmo1,\n  padding: \"0px\",\n  overflow: \"auto\",\n  boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n  borderRadius: theme.dialog.borderRadius,\n  ...(!$fullscreen && {\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    display: \"flex\",\n    flexDirection: \"column\",\n  }),\n  \"& svg *.color0\": {\n    fill: theme.colors.acce1,\n  },\n}));\n\nexport const StyledBackdrop = styled(\n  Backdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(HvButton)({\n  padding: 0,\n  minWidth: \"inherit\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n});\n"],"names":["StyledDialog","Dialog","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledPaper","Paper","_extends","transientOptions","$fullscreen","color","theme","colors","acce1","flex","maxWidth","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","StyledBackdrop","Backdrop","$backColor","background","fade","StyledClose","HvButton","minWidth","position","top","space","sm","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,eAAsBC,iCAAAA,QAAAA,gBAAAA,SAAMC,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,CAAI;AAEjCC,MAAAA,uDACXC,eAAAA,SAAKX,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACLU,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAsC,OAAO;AAAA,EAChDC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,UAAUN,cAAc,SAAS;AAAA,EACjCO,iBAAiBL,YAAAA,MAAMC,OAAOK;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcV,YAAAA,MAAMW,OAAOD;AAAAA,EAC3B,GAAI,CAACZ,eAAe;AAAA,IAClBc,WAAY,oBAAmBZ,YAAAA,MAAMW,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMhB,YAAAA,MAAMC,OAAOC;AAAAA,EACrB;AACF,IAAElB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i0EAAA;AAEU+B,MAAAA,0DACXC,kBAAAA,SAAQlC,QAAAC,IAAAC,4BAAAU,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,GACRU,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAT,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBS,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEsB;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,UAAAA,QAAKF,YAAY,GAAG;AAClC,IAAEnC,QAAAC,IAAAC,aAAC,eAAA,KAAA,q0EAAA;AAEI,MAAMoC,cAAqBC,iCAAAA,QAAAA,OAAAA,UAAQvC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CmB,SAAS;AAAA,EACTiB,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK1B,YAAAA,MAAM2B,MAAMC;AAAAA,EACjBC,OAAO7B,YAAAA,MAAM2B,MAAMC;AACrB,GAAC5C,QAAAC,IAAAC,aAAC,eAAA,KAAA,q0EAAA;;;;;"}
+{"version":3,"file":"Dialog.styles.cjs","sources":["../../../../src/components/Dialog/Dialog.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Paper as MuiPaper, Backdrop as MuiBackdrop } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport fade from \"utils/hexToRgbA\";\nimport { HvButton } from \"components\";\n\nexport const StyledPaper = styled(\n  MuiPaper,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  color: theme.colors.acce1,\n  flex: $fullscreen ? \"1\" : \"0 0 66.66667%\",\n  maxWidth: $fullscreen ? \"100%\" : \"66.66667%\",\n  backgroundColor: theme.colors.atmo1,\n  padding: \"0px\",\n  overflow: \"auto\",\n  boxShadow: [\"none\", \"0 2px 12px rgba(65,65,65,0.12)\"],\n  borderRadius: theme.dialog.borderRadius,\n  ...(!$fullscreen && {\n    maxHeight: `calc(100% - (2 * ${theme.dialog.margin}))`,\n    display: \"flex\",\n    flexDirection: \"column\",\n  }),\n  \"& svg *.color0\": {\n    fill: theme.colors.acce1,\n  },\n}));\n\nexport const StyledBackdrop = styled(\n  MuiBackdrop,\n  transientOptions\n)(({ $backColor }: { $backColor: string }) => ({\n  background: fade($backColor, 0.8),\n}));\n\nexport const StyledClose = styled(HvButton)({\n  padding: 0,\n  minWidth: \"inherit\",\n  position: \"absolute\",\n  top: theme.space.sm,\n  right: theme.space.sm,\n});\n"],"names":["StyledPaper","MuiPaper","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","color","theme","colors","acce1","flex","maxWidth","backgroundColor","atmo1","padding","overflow","boxShadow","borderRadius","dialog","maxHeight","margin","display","flexDirection","fill","StyledBackdrop","MuiBackdrop","$backColor","background","fade","StyledClose","HvButton","minWidth","position","top","space","sm","right"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOaA,MAAAA,uDACXC,SAAAA,OAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,OAAOC,YAAAA,MAAMC,OAAOC;AAAAA,EACpBC,MAAML,cAAc,MAAM;AAAA,EAC1BM,UAAUN,cAAc,SAAS;AAAA,EACjCO,iBAAiBL,YAAAA,MAAMC,OAAOK;AAAAA,EAC9BC,SAAS;AAAA,EACTC,UAAU;AAAA,EACVC,WAAW,CAAC,QAAQ,gCAAgC;AAAA,EACpDC,cAAcV,YAAAA,MAAMW,OAAOD;AAAAA,EAC3B,GAAI,CAACZ,eAAe;AAAA,IAClBc,WAAY,oBAAmBZ,YAAAA,MAAMW,OAAOE;AAAAA,IAC5CC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACA,kBAAkB;AAAA,IAChBC,MAAMhB,YAAAA,MAAMC,OAAOC;AAAAA,EACrB;AACF,IAAEX,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;AAEUwB,MAAAA,0DACXC,SAAAA,UAAW3B,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,CACjB,EAAC,CAAC;AAAA,EAAEuB;AAAmC,OAAO;AAAA,EAC7CC,YAAYC,UAAAA,QAAKF,YAAY,GAAG;AAClC,IAAE5B,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;AAEI,MAAM6B,cAAqBC,iCAAAA,QAAAA,OAAAA,UAAQhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CU,SAAS;AAAA,EACTiB,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,KAAK1B,YAAAA,MAAM2B,MAAMC;AAAAA,EACjBC,OAAO7B,YAAAA,MAAM2B,MAAMC;AACrB,GAACrC,QAAAC,IAAAC,aAAC,eAAA,KAAA,qrEAAA;;;;"}

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

@@ -3,8 +3,10 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const clsx = require("clsx");
 const Title_styles = require("./Title.styles.cjs");
 const titleClasses = require("./titleClasses.cjs");
+const React = require("react");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
+const ThemeProvider = require("../../../providers/ThemeProvider.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
@@ -17,6 +19,9 @@ const HvTitle = ({
   customIcon = null,
   ...others
 }) => {
+  const {
+    activeTheme
+  } = React.useContext(ThemeProvider.HvThemeContext);
   const isString = typeof children === "string";
   const {
     fullscreen
@@ -24,14 +29,16 @@ const HvTitle = ({
   delete others.fullscreen;
   const icon = customIcon || showIcon && iconVariant.default(variant, "", "");
   return /* @__PURE__ */ jsxRuntime.jsx(Title_styles.StyledTitle, {
-    className: clsx__default.default(titleClasses.default.root, classes == null ? void 0 : classes.root, className, fullscreen ? clsx__default.default(titleClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen) : ""),
+    className: clsx__default.default(titleClasses.default.root, classes == null ? void 0 : classes.root, className, fullscreen && clsx__default.default(titleClasses.default.fullscreen, classes == null ? void 0 : classes.fullscreen)),
     $fullscreen: fullscreen,
     ...others,
     children: /* @__PURE__ */ jsxRuntime.jsxs(Title_styles.StyledMessageContainer, {
+      className: clsx__default.default(titleClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer),
       children: [icon, /* @__PURE__ */ jsxRuntime.jsxs(Title_styles.StyledTextWithIcon, {
+        className: !!icon ? clsx__default.default(titleClasses.default.textWithIcon, classes == null ? void 0 : classes.textWithIcon) : void 0,
         $hasIcon: !!icon,
         children: [!isString && children, isString && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          variant: "title4",
+          variant: activeTheme == null ? void 0 : activeTheme.dialog.titleVariant,
           children
         })]
       })]

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

@@ -1 +1 @@
-{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps, HvExtraProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\"> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  } & HvExtraProps;\n\nexport const HvTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvTitleProps) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen\n          ? clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n          : \"\"\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer>\n        {icon}\n\n        <StyledTextWithIcon $hasIcon={!!icon}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"title4\">{children}</HvTypography>}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","_jsxs","StyledTextWithIcon","$hasIcon","HvTypography"],"mappings":";;;;;;;;;;AA8BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZC,QAAAA,WAAW,OAAOL,aAAa;AAC/B,QAAA;AAAA,IAAEM;AAAAA,EAAeF,IAAAA;AACvB,SAAOA,OAAOE;AAEd,QAAMC,OAAOJ,cAAeD,YAAYM,YAAYP,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGQ,aAAAA,aAAW;AAAA,IACVV,WAAWW,cAAAA,QACTC,aAAmBC,QAAAA,MACnBd,mCAASc,MACTb,WACAO,aACII,cAAAA,QAAKC,aAAmBL,QAAAA,YAAYR,mCAASQ,UAAU,IACvD,EAAE;AAAA,IAERO,aAAaP;AAAAA,IAAW,GACpBF;AAAAA,IAAMJ,0CAETc,qCAAsB;AAAA,MAAAd,UACpBO,CAAAA,MAEDQ,2BAAAA,KAACC,iCAAkB;AAAA,QAACC,UAAU,CAAC,CAACV;AAAAA,QAAKP,UAAA,CAClC,CAACK,YAAYL,UACbK,2CAAaa,yBAAY;AAAA,UAACjB,SAAQ;AAAA,UAAQD;AAAAA,QAAAA,CAA0B,CAAA;AAAA,MAAA,CAClD,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}
+{"version":3,"file":"Title.cjs","sources":["../../../../../src/components/Dialog/Title/Title.tsx"],"sourcesContent":["import { DialogTitleProps as MuiDialogTitleProps } from \"@mui/material/DialogTitle\";\nimport clsx from \"clsx\";\nimport { HvTypography } from \"components\";\nimport { HvBaseProps } from \"../../../types\";\nimport { iconVariant } from \"utils\";\nimport {\n  StyledTitle,\n  StyledMessageContainer,\n  StyledTextWithIcon,\n} from \"./Title.styles\";\nimport dialogTitleClasses, { HvDialogTitleClasses } from \"./titleClasses\";\nimport { useContext } from \"react\";\nimport { HvThemeContext } from \"providers\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvTitleProps = Omit<MuiDialogTitleProps, \"variant\" | \"classes\"> &\n  HvBaseProps & {\n    /** Variant of the Dialog. */\n    variant?: HvDialogTitleVariant;\n    /** Controls if the associated icon to the variant should be shown. */\n    showIcon?: boolean;\n    /** Custom icon to replace the variant default. */\n    customIcon?: React.ReactNode;\n    classes?: HvDialogTitleClasses;\n  };\n\nexport const HvTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvTitleProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const isString = typeof children === \"string\";\n\n  const { fullscreen } = others as any;\n  delete (others as any).fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"\", \"\"));\n\n  return (\n    <StyledTitle\n      className={clsx(\n        dialogTitleClasses.root,\n        classes?.root,\n        className,\n        fullscreen && clsx(dialogTitleClasses.fullscreen, classes?.fullscreen)\n      )}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      <StyledMessageContainer\n        className={clsx(\n          dialogTitleClasses.messageContainer,\n          classes?.messageContainer\n        )}\n      >\n        {icon}\n        <StyledTextWithIcon\n          className={\n            !!icon\n              ? clsx(dialogTitleClasses.textWithIcon, classes?.textWithIcon)\n              : undefined\n          }\n          $hasIcon={!!icon}\n        >\n          {!isString && children}\n          {isString && (\n            <HvTypography variant={activeTheme?.dialog.titleVariant}>\n              {children}\n            </HvTypography>\n          )}\n        </StyledTextWithIcon>\n      </StyledMessageContainer>\n    </StyledTitle>\n  );\n};\n"],"names":["HvTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useContext","HvThemeContext","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;;;;;;AAgCO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,KACVC;AACS,MAAM;AACZ,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,MAAAA,WAAWC,cAAAA,cAAc;AAE3CC,QAAAA,WAAW,OAAOR,aAAa;AAE/B,QAAA;AAAA,IAAES;AAAAA,EAAeL,IAAAA;AACvB,SAAQA,OAAeK;AAEvB,QAAMC,OAAOP,cAAeD,YAAYS,YAAYV,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGW,aAAAA,aAAW;AAAA,IACVb,WAAWc,cAAAA,QACTC,aAAAA,QAAmBC,MACnBjB,mCAASiB,MACThB,WACAU,cAAcI,cAAKC,QAAAA,aAAAA,QAAmBL,YAAYX,mCAASW,UAAU,CAAC;AAAA,IAExEO,aAAaP;AAAAA,IAAW,GACpBL;AAAAA,IAAMJ,0CAETiB,qCAAsB;AAAA,MACrBlB,WAAWc,cAAAA,QACTC,aAAAA,QAAmBI,kBACnBpB,mCAASoB,gBAAgB;AAAA,MACzBlB,UAEDU,CAAAA,MACDS,2BAAAA,KAACC,iCAAkB;AAAA,QACjBrB,WACE,CAAC,CAACW,OACEG,sBAAKC,aAAAA,QAAmBO,cAAcvB,mCAASuB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKV,UAAA,CAEhB,CAACQ,YAAYR,UACbQ,2CACEgB,yBAAY;AAAA,UAACvB,SAASI,2CAAaoB,OAAOC;AAAAA,UAAa1B;AAAAA,QAAAA,CAGzD,CAAA;AAAA,MAAA,CACkB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../../utils/classes.cjs");
-const classKeys = ["root", "fullscreen"];
+const classKeys = ["root", "fullscreen", "messageContainer", "textWithIcon"];
 const dialogTitleClasses = classes.getClasses(classKeys, "HvDialog-Title");
 const dialogTitleClasses$1 = dialogTitleClasses;
 exports.default = dialogTitleClasses$1;

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

@@ -1 +1 @@
-{"version":3,"file":"titleClasses.cjs","sources":["../../../../../src/components/Dialog/Title/titleClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogTitleClasses = {\n  root?: string;\n  fullscreen?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"fullscreen\"];\n\nconst dialogTitleClasses = getClasses<HvDialogTitleClasses>(\n  classKeys,\n  \"HvDialog-Title\"\n);\n\nexport default dialogTitleClasses;\n"],"names":["classKeys","dialogTitleClasses","getClasses"],"mappings":";;;AAOA,MAAMA,YAAsB,CAAC,QAAQ,YAAY;AAEjD,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;;"}
+{"version":3,"file":"titleClasses.cjs","sources":["../../../../../src/components/Dialog/Title/titleClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogTitleClasses = {\n  root?: string;\n  fullscreen?: string;\n  messageContainer?: string;\n  textWithIcon?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"fullscreen\",\n  \"messageContainer\",\n  \"textWithIcon\",\n];\n\nconst dialogTitleClasses = getClasses<HvDialogTitleClasses>(\n  classKeys,\n  \"HvDialog-Title\"\n);\n\nexport default dialogTitleClasses;\n"],"names":["classKeys","dialogTitleClasses","getClasses"],"mappings":";;;AASA,MAAMA,YAAsB,CAC1B,QACA,cACA,oBACA,cAAc;AAGhB,MAAMC,qBAAqBC,QACzBF,WAAAA,WACA,gBAAgB;AAGlB,MAAA,uBAAeC;;"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "closeButton", "fullscreen"];
+const classKeys = ["root", "closeButton", "fullscreen", "background", "paper"];
 const dialogClasses = classes.getClasses(classKeys, "HvDialog");
 const dialogClasses$1 = dialogClasses;
 exports.default = dialogClasses$1;

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

@@ -1 +1 @@
-{"version":3,"file":"dialogClasses.cjs","sources":["../../../../src/components/Dialog/dialogClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogClasses = {\n  root?: string;\n  closeButton?: string;\n  fullscreen?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"closeButton\", \"fullscreen\"];\n\nconst dialogClasses = getClasses<HvDialogClasses>(classKeys, \"HvDialog\");\n\nexport default dialogClasses;\n"],"names":["classKeys","dialogClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAsB,CAAC,QAAQ,eAAe,YAAY;AAEhE,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}
+{"version":3,"file":"dialogClasses.cjs","sources":["../../../../src/components/Dialog/dialogClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogClasses = {\n  root?: string;\n  closeButton?: string;\n  fullscreen?: string;\n  background?: string;\n  paper?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"closeButton\",\n  \"fullscreen\",\n  \"background\",\n  \"paper\",\n];\n\nconst dialogClasses = getClasses<HvDialogClasses>(classKeys, \"HvDialog\");\n\nexport default dialogClasses;\n"],"names":["classKeys","dialogClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAsB,CAC1B,QACA,eACA,cACA,cACA,OAAO;AAGT,MAAMC,gBAAgBC,QAA4BF,WAAAA,WAAW,UAAU;AAEvE,MAAA,kBAAeC;;"}

package/dist/cjs/components/DotPagination/DotPagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DotPagination.cjs","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n  HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n  StyledCurrentStep,\n  StyledOtherStep,\n  StyledRadio,\n  StyledRadioGroup,\n} from \"./DotPagination.styles\";\nimport { cloneElement } from \"react\";\n\nexport type HvDotPaginationProps = HvRadioGroupProps & {\n  /**\n   * Icon to override the default one used for the unselected state.\n   *\n   * The default icon is `OtherStep`.\n   */\n  unselectedIcon?: React.ReactElement;\n  /**\n   * Icon to override the default one used for the selected state.\n   *\n   * The default icon is `CurrentStep`.\n   */\n  selectedIcon?: React.ReactElement;\n  /**\n   *  The number of pages the component has.\n   */\n  pages?: number;\n  /**\n   * The currently selected page.\n   */\n  page?: number;\n  /**\n   * The callback fired when the page value changes.\n   */\n  onPageChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    page: number\n  ) => void;\n  /**\n   * The callback fired to get the page aria label.\n   */\n  getItemAriaLabel?: (page: number) => string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDotPaginationClasses;\n};\n\nconst getSelectorIcons = (\n  radioIcon?: React.ReactElement,\n  radioCheckedIcon?: React.ReactElement,\n  classes?: HvDotPaginationClasses\n) => {\n  return {\n    radio: cloneElement(radioIcon || <StyledOtherStep width={8} height={8} />, {\n      className: clsx(classes?.icon, dotPaginationClasses.icon),\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <StyledCurrentStep width={8} height={8} />,\n      {\n        className: clsx(classes?.icon, dotPaginationClasses.icon),\n      }\n    ),\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n  className,\n  classes,\n  unselectedIcon,\n  selectedIcon,\n  pages = 1,\n  page = 0,\n  onPageChange,\n  getItemAriaLabel,\n  ...others\n}: HvDotPaginationProps) => {\n  const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <StyledRadioGroup\n      className={clsx(className, classes?.root, dotPaginationClasses.root)}\n      classes={{\n        horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <StyledRadio\n          classes={{\n            radio: clsx(classes?.radio, dotPaginationClasses.radio),\n            root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n          }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange?.(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel?.(i)}\n        />\n      ))}\n    </StyledRadioGroup>\n  );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;;;;;AAmDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,MAAAA,aAAaJ,aAAaK,2BAAAA,IAACC,qBAAAA,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAAK;AAAA,MACzEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,MAAAA,aACZH,oBAAoBI,2BAAAA,IAACS,qBAAAA,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAC3D;AAAA,MACEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,EAAA;AAGP;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,KACGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,wCACG4B,qBAAAA,kBAAgB;AAAA,IACfrB,WAAWC,cAAKD,QAAAA,WAAWP,mCAAS6B,MAAMnB,6BAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,cAAAA,QAAKR,mCAAS8B,YAAYpB,qBAAAA,QAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,qCAChBQ,kCAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,cAAAA,QAAKR,mCAASC,OAAOS,qBAAAA,QAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,cAAAA,QAAKR,mCAASmC,WAAWzB,qBAAAA,QAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,CAAC,CAQT;AAAA,EAAA,CACgB;AAEvB;;"}
+{"version":3,"file":"DotPagination.cjs","sources":["../../../../src/components/DotPagination/DotPagination.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvRadioGroupProps } from \"../RadioGroup\";\nimport dotPaginationClasses, {\n  HvDotPaginationClasses,\n} from \"./dotPaginationClasses\";\nimport {\n  StyledCurrentStep,\n  StyledOtherStep,\n  StyledRadio,\n  StyledRadioGroup,\n} from \"./DotPagination.styles\";\nimport { cloneElement } from \"react\";\n\nexport type HvDotPaginationProps = Omit<HvRadioGroupProps, \"classes\"> & {\n  /**\n   * Icon to override the default one used for the unselected state.\n   *\n   * The default icon is `OtherStep`.\n   */\n  unselectedIcon?: React.ReactElement;\n  /**\n   * Icon to override the default one used for the selected state.\n   *\n   * The default icon is `CurrentStep`.\n   */\n  selectedIcon?: React.ReactElement;\n  /**\n   *  The number of pages the component has.\n   */\n  pages?: number;\n  /**\n   * The currently selected page.\n   */\n  page?: number;\n  /**\n   * The callback fired when the page value changes.\n   */\n  onPageChange?: (\n    event: React.ChangeEvent<HTMLInputElement>,\n    page: number\n  ) => void;\n  /**\n   * The callback fired to get the page aria label.\n   */\n  getItemAriaLabel?: (page: number) => string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvDotPaginationClasses;\n};\n\nconst getSelectorIcons = (\n  radioIcon?: React.ReactElement,\n  radioCheckedIcon?: React.ReactElement,\n  classes?: HvDotPaginationClasses\n) => {\n  return {\n    radio: cloneElement(radioIcon || <StyledOtherStep width={8} height={8} />, {\n      className: clsx(classes?.icon, dotPaginationClasses.icon),\n    }),\n    radioChecked: cloneElement(\n      radioCheckedIcon || <StyledCurrentStep width={8} height={8} />,\n      {\n        className: clsx(classes?.icon, dotPaginationClasses.icon),\n      }\n    ),\n  };\n};\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact with structured content on a website or application.\n * This component uses Radio Buttons to represent each page.\n */\nexport const HvDotPagination = ({\n  className,\n  classes,\n  unselectedIcon,\n  selectedIcon,\n  pages = 1,\n  page = 0,\n  onPageChange,\n  getItemAriaLabel,\n  ...others\n}: HvDotPaginationProps) => {\n  const range = (n: number) => Array.from(Array(n), (_, i) => i);\n\n  const icons = getSelectorIcons(unselectedIcon, selectedIcon, classes);\n\n  return (\n    <StyledRadioGroup\n      className={clsx(className, classes?.root, dotPaginationClasses.root)}\n      classes={{\n        horizontal: clsx(classes?.horizontal, dotPaginationClasses.horizontal),\n      }}\n      orientation=\"horizontal\"\n      {...others}\n    >\n      {range(pages).map((i) => (\n        <StyledRadio\n          classes={{\n            radio: clsx(classes?.radio, dotPaginationClasses.radio),\n            root: clsx(classes?.radioRoot, dotPaginationClasses.radioRoot),\n          }}\n          key={i}\n          value={i}\n          checked={page === i}\n          onChange={(event) => onPageChange?.(event, i)}\n          icon={icons.radio}\n          checkedIcon={icons.radioChecked}\n          aria-label={getItemAriaLabel?.(i)}\n        />\n      ))}\n    </StyledRadioGroup>\n  );\n};\n"],"names":["getSelectorIcons","radioIcon","radioCheckedIcon","classes","radio","cloneElement","_jsx","StyledOtherStep","width","height","className","clsx","icon","dotPaginationClasses","radioChecked","StyledCurrentStep","HvDotPagination","unselectedIcon","selectedIcon","pages","page","onPageChange","getItemAriaLabel","others","range","n","Array","from","_","i","icons","StyledRadioGroup","root","horizontal","orientation","children","map","StyledRadio","radioRoot","value","checked","onChange","event","checkedIcon"],"mappings":";;;;;;;;;AAmDA,MAAMA,mBAAmBA,CACvBC,WACAC,kBACAC,YACG;AACI,SAAA;AAAA,IACLC,OAAOC,MAAAA,aAAaJ,aAAaK,2BAAAA,IAACC,qBAAAA,iBAAe;AAAA,MAACC,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAAK;AAAA,MACzEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,IACDE,cAAcT,MAAAA,aACZH,oBAAoBI,2BAAAA,IAACS,qBAAAA,mBAAiB;AAAA,MAACP,OAAO;AAAA,MAAGC,QAAQ;AAAA,IAAA,CAAE,GAC3D;AAAA,MACEC,WAAWC,cAAAA,QAAKR,mCAASS,MAAMC,qBAAAA,QAAqBD,IAAI;AAAA,IAAA,CACzD;AAAA,EAAA;AAGP;AAMO,MAAMI,kBAAkBA,CAAC;AAAA,EAC9BN;AAAAA,EACAP;AAAAA,EACAc;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,KACGC;AACiB,MAAM;AACpBC,QAAAA,QAAQA,CAACC,MAAcC,MAAMC,KAAKD,MAAMD,CAAC,GAAG,CAACG,GAAGC,MAAMA,CAAC;AAE7D,QAAMC,QAAQ9B,iBAAiBiB,gBAAgBC,cAAcf,OAAO;AAEpE,wCACG4B,qBAAAA,kBAAgB;AAAA,IACfrB,WAAWC,cAAKD,QAAAA,WAAWP,mCAAS6B,MAAMnB,6BAAqBmB,IAAI;AAAA,IACnE7B,SAAS;AAAA,MACP8B,YAAYtB,cAAAA,QAAKR,mCAAS8B,YAAYpB,qBAAAA,QAAqBoB,UAAU;AAAA,IACvE;AAAA,IACAC,aAAY;AAAA,IAAY,GACpBX;AAAAA,IAAMY,UAETX,MAAML,KAAK,EAAEiB,IAAKP,CAAAA,qCAChBQ,kCAAW;AAAA,MACVlC,SAAS;AAAA,QACPC,OAAOO,cAAAA,QAAKR,mCAASC,OAAOS,qBAAAA,QAAqBT,KAAK;AAAA,QACtD4B,MAAMrB,cAAAA,QAAKR,mCAASmC,WAAWzB,qBAAAA,QAAqByB,SAAS;AAAA,MAC/D;AAAA,MAEAC,OAAOV;AAAAA,MACPW,SAASpB,SAASS;AAAAA,MAClBY,UAAWC,CAAAA,UAAUrB,6CAAeqB,OAAOb;AAAAA,MAC3CjB,MAAMkB,MAAM1B;AAAAA,MACZuC,aAAab,MAAMhB;AAAAA,MACnB,cAAYQ,qDAAmBO;AAAAA,IAAG,GAN7BA,CAAC,CAQT;AAAA,EAAA,CACgB;AAEvB;;"}

package/dist/cjs/components/Dropdown/Dropdown.cjs

@@ -184,7 +184,7 @@ const HvDropdown = (props) => {
     disabled,
     readOnly,
     required,
-    className: clsx__default.default(dropdownClasses.default.root, className, classes == null ? void 0 : classes.root),
+    className: clsx__default.default(className, dropdownClasses.default.root, classes == null ? void 0 : classes.root),
     $selectionDisabled: disabled,
     ...others,
     children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledLabelContainer, {

package/dist/cjs/components/Dropdown/Dropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvDropdownStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: any;\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel?: (event: Event) => void;\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels?.select || !multiSelect ? (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(dropdownClasses.root, className, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}
+{"version":3,"file":"Dropdown.cjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { PopperProps } from \"@mui/material\";\nimport clsx from \"clsx\";\nimport { setId } from \"utils\";\nimport { useLabels, useUniqueId, useControlled } from \"hooks\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport { getSelected, getSelectionLabel } from \"./utils\";\nimport dropdownClasses, { HvDropdownClasses } from \"./dropdownClasses\";\nimport { HvDropdownList, HvDropdownListProps } from \"./List\";\nimport {\n  StyledDropdown,\n  StyledHvFormElement,\n  StyledLabel,\n  StyledLabelContainer,\n  StyledTypography,\n} from \"./Dropdown.styles\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  HvBaseDropdownProps,\n  HvInfoMessage,\n  HvListValue,\n  HvWarningText,\n} from \"components\";\n\nexport type HvDropdownLabelsProps = {\n  /**\n   * Label for overwrite the default header behavior.\n   */\n  select?: string;\n  /**\n   * Label used for the All checkbox action.\n   */\n  selectAll?: string;\n  /**\n   * Cancel button label.\n   */\n  cancelLabel?: string;\n  /**\n   * Apply button label.\n   */\n  applyLabel?: string;\n  /**\n   * The label used in the middle of the multiSelection count.\n   */\n  multiSelectionConjunction?: string;\n  /**\n   * The label used in search.\n   */\n  searchPlaceholder?: string;\n};\n\nexport type HvDropdownStatus = \"standBy\" | \"valid\" | \"invalid\";\n\nexport type HvDropdownProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvDropdownClasses;\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id?: string;\n  /**\n   * The form element name.\n   */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: any;\n  /**\n   * @ignore\n   */\n  \"aria-label\"?: string;\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\"?: string;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: any;\n  /**\n   * @ignore\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder?: string;\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is in read only mode.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvDropdownStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: any;\n  /**\n   * Identifies the element that provides an error message for the dropdown.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\"?: string;\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (selected: HvListValue | HvListValue[] | undefined) => void;\n\n  /**\n   * The list to be rendered by the dropdown.\n   */\n  values?: HvListValue[];\n  /**\n   * If `true` the dropdown is multiSelect, if `false` the dropdown is single select.\n   */\n  multiSelect?: boolean;\n  /**\n   * If `true` the dropdown is rendered with a search bar, if `false` there won't be a search bar.\n   */\n  showSearch?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n\n  /**\n   * Callback called when the user cancels the changes.\n   *\n   * Called when the cancel button is used and when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onCancel?: (event: Event) => void;\n  /**\n   * Callback called when dropdown changes the expanded state.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {boolean} open If the dropdown new state is open (`true`) or closed (`false`).\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * Callback called when the user clicks outside the open container.\n   *\n   * @param {object} event The event source of the callback.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * @ignore\n   */\n  onFocus?: React.FocusEventHandler<any>;\n  /**\n   * @ignore\n   */\n  onBlur?: React.FocusEventHandler<any>;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n  /**\n   * Extra props passed to the dropdown.\n   */\n  baseDropdownProps?: HvBaseDropdownProps;\n  /**\n   * Extra props passed to the list.\n   */\n  listProps?: HvDropdownListProps;\n};\n\nconst DEFAULT_LABELS: HvDropdownLabelsProps = {\n  select: undefined,\n  selectAll: \"All\",\n  cancelLabel: \"Cancel\",\n  applyLabel: \"Apply\",\n  searchPlaceholder: \"Search\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * A dropdown list is a graphical control element, similar to a list box, that allows the user to choose one value from a list.\n */\nexport const HvDropdown = (props: HvDropdownProps) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    placeholder = \"Select...\",\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    onCancel,\n    onToggle,\n    onClickOutside,\n\n    onFocus,\n    onBlur,\n\n    values,\n    multiSelect = false,\n    showSearch = false,\n    expanded,\n    defaultExpanded = false,\n    notifyChangesOnFirstRender = false,\n    labels: labelsProp,\n    hasTooltips = false,\n    disablePortal = false,\n    singleSelectionToggle = true,\n    placement,\n    variableWidth = false,\n    popperProps = {},\n    height,\n    maxHeight,\n    virtualized = false,\n    baseDropdownProps = {},\n    listProps = {},\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdropdown\");\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const [selectionLabel, setSelectionLabel] = useState(\n    getSelectionLabel(labels, placeholder, multiSelect, values)\n  );\n  const [internalValues, setInternalValues] = useState(values);\n\n  useEffect(() => {\n    setInternalValues(values);\n  }, [values]);\n\n  useEffect(() => {\n    setSelectionLabel(\n      getSelectionLabel(labels, placeholder, multiSelect, values)\n    );\n  }, [labels, multiSelect, placeholder, values]);\n\n  if (virtualized && !height && process.env.NODE_ENV !== \"production\") {\n    // eslint-disable-next-line no-console\n    console.error(\n      \"Dropdown/List in virtualized mode requires a height. Please define it.\"\n    );\n  }\n\n  const dropdownHeaderRef = useRef<HTMLDivElement>();\n\n  const handleToggle = (_e, open) => {\n    onToggle?.(_e, open);\n\n    setIsOpen(open);\n\n    if (!open) {\n      // also run built-in validation when closing without changes\n      // as the user \"touched\" the input\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required) {\n          const hasSelection = getSelected(internalValues).length > 0;\n\n          if (!hasSelection) {\n            return \"invalid\";\n          }\n        }\n\n        return \"valid\";\n      });\n    }\n  };\n\n  /**\n   * Applies the selected values to the state\n   *\n   * @param {Array} listValues - An array containing the selected values.\n   * @param {Boolean} commitChanges - If `true` the selection if finally committed the dropdown header text should reflect the new selection\n   * @param {Boolean} toggle -If `true` the dropdown should toggle it's current state\n   * @param {Boolean} notifyChanges -If `true` the dropdown will call onChange.\n   */\n  const handleSelection = (\n    listValues,\n    commitChanges,\n    toggle,\n    notifyChanges = true\n  ) => {\n    const selected = getSelected(listValues);\n\n    if (commitChanges) {\n      setInternalValues(listValues);\n      setSelectionLabel(\n        getSelectionLabel(labels, placeholder, multiSelect, listValues)\n      );\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && selected.length === 0) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n    }\n    if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);\n    if (toggle) {\n      handleToggle(undefined, false);\n\n      // focus-ring won't be visible even if using the keyboard:\n      // https://github.com/WICG/focus-visible/issues/88\n      dropdownHeaderRef.current?.focus({ preventScroll: true });\n    }\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = (evt) => {\n    onCancel?.(evt);\n\n    handleToggle(evt, false);\n\n    // focus-ring won't be visible even if using the keyboard:\n    // https://github.com/WICG/focus-visible/issues/88\n    dropdownHeaderRef.current?.focus({ preventScroll: true });\n  };\n\n  const handleClickOutside = (evt) => {\n    onClickOutside?.(evt);\n    onCancel?.(evt);\n  };\n\n  const setFocusToContent = (containerRef) => {\n    const inputs = containerRef?.getElementsByTagName(\"input\");\n    if (inputs?.length > 0) {\n      inputs[0].focus();\n      return;\n    }\n    const listItems =\n      containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n    listItems.every((listItem) => {\n      if (listItem.tabIndex >= 0) {\n        listItem.focus();\n        return false;\n      }\n      return true;\n    });\n  };\n\n  const buildHeaderLabel = () => {\n    const hasSelection = getSelected(internalValues).length > 0;\n    return labels?.select || !multiSelect ? (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        $isOpen={isOpen || hasSelection}\n        variant=\"body\"\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n      >\n        {selectionLabel.selected}\n      </StyledTypography>\n    ) : (\n      <StyledTypography\n        component=\"div\"\n        $selectionDisabled={disabled}\n        className={clsx(\n          dropdownClasses?.placeholder,\n          classes?.placeholder,\n          disabled &&\n            clsx(dropdownClasses?.selectionDisabled, classes?.selectionDisabled)\n        )}\n        variant=\"body\"\n      >\n        <b>{selectionLabel.selected}</b>\n        {` ${labels?.multiSelectionConjunction} ${selectionLabel.total}`}\n      </StyledTypography>\n    );\n  };\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError\n      ? setId(elementId, \"error\")\n      : ariaErrorMessage;\n  }\n\n  return (\n    <StyledHvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      readOnly={readOnly}\n      required={required}\n      className={clsx(className, dropdownClasses.root, classes?.root)}\n      $selectionDisabled={disabled}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <StyledLabelContainer\n          className={clsx(\n            dropdownClasses.labelContainer,\n            classes?.labelContainer\n          )}\n        >\n          {hasLabel && (\n            <StyledLabel\n              id={setId(elementId, \"label\")}\n              label={label}\n              className={clsx(classes?.label, dropdownClasses.label)}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={clsx(\n                classes?.description,\n                dropdownClasses.description\n              )}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </StyledLabelContainer>\n      )}\n      <StyledDropdown\n        id={setId(id, \"dropdown\")}\n        classes={{\n          root: clsx(classes?.dropdown, dropdownClasses.dropdown),\n          arrow: clsx(classes?.arrow, dropdownClasses.arrow),\n          header: clsx(\n            dropdownClasses.dropdownHeader,\n            classes?.dropdownHeader,\n            isStateInvalid &&\n              clsx(\n                dropdownClasses.dropdownHeaderInvalid,\n                classes?.dropdownHeaderInvalid\n              )\n          ),\n          headerOpen: clsx(\n            dropdownClasses.dropdownHeaderOpen,\n            classes?.dropdownHeaderOpen\n          ),\n        }}\n        $dropdownHeaderInvalid={isStateInvalid}\n        $readOnly={readOnly}\n        expanded={isOpen}\n        disabled={disabled}\n        readOnly={readOnly}\n        disablePortal={disablePortal}\n        placement={placement}\n        popperProps={popperProps}\n        placeholder={buildHeaderLabel()}\n        onToggle={handleToggle}\n        onClickOutside={handleClickOutside}\n        onContainerCreation={setFocusToContent}\n        role=\"combobox\"\n        variableWidth={variableWidth}\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        onFocus={onFocus}\n        onBlur={onBlur}\n        dropdownHeaderRef={dropdownHeaderRef}\n        {...baseDropdownProps}\n      >\n        <HvDropdownList\n          id={setId(elementId, \"values\")}\n          classes={{\n            rootList: clsx(dropdownClasses.rootList, classes?.rootList),\n            dropdownListContainer: clsx(\n              dropdownClasses.dropdownListContainer,\n              classes?.dropdownListContainer\n            ),\n          }}\n          values={internalValues}\n          multiSelect={multiSelect}\n          showSearch={showSearch}\n          onChange={handleSelection}\n          onCancel={handleCancel}\n          labels={labels}\n          notifyChangesOnFirstRender={notifyChangesOnFirstRender}\n          hasTooltips={hasTooltips}\n          singleSelectionToggle={singleSelectionToggle}\n          aria-labelledby={hasLabel ? setId(elementId, \"label\") : undefined}\n          height={height}\n          maxHeight={maxHeight}\n          virtualized={virtualized}\n          {...listProps}\n        />\n      </StyledDropdown>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(dropdownClasses.error, classes?.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledHvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","select","undefined","selectAll","cancelLabel","applyLabel","searchPlaceholder","multiSelectionConjunction","HvDropdown","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","placeholder","onChange","status","statusMessage","ariaErrorMessage","onCancel","onToggle","onClickOutside","onFocus","onBlur","values","multiSelect","showSearch","expanded","defaultExpanded","notifyChangesOnFirstRender","labels","labelsProp","hasTooltips","disablePortal","singleSelectionToggle","placement","variableWidth","popperProps","height","maxHeight","virtualized","baseDropdownProps","listProps","others","useLabels","elementId","useUniqueId","validationState","setValidationState","useControlled","validationMessage","isOpen","setIsOpen","Boolean","selectionLabel","setSelectionLabel","useState","getSelectionLabel","internalValues","setInternalValues","useEffect","process","env","NODE_ENV","console","error","dropdownHeaderRef","useRef","handleToggle","_e","open","hasSelection","getSelected","length","handleSelection","listValues","commitChanges","toggle","notifyChanges","selected","current","focus","preventScroll","handleCancel","evt","handleClickOutside","setFocusToContent","containerRef","inputs","getElementsByTagName","listItems","every","listItem","tabIndex","buildHeaderLabel","StyledTypography","component","$selectionDisabled","$isOpen","variant","clsx","dropdownClasses","selectionDisabled","children","_jsxs","_jsx","total","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","setId","StyledHvFormElement","root","StyledLabelContainer","labelContainer","StyledLabel","HvInfoMessage","StyledDropdown","dropdown","arrow","header","dropdownHeader","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","$dropdownHeaderInvalid","$readOnly","onContainerCreation","role","join","trim","HvDropdownList","rootList","dropdownListContainer","HvWarningText","disableBorder"],"mappings":"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"}

package/dist/cjs/components/EmptyState/EmptyState.cjs

@@ -2,15 +2,20 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const styles = require("@mui/material/styles");
 const clsx = require("clsx");
+const React = require("react");
 const emptyStateClasses = require("./emptyStateClasses.cjs");
 const EmptyState_styles = require("./EmptyState.styles.cjs");
+require("@hitachivantara/uikit-styles");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const ThemeProvider = require("../../providers/ThemeProvider.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvEmptyState = (props) => {
+  const {
+    activeTheme
+  } = React.useContext(ThemeProvider.HvThemeContext);
   const muiTheme = styles.useTheme();
-  const renderNode = (node, className2, type, variant) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, {
-    $breakpoints: muiTheme.breakpoints,
+  const renderNode = (type, variant, node, className2) => node && /* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledTypography, {
     $type: type,
     variant,
     className: className2,
@@ -29,15 +34,16 @@ const HvEmptyState = (props) => {
     className: clsx__default.default(className, emptyStateClasses.default.root, classes == null ? void 0 : classes.root),
     ...others,
     children: /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledContainer, {
+      className: clsx__default.default(emptyStateClasses.default.container, classes == null ? void 0 : classes.container, !!(message && !(title || action)) && clsx__default.default(emptyStateClasses.default.containerMessageOnly, classes == null ? void 0 : classes.containerMessageOnly)),
       $breakpoints: muiTheme.breakpoints,
       $messageOnly: !!(message && !(title || action)),
-      children: [/* @__PURE__ */ jsxRuntime.jsx(EmptyState_styles.StyledIconContainer, {
+      children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
         className: clsx__default.default(emptyStateClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
         children: icon
       }), /* @__PURE__ */ jsxRuntime.jsxs(EmptyState_styles.StyledTextContainer, {
         $breakpoints: muiTheme.breakpoints,
         className: clsx__default.default(emptyStateClasses.default.textContainer, classes == null ? void 0 : classes.textContainer),
-        children: [renderNode(title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer), "title", "title4"), renderNode(message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer), "message", "body"), renderNode(action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer), "action", "body")]
+        children: [renderNode("title", activeTheme == null ? void 0 : activeTheme.emptyState.titleVariant, title, clsx__default.default(emptyStateClasses.default.titleContainer, classes == null ? void 0 : classes.titleContainer)), renderNode("message", "body", message, clsx__default.default(emptyStateClasses.default.messageContainer, classes == null ? void 0 : classes.messageContainer)), renderNode("action", "body", action, clsx__default.default(emptyStateClasses.default.actionContainer, classes == null ? void 0 : classes.actionContainer))]
       })]
     })
   });

package/dist/cjs/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const muiTheme = useTheme();\n\n  const renderNode = (node, className, type, variant) =>\n    node && (\n      <StyledTypography\n        $breakpoints={muiTheme.breakpoints}\n        $type={type}\n        variant={variant}\n        className={className}\n      >\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <StyledIconContainer\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </StyledIconContainer>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer),\n            \"title\",\n            \"title4\"\n          )}\n          {renderNode(\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer),\n            \"message\",\n            \"body\"\n          )}\n          {renderNode(\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer),\n            \"action\",\n            \"body\"\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","muiTheme","useTheme","renderNode","node","className","type","variant","StyledTypography","$breakpoints","breakpoints","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","$messageOnly","_jsx","StyledIconContainer","iconContainer","_jsxs","StyledTextContainer","textContainer","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;AA6BaA,MAAAA,eAAeA,CAACC,UAA6B;AACxD,QAAMC,WAAWC,OAAAA;AAEXC,QAAAA,aAAaA,CAACC,MAAMC,YAAWC,MAAMC,YACzCH,uCACGI,oCAAgB;AAAA,IACfC,cAAcR,SAASS;AAAAA,IACvBC,OAAOL;AAAAA,IACPC;AAAAA,IACAF,WAAWA;AAAAA,IAAUO,UAEpBR;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAES;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASZ;AAAAA,OAAca;AAAAA,EAAWlB,IAAAA;AAExE,wCACGmB,kBAAAA,YAAU;AAAA,IACTd,WAAWe,cAAKf,QAAAA,WAAWgB,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdd,cAAcR,SAASS;AAAAA,MACvBc,cAAc,CAAC,EAAER,WAAW,EAAED,SAASF;AAAAA,MAASD,UAAA,CAEhDa,2BAAAA,IAACC,uCAAmB;AAAA,QAClBrB,WAAWe,cAAAA,QACTC,kBAAAA,QAAkBM,eAClBV,mCAASU,aAAa;AAAA,QACtBf,UAEDE;AAAAA,MAAAA,CACmB,GACtBc,2BAAAA,KAACC,uCAAmB;AAAA,QAClBpB,cAAcR,SAASS;AAAAA,QACvBL,WAAWe,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAAA,CAEDT,WACCY,OACAK,cAAAA,QAAKC,kBAAAA,QAAkBU,gBAAgBd,mCAASc,cAAc,GAC9D,SACA,QAAQ,GAET5B,WACCa,SACAI,cAAAA,QAAKC,kBAAAA,QAAkBW,kBAAkBf,mCAASe,gBAAgB,GAClE,WACA,MAAM,GAEP7B,WACCU,QACAO,cAAKC,QAAAA,kBAAAA,QAAkBY,iBAAiBhB,mCAASgB,eAAe,GAChE,UACA,MAAM,CACP;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport emptyStateClasses, { HvEmptyStateClasses } from \"./emptyStateClasses\";\nimport {\n  StyledContainer,\n  StyledRoot,\n  StyledTextContainer,\n  StyledTypography,\n} from \"./EmptyState.styles\";\nimport { HvTypographyProps } from \"components\";\nimport { HvThemeContext } from \"index\";\n\nexport type HvEmptyStateProps = HvBaseProps<HTMLDivElement, { title }> & {\n  /** Icon to be presented. */\n  icon: React.ReactNode;\n  /** The title to be shown. */\n  title?: string | React.ReactNode;\n  /** The message to be shown. */\n  message?: string | React.ReactNode;\n  /** The action message to be shown. */\n  action?: string | React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvEmptyStateClasses;\n};\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\n */\nexport const HvEmptyState = (props: HvEmptyStateProps) => {\n  const { activeTheme } = useContext(HvThemeContext);\n\n  const muiTheme = useTheme();\n\n  const renderNode = (\n    type: \"action\" | \"message\" | \"title\",\n    variant?: HvTypographyProps[\"variant\"],\n    node?: string | React.ReactNode,\n    className?: string\n  ) =>\n    node && (\n      <StyledTypography $type={type} variant={variant} className={className}>\n        {node}\n      </StyledTypography>\n    );\n\n  const { action, icon, title, message, classes, className, ...others } = props;\n\n  return (\n    <StyledRoot\n      className={clsx(className, emptyStateClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledContainer\n        className={clsx(\n          emptyStateClasses.container,\n          classes?.container,\n          !!(message && !(title || action)) &&\n            clsx(\n              emptyStateClasses.containerMessageOnly,\n              classes?.containerMessageOnly\n            )\n        )}\n        $breakpoints={muiTheme.breakpoints}\n        $messageOnly={!!(message && !(title || action))}\n      >\n        <div\n          className={clsx(\n            emptyStateClasses.iconContainer,\n            classes?.iconContainer\n          )}\n        >\n          {icon}\n        </div>\n        <StyledTextContainer\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(\n            emptyStateClasses.textContainer,\n            classes?.textContainer\n          )}\n        >\n          {renderNode(\n            \"title\",\n            activeTheme?.emptyState.titleVariant,\n            title,\n            clsx(emptyStateClasses.titleContainer, classes?.titleContainer)\n          )}\n          {renderNode(\n            \"message\",\n            \"body\",\n            message,\n            clsx(emptyStateClasses.messageContainer, classes?.messageContainer)\n          )}\n          {renderNode(\n            \"action\",\n            \"body\",\n            action,\n            clsx(emptyStateClasses.actionContainer, classes?.actionContainer)\n          )}\n        </StyledTextContainer>\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvEmptyState","props","activeTheme","useContext","HvThemeContext","muiTheme","useTheme","renderNode","type","variant","node","className","StyledTypography","$type","children","action","icon","title","message","classes","others","StyledRoot","clsx","emptyStateClasses","root","StyledContainer","container","containerMessageOnly","$breakpoints","breakpoints","$messageOnly","_jsx","iconContainer","_jsxs","StyledTextContainer","textContainer","emptyState","titleVariant","titleContainer","messageContainer","actionContainer"],"mappings":";;;;;;;;;;;;AA8BaA,MAAAA,eAAeA,CAACC,UAA6B;AAClD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAgBC,MAAAA,WAAWC,cAAAA,cAAc;AAEjD,QAAMC,WAAWC,OAAAA;AAEXC,QAAAA,aAAaA,CACjBC,MACAC,SACAC,MACAC,eAEAD,uCACGE,oCAAgB;AAAA,IAACC,OAAOL;AAAAA,IAAMC;AAAAA,IAAkBE,WAAWA;AAAAA,IAAUG,UACnEJ;AAAAA,EAAAA,CAEJ;AAEG,QAAA;AAAA,IAAEK;AAAAA,IAAQC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAASR;AAAAA,OAAcS;AAAAA,EAAWnB,IAAAA;AAExE,wCACGoB,kBAAAA,YAAU;AAAA,IACTV,WAAWW,cAAKX,QAAAA,WAAWY,kBAAkBC,QAAAA,MAAML,mCAASK,IAAI;AAAA,IAAE,GAC9DJ;AAAAA,IAAMN,0CAETW,mCAAe;AAAA,MACdd,WAAWW,cACTC,QAAAA,0BAAkBG,WAClBP,mCAASO,WACT,CAAC,EAAER,WAAW,EAAED,SAASF,YACvBO,cAAAA,QACEC,0BAAkBI,sBAClBR,mCAASQ,oBAAoB,CAC9B;AAAA,MAELC,cAAcvB,SAASwB;AAAAA,MACvBC,cAAc,CAAC,EAAEZ,WAAW,EAAED,SAASF;AAAAA,MAASD,WAEhDiB,2BAAAA,IAAA,OAAA;AAAA,QACEpB,WAAWW,cAAAA,QACTC,kBAAAA,QAAkBS,eAClBb,mCAASa,aAAa;AAAA,QACtBlB,UAEDE;AAAAA,MAAAA,CACG,GACNiB,2BAAAA,KAACC,uCAAmB;AAAA,QAClBN,cAAcvB,SAASwB;AAAAA,QACvBlB,WAAWW,cAAAA,QACTC,kBAAAA,QAAkBY,eAClBhB,mCAASgB,aAAa;AAAA,QACtBrB,UAEDP,CAAAA,WACC,SACAL,2CAAakC,WAAWC,cACxBpB,OACAK,cAAKC,QAAAA,kBAAAA,QAAkBe,gBAAgBnB,mCAASmB,cAAc,CAAC,GAEhE/B,WACC,WACA,QACAW,SACAI,cAAAA,QAAKC,0BAAkBgB,kBAAkBpB,mCAASoB,gBAAgB,CAAC,GAEpEhC,WACC,UACA,QACAQ,QACAO,cAAAA,QAAKC,kBAAkBiB,QAAAA,iBAAiBrB,mCAASqB,eAAe,CAAC,CAClE;AAAA,MAAA,CACmB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEb;AAEjB;;"}