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

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

@@ -1,21 +1,13 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
-const 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

@@ -1,14 +1,15 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const Title_styles = require("./Title.styles.cjs");
 const titleClasses = require("./titleClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const iconVariant = require("../../../utils/iconVariant.cjs");
+const useTheme = require("../../../hooks/useTheme.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
-const HvTitle = ({
+const HvDialogTitle = ({
   classes,
   className,
   children,
@@ -17,25 +18,31 @@ const HvTitle = ({
   customIcon = null,
   ...others
 }) => {
+  const {
+    activeTheme
+  } = useTheme.useTheme();
   const isString = typeof children === "string";
   const {
     fullscreen
   } = others;
+  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
         })]
       })]
     })
   });
 };
-exports.HvTitle = HvTitle;
+exports.HvDialogTitle = HvDialogTitle;
 //# sourceMappingURL=Title.cjs.map

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\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;AAEvB,QAAMG,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 { useTheme } from \"hooks\";\n\nexport type HvDialogTitleVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\"\n  | \"default\";\n\nexport type HvDialogTitleProps = Omit<\n  MuiDialogTitleProps,\n  \"variant\" | \"classes\"\n> &\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 HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}: HvDialogTitleProps) => {\n  const { activeTheme } = useTheme();\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":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","activeTheme","useTheme","isString","fullscreen","icon","iconVariant","StyledTitle","clsx","dialogTitleClasses","root","$fullscreen","StyledMessageContainer","messageContainer","_jsxs","StyledTextWithIcon","textWithIcon","undefined","$hasIcon","HvTypography","dialog","titleVariant"],"mappings":";;;;;;;;;;;AAkCO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACb,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU,SAAA;AAE5BC,QAAAA,WAAW,OAAOP,aAAa;AAE/B,QAAA;AAAA,IAAEQ;AAAAA,EAAeJ,IAAAA;AACvB,SAAQA,OAAeI;AAEvB,QAAMC,OAAON,cAAeD,YAAYQ,YAAYT,QAAAA,SAAS,IAAI,EAAE;AAEnE,wCACGU,aAAAA,aAAW;AAAA,IACVZ,WAAWa,cAAAA,QACTC,aAAAA,QAAmBC,MACnBhB,mCAASgB,MACTf,WACAS,cAAcI,cAAKC,QAAAA,aAAAA,QAAmBL,YAAYV,mCAASU,UAAU,CAAC;AAAA,IAExEO,aAAaP;AAAAA,IAAW,GACpBJ;AAAAA,IAAMJ,0CAETgB,qCAAsB;AAAA,MACrBjB,WAAWa,cAAAA,QACTC,aAAAA,QAAmBI,kBACnBnB,mCAASmB,gBAAgB;AAAA,MACzBjB,UAEDS,CAAAA,MACDS,2BAAAA,KAACC,iCAAkB;AAAA,QACjBpB,WACE,CAAC,CAACU,OACEG,sBAAKC,aAAAA,QAAmBO,cAActB,mCAASsB,YAAY,IAC3DC;AAAAA,QAENC,UAAU,CAAC,CAACb;AAAAA,QAAKT,UAAA,CAEhB,CAACO,YAAYP,UACbO,2CACEgB,yBAAY;AAAA,UAACtB,SAASI,2CAAamB,OAAOC;AAAAA,UAAazB;AAAAA,QAAAA,CAGzD,CAAA;AAAA,MAAA,CACkB,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAEX;AAElB;;"}

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

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const DialogTitle = require("@mui/material/DialogTitle");
@@ -62,6 +62,7 @@ const StyledTextWithIcon = /* @__PURE__ */ _styled__default.default("div", proce
 }) => ({
   ...$hasIcon && {
     marginLeft: uikitStyles.theme.space.xs,
+    // 32px is the icon width
     marginRight: `calc(32px + ${uikitStyles.theme.space.xs})`
   }
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL1RpdGxlL1RpdGxlLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9UaXRsZS9UaXRsZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgRGlhbG9nVGl0bGUgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nVGl0bGVcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoXG4gIERpYWxvZ1RpdGxlLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIG1hcmdpbjogMCxcbiAgLi4uKCEkZnVsbHNjcmVlbiAmJiB7XG4gICAgZmxleDogMSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNZXNzYWdlQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHRXaXRoSWNvbiA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGFzSWNvbiB9OiB7ICRoYXNJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC4uLigkaGFzSWNvbiAmJiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgLy8gMzJweCBpcyB0aGUgaWNvbiB3aWR0aFxuICAgIG1hcmdpblJpZ2h0OiBgY2FsYygzMnB4ICsgJHt0aGVtZS5zcGFjZS54c30pYCxcbiAgfSksXG59KSk7XG4iXX0= */");

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

@@ -1 +1 @@
-{"version":3,"file":"Title.styles.cjs","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTitle = styled(\n  DialogTitle,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  padding: theme.space.sm,\n  margin: 0,\n  ...(!$fullscreen && {\n    flex: 1,\n  }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n  \"div\",\n  transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n  ...($hasIcon && {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,uDACXC,qBAAAA,SAAWC,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,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;AAEI,MAAMY,yBAAgCC,iCAAA,QAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,8DACX,OAAKrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEiB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYd,YAAAA,MAAMC,MAAMc;AAAAA,IAExBC,aAAc,eAAchB,YAAAA,MAAMC,MAAMc;AAAAA,EAC1C;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;;;;"}
+{"version":3,"file":"Title.styles.cjs","sources":["../../../../../src/components/Dialog/Title/Title.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledTitle = styled(\n  DialogTitle,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  padding: theme.space.sm,\n  margin: 0,\n  ...(!$fullscreen && {\n    flex: 1,\n  }),\n}));\n\nexport const StyledMessageContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"center\",\n});\n\nexport const StyledTextWithIcon = styled(\n  \"div\",\n  transientOptions\n)(({ $hasIcon }: { $hasIcon: boolean }) => ({\n  ...($hasIcon && {\n    marginLeft: theme.space.xs,\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.space.xs})`,\n  }),\n}));\n"],"names":["StyledTitle","DialogTitle","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","padding","theme","space","sm","margin","flex","StyledMessageContainer","_styled","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTextWithIcon","$hasIcon","marginLeft","xs","marginRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,uDACXC,qBAAAA,SAAWC,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,EAAEE;AAAsC,OAAO;AAAA,EAChDC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,EACrBC,QAAQ;AAAA,EACR,GAAI,CAACL,eAAe;AAAA,IAClBM,MAAM;AAAA,EACR;AACF,IAAEb,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;AAEI,MAAMY,yBAAgCC,iCAAA,QAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGjD;AAEWC,MAAAA,8DACX,OAAKrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEiB;AAAgC,OAAO;AAAA,EAC1C,GAAIA,YAAY;AAAA,IACdC,YAAYd,YAAAA,MAAMC,MAAMc;AAAAA;AAAAA,IAExBC,aAAc,eAAchB,YAAAA,MAAMC,MAAMc;AAAAA,EAC1C;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qiDAAA;;;;"}

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

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

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,EACA,GAAGC;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/DotPagination/DotPagination.styles.cjs

@@ -1,5 +1,5 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const dotPaginationClasses = require("./dotPaginationClasses.cjs");
@@ -12,7 +12,9 @@ const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 function _EMOTION_STRINGIFIED_CSS_ERROR__() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-const StyledRadioGroup = /* @__PURE__ */ _styled__default.default(RadioGroup.HvRadioGroup, process.env.NODE_ENV === "production" ? {
+const StyledRadioGroup = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroup.HvRadioGroup, {
+  ...props
+}), process.env.NODE_ENV === "production" ? {
   target: "e1buriah3"
 } : {
   target: "e1buriah3",
@@ -24,7 +26,7 @@ const StyledRadioGroup = /* @__PURE__ */ _styled__default.default(RadioGroup.HvR
     marginLeft: 0,
     width: "auto"
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2UmFkaW8sIEh2UmFkaW9Hcm91cCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZG90UGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vZG90UGFnaW5hdGlvbkNsYXNzZXNcIjtcbmltcG9ydCB7IEN1cnJlbnRTdGVwLCBPdGhlclN0ZXAgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpb0dyb3VwID0gc3R5bGVkKEh2UmFkaW9Hcm91cCkoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEh2UmFkaW8sIEh2UmFkaW9Hcm91cCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgZG90UGFnaW5hdGlvbkNsYXNzZXMgZnJvbSBcIi4vZG90UGFnaW5hdGlvbkNsYXNzZXNcIjtcbmltcG9ydCB7IEN1cnJlbnRTdGVwLCBPdGhlclN0ZXAgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpb0dyb3VwID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW9Hcm91cCB7Li4ucHJvcHN9IC8+KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMuaG9yaXpvbnRhbH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgd2lkdGg6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSYWRpbyA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvIHsuLi5wcm9wc30gLz4pKHtcbiAgW2AmLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW9Sb290fWBdOiB7XG4gICAgbWFyZ2luTGVmdDogXCI4cHhcIixcbiAgfSxcblxuICBbYCYgLiR7ZG90UGFnaW5hdGlvbkNsYXNzZXMucmFkaW99YF06IHtcbiAgICBoZWlnaHQ6IFwiMTZweFwiLFxuXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE3LFxuICAgICAgYm9yZGVyUmFkaXVzOiBcIjEwMCVcIixcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdGhlclN0ZXAgPSBzdHlsZWQoT3RoZXJTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ3VycmVudFN0ZXAgPSBzdHlsZWQoQ3VycmVudFN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG4iXX0= */");
 const StyledRadio = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Radio.HvRadio, {
   ...props
 }), process.env.NODE_ENV === "production" ? {
@@ -43,7 +45,7 @@ const StyledRadio = /* @__PURE__ */ _styled__default.default((props) => /* @__PU
       borderRadius: "100%"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */");
 const StyledOtherStep = /* @__PURE__ */ _styled__default.default(uikitReactIcons.OtherStep, process.env.NODE_ENV === "production" ? {
   target: "e1buriah1"
 } : {
@@ -55,7 +57,7 @@ const StyledOtherStep = /* @__PURE__ */ _styled__default.default(uikitReactIcons
 } : {
   name: "157xhr7",
   styles: "width:16px;height:16px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledCurrentStep = /* @__PURE__ */ _styled__default.default(uikitReactIcons.CurrentStep, process.env.NODE_ENV === "production" ? {
@@ -69,7 +71,7 @@ const StyledCurrentStep = /* @__PURE__ */ _styled__default.default(uikitReactIco
 } : {
   name: "157xhr7",
   styles: "width:16px;height:16px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZChIdlJhZGlvR3JvdXApKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5ob3Jpem9udGFsfWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgICB3aWR0aDogXCJhdXRvXCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKChwcm9wcykgPT4gPEh2UmFkaW8gey4uLnByb3BzfSAvPikoe1xuICBbYCYuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb1Jvb3R9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiBcIjhweFwiLFxuICB9LFxuXG4gIFtgJiAuJHtkb3RQYWdpbmF0aW9uQ2xhc3Nlcy5yYWRpb31gXToge1xuICAgIGhlaWdodDogXCIxNnB4XCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTcsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIH0sXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE90aGVyU3RlcCA9IHN0eWxlZChPdGhlclN0ZXApKHtcbiAgd2lkdGg6IFwiMTZweFwiLFxuICBoZWlnaHQ6IFwiMTZweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDdXJyZW50U3RlcCA9IHN0eWxlZChDdXJyZW50U3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRG90UGFnaW5hdGlvbi9Eb3RQYWdpbmF0aW9uLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RvdFBhZ2luYXRpb24vRG90UGFnaW5hdGlvbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdlJhZGlvLCBIdlJhZGlvR3JvdXAgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IGRvdFBhZ2luYXRpb25DbGFzc2VzIGZyb20gXCIuL2RvdFBhZ2luYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBDdXJyZW50U3RlcCwgT3RoZXJTdGVwIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW9Hcm91cCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdlJhZGlvR3JvdXAgey4uLnByb3BzfSAvPikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLmhvcml6b250YWx9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICAgIHdpZHRoOiBcImF1dG9cIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmFkaW8gPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZSYWRpbyB7Li4ucHJvcHN9IC8+KSh7XG4gIFtgJi4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvUm9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IFwiOHB4XCIsXG4gIH0sXG5cbiAgW2AmIC4ke2RvdFBhZ2luYXRpb25DbGFzc2VzLnJhZGlvfWBdOiB7XG4gICAgaGVpZ2h0OiBcIjE2cHhcIixcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNyxcbiAgICAgIGJvcmRlclJhZGl1czogXCIxMDAlXCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3RoZXJTdGVwID0gc3R5bGVkKE90aGVyU3RlcCkoe1xuICB3aWR0aDogXCIxNnB4XCIsXG4gIGhlaWdodDogXCIxNnB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEN1cnJlbnRTdGVwID0gc3R5bGVkKEN1cnJlbnRTdGVwKSh7XG4gIHdpZHRoOiBcIjE2cHhcIixcbiAgaGVpZ2h0OiBcIjE2cHhcIixcbn0pO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledCurrentStep = StyledCurrentStep;

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

@@ -1 +1 @@
-{"version":3,"file":"DotPagination.styles.cjs","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvRadio, HvRadioGroup } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRadioGroup = styled(HvRadioGroup)({\n  display: \"flex\",\n  justifyContent: \"center\",\n\n  [`& .${dotPaginationClasses.horizontal}`]: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n});\n\nexport const StyledRadio = styled((props) => <HvRadio {...props} />)({\n  [`&.${dotPaginationClasses.radioRoot}`]: {\n    marginLeft: \"8px\",\n  },\n\n  [`& .${dotPaginationClasses.radio}`]: {\n    height: \"16px\",\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.sema7,\n      borderRadius: \"100%\",\n    },\n  },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n"],"names":["StyledRadioGroup","HvRadioGroup","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","_styled","props","_jsx","HvRadio","radioRoot","radio","height","backgroundColor","theme","colors","sema7","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;;;;;AAMO,MAAMA,mBAA0BC,iCAAAA,QAAAA,WAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnDC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,6BAAqBC,eAAe;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,q2DAAA;AAEK,MAAMS,cAAcC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,MAAAA,SAAO;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIb,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnE,CAAE,KAAIG,6BAAqBS,cAAc;AAAA,IACvCP,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,6BAAqBU,UAAU;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y2DAAA;AAEK,MAAMsB,kBAAyBC,iCAAAA,QAAAA,gBAAAA,WAASzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG9C;AAEK,MAAMC,oBAA2BC,iCAAAA,QAAAA,gBAAAA,aAAWhC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAwB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGlD;;;;;"}
+{"version":3,"file":"DotPagination.styles.cjs","sources":["../../../../src/components/DotPagination/DotPagination.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvRadio, HvRadioGroup } from \"components\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport dotPaginationClasses from \"./dotPaginationClasses\";\nimport { CurrentStep, OtherStep } from \"@hitachivantara/uikit-react-icons\";\n\nexport const StyledRadioGroup = styled((props) => <HvRadioGroup {...props} />)({\n  display: \"flex\",\n  justifyContent: \"center\",\n\n  [`& .${dotPaginationClasses.horizontal}`]: {\n    marginLeft: 0,\n    width: \"auto\",\n  },\n});\n\nexport const StyledRadio = styled((props) => <HvRadio {...props} />)({\n  [`&.${dotPaginationClasses.radioRoot}`]: {\n    marginLeft: \"8px\",\n  },\n\n  [`& .${dotPaginationClasses.radio}`]: {\n    height: \"16px\",\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.sema7,\n      borderRadius: \"100%\",\n    },\n  },\n});\n\nexport const StyledOtherStep = styled(OtherStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n\nexport const StyledCurrentStep = styled(CurrentStep)({\n  width: \"16px\",\n  height: \"16px\",\n});\n"],"names":["StyledRadioGroup","_styled","props","_jsx","HvRadioGroup","process","env","NODE_ENV","target","label","display","justifyContent","dotPaginationClasses","horizontal","marginLeft","width","StyledRadio","HvRadio","radioRoot","radio","height","backgroundColor","theme","colors","sema7","borderRadius","StyledOtherStep","OtherStep","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCurrentStep","CurrentStep"],"mappings":";;;;;;;;;;;;;;AAMO,MAAMA,mBAAmBC,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACC,WAAAA,cAAY;AAAA,EAAA,GAAKF;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC7EC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAEhB,CAAE,MAAKC,6BAAqBC,YAAY,GAAG;AAAA,IACzCC,YAAY;AAAA,IACZC,OAAO;AAAA,EACT;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEK,MAAMS,cAAcf,iCAAAA,QAAQC,CAAUC,UAAAA,2BAAAA,IAACc,MAAAA,SAAO;AAAA,EAAA,GAAKf;AAAK,CAAA,GAAIG,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnE,CAAE,KAAIG,6BAAqBM,WAAW,GAAG;AAAA,IACvCJ,YAAY;AAAA,EACd;AAAA,EAEA,CAAE,MAAKF,6BAAqBO,OAAO,GAAG;AAAA,IACpCC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,MAC9BC,cAAc;AAAA,IAChB;AAAA,EACF;AACF,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,y4DAAA;AAEK,MAAMmB,kBAAyBC,iCAAAA,QAAAA,gBAAAA,WAAStB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG9C;AAEK,MAAMC,oBAA2BC,iCAAAA,QAAAA,gBAAAA,aAAW7B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAqB,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGlD;;;;;"}

package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBaseDropDown,\n  StyledButton,\n  StyledPanel,\n} from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\nimport { isKeypress, keyboardCodes, outlineStyles, setId } from \"utils\";\nimport getPrevNextFocus from \"utils/focusableElementFinder\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButtonVariant, HvList, HvListValue } from \"components\";\nimport { useMemo } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { withId } from \"hocs\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the empty state component. */\n  classes?: HvDropDownMenuClasses;\n};\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <StyledButton\n      icon\n      variant={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(\n        dropDownMenuClasses.icon,\n        classes?.icon,\n        open && clsx(dropDownMenuClasses.iconSelected, classes?.iconSelected)\n      )}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n      $open={open}\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </StyledButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledBaseDropDown\n          id={id}\n          className={clsx(\n            className,\n            dropDownMenuClasses.container,\n            classes?.container\n          )}\n          classes={{\n            root: clsx(\n              dropDownMenuClasses.root,\n              classes?.root,\n              css({\n                display: \"inline-block\",\n                width: \"auto\",\n                \"&.focus-visible $icon\": {\n                  ...outlineStyles,\n                },\n              })\n            ),\n            container: clsx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={headerComponent}\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <StyledPanel>\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: clsx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </StyledPanel>\n        </StyledBaseDropDown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","StyledButton","variant","clsx","dropDownMenuClasses","iconSelected","$open","children","_jsx","MoreOptionsVertical","color","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","ClassNames","css","StyledBaseDropDown","container","root","display","outlineStyles","baseContainer","component","variableWidth","e","s","onContainerCreation","popperProps","StyledPanel","HvList","values","selectable","item","onKeyDown","menuList","withId"],"mappings":"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"}
+{"version":3,"file":"DropDownMenu.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useControlled } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledBaseDropDown,\n  StyledButton,\n  StyledPanel,\n} from \"./DropDownMenu.styles\";\nimport dropDownMenuClasses, {\n  HvDropDownMenuClasses,\n} from \"./dropDownMenuClasses\";\nimport { isKeypress, keyboardCodes, outlineStyles, setId } from \"utils\";\nimport getPrevNextFocus from \"utils/focusableElementFinder\";\nimport { MoreOptionsVertical } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButtonVariant, HvList, HvListValue } from \"components\";\nimport { useMemo } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport withId from \"../../hocs/withId\";\nimport { ClassNames } from \"@emotion/react\";\n\nexport type HvDropDownMenuProps = HvBaseProps<HTMLDivElement, { onClick }> & {\n  /** Icon. */\n  icon?: React.ReactElement;\n  /**\n   * A list containing the elements to be rendered.\n   *\n   * - label: The label of the element to be rendered.\n   * - selected: The selection state of the element.\n   * - disabled: The disabled state of the element.\n   * - icon: The icon node to be rendered on the left.\n   * - showNavIcon: If true renders the navigation icon on the right.\n   */\n  dataList: HvListValue[];\n  /** Placement of the dropdown. */\n  placement?: \"left\" | \"right\";\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Function executed on toggle of the dropdown. Should receive the open status. */\n  onToggle?: (event: Event, open: boolean) => void;\n  /** Function executed in each onClick. Should received the clicked element. */\n  onClick?: (\n    event: React.ChangeEvent<HTMLLIElement>,\n    value: HvListValue\n  ) => void;\n  /** Keep the Dropdown Menu opened after clicking one option */\n  keepOpened?: boolean;\n  /** Defines if the component is disabled. */\n  disabled?: boolean;\n  /** If true it should be displayed open. */\n  expanded?: boolean;\n  /** When uncontrolled, defines the initial expanded state. */\n  defaultExpanded?: boolean;\n  /** The variant to be used in the header. */\n  category?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvDropDownMenuClasses;\n};\n\n/**\n * A drop-down menu is a graphical control element, similar to a list box, that allows the user to choose a value from a list.\n */\nconst HvDropDownMenu = ({\n  id,\n  classes,\n  className,\n  icon,\n  placement = \"right\",\n  dataList,\n  disablePortal = false,\n  onToggle,\n  onClick,\n  keepOpened = true,\n  disabled = false,\n  expanded,\n  defaultExpanded = false,\n  category = \"secondaryGhost\",\n  ...others\n}: HvDropDownMenuProps) => {\n  const [open, setOpen] = useControlled(expanded, Boolean(defaultExpanded));\n  const focusNodes = getPrevNextFocus(setId(id, \"icon-button\"));\n\n  const listId = setId(id, \"list\");\n\n  const handleClose = (event) => {\n    // this will only run if uncontrolled\n    setOpen(false);\n    onToggle?.(event, false);\n  };\n\n  // If the ESCAPE key is pressed inside the list, the close handler must be called.\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, keyboardCodes.Tab)) {\n      const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;\n      if (node) setTimeout(() => node.focus(), 0);\n      handleClose(event);\n    }\n    event.preventDefault();\n  };\n\n  const setFocusToContent = (containerRef) => {\n    containerRef?.getElementsByTagName(\"li\")[0]?.focus();\n  };\n\n  const headerComponent = (\n    <StyledButton\n      icon\n      variant={category}\n      id={setId(id, \"icon-button\")}\n      className={clsx(\n        dropDownMenuClasses.icon,\n        classes?.icon,\n        open && clsx(dropDownMenuClasses.iconSelected, classes?.iconSelected)\n      )}\n      aria-expanded={open}\n      disabled={disabled}\n      aria-label=\"Dropdown menu\"\n      $open={open}\n    >\n      {icon || <MoreOptionsVertical color={disabled ? \"atmo5\" : undefined} />}\n    </StyledButton>\n  );\n\n  const condensed = useMemo(() => dataList.every((el) => !el.icon), [dataList]);\n  const popperStyle = {\n    style: {\n      zIndex: theme.zIndices.tooltip,\n      width: \"auto\",\n      position: \"relative\",\n    },\n  };\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledBaseDropDown\n          id={id}\n          className={clsx(\n            className,\n            dropDownMenuClasses.container,\n            classes?.container\n          )}\n          classes={{\n            root: clsx(\n              dropDownMenuClasses.root,\n              classes?.root,\n              css({\n                display: \"inline-block\",\n                width: \"auto\",\n                \"&.focus-visible $icon\": {\n                  ...outlineStyles,\n                },\n              })\n            ),\n            container: clsx(\n              dropDownMenuClasses.baseContainer,\n              classes?.baseContainer\n            ),\n          }}\n          expanded={open && !disabled}\n          component={headerComponent}\n          aria-haspopup=\"menu\"\n          placement={placement}\n          variableWidth\n          disablePortal={disablePortal}\n          onToggle={(e, s) => {\n            // this will only run if uncontrolled\n            setOpen(s);\n            onToggle?.(e, s);\n          }}\n          disabled={disabled}\n          onContainerCreation={setFocusToContent}\n          popperProps={popperStyle}\n          {...others}\n        >\n          <StyledPanel>\n            <HvList\n              id={listId}\n              values={dataList}\n              selectable={false}\n              condensed={condensed}\n              onClick={(event, item) => {\n                if (!keepOpened) handleClose(event);\n                onClick?.(event, item);\n              }}\n              onKeyDown={handleKeyDown}\n              classes={{\n                root: clsx(dropDownMenuClasses.menuList, classes?.menuList),\n              }}\n            />\n          </StyledPanel>\n        </StyledBaseDropDown>\n      )}\n    </ClassNames>\n  );\n};\n\nexport default withId(HvDropDownMenu);\n"],"names":["HvDropDownMenu","id","classes","className","icon","placement","dataList","disablePortal","onToggle","onClick","keepOpened","disabled","expanded","defaultExpanded","category","others","open","setOpen","useControlled","Boolean","focusNodes","getPrevNextFocus","setId","listId","handleClose","event","handleKeyDown","isKeypress","keyboardCodes","Tab","node","shiftKey","prevFocus","nextFocus","setTimeout","focus","preventDefault","setFocusToContent","containerRef","getElementsByTagName","headerComponent","StyledButton","variant","clsx","dropDownMenuClasses","iconSelected","$open","children","_jsx","MoreOptionsVertical","color","undefined","condensed","useMemo","every","el","popperStyle","style","zIndex","theme","zIndices","tooltip","width","position","ClassNames","css","StyledBaseDropDown","container","root","display","outlineStyles","baseContainer","component","variableWidth","e","s","onContainerCreation","popperProps","StyledPanel","HvList","values","selectable","item","onKeyDown","menuList","withId"],"mappings":"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"}

package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"DropDownMenu.styles.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvBaseDropdown, HvButton, HvPanel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledBaseDropDown = styled((props) => (\n  <HvBaseDropdown {...props} />\n))({\n  width: 32,\n});\n\nexport const StyledButton = styled(\n  HvButton,\n  transientOptions\n)(({ $open }: { $open: boolean }) => ({\n  position: \"relative\",\n  boxSizing: \"content-box\",\n  padding: 0,\n\n  borderRadius: theme.dropDownMenu.borderRadius,\n  border: theme.dropDownMenu.borderClosed,\n  borderBottom: \"none\",\n\n  ...($open && {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.shadows[1],\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.acce1,\n    },\n\n    borderRadius: \"2px 2px 0px 0px\",\n    border: theme.dropDownMenu.borderOpened,\n    borderBottom: \"none\",\n  }),\n}));\n\nexport const StyledPanel = styled(HvPanel)({\n  border: theme.dropDownMenu.borderOpened,\n  borderRadius: theme.dropDownMenu.borderRadius,\n});\n"],"names":["StyledBaseDropDown","_styled","props","_jsx","HvBaseDropdown","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","HvButton","_extends","transientOptions","$open","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","borderBottom","backgroundColor","colors","atmo1","boxShadow","shadows","fill","acce1","borderOpened","StyledPanel","HvPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,qBAAqBC,iCAAAA,QAAQC,CACxCC,UAAAA,2BAAAA,IAACC,aAAAA,gBAAc;AAAA,EAAA,GAAKF;AAAK,CAAA,GAC1BG,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,CAEA;AAEWC,MAAAA,wDACXC,OAAAA,UAAQX,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,EAAEC;AAA0B,OAAO;AAAA,EACpCC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,SAAS;AAAA,EAETC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQF,YAAAA,MAAMC,aAAaE;AAAAA,EAC3BC,cAAc;AAAA,EAEd,GAAIT,SAAS;AAAA,IACXU,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAC9BC,WAAWR,YAAAA,MAAMS,QAAQ;AAAA,IAEzB,WAAW;AAAA,MACTJ,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMV,YAAAA,MAAMM,OAAOK;AAAAA,IACrB;AAAA,IAEAZ,cAAc;AAAA,IACdG,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,IAC3BR,cAAc;AAAA,EAChB;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;AAEI,MAAM8B,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCiB,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,EAC3Bb,cAAcC,YAAAA,MAAMC,aAAaF;AACnC,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;;;;"}
+{"version":3,"file":"DropDownMenu.styles.cjs","sources":["../../../../src/components/DropDownMenu/DropDownMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvBaseDropdown, HvButton, HvPanel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledBaseDropDown = styled((props) => (\n  <HvBaseDropdown {...props} />\n))({\n  width: 32,\n});\n\nexport const StyledButton = styled(\n  HvButton,\n  transientOptions\n)(({ $open }: { $open: boolean }) => ({\n  position: \"relative\",\n  boxSizing: \"content-box\",\n  padding: 0,\n\n  borderRadius: theme.dropDownMenu.borderRadius,\n  border: theme.dropDownMenu.borderClosed,\n  borderBottom: \"none\",\n\n  ...($open && {\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: theme.shadows[1],\n\n    \"&:hover\": {\n      backgroundColor: theme.colors.atmo1,\n    },\n\n    \"& svg .color0\": {\n      fill: theme.colors.acce1,\n    },\n\n    borderRadius: \"2px 2px 0px 0px\",\n    border: theme.dropDownMenu.borderOpened,\n    borderBottom: \"none\",\n  }),\n}));\n\nexport const StyledPanel = styled(HvPanel)({\n  border: theme.dropDownMenu.borderOpened,\n  borderRadius: theme.dropDownMenu.borderRadius,\n});\n"],"names":["StyledBaseDropDown","_styled","props","_jsx","HvBaseDropdown","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","HvButton","_extends","transientOptions","$open","position","boxSizing","padding","borderRadius","theme","dropDownMenu","border","borderClosed","borderBottom","backgroundColor","colors","atmo1","boxShadow","shadows","fill","acce1","borderOpened","StyledPanel","HvPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,qBAAqBC,iCAAAA,QAAQC,CACxCC,UAAAA,2BAAAA,IAACC,aAAAA,gBAAc;AAAA,EAAA,GAAKF;AAAK,CAAA,GAC1BG,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,CAEA;AAEWC,MAAAA,wDACXC,OAAAA,UAAQX,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,EAAEC;AAA0B,OAAO;AAAA,EACpCC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,SAAS;AAAA,EAETC,cAAcC,YAAAA,MAAMC,aAAaF;AAAAA,EACjCG,QAAQF,YAAAA,MAAMC,aAAaE;AAAAA,EAC3BC,cAAc;AAAA,EAEd,GAAIT,SAAS;AAAA,IACXU,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAC9BC,WAAWR,YAAAA,MAAMS,QAAQ,CAAC;AAAA,IAE1B,WAAW;AAAA,MACTJ,iBAAiBL,YAAAA,MAAMM,OAAOC;AAAAA,IAChC;AAAA,IAEA,iBAAiB;AAAA,MACfG,MAAMV,YAAAA,MAAMM,OAAOK;AAAAA,IACrB;AAAA,IAEAZ,cAAc;AAAA,IACdG,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,IAC3BR,cAAc;AAAA,EAChB;AACF,IAAEvB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;AAEI,MAAM8B,cAAqBC,iCAAAA,QAAAA,MAAAA,SAAOjC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCiB,QAAQF,YAAAA,MAAMC,aAAaW;AAAAA,EAC3Bb,cAAcC,YAAAA,MAAMC,aAAaF;AACnC,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,igEAAA;;;;"}

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

@@ -1,12 +1,11 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const clsx = require("clsx");
 const validationStates = require("../Forms/FormElement/validationStates.cjs");
 const utils = require("./utils.cjs");
 const dropdownClasses = require("./dropdownClasses.cjs");
 const Dropdown_styles = require("./Dropdown.styles.cjs");
-const dropdownListClasses = require("./List/dropdownListClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const List = require("./List/List.cjs");
@@ -157,14 +156,14 @@ const HvDropdown = (props) => {
       component: "div",
       $selectionDisabled: disabled,
       $isOpen: isOpen || hasSelection,
-      variant: "normalText",
+      variant: "body",
       className: clsx__default.default((_a = dropdownClasses.default) == null ? void 0 : _a.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_b = dropdownClasses.default) == null ? void 0 : _b.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
       children: selectionLabel.selected
     }) : /* @__PURE__ */ jsxRuntime.jsxs(Dropdown_styles.StyledTypography, {
       component: "div",
       $selectionDisabled: disabled,
       className: clsx__default.default((_c = dropdownClasses.default) == null ? void 0 : _c.placeholder, classes == null ? void 0 : classes.placeholder, disabled && clsx__default.default((_d = dropdownClasses.default) == null ? void 0 : _d.selectionDisabled, classes == null ? void 0 : classes.selectionDisabled)),
-      variant: "normalText",
+      variant: "body",
       children: [/* @__PURE__ */ jsxRuntime.jsx("b", {
         children: selectionLabel.selected
       }), ` ${labels == null ? void 0 : labels.multiSelectionConjunction} ${selectionLabel.total}`]
@@ -185,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, {
@@ -204,7 +203,7 @@ const HvDropdown = (props) => {
       classes: {
         root: clsx__default.default(classes == null ? void 0 : classes.dropdown, dropdownClasses.default.dropdown),
         arrow: clsx__default.default(classes == null ? void 0 : classes.arrow, dropdownClasses.default.arrow),
-        header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid ? clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid) : void 0),
+        header: clsx__default.default(dropdownClasses.default.dropdownHeader, classes == null ? void 0 : classes.dropdownHeader, isStateInvalid && clsx__default.default(dropdownClasses.default.dropdownHeaderInvalid, classes == null ? void 0 : classes.dropdownHeaderInvalid)),
         headerOpen: clsx__default.default(dropdownClasses.default.dropdownHeaderOpen, classes == null ? void 0 : classes.dropdownHeaderOpen)
       },
       $dropdownHeaderInvalid: isStateInvalid,
@@ -233,8 +232,8 @@ const HvDropdown = (props) => {
       children: /* @__PURE__ */ jsxRuntime.jsx(List.HvDropdownList, {
         id: setId.setId(elementId, "values"),
         classes: {
-          rootList: clsx__default.default(dropdownListClasses.default.rootList, classes == null ? void 0 : classes.rootList),
-          dropdownListContainer: clsx__default.default(dropdownListClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+          rootList: clsx__default.default(dropdownClasses.default.rootList, classes == null ? void 0 : classes.rootList),
+          dropdownListContainer: clsx__default.default(dropdownClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
         },
         values: internalValues,
         multiSelect,