@hitachivantara/uikit-react-core 4.1.0 → 4.2.0

package/dist/legacy/SimpleGrid/SimpleGrid.js

@@ -14,6 +14,11 @@ import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
 import useStyles from "./styles";
+
+/**
+ * SimpleGrid is a flexbox container where each child is treated as a column.
+ * Each column takes equal amount of space.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
 var HvSimpleGrid = function HvSimpleGrid(_ref) {
   var children = _ref.children,
@@ -41,7 +46,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
   /**
    * Spacing with pre-defined values according the values defined in the theme
    */
-  spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"]),
+  spacing: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"]),
   /**
    * Provide an array to define responsive behavior:
    *
@@ -55,7 +60,7 @@ process.env.NODE_ENV !== "production" ? HvSimpleGrid.propTypes = {
     maxWidth: PropTypes.number,
     minWidth: PropTypes.number,
     cols: PropTypes.number,
-    spacing: PropTypes.oneOf(["sm", "md", "lg", "xl"])
+    spacing: PropTypes.oneOf(["xs", "sm", "md", "lg", "xl"])
   })),
   /**
    * Number of how many columns the content will be displayed

package/dist/legacy/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,UAAU;AAAC;AAEjC,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAAmE;EAAA,IAA7DC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAC5E,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAW;IAAEE,IAAI,EAAJA,IAAI;IAAED,OAAO,EAAPA;EAAQ,CAAC,CAAC,EAAE;EAC3D,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAU,GAAKF,MAAM;IAAA,UAC1CJ;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAD,YAAY,CAACQ,SAAS,GAAG;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAAI;EACxB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAO,CAC5Bd,SAAS,CAACe,KAAK,CAAC;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MAAM;IAC1BC,QAAQ,EAAElB,SAAS,CAACiB,MAAM;IAC1BV,IAAI,EAAEP,SAAS,CAACiB,MAAM;IACtBX,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACnD,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAED,eAAehB,UAAU,CAACC,SAAS,EAAE;EAAEiB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAChB,YAAY,CAAC"}
+{"version":3,"file":"SimpleGrid.js","names":["React","PropTypes","withStyles","useStyles","HvSimpleGrid","children","breakpoints","spacing","cols","others","classes","container","propTypes","node","oneOf","arrayOf","shape","maxWidth","number","minWidth","name"],"sources":["../../../src/SimpleGrid/SimpleGrid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useStyles from \"./styles\";\n\n/**\n * SimpleGrid is a flexbox container where each child is treated as a column.\n * Each column takes equal amount of space.\n */\nconst HvSimpleGrid = ({ children, breakpoints, spacing = \"sm\", cols, ...others }) => {\n  const classes = useStyles({ breakpoints, cols, spacing })();\n  return (\n    <div className={classes.container} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvSimpleGrid.propTypes = {\n  /**\n   * -\n   */\n  children: PropTypes.node,\n  /**\n   * Spacing with pre-defined values according the values defined in the theme\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * Provide an array to define responsive behavior:\n   *\n   *    maxWidth or minWidth: max-width or min-width at which media query will work\n   *\n   *    cols: number of columns per row at given max-width\n   *\n   *    spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n   */\n  breakpoints: PropTypes.arrayOf(\n    PropTypes.shape({\n      maxWidth: PropTypes.number,\n      minWidth: PropTypes.number,\n      cols: PropTypes.number,\n      spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n    })\n  ),\n  /**\n   * Number of how many columns the content will be displayed\n   */\n  cols: PropTypes.number,\n};\n\nexport default withStyles(useStyles, { name: \"HvSimpleGrid\" })(HvSimpleGrid);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,SAAS,MAAM,UAAU;;AAEhC;AACA;AACA;AACA;AAHA;AAIA,IAAMC,YAAY,GAAG,SAAfA,YAAY,OAAmE;EAAA,IAA7DC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAC5E,IAAMC,OAAO,GAAGP,SAAS,CAAC;IAAEG,WAAW,EAAXA,WAAW;IAAEE,IAAI,EAAJA,IAAI;IAAED,OAAO,EAAPA;EAAQ,CAAC,CAAC,EAAE;EAC3D,oBACE;IAAK,SAAS,EAAEG,OAAO,CAACC;EAAU,GAAKF,MAAM;IAAA,UAC1CJ;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAD,YAAY,CAACQ,SAAS,GAAG;EACvB;AACF;AACA;EACEP,QAAQ,EAAEJ,SAAS,CAACY,IAAI;EACxB;AACF;AACA;EACEN,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;EACxD;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACER,WAAW,EAAEL,SAAS,CAACc,OAAO,CAC5Bd,SAAS,CAACe,KAAK,CAAC;IACdC,QAAQ,EAAEhB,SAAS,CAACiB,MAAM;IAC1BC,QAAQ,EAAElB,SAAS,CAACiB,MAAM;IAC1BV,IAAI,EAAEP,SAAS,CAACiB,MAAM;IACtBX,OAAO,EAAEN,SAAS,CAACa,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;EACzD,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEN,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAED,eAAehB,UAAU,CAACC,SAAS,EAAE;EAAEiB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAChB,YAAY,CAAC"}

package/dist/modern/BreadCrumb/BreadCrumb.js

@@ -8,13 +8,13 @@ import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@mui/styles";
 import { DropRightXS } from "@hitachivantara/uikit-react-icons";
-import startCase from "lodash/startCase";
 import isNil from "lodash/isNil";
 import { HvLink, HvTypography, HvOverflowTooltip } from "..";
-import { pathWithSubMenu, removeExtension } from "./utils";
+import pathWithSubMenu from "./utils";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+const capitalize = ([first, ...rest], lowerRest = false) => first.toUpperCase() + (lowerRest ? rest.join("").toLowerCase() : rest.join(""));
 const Page = ({
   Component,
   onClick,
@@ -32,9 +32,9 @@ const Page = ({
     noWrap: true,
     component: "div",
     variant: "highlightText",
-    className: classes.link,
+    className: clsx(classes.link, classes.label),
     children: /*#__PURE__*/_jsx(HvOverflowTooltip, {
-      data: startCase(elem.label)
+      data: elem.label
     })
   })
 });
@@ -112,9 +112,10 @@ const BreadCrumb = props => {
           classes: classes,
           last: isLast,
           children: /*#__PURE__*/React.isValidElement(elem) && elem || isLast && /*#__PURE__*/_jsx(HvTypography, {
-            className: classes.currentPage,
+            noWrap: true,
+            className: clsx(classes.currentPage),
             variant: "normalText",
-            children: startCase(removeExtension(elem.label))
+            children: capitalize(elem.label)
           }) || /*#__PURE__*/_jsx(Page, {
             elem: elem,
             classes: classes,
@@ -154,7 +155,11 @@ process.env.NODE_ENV !== "production" ? BreadCrumb.propTypes = {
     /**
      *  Styles applied to the last element.
      */
-    currentPage: PropTypes.string
+    currentPage: PropTypes.string,
+    /**
+     * Styles applied to the list elements.
+     */
+    label: PropTypes.string
   }).isRequired,
   /**
    * List of breadcrumb.

package/dist/modern/BreadCrumb/BreadCrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","startCase","isNil","HvLink","HvTypography","HvOverflowTooltip","pathWithSubMenu","removeExtension","styles","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","join","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport startCase from \"lodash/startCase\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } from \"..\";\nimport { pathWithSubMenu, removeExtension } from \"./utils\";\nimport styles from \"./styles\";\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography noWrap component=\"div\" variant=\"highlightText\" className={classes.link}>\n      <HvOverflowTooltip data={startCase(elem.label)} />\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography className={classes.currentPage} variant=\"normalText\">\n                    {startCase(removeExtension(elem.label))}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,QAAQ,IAAI;AAC5D,SAASC,eAAe,EAAEC,eAAe,QAAQ,SAAS;AAC1D,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,IAAI,GAAG,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAQ,CAAC,kBACjD,KAAC,MAAM;EACL,KAAK,EAAED,IAAI,CAACE,IAAK;EACjB,SAAS,EAAEJ,SAAU;EACrB,OAAO,EAAEC,OAAQ;EACjB,IAAI,EAAEC,IAAK;EACX,OAAO,EAAE;IAAEG,CAAC,EAAEF,OAAO,CAACE;EAAE,CAAE;EAAA,uBAE1B,KAAC,YAAY;IAAC,MAAM;IAAC,SAAS,EAAC,KAAK;IAAC,OAAO,EAAC,eAAe;IAAC,SAAS,EAAEF,OAAO,CAACG,IAAK;IAAA,uBACnF,KAAC,iBAAiB;MAAC,IAAI,EAAEf,SAAS,CAACW,IAAI,CAACK,KAAK;IAAE;EAAG;AACrC,EAElB;AAED,wCAAAR,IAAI,CAACS,SAAS,GAAG;EACfR,SAAS,EAAEb,SAAS,CAACsB,WAAW;EAChCR,OAAO,EAAEd,SAAS,CAACuB,IAAI;EACvBR,IAAI,EAAEf,SAAS,CAACwB,KAAK,CAAC;IACpBP,IAAI,EAAEjB,SAAS,CAACyB,MAAM;IACtBL,KAAK,EAAEpB,SAAS,CAACyB;EACnB,CAAC,CAAC,CAACC,UAAU;EACbV,OAAO,EAAEhB,SAAS,CAAC2B,UAAU,CAACC,MAAM,CAAC,CAACF;AACxC,CAAC;AAED,MAAMG,WAAW,GAAG,CAAC;EAAEb,OAAO;EAAEc,IAAI,GAAG,KAAK;EAAEC;AAAS,CAAC,kBACtD;EAAI,SAAS,EAAEf,OAAO,CAACgB,eAAgB;EAAA,WACpCD,QAAQ,EACR,CAACD,IAAI,iBAAI,KAAC,WAAW;IAAC,SAAS,EAAEd,OAAO,CAACiB,kBAAmB;IAAC,KAAK,EAAC;EAAO,EAAG;AAAA,EAEjF;AAED,wCAAAJ,WAAW,CAACR,SAAS,GAAG;EACtBS,IAAI,EAAE9B,SAAS,CAACkC,IAAI;EACpBlB,OAAO,EAAEhB,SAAS,CAAC2B,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChDK,QAAQ,EAAE/B,SAAS,CAACmC,OAAO,CAACT;AAC9B,CAAC;;AAED;AACA;AACA;AACA,MAAMU,UAAU,GAAIC,KAAK,IAAK;EAC5B,MAAM;MACJrB,OAAO;MACPsB,SAAS;MACTC,EAAE;MACFC,SAAS,GAAG,EAAE;MACdC,UAAU;MACVC,GAAG;MACH5B,OAAO;MACP6B,SAAS,GAAG,KAAK;MACjBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,MAAM,4BACPR,KAAK;EACT,MAAMS,cAAc,GAAGL,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGA,UAAU;EACtD,IAAIM,QAAQ,GAAGP,SAAS,CAACQ,KAAK,EAAE;;EAEhC;EACA,IAAI,CAAC3C,KAAK,CAACqC,GAAG,CAAC,EAAE;IACfK,QAAQ,GAAG,EAAE;;IAEb;IACA,MAAME,OAAO,GAAGP,GAAG,CAACQ,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;;IAE7C;IACA,MAAMC,gBAAgB,GAAGT,GAAG,CAACU,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAExD,MAAMC,SAAS,GAAGF,gBAAgB,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;IAE9DH,SAAS,CAACI,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KACxBX,QAAQ,CAACY,IAAI,CAAC;MACZvC,KAAK,EAAEwC,SAAS,CAAC7C,IAAI,CAAC;MACtBE,IAAI,EAAG,GAAEgC,OAAQ,IAAGI,SAAS,CAACL,KAAK,CAAC,CAAC,EAAEU,KAAK,GAAG,CAAC,CAAC,CAACG,IAAI,CAAC,GAAG,CAAE;IAC9D,CAAC,CAAC,CACH;EACH;EAEA,MAAMC,cAAc,GAClBf,QAAQ,CAACgB,MAAM,GAAGjB,cAAc,GAC5BrC,eAAe,CAAC8B,EAAE,EAAEvB,OAAO,EAAE+B,QAAQ,EAAED,cAAc,EAAEF,iBAAiB,CAAC,GACzEG,QAAQ;EAEd,oBACE;IAAK,EAAE,EAAER,EAAG;IAAC,SAAS,EAAEtC,IAAI,CAACe,OAAO,CAACgD,IAAI,EAAE1B,SAAS;EAAE,GAAKO,MAAM;IAAA,uBAC/D;MAAI,SAAS,EAAE7B,OAAO,CAACiD,WAAY;MAAA,UAChClB,QAAQ,CAACU,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KAAK;QAC7B,MAAMQ,GAAG,GAAI,OAAMR,KAAM,EAAC;QAC1B,MAAMS,MAAM,GAAGT,KAAK,KAAKI,cAAc,CAACC,MAAM,GAAG,CAAC;QAElD,oBACE,KAAC,WAAW;UAAC,OAAO,EAAE/C,OAAQ;UAAW,IAAI,EAAEmD,MAAO;UAAA,UAClD,aAAApE,KAAK,CAACqE,cAAc,CAACrD,IAAI,CAAC,IAAIA,IAAI,IACjCoD,MAAM,iBACL,KAAC,YAAY;YAAC,SAAS,EAAEnD,OAAO,CAACqD,WAAY;YAAC,OAAO,EAAC,YAAY;YAAA,UAC/DjE,SAAS,CAACM,eAAe,CAACK,IAAI,CAACK,KAAK,CAAC;UAAC,EAEzC,iBACA,KAAC,IAAI;YAEH,IAAI,EAAEL,IAAK;YACX,OAAO,EAAEC,OAAQ;YACjB,SAAS,EAAEF,OAAO,GAAG6B,SAAS,GAAG2B,SAAU;YAC3C,OAAO,EAAExD;UAAQ,GAJZoD,GAAG;QAMX,GAd+BA,GAAG,CAezB;MAElB,CAAC;IAAC;EACC,GACD;AAEV,CAAC;AAED,wCAAA9B,UAAU,CAACf,SAAS,GAAG;EACrB;AACF;AACA;EACEiB,SAAS,EAAEtC,SAAS,CAACyB,MAAM;EAC3B;AACF;AACA;EACEc,EAAE,EAAEvC,SAAS,CAACyB,MAAM;EACpB;AACF;AACA;EACET,OAAO,EAAEhB,SAAS,CAACwB,KAAK,CAAC;IACvB;AACJ;AACA;IACIwC,IAAI,EAAEhE,SAAS,CAACyB,MAAM;IACtB;AACJ;AACA;IACIN,IAAI,EAAEnB,SAAS,CAACyB,MAAM;IACtB;AACJ;AACA;IACIwC,WAAW,EAAEjE,SAAS,CAACyB,MAAM;IAC7B;AACJ;AACA;IACI4C,WAAW,EAAErE,SAAS,CAACyB;EACzB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEc,SAAS,EAAExC,SAAS,CAACuE,OAAO,CAC1BvE,SAAS,CAACwB,KAAK,CAAC;IACdJ,KAAK,EAAEpB,SAAS,CAACyB,MAAM;IACvBR,IAAI,EAAEjB,SAAS,CAACyB;EAClB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEiB,GAAG,EAAE1C,SAAS,CAACyB,MAAM;EACrB;AACF;AACA;EACEgB,UAAU,EAAEzC,SAAS,CAACwE,MAAM;EAC5B;AACF;AACA;AACA;EACE7B,SAAS,EAAE3C,SAAS,CAACsB,WAAW;EAChC;AACF;AACA;EACER,OAAO,EAAEd,SAAS,CAACuB,IAAI;EACvB;AACF;AACA;EACEqB,iBAAiB,EAAE5C,SAAS,CAAC2B,UAAU,CAACC,MAAM;AAChD,CAAC;AAED,eAAe1B,UAAU,CAACS,MAAM,EAAE;EAAE8D,IAAI,EAAE,cAAc;EAAEf,KAAK,EAAE;AAAE,CAAC,CAAC,CAACtB,UAAU,CAAC"}
+{"version":3,"file":"BreadCrumb.js","names":["React","PropTypes","clsx","withStyles","DropRightXS","isNil","HvLink","HvTypography","HvOverflowTooltip","pathWithSubMenu","styles","capitalize","first","rest","lowerRest","toUpperCase","join","toLowerCase","Page","Component","onClick","elem","classes","path","a","link","label","propTypes","elementType","func","shape","string","isRequired","instanceOf","Object","PathElement","last","children","centerContainer","separatorContainer","bool","element","BreadCrumb","props","className","id","listRoute","maxVisible","url","component","dropDownMenuProps","others","maxVisibleElem","listPath","slice","baseUrl","match","urlWithoutDomain","replace","pathNames","split","filter","x","map","index","push","decodeURI","breadcrumbPath","length","root","orderedList","key","isLast","isValidElement","currentPage","undefined","arrayOf","number","name"],"sources":["../../../src/BreadCrumb/BreadCrumb.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport { HvLink, HvTypography, HvOverflowTooltip } from \"..\";\nimport pathWithSubMenu from \"./utils\";\nimport styles from \"./styles\";\n\nconst capitalize = ([first, ...rest], lowerRest = false) =>\n  first.toUpperCase() + (lowerRest ? rest.join(\"\").toLowerCase() : rest.join(\"\"));\n\nconst Page = ({ Component, onClick, elem, classes }) => (\n  <HvLink\n    route={elem.path}\n    Component={Component}\n    onClick={onClick}\n    data={elem}\n    classes={{ a: classes.a }}\n  >\n    <HvTypography\n      noWrap\n      component=\"div\"\n      variant=\"highlightText\"\n      className={clsx(classes.link, classes.label)}\n    >\n      <HvOverflowTooltip data={elem.label} />\n    </HvTypography>\n  </HvLink>\n);\n\nPage.propTypes = {\n  Component: PropTypes.elementType,\n  onClick: PropTypes.func,\n  elem: PropTypes.shape({\n    path: PropTypes.string,\n    label: PropTypes.string,\n  }).isRequired,\n  classes: PropTypes.instanceOf(Object).isRequired,\n};\n\nconst PathElement = ({ classes, last = false, children }) => (\n  <li className={classes.centerContainer}>\n    {children}\n    {!last && <DropRightXS className={classes.separatorContainer} color=\"atmo5\" />}\n  </li>\n);\n\nPathElement.propTypes = {\n  last: PropTypes.bool,\n  classes: PropTypes.instanceOf(Object).isRequired,\n  children: PropTypes.element.isRequired,\n};\n\n/**\n * A breadcrumb is a graphical control element frequently used as a navigational aid.\n */\nconst BreadCrumb = (props) => {\n  const {\n    classes,\n    className,\n    id,\n    listRoute = [],\n    maxVisible,\n    url,\n    onClick,\n    component = \"div\",\n    dropDownMenuProps,\n    ...others\n  } = props;\n  const maxVisibleElem = maxVisible < 2 ? 2 : maxVisible;\n  let listPath = listRoute.slice();\n\n  // build the listPath object list\n  if (!isNil(url)) {\n    listPath = [];\n\n    // get the domain\n    const baseUrl = url.match(/^.*\\/\\/[^/]+/, \"\");\n\n    // get url without domain\n    const urlWithoutDomain = url.replace(/^.*\\/\\/[^/]+/, \"\");\n\n    const pathNames = urlWithoutDomain.split(\"/\").filter((x) => x);\n\n    pathNames.map((elem, index) =>\n      listPath.push({\n        label: decodeURI(elem),\n        path: `${baseUrl}/${pathNames.slice(0, index + 1).join(\"/\")}`,\n      })\n    );\n  }\n\n  const breadcrumbPath =\n    listPath.length > maxVisibleElem\n      ? pathWithSubMenu(id, classes, listPath, maxVisibleElem, dropDownMenuProps)\n      : listPath;\n\n  return (\n    <nav id={id} className={clsx(classes.root, className)} {...others}>\n      <ol className={classes.orderedList}>\n        {listPath.map((elem, index) => {\n          const key = `key_${index}`;\n          const isLast = index === breadcrumbPath.length - 1;\n\n          return (\n            <PathElement classes={classes} key={key} last={isLast}>\n              {(React.isValidElement(elem) && elem) ||\n                (isLast && (\n                  <HvTypography noWrap className={clsx(classes.currentPage)} variant=\"normalText\">\n                    {capitalize(elem.label)}\n                  </HvTypography>\n                )) || (\n                  <Page\n                    key={key}\n                    elem={elem}\n                    classes={classes}\n                    Component={onClick ? component : undefined}\n                    onClick={onClick}\n                  />\n                )}\n            </PathElement>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nBreadCrumb.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the links.\n     */\n    link: PropTypes.string,\n    /**\n     *  Styles applied to the list.\n     */\n    orderedList: PropTypes.string,\n    /**\n     *  Styles applied to the last element.\n     */\n    currentPage: PropTypes.string,\n    /**\n     * Styles applied to the list elements.\n     */\n    label: PropTypes.string,\n  }).isRequired,\n  /**\n   * List of breadcrumb.\n   */\n  listRoute: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n    })\n  ),\n  /**\n   * URL to build the breadcrumb.\n   */\n  url: PropTypes.string,\n  /**\n   * Number of pages visible.\n   */\n  maxVisible: PropTypes.number,\n  /**\n   * The component used for the link node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Function passed to the component. If defined the component prop is used as the link node.\n   */\n  onClick: PropTypes.func,\n  /**\n   * Props passed down to the DropDownMenu sub-menu component.\n   */\n  dropDownMenuProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvBreadCrumb\", index: 1 })(BreadCrumb);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,mCAAmC;AAC/D,OAAOC,KAAK,MAAM,cAAc;AAChC,SAASC,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,QAAQ,IAAI;AAC5D,OAAOC,eAAe,MAAM,SAAS;AACrC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,UAAU,GAAG,CAAC,CAACC,KAAK,EAAE,GAAGC,IAAI,CAAC,EAAEC,SAAS,GAAG,KAAK,KACrDF,KAAK,CAACG,WAAW,EAAE,IAAID,SAAS,GAAGD,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAACC,WAAW,EAAE,GAAGJ,IAAI,CAACG,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjF,MAAME,IAAI,GAAG,CAAC;EAAEC,SAAS;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAQ,CAAC,kBACjD,KAAC,MAAM;EACL,KAAK,EAAED,IAAI,CAACE,IAAK;EACjB,SAAS,EAAEJ,SAAU;EACrB,OAAO,EAAEC,OAAQ;EACjB,IAAI,EAAEC,IAAK;EACX,OAAO,EAAE;IAAEG,CAAC,EAAEF,OAAO,CAACE;EAAE,CAAE;EAAA,uBAE1B,KAAC,YAAY;IACX,MAAM;IACN,SAAS,EAAC,KAAK;IACf,OAAO,EAAC,eAAe;IACvB,SAAS,EAAEtB,IAAI,CAACoB,OAAO,CAACG,IAAI,EAAEH,OAAO,CAACI,KAAK,CAAE;IAAA,uBAE7C,KAAC,iBAAiB;MAAC,IAAI,EAAEL,IAAI,CAACK;IAAM;EAAG;AAC1B,EAElB;AAED,wCAAAR,IAAI,CAACS,SAAS,GAAG;EACfR,SAAS,EAAElB,SAAS,CAAC2B,WAAW;EAChCR,OAAO,EAAEnB,SAAS,CAAC4B,IAAI;EACvBR,IAAI,EAAEpB,SAAS,CAAC6B,KAAK,CAAC;IACpBP,IAAI,EAAEtB,SAAS,CAAC8B,MAAM;IACtBL,KAAK,EAAEzB,SAAS,CAAC8B;EACnB,CAAC,CAAC,CAACC,UAAU;EACbV,OAAO,EAAErB,SAAS,CAACgC,UAAU,CAACC,MAAM,CAAC,CAACF;AACxC,CAAC;AAED,MAAMG,WAAW,GAAG,CAAC;EAAEb,OAAO;EAAEc,IAAI,GAAG,KAAK;EAAEC;AAAS,CAAC,kBACtD;EAAI,SAAS,EAAEf,OAAO,CAACgB,eAAgB;EAAA,WACpCD,QAAQ,EACR,CAACD,IAAI,iBAAI,KAAC,WAAW;IAAC,SAAS,EAAEd,OAAO,CAACiB,kBAAmB;IAAC,KAAK,EAAC;EAAO,EAAG;AAAA,EAEjF;AAED,wCAAAJ,WAAW,CAACR,SAAS,GAAG;EACtBS,IAAI,EAAEnC,SAAS,CAACuC,IAAI;EACpBlB,OAAO,EAAErB,SAAS,CAACgC,UAAU,CAACC,MAAM,CAAC,CAACF,UAAU;EAChDK,QAAQ,EAAEpC,SAAS,CAACwC,OAAO,CAACT;AAC9B,CAAC;;AAED;AACA;AACA;AACA,MAAMU,UAAU,GAAIC,KAAK,IAAK;EAC5B,MAAM;MACJrB,OAAO;MACPsB,SAAS;MACTC,EAAE;MACFC,SAAS,GAAG,EAAE;MACdC,UAAU;MACVC,GAAG;MACH5B,OAAO;MACP6B,SAAS,GAAG,KAAK;MACjBC;IAEF,CAAC,GAAGP,KAAK;IADJQ,MAAM,4BACPR,KAAK;EACT,MAAMS,cAAc,GAAGL,UAAU,GAAG,CAAC,GAAG,CAAC,GAAGA,UAAU;EACtD,IAAIM,QAAQ,GAAGP,SAAS,CAACQ,KAAK,EAAE;;EAEhC;EACA,IAAI,CAACjD,KAAK,CAAC2C,GAAG,CAAC,EAAE;IACfK,QAAQ,GAAG,EAAE;;IAEb;IACA,MAAME,OAAO,GAAGP,GAAG,CAACQ,KAAK,CAAC,cAAc,EAAE,EAAE,CAAC;;IAE7C;IACA,MAAMC,gBAAgB,GAAGT,GAAG,CAACU,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC;IAExD,MAAMC,SAAS,GAAGF,gBAAgB,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAAC;IAE9DH,SAAS,CAACI,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KACxBX,QAAQ,CAACY,IAAI,CAAC;MACZvC,KAAK,EAAEwC,SAAS,CAAC7C,IAAI,CAAC;MACtBE,IAAI,EAAG,GAAEgC,OAAQ,IAAGI,SAAS,CAACL,KAAK,CAAC,CAAC,EAAEU,KAAK,GAAG,CAAC,CAAC,CAAChD,IAAI,CAAC,GAAG,CAAE;IAC9D,CAAC,CAAC,CACH;EACH;EAEA,MAAMmD,cAAc,GAClBd,QAAQ,CAACe,MAAM,GAAGhB,cAAc,GAC5B3C,eAAe,CAACoC,EAAE,EAAEvB,OAAO,EAAE+B,QAAQ,EAAED,cAAc,EAAEF,iBAAiB,CAAC,GACzEG,QAAQ;EAEd,oBACE;IAAK,EAAE,EAAER,EAAG;IAAC,SAAS,EAAE3C,IAAI,CAACoB,OAAO,CAAC+C,IAAI,EAAEzB,SAAS;EAAE,GAAKO,MAAM;IAAA,uBAC/D;MAAI,SAAS,EAAE7B,OAAO,CAACgD,WAAY;MAAA,UAChCjB,QAAQ,CAACU,GAAG,CAAC,CAAC1C,IAAI,EAAE2C,KAAK,KAAK;QAC7B,MAAMO,GAAG,GAAI,OAAMP,KAAM,EAAC;QAC1B,MAAMQ,MAAM,GAAGR,KAAK,KAAKG,cAAc,CAACC,MAAM,GAAG,CAAC;QAElD,oBACE,KAAC,WAAW;UAAC,OAAO,EAAE9C,OAAQ;UAAW,IAAI,EAAEkD,MAAO;UAAA,UAClD,aAAAxE,KAAK,CAACyE,cAAc,CAACpD,IAAI,CAAC,IAAIA,IAAI,IACjCmD,MAAM,iBACL,KAAC,YAAY;YAAC,MAAM;YAAC,SAAS,EAAEtE,IAAI,CAACoB,OAAO,CAACoD,WAAW,CAAE;YAAC,OAAO,EAAC,YAAY;YAAA,UAC5E/D,UAAU,CAACU,IAAI,CAACK,KAAK;UAAC,EAEzB,iBACA,KAAC,IAAI;YAEH,IAAI,EAAEL,IAAK;YACX,OAAO,EAAEC,OAAQ;YACjB,SAAS,EAAEF,OAAO,GAAG6B,SAAS,GAAG0B,SAAU;YAC3C,OAAO,EAAEvD;UAAQ,GAJZmD,GAAG;QAMX,GAd+BA,GAAG,CAezB;MAElB,CAAC;IAAC;EACC,GACD;AAEV,CAAC;AAED,wCAAA7B,UAAU,CAACf,SAAS,GAAG;EACrB;AACF;AACA;EACEiB,SAAS,EAAE3C,SAAS,CAAC8B,MAAM;EAC3B;AACF;AACA;EACEc,EAAE,EAAE5C,SAAS,CAAC8B,MAAM;EACpB;AACF;AACA;EACET,OAAO,EAAErB,SAAS,CAAC6B,KAAK,CAAC;IACvB;AACJ;AACA;IACIuC,IAAI,EAAEpE,SAAS,CAAC8B,MAAM;IACtB;AACJ;AACA;IACIN,IAAI,EAAExB,SAAS,CAAC8B,MAAM;IACtB;AACJ;AACA;IACIuC,WAAW,EAAErE,SAAS,CAAC8B,MAAM;IAC7B;AACJ;AACA;IACI2C,WAAW,EAAEzE,SAAS,CAAC8B,MAAM;IAC7B;AACJ;AACA;IACIL,KAAK,EAAEzB,SAAS,CAAC8B;EACnB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEc,SAAS,EAAE7C,SAAS,CAAC2E,OAAO,CAC1B3E,SAAS,CAAC6B,KAAK,CAAC;IACdJ,KAAK,EAAEzB,SAAS,CAAC8B,MAAM;IACvBR,IAAI,EAAEtB,SAAS,CAAC8B;EAClB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEiB,GAAG,EAAE/C,SAAS,CAAC8B,MAAM;EACrB;AACF;AACA;EACEgB,UAAU,EAAE9C,SAAS,CAAC4E,MAAM;EAC5B;AACF;AACA;AACA;EACE5B,SAAS,EAAEhD,SAAS,CAAC2B,WAAW;EAChC;AACF;AACA;EACER,OAAO,EAAEnB,SAAS,CAAC4B,IAAI;EACvB;AACF;AACA;EACEqB,iBAAiB,EAAEjD,SAAS,CAACgC,UAAU,CAACC,MAAM;AAChD,CAAC;AAED,eAAe/B,UAAU,CAACO,MAAM,EAAE;EAAEoE,IAAI,EAAE,cAAc;EAAEd,KAAK,EAAE;AAAE,CAAC,CAAC,CAACtB,UAAU,CAAC"}

package/dist/modern/BreadCrumb/styles.js

@@ -35,6 +35,9 @@ const styles = theme => ({
     "&:focus": {
       backgroundColor: theme.hv.palette.atmosphere.atmo3
     }
+  },
+  label: {
+    textTransform: "capitalize"
   }
 });
 export default styles;

package/dist/modern/BreadCrumb/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDG,IAAI,EAAE;IACJC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;IACpC,SAAS,EAAE;MACTC,MAAM,EAAE,SAAS;MACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MAAM;IACfiB,WAAW,EAAE,CAAC;IACdC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE,EAAC;IACrCI,cAAc,EAAE,MAAM;IACtBC,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C,CAAC;IACD,SAAS,EAAE;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","zIndex","centerContainer","link","maxWidth","color","hv","palette","accent","acce1","cursor","backgroundColor","atmosphere","atmo3","separatorContainer","orderedList","paddingLeft","marginLeft","spacing","currentPage","padding","a","textDecoration","borderRadius","label","textTransform"],"sources":["../../../src/BreadCrumb/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 0,\n  },\n  centerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  link: {\n    maxWidth: \"170px\",\n    color: theme.hv.palette.accent.acce1,\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  separatorContainer: {},\n  orderedList: {\n    display: \"flex\",\n    paddingLeft: 0,\n    marginLeft: `-${theme.spacing(\"xs\")}`,\n  },\n  currentPage: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n  },\n  a: {\n    padding: `8px ${theme.spacing(\"xs\")}`,\n    textDecoration: \"none\",\n    borderRadius: \"2px\",\n    \"&:hover\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n  },\n  label: {\n    textTransform: \"capitalize\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDG,IAAI,EAAE;IACJC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC,MAAM,CAACC,KAAK;IACpC,SAAS,EAAE;MACTC,MAAM,EAAE,SAAS;MACjBC,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDC,kBAAkB,EAAE,CAAC,CAAC;EACtBC,WAAW,EAAE;IACXhB,OAAO,EAAE,MAAM;IACfiB,WAAW,EAAE,CAAC;IACdC,UAAU,EAAG,IAAGpB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDC,WAAW,EAAE;IACXC,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE;EACtC,CAAC;EACDG,CAAC,EAAE;IACDD,OAAO,EAAG,OAAMvB,KAAK,CAACqB,OAAO,CAAC,IAAI,CAAE,EAAC;IACrCI,cAAc,EAAE,MAAM;IACtBC,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE;MACTZ,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C,CAAC;IACD,SAAS,EAAE;MACTF,eAAe,EAAEd,KAAK,CAACS,EAAE,CAACC,OAAO,CAACK,UAAU,CAACC;IAC/C;EACF,CAAC;EACDW,KAAK,EAAE;IACLC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,eAAe7B,MAAM"}

package/dist/modern/BreadCrumb/utils.js

@@ -7,8 +7,7 @@ import { MoreOptionsHorizontal } from "@hitachivantara/uikit-react-icons";
 import { HvDropDownMenu } from "..";
 import { setId } from "../utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const removeExtension = label => label.includes(".") ? label.substring(0, label.lastIndexOf(".")) : label;
-export const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
+const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {
   const nbrElemToSubMenu = listRoute.length - maxVisible;
   const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);
   listRoute.splice(1, nbrElemToSubMenu, /*#__PURE__*/_jsx(HvDropDownMenu, _objectSpread({
@@ -21,4 +20,5 @@ export const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenu
   }, dropDownMenuProps)));
   return listRoute;
 };
+export default pathWithSubMenu;
 //# sourceMappingURL=utils.js.map

package/dist/modern/BreadCrumb/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","removeExtension","label","includes","substring","lastIndexOf","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nexport const removeExtension = (label) =>\n  label.includes(\".\") ? label.substring(0, label.lastIndexOf(\".\")) : label;\n\nexport const pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,cAAc,QAAQ,IAAI;AACnC,SAASC,KAAK,QAAQ,UAAU;AAAC;AAEjC,OAAO,MAAMC,eAAe,GAAIC,KAAK,IACnCA,KAAK,CAACC,QAAQ,CAAC,GAAG,CAAC,GAAGD,KAAK,CAACE,SAAS,CAAC,CAAC,EAAEF,KAAK,CAACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAGH,KAAK;AAE1E,OAAO,MAAMI,eAAe,GAAG,CAACC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,KAAK;EACxF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,KAAC,cAAc;IACb,EAAE,EAAEZ,KAAK,CAACO,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,KAAC,qBAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC"}
+{"version":3,"file":"utils.js","names":["React","MoreOptionsHorizontal","HvDropDownMenu","setId","pathWithSubMenu","id","classes","listRoute","maxVisible","dropDownMenuProps","nbrElemToSubMenu","length","subMenuList","slice","splice"],"sources":["../../../src/BreadCrumb/utils.js"],"sourcesContent":["import React from \"react\";\nimport { MoreOptionsHorizontal } from \"@hitachivantara/uikit-react-icons\";\nimport { HvDropDownMenu } from \"..\";\nimport { setId } from \"../utils\";\n\nconst pathWithSubMenu = (id, classes, listRoute, maxVisible, dropDownMenuProps) => {\n  const nbrElemToSubMenu = listRoute.length - maxVisible;\n  const subMenuList = listRoute.slice(1, nbrElemToSubMenu + 1);\n\n  listRoute.splice(\n    1,\n    nbrElemToSubMenu,\n    <HvDropDownMenu\n      id={setId(id, \"submenu\")}\n      icon={<MoreOptionsHorizontal iconSize=\"S\" color=\"acce1\" />}\n      dataList={subMenuList}\n      {...dropDownMenuProps}\n    />\n  );\n\n  return listRoute;\n};\n\nexport default pathWithSubMenu;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,qBAAqB,QAAQ,mCAAmC;AACzE,SAASC,cAAc,QAAQ,IAAI;AACnC,SAASC,KAAK,QAAQ,UAAU;AAAC;AAEjC,MAAMC,eAAe,GAAG,CAACC,EAAE,EAAEC,OAAO,EAAEC,SAAS,EAAEC,UAAU,EAAEC,iBAAiB,KAAK;EACjF,MAAMC,gBAAgB,GAAGH,SAAS,CAACI,MAAM,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGL,SAAS,CAACM,KAAK,CAAC,CAAC,EAAEH,gBAAgB,GAAG,CAAC,CAAC;EAE5DH,SAAS,CAACO,MAAM,CACd,CAAC,EACDJ,gBAAgB,eAChB,KAAC,cAAc;IACb,EAAE,EAAEP,KAAK,CAACE,EAAE,EAAE,SAAS,CAAE;IACzB,IAAI,iEAAE,KAAC,qBAAqB;MAAC,QAAQ,EAAC,GAAG;MAAC,KAAK,EAAC;IAAO,EAAG,CAAC;IAC3D,QAAQ,EAAEO;EAAY,GAClBH,iBAAiB,EACrB,CACH;EAED,OAAOF,SAAS;AAClB,CAAC;AAED,eAAeH,eAAe"}

package/dist/modern/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogProps, StandardProps } from "@mui/material";
 
-export type HvDialogClassKey = "root" | "background" | "paper" | "closeButton";
+export type HvDialogClassKey = "root" | "background" | "paper" | "fullscreen" | "closeButton";
 
 export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassKey> {
   /**

package/dist/modern/Dialog/Dialog.js

@@ -100,7 +100,7 @@ const HvDialog = _ref => {
     open: open,
     PaperProps: {
       classes: {
-        root: clsx(classes.paper, fullscreen && "fullscreen")
+        root: clsx(classes.paper, fullscreen && classes.fullscreen)
       }
     },
     fullScreen: fullscreen,
@@ -110,9 +110,9 @@ const HvDialog = _ref => {
       }
     },
     onClose: (event, reason) => wrappedClose(event, reason),
-    onKeyDown: keyDownHandler
+    onKeyDown: keyDownHandler,
+    "aria-modal": true
   }, others), {}, {
-    "aria-modal": true,
     children: [/*#__PURE__*/_jsx(Button, {
       id: setId(id, "close"),
       className: classes.closeButton,
@@ -120,9 +120,7 @@ const HvDialog = _ref => {
       onClick: event => wrappedClose(event, undefined, true),
       "aria-label": buttonTitle,
       children: /*#__PURE__*/_jsx(CloseButtonTooltipWrapper, {})
-    }), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
-      fullscreen
-    })) : children]
+    }), children]
   }));
 };
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -147,9 +145,13 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
      */
     background: PropTypes.string,
     /**
-     * Style applied to the component (root).
+     * Style applied to the paper component.
      */
     paper: PropTypes.string,
+    /**
+     * Style applied to the paper component when it's fullscreen.
+     */
+    fullscreen: PropTypes.string,
     /**
      * Style applied to the close button.
      */

package/dist/modern/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","closeButton","undefined","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, fullscreen ? \"fullscreen\" : \"\"),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n      aria-modal\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children && typeof children === \"object\"\n        ? React.Children.map(children, (c) => React.cloneElement(c, { fullscreen }))\n        : children}\n    </Dialog>\n  );\n};\n\nHvDialog.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","disableBackdropClick","others","focusableQueue","setFocusableQueue","wrappedClose","event","reason","bypassValidation","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","closeButton","undefined","propTypes","string","shape","isRequired","bool","func","name"],"sources":["../../../src/Dialog/Dialog.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  fullscreen = false,\n  disableBackdropClick = false,\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  // Because the `disableBackdropClick` property was deprecated in MUI5\n  // and we want to maintain that funcionality to the user we're wrapping\n  // the onClose call here to make that check.\n  const wrappedClose = (event, reason, bypassValidation = false) => {\n    if (bypassValidation) {\n      onClose?.(event, reason);\n    } else if (!disableBackdropClick) {\n      onClose?.(event, reason);\n    }\n  };\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        wrappedClose(event, \"escapeKeyDown\", true);\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: clsx(classes.paper, { [classes.fullscreen]: fullscreen }),\n        },\n      }}\n      fullScreen={fullscreen}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => wrappedClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      aria-modal\n      {...others}\n    >\n      <Button\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={(event) => wrappedClose(event, undefined, true)}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </Button>\n      {children}\n    </Dialog>\n  );\n};\n\nHvDialog.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the paper component.\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the paper component when it's fullscreen.\n     */\n    fullscreen: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n  /**\n   * Set the dialog to fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Prevent closing the dialog when clicking on the backdrop.\n   */\n  disableBackdropClick: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"mappings":"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"}

package/dist/modern/Dialog/DialogActions/DialogActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, fullscreen && classes.fullscreen),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAIC,KAAK,IAAK;EACjC,MAAM;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,UAAU,GAAG;IAAiB,CAAC,GAAGJ,KAAK;IAAhBK,MAAM,4BAAKL,KAAK;EAC7E,oBACE,KAAC,aAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAI,EAAEF,UAAU,IAAIH,OAAO,CAACG,UAAU,CAAC;MAC1DG,OAAO,EAAEN,OAAO,CAACM;IACnB,CAAE;IACF,SAAS,EAAEL;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MAAM;IACzB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AACxB,CAAC;AAED,eAAehB,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACf,eAAe,CAAC"}
+{"version":3,"file":"DialogActions.js","names":["React","clsx","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","string","shape","isRequired","node","bool","name"],"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, fullscreen = false, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: clsx(classes.root, { [classes.fullscreen]: fullscreen }),\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n    /**\n     * Style applied to the root of the component if fullscreen is on.\n     */\n    fullscreen: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Whether or not the dialog is in fullscreen mode.\n   */\n  fullscreen: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAIC,KAAK,IAAK;EACjC,MAAM;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,UAAU,GAAG;IAAiB,CAAC,GAAGJ,KAAK;IAAhBK,MAAM,4BAAKL,KAAK;EAC7E,oBACE,KAAC,aAAa;IACZ,OAAO,EAAE;MACPM,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAI,EAA0BF,UAAU,IAA/BH,OAAO,CAACG,UAAU,CAAgB;MAC9DG,OAAO,EAAEN,OAAO,CAACM;IACnB,CAAE;IACF,SAAS,EAAEL;EAAU,GACjBG,MAAM;IAAA,UAETF;EAAQ,GACK;AAEpB,CAAC;AAED,wCAAAJ,eAAe,CAACS,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAEP,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEN,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,OAAO,EAAEZ,SAAS,CAACc,MAAM;IACzB;AACJ;AACA;IACIL,UAAU,EAAET,SAAS,CAACc;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAER,SAAS,CAACiB,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEP,UAAU,EAAET,SAAS,CAACkB;AACxB,CAAC;AAED,eAAehB,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACf,eAAe,CAAC"}

package/dist/modern/Dialog/DialogActions/styles.js

@@ -2,21 +2,14 @@ const styles = theme => ({
   root: {
     margin: "0",
     padding: theme.hv.spacing.sm,
-    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
-    height: 100,
-    flex: 1
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
   },
   spacing: {
     "& > :not(:first-child)": {
       marginLeft: theme.hv.spacing.xs
     }
   },
-  fullscreen: {
-    position: "fixed",
-    width: "100%",
-    bottom: 0,
-    left: 0
-  }
+  fullscreen: {}
 });
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Dialog/DialogActions/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","height","flex","marginLeft","xs","fullscreen","position","width","bottom","left"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    height: 100,\n    flex: 1,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GAAG;IACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAM,EAAC;IAC3DC,MAAM,EAAE,GAAG;IACXC,IAAI,EAAE;EACR,CAAC;EACDP,OAAO,EAAE;IACP,wBAAwB,EAAE;MACxBQ,UAAU,EAAEb,KAAK,CAACI,EAAE,CAACC,OAAO,CAACS;IAC/B;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,QAAQ,EAAE,OAAO;IACjBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAepB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GAAG;IACXC,OAAO,EAAEH,KAAK,CAACI,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAM;EAC5D,CAAC;EACDL,OAAO,EAAE;IACP,wBAAwB,EAAE;MACxBM,UAAU,EAAEX,KAAK,CAACI,EAAE,CAACC,OAAO,CAACO;IAC/B;EACF,CAAC;EACDC,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AAEF,eAAed,MAAM"}

package/dist/modern/Dialog/DialogContent/DialogContent.js

@@ -1,3 +1,8 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "children", "indentContent"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from "react";
 import PropTypes from "prop-types";
 import { DialogContent } from "@mui/material";
@@ -6,17 +11,20 @@ import clsx from "clsx";
 import HvTypography from "../../Typography";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-const HvDialogContent = ({
-  classes,
-  className,
-  children,
-  indentContent = false
-}) => {
-  return /*#__PURE__*/_jsx(HvTypography, {
+const HvDialogContent = _ref => {
+  let {
+      classes,
+      className,
+      children,
+      indentContent = false
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(HvTypography, _objectSpread(_objectSpread({
     component: DialogContent,
-    className: clsx(className, classes.root, indentContent && classes.textContent),
+    className: clsx(className, classes.root, indentContent && classes.textContent)
+  }, others), {}, {
     children: children
-  });
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
   /**
@@ -32,7 +40,7 @@ process.env.NODE_ENV !== "production" ? HvDialogContent.propTypes = {
      */
     root: PropTypes.string,
     /**
-     * Style applied when the content is a string.
+     * Style applied when the content is indented.
      */
     textContent: PropTypes.string
   }).isRequired,

package/dist/modern/Dialog/DialogContent/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,CAAC;EAAEC,OAAO;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,aAAa,GAAG;AAAM,CAAC,KAAK;EACnF,oBACE,KAAC,YAAY;IACX,SAAS,EAAET,aAAc;IACzB,SAAS,EAAEE,IAAI,CAACK,SAAS,EAAED,OAAO,CAACI,IAAI,EAA2BD,aAAa,IAAnCH,OAAO,CAACK,WAAW,CAAoB;IAAA,UAElFH;EAAQ,EACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACO,SAAS,GAAG;EAC1B;AACF;AACA;EACEL,SAAS,EAAER,SAAS,CAACc,MAAM;EAC3B;AACF;AACA;EACEP,OAAO,EAAEP,SAAS,CAACe,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEX,SAAS,CAACc,MAAM;IACtB;AACJ;AACA;IACIF,WAAW,EAAEZ,SAAS,CAACc;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEN,aAAa,EAAEV,SAAS,CAACiB,IAAI;EAC7B;AACF;AACA;EACER,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACF;AAC3B,CAAC;AAED,eAAed,UAAU,CAACG,MAAM,EAAE;EAAEc,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACb,eAAe,CAAC"}
+{"version":3,"file":"DialogContent.js","names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","others","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false, ...others }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n      {...others}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is indented.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,eAAe,GAAG,QAAwE;EAAA,IAAvE;MAAEC,OAAO;MAAEC,SAAS;MAAEC,QAAQ;MAAEC,aAAa,GAAG;IAAiB,CAAC;IAARC,MAAM;EACvF,oBACE,KAAC,YAAY;IACX,SAAS,EAAEV,aAAc;IACzB,SAAS,EAAEE,IAAI,CAACK,SAAS,EAAED,OAAO,CAACK,IAAI,EAA2BF,aAAa,IAAnCH,OAAO,CAACM,WAAW;EAAoB,GAC/EF,MAAM;IAAA,UAETF;EAAQ,GACI;AAEnB,CAAC;AAED,wCAAAH,eAAe,CAACQ,SAAS,GAAG;EAC1B;AACF;AACA;EACEN,SAAS,EAAER,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACgB,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEZ,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIF,WAAW,EAAEb,SAAS,CAACe;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEP,aAAa,EAAEV,SAAS,CAACkB,IAAI;EAC7B;AACF;AACA;EACET,QAAQ,EAAET,SAAS,CAACmB,IAAI,CAACF;AAC3B,CAAC;AAED,eAAef,UAAU,CAACG,MAAM,EAAE;EAAEe,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACd,eAAe,CAAC"}

package/dist/modern/Dialog/DialogContent/styles.js

@@ -1,11 +1,10 @@
 const styles = theme => ({
   root: {
     padding: theme.hvSpacing(0, "sm", "sm", "sm"),
-    flex: "none"
+    flex: 1
   },
   textContent: {
-    marginLeft: "42px",
-    paddingRight: "62px",
+    margin: "0 42px",
     flex: 1,
     overflowY: "auto"
   }

package/dist/modern/Dialog/DialogContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","paddingRight","overflowY"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC7CC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXC,UAAU,EAAE,MAAM;IAClBC,YAAY,EAAE,MAAM;IACpBH,IAAI,EAAE,CAAC;IACPI,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAeT,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","margin","overflowY"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: 1,\n  },\n  textContent: {\n    margin: \"0 42px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC7CC,IAAI,EAAE;EACR,CAAC;EACDC,WAAW,EAAE;IACXC,MAAM,EAAE,QAAQ;IAChBF,IAAI,EAAE,CAAC;IACPG,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAeR,MAAM"}

package/dist/modern/Dialog/DialogTitle/DialogTitle.js

@@ -24,16 +24,9 @@ const HvDialogTitle = _ref => {
     } = _ref,
     others = _objectWithoutProperties(_ref, _excluded);
   const isString = typeof children === "string";
-  const {
-    fullscreen
-  } = others;
-
-  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
-  // eslint-disable-next-line no-param-reassign
-  delete others.fullscreen;
   const icon = customIcon || showIcon && iconVariant(variant);
   return /*#__PURE__*/_jsx(DialogTitle, _objectSpread(_objectSpread({
-    className: clsx(classes.root, className, fullscreen && "fullscreen")
+    className: clsx(classes.root, className)
   }, others), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: classes.messageContainer,

package/dist/modern/Dialog/DialogTitle/DialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;MACrBC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,OAAO,GAAG,SAAS;MACnBC,QAAQ,GAAG,IAAI;MACfC,UAAU,GAAG;IAEf,CAAC;IADIC,MAAM;EAET,MAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAC7C,MAAM;IAAEM;EAAW,CAAC,GAAGF,MAAM;;EAE7B;EACA;EACA,OAAOA,MAAM,CAACE,UAAU;EAExB,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAO,CAAE;EAE7D,oBACE,KAAC,WAAW;IACV,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAI,EAAET,SAAS,EAAEO,UAAU,IAAG,YAAY;EAAO,GACrEF,MAAM;IAAA,uBAEV;MAAK,SAAS,EAAEN,OAAO,CAACW,gBAAiB;MAAA,WACtCF,IAAI,eACL;QAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAAI,IAA3BT,OAAO,CAACY,YAAY,CAAW;QAAA,WACpD,CAACL,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,KAAC,YAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACc,SAAS,GAAG;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MAAM;IAClC;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAAM;IAC9B;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IAAI;EACxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAAI;EAC1B;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAetB,UAAU,CAACG,MAAM,EAAE;EAAEuB,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACtB,aAAa,CAAC"}
+{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle className={clsx(classes.root, className)} {...others}>\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,aAAa,GAAG,QAQhB;EAAA,IARiB;MACrBC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC,OAAO,GAAG,SAAS;MACnBC,QAAQ,GAAG,IAAI;MACfC,UAAU,GAAG;IAEf,CAAC;IADIC,MAAM;EAET,MAAMC,QAAQ,GAAG,OAAOL,QAAQ,KAAK,QAAQ;EAE7C,MAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAO,CAAE;EAE7D,oBACE,KAAC,WAAW;IAAC,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACS,IAAI,EAAER,SAAS;EAAE,GAAKK,MAAM;IAAA,uBAC/D;MAAK,SAAS,EAAEN,OAAO,CAACU,gBAAiB;MAAA,WACtCF,IAAI,eACL;QAAK,SAAS,EAAEf,IAAI,CAA2Be,IAAI,IAA3BR,OAAO,CAACW,YAAY,CAAW;QAAA,WACpD,CAACJ,QAAQ,IAAIL,QAAQ,EACrBK,QAAQ,iBAAI,KAAC,YAAY;UAAC,OAAO,EAAC,UAAU;UAAA,UAAEL;QAAQ,EAAgB;MAAA,EACnE;IAAA;EACF,GACM;AAElB,CAAC;AAED,wCAAAH,aAAa,CAACa,SAAS,GAAG;EACxB;AACF;AACA;EACEX,SAAS,EAAET,SAAS,CAACqB,MAAM;EAC3B;AACF;AACA;EACEb,OAAO,EAAER,SAAS,CAACsB,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACqB,MAAM;IACtB;AACJ;AACA;IACIH,gBAAgB,EAAElB,SAAS,CAACqB,MAAM;IAClC;AACJ;AACA;IACIF,YAAY,EAAEnB,SAAS,CAACqB,MAAM;IAC9B;AACJ;AACA;IACIL,IAAI,EAAEhB,SAAS,CAACqB,MAAM;IACtB;AACJ;AACA;IACIE,WAAW,EAAEvB,SAAS,CAACqB;EACzB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEb,OAAO,EAAEX,SAAS,CAACyB,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;EAC5E;AACF;AACA;EACEb,QAAQ,EAAEZ,SAAS,CAAC0B,IAAI;EACxB;AACF;AACA;EACEb,UAAU,EAAEb,SAAS,CAAC2B,IAAI;EAC1B;AACF;AACA;EACEjB,QAAQ,EAAEV,SAAS,CAAC2B,IAAI,CAACH;AAC3B,CAAC;AAED,eAAerB,UAAU,CAACG,MAAM,EAAE;EAAEsB,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACrB,aAAa,CAAC"}

package/dist/modern/Dialog/DialogTitle/styles.js

@@ -1,10 +1,7 @@
 const styles = theme => ({
   root: {
     padding: theme.hvSpacing("sm"),
-    margin: 0,
-    "&:not(.fullscreen)": {
-      flex: 1
-    }
+    margin: 0
   },
   messageContainer: {
     display: "flex",

package/dist/modern/Dialog/DialogTitle/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","flex","messageContainer","display","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    \"&:not(.fullscreen)\": {\n      flex: 1,\n    },\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IAC9BC,MAAM,EAAE,CAAC;IACT,oBAAoB,EAAE;MACpBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAEV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACjC;IACAQ,WAAW,EAAG,eAAcX,KAAK,CAACG,SAAS,CAAC,IAAI,CAAE;EACpD,CAAC;EACDS,IAAI,EAAE;IACJD,WAAW,EAAEX,KAAK,CAACa,EAAE,CAACC,OAAO,CAACC,EAAE;IAChCC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAelB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","messageContainer","display","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAET,KAAK,CAACG,SAAS,CAAC,IAAI,CAAC;IACjC;IACAO,WAAW,EAAG,eAAcV,KAAK,CAACG,SAAS,CAAC,IAAI,CAAE;EACpD,CAAC;EACDQ,IAAI,EAAE;IACJD,WAAW,EAAEV,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,EAAE;IAChCC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}

package/dist/modern/Dialog/styles.js

@@ -4,16 +4,20 @@ const styles = theme => ({
     background: fade(theme.hv.palette.atmosphere.atmo4, 0.8)
   },
   paper: {
-    background: `${theme.hv.palette.atmosphere.atmo1}`,
-    padding: "0px",
+    background: theme.hv.palette.atmosphere.atmo1,
+    padding: 0,
     overflow: "auto",
     boxShadow: theme.hv.shadows[1],
-    "&:not(.fullscreen)": {
-      maxHeight: "calc(100% - 200px)",
-      display: "flex",
-      flexDirection: "column"
+    maxHeight: "calc(100% - 200px)",
+    "@media (max-height:720px)": {
+      maxHeight: "calc(100% - 40px)" // "sm" margin
+    },
+
+    "&$fullscreen": {
+      maxHeight: "none"
     }
   },
+  fullscreen: {},
   closeButton: {
     padding: 0,
     minWidth: "inherit",

package/dist/modern/Dialog/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","display","flexDirection","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n    \"&:not(.fullscreen)\": {\n      maxHeight: \"calc(100% - 200px)\",\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,oBAAoB;AAErC,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;EACzD,CAAC;EACDC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAM,EAAC;IAClDC,OAAO,EAAE,KAAK;IACdC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;IAC9B,oBAAoB,EAAE;MACpBC,SAAS,EAAE,oBAAoB;MAC/BC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE;IACjB;EACF,CAAC;EACDC,WAAW,EAAE;IACXP,OAAO,EAAE,CAAC;IACVQ,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAElB,KAAK,CAACmB,SAAS,CAAC,IAAI,CAAC;IAC1BC,KAAK,EAAEpB,KAAK,CAACmB,SAAS,CAAC,IAAI;EAC7B;AACF,CAAC,CAAC;AAEF,eAAepB,MAAM"}
+{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","fullscreen","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: 0,\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n    maxHeight: \"calc(100% - 200px)\",\n    \"@media (max-height:720px)\": {\n      maxHeight: \"calc(100% - 40px)\", // \"sm\" margin\n    },\n    \"&$fullscreen\": {\n      maxHeight: \"none\",\n    },\n  },\n  fullscreen: {},\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,oBAAoB;AAErC,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,EAAE,GAAG;EACzD,CAAC;EACDC,KAAK,EAAE;IACLL,UAAU,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK;IAC7CC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC,CAAC;IAC9BC,SAAS,EAAE,oBAAoB;IAC/B,2BAA2B,EAAE;MAC3BA,SAAS,EAAE,mBAAmB,CAAE;IAClC,CAAC;;IACD,cAAc,EAAE;MACdA,SAAS,EAAE;IACb;EACF,CAAC;EACDC,UAAU,EAAE,CAAC,CAAC;EACdC,WAAW,EAAE;IACXN,OAAO,EAAE,CAAC;IACVO,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEjB,KAAK,CAACkB,SAAS,CAAC,IAAI,CAAC;IAC1BC,KAAK,EAAEnB,KAAK,CAACkB,SAAS,CAAC,IAAI;EAC7B;AACF,CAAC,CAAC;AAEF,eAAenB,MAAM"}

package/dist/modern/Dropdown/Dropdown.d.ts

@@ -143,6 +143,10 @@ export interface HvDropdownProps
    * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used
    */
   height?: number;
+  /**
+   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.
+   */
+  maxHeight?: number;
   /**
    * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.
    */