@hitachivantara/uikit-react-core 3.61.0 → 3.62.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.62.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.61.0...@hitachivantara/uikit-react-core@3.62.0) (2022-04-02)
+
+
+### Features
+
+* **Dialog:** update component with 3.6.0 DS specification ([#2721](https://github.com/lumada-design/hv-uikit-react/issues/2721)) ([fec9399](https://github.com/lumada-design/hv-uikit-react/commit/fec939938354e6b0c31bba3ac2dbfeefce484999))
+
+
+
+
+
 # [3.61.0](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.60.0...@hitachivantara/uikit-react-core@3.61.0) (2022-03-31)
 
 

package/dist/Dialog/Dialog.d.ts

@@ -11,6 +11,10 @@ export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassK
    * Title for the button close.
    */
   buttonTitle?: string;
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen?: boolean;
 }
 
 export default function HvDialog(props: HvDialogProps): JSX.Element | null;

package/dist/Dialog/Dialog.js

@@ -14,15 +14,19 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _typeof3 = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+require("core-js/modules/es.array.map.js");
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -51,11 +55,11 @@ var _focusableElementFinder = require("../utils/focusableElementFinder");
 
 var _Close;
 
-var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle"];
+var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 /**
  * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.
@@ -71,6 +75,8 @@ var HvDialog = function HvDialog(_ref) {
       firstFocusable = _ref.firstFocusable,
       _ref$buttonTitle = _ref.buttonTitle,
       buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(null),
@@ -138,9 +144,10 @@ var HvDialog = function HvDialog(_ref) {
     open: open,
     PaperProps: {
       classes: {
-        root: classes.paper
+        root: (0, _clsx.default)(classes.paper, fullscreen && "fullscreen")
       }
     },
+    fullScreen: fullscreen,
     BackdropProps: {
       classes: {
         root: classes.background
@@ -160,7 +167,11 @@ var HvDialog = function HvDialog(_ref) {
       return _onClose(event);
     },
     "aria-label": buttonTitle
-  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children));
+  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children && (0, _typeof2.default)(children) === "object" ? _react.default.Children.map(children, function (c) {
+    return /*#__PURE__*/_react.default.cloneElement(c, {
+      fullscreen: fullscreen
+    });
+  }) : children));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -222,7 +233,12 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Title for the button close.
    */
-  buttonTitle: _propTypes.default.string
+  buttonTitle: _propTypes.default.string,
+
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dialog/Dialog.js"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","propTypes","PropTypes","string","shape","isRequired","bool","func","styles","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\n          aria-label={buttonTitle}\n        >\n          <CloseButtonTooltipWrapper />\n        </Button>\n        {children}\n      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}
+{"version":3,"sources":["../../src/Dialog/Dialog.js"],"names":["HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","React","Children","map","c","cloneElement","propTypes","PropTypes","string","shape","isRequired","bool","func","styles","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\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      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}

package/dist/Dialog/DialogActions/DialogActions.js

@@ -13,22 +13,26 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _clsx = _interopRequireDefault(require("clsx"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _core = require("@material-ui/core");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["classes", "className", "children"];
+var _excluded = ["classes", "className", "children", "fullscreen"];
 
 var HvDialogActions = function HvDialogActions(props) {
   var classes = props.classes,
       className = props.className,
       children = props.children,
+      _props$fullscreen = props.fullscreen,
+      fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_core.DialogActions, (0, _extends2.default)({
     classes: {
-      root: classes.root,
+      root: (0, _clsx.default)(classes.root, fullscreen && classes.fullscreen),
       spacing: classes.spacing
     },
     className: className
@@ -53,13 +57,23 @@ process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {
     /**
      * Style applied to the root of the component if disableSpacing is off.
      */
-    spacing: _propTypes.default.string
+    spacing: _propTypes.default.string,
+
+    /**
+     * Style applied to the root of the component if fullscreen is on.
+     */
+    fullscreen: _propTypes.default.string
   }).isRequired,
 
   /**
    * Actions of the Dialog.
    */
-  children: _propTypes.default.node.isRequired
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Whether or not the dialog is in fullscreen mode.
+   */
+  fullscreen: _propTypes.default.bool
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"names":["HvDialogActions","props","classes","className","children","others","root","spacing","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;AAAA,MAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;AAAA,MAAyCC,MAAzC,0CAAoDJ,KAApD;AACA,sBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAEJ,OAAO,CAACI,IADP;AAEPC,MAAAA,OAAO,EAAEL,OAAO,CAACK;AAFV,KADX;AAKE,IAAA,SAAS,EAAEJ;AALb,KAMME,MANN,GAQGD,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACQ,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEL,EAAAA,SAAS,EAAEM,mBAAUC,MAJK;;AAK1B;AACF;AACA;AACER,EAAAA,OAAO,EAAEO,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEG,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAEE,mBAAUC;AARI,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACER,EAAAA,QAAQ,EAAEK,mBAAUI,IAAV,CAAeD;AArBC,CAA5B;;eAwBe,sBAAWE,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAgDf,eAAhD,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: classes.root,\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  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"file":"DialogActions.js"}
+{"version":3,"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"names":["HvDialogActions","props","classes","className","children","fullscreen","others","root","spacing","propTypes","PropTypes","string","shape","isRequired","node","bool","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAwED,KAAxE,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAAwEF,KAAxE,CAAiBE,SAAjB;AAAA,MAA4BC,QAA5B,GAAwEH,KAAxE,CAA4BG,QAA5B;AAAA,0BAAwEH,KAAxE,CAAsCI,UAAtC;AAAA,MAAsCA,UAAtC,kCAAmD,KAAnD;AAAA,MAA6DC,MAA7D,0CAAwEL,KAAxE;AACA,sBACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAE;AACPM,MAAAA,IAAI,EAAE,mBAAKL,OAAO,CAACK,IAAb,EAAmBF,UAAnB,IAAiCH,OAAO,CAACG,UAAzC,CADC;AAEPG,MAAAA,OAAO,EAAEN,OAAO,CAACM;AAFV,KADX;AAKE,IAAA,SAAS,EAAEL;AALb,KAMMG,MANN,GAQGF,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACS,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEN,EAAAA,SAAS,EAAEO,mBAAUC,MAJK;;AAK1B;AACF;AACA;AACET,EAAAA,OAAO,EAAEQ,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEG,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAEE,mBAAUC,MARI;;AASvB;AACJ;AACA;AACIN,IAAAA,UAAU,EAAEK,mBAAUC;AAZC,GAAhB,EAaNE,UArBuB;;AAsB1B;AACF;AACA;AACET,EAAAA,QAAQ,EAAEM,mBAAUI,IAAV,CAAeD,UAzBC;;AA0B1B;AACF;AACA;AACER,EAAAA,UAAU,EAAEK,mBAAUK;AA7BI,CAA5B;;eAgCe,sBAAWC,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAgDjB,eAAhD,C","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\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"],"file":"DialogActions.js"}

package/dist/Dialog/DialogActions/styles.js

@@ -16,6 +16,12 @@ var styles = function styles(theme) {
       "& > :not(:first-child)": {
         marginLeft: theme.hv.spacing.xs
       }
+    },
+    fullscreen: {
+      position: "fixed",
+      width: "100%",
+      bottom: 0,
+      left: 0
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,GADJ;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAHL,KADmB;AAMzBL,IAAAA,OAAO,EAAE;AACP,gCAA0B;AACxBM,QAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB;AANgB,GAAZ;AAAA,CAAf;;eAaeb,M","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});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen","position","width","bottom","left"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,GADJ;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAHL,KADmB;AAMzBL,IAAAA,OAAO,EAAE;AACP,gCAA0B;AACxBM,QAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB,KANgB;AAWzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,OADA;AAEVC,MAAAA,KAAK,EAAE,MAFG;AAGVC,MAAAA,MAAM,EAAE,CAHE;AAIVC,MAAAA,IAAI,EAAE;AAJI;AAXa,GAAZ;AAAA,CAAf;;eAmBelB,M","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    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Dialog/DialogTitle/DialogTitle.js

@@ -38,7 +38,10 @@ var HvDialogTitle = function HvDialogTitle(_ref) {
       _ref$customIcon = _ref.customIcon,
       customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var isString = typeof children === "string";
+  var isString = typeof children === "string"; // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
+  // eslint-disable-next-line no-param-reassign
+
+  delete others.fullscreen;
   var icon = customIcon || showIcon && (0, _iconVariant.default)(variant);
   return /*#__PURE__*/_react.default.createElement(_core.DialogTitle, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,IAET;AAAA,MADDC,MACC;AACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;AAEA,MAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAI,0BAAYD,OAAZ,CAAxC;AAEA,sBACE,6BAAC,iBAAD;AAAa,IAAA,SAAS,EAAE,mBAAKH,OAAO,CAACS,IAAb,EAAmBR,SAAnB,CAAxB;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACU;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAE,mBAA+BA,IAA/B,IAAQR,OAAO,CAACW,YAAhB;AAAhB,KACG,CAACJ,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,6BAAC,mBAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CAxBD;;AA0BA,wCAAAH,aAAa,CAACa,SAAd,GAA0B;AACxB;AACF;AACA;AACEX,EAAAA,SAAS,EAAEY,mBAAUC,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEa,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEI,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,gBAAgB,EAAEG,mBAAUC,MARL;;AASvB;AACJ;AACA;AACIH,IAAAA,YAAY,EAAEE,mBAAUC,MAZD;;AAavB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEK,mBAAUC,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEH,mBAAUC;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEU,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAES,mBAAUM,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,UAAU,EAAEQ,mBAAUO,IAzCE;;AA0CxB;AACF;AACA;AACElB,EAAAA,QAAQ,EAAEW,mBAAUO,IAAV,CAAeH;AA7CD,CAA1B;;eAgDe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8CvB,aAA9C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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)} disableTypography {...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"],"file":"DialogTitle.js"}
+{"version":3,"sources":["../../../src/Dialog/DialogTitle/DialogTitle.js"],"names":["HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","PropTypes","string","shape","closeButton","isRequired","oneOf","bool","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,IAET;AAAA,MADDC,MACC;AACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC,CADI,CAEJ;AACA;;AACA,SAAOI,MAAM,CAACE,UAAd;AAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAI,0BAAYD,OAAZ,CAAxC;AAEA,sBACE,6BAAC,iBAAD;AAAa,IAAA,SAAS,EAAE,mBAAKH,OAAO,CAACU,IAAb,EAAmBT,SAAnB,CAAxB;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACW;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAE,mBAA+BA,IAA/B,IAAQT,OAAO,CAACY,YAAhB;AAAhB,KACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,6BAAC,mBAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CA3BD;;AA6BA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;AACxB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAEa,mBAAUC,MAJG;;AAKxB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEc,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEI,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIJ,IAAAA,gBAAgB,EAAEG,mBAAUC,MARL;;AASvB;AACJ;AACA;AACIH,IAAAA,YAAY,EAAEE,mBAAUC,MAZD;;AAavB;AACJ;AACA;AACIN,IAAAA,IAAI,EAAEK,mBAAUC,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEH,mBAAUC;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEf,EAAAA,OAAO,EAAEW,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEf,EAAAA,QAAQ,EAAEU,mBAAUM,IArCI;;AAsCxB;AACF;AACA;AACEf,EAAAA,UAAU,EAAES,mBAAUO,IAzCE;;AA0CxB;AACF;AACA;AACEnB,EAAAA,QAAQ,EAAEY,mBAAUO,IAAV,CAAeH;AA7CD,CAA1B;;eAgDe,sBAAWI,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAA8CxB,aAA9C,C","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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  // 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 className={clsx(classes.root, className)} disableTypography {...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"],"file":"DialogTitle.js"}

package/dist/Dialog/styles.js

@@ -18,7 +18,10 @@ var styles = function styles(theme) {
       background: "".concat(theme.hv.palette.atmosphere.atmo1),
       padding: "0px",
       overflow: "auto",
-      boxShadow: theme.hv.shadows[1]
+      boxShadow: theme.hv.shadows[1],
+      "&:not(.fullscreen)": {
+        maxHeight: "calc(100% - 200px)"
+      }
     },
     closeButton: {
       padding: 0,

package/dist/Dialog/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Dialog/styles.js"],"names":["styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAE,wBAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAjC,EAAwC,GAAxC;AADF,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,KAJkB;AAUzBC,IAAAA,WAAW,EAAE;AACXJ,MAAAA,OAAO,EAAE,CADE;AAEXK,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,GAAZ;AAAA,CAAf;;eAmBejB,M","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  },\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"],"file":"styles.js"}
+{"version":3,"sources":["../../src/Dialog/styles.js"],"names":["styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":";;;;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAE,wBAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAjC,EAAwC,GAAxC;AADF,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJN;AAKL,4BAAsB;AACpBC,QAAAA,SAAS,EAAE;AADS;AALjB,KAJkB;AAazBC,IAAAA,WAAW,EAAE;AACXL,MAAAA,OAAO,EAAE,CADE;AAEXM,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEhB,KAAK,CAACiB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAElB,KAAK,CAACiB,SAAN,CAAgB,IAAhB;AALI;AAbY,GAAZ;AAAA,CAAf;;eAsBelB,M","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    },\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"],"file":"styles.js"}

package/dist/legacy/Dialog/Dialog.d.ts

@@ -11,6 +11,10 @@ export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassK
    * Title for the button close.
    */
   buttonTitle?: string;
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen?: boolean;
 }
 
 export default function HvDialog(props: HvDialogProps): JSX.Element | null;

package/dist/legacy/Dialog/Dialog.js

@@ -1,10 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 
 var _Close;
 
-var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle"];
+var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen"];
+import "core-js/modules/es.array.map.js";
 import React, { useCallback, useState } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -31,6 +33,8 @@ var HvDialog = function HvDialog(_ref) {
       firstFocusable = _ref.firstFocusable,
       _ref$buttonTitle = _ref.buttonTitle,
       buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+      _ref$fullscreen = _ref.fullscreen,
+      fullscreen = _ref$fullscreen === void 0 ? false : _ref$fullscreen,
       others = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(null),
@@ -98,9 +102,10 @@ var HvDialog = function HvDialog(_ref) {
     open: open,
     PaperProps: {
       classes: {
-        root: classes.paper
+        root: clsx(classes.paper, fullscreen && "fullscreen")
       }
     },
+    fullScreen: fullscreen,
     BackdropProps: {
       classes: {
         root: classes.background
@@ -120,7 +125,11 @@ var HvDialog = function HvDialog(_ref) {
       return _onClose(event);
     },
     "aria-label": buttonTitle
-  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children));
+  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children && _typeof(children) === "object" ? React.Children.map(children, function (c) {
+    return /*#__PURE__*/React.cloneElement(c, {
+      fullscreen: fullscreen
+    });
+  }) : children));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -182,7 +191,12 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Title for the button close.
    */
-  buttonTitle: PropTypes.string
+  buttonTitle: PropTypes.string,
+
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDialog"

package/dist/legacy/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/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","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\n          aria-label={buttonTitle}\n        >\n          <CloseButtonTooltipWrapper />\n        </Button>\n        {children}\n      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}
+{"version":3,"sources":["../../../src/Dialog/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","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\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      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}

package/dist/legacy/Dialog/DialogActions/DialogActions.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "children"];
+var _excluded = ["classes", "className", "children", "fullscreen"];
 import React from "react";
+import clsx from "clsx";
 import PropTypes from "prop-types";
 import { DialogActions, withStyles } from "@material-ui/core";
 import styles from "./styles";
@@ -10,11 +11,13 @@ var HvDialogActions = function HvDialogActions(props) {
   var classes = props.classes,
       className = props.className,
       children = props.children,
+      _props$fullscreen = props.fullscreen,
+      fullscreen = _props$fullscreen === void 0 ? false : _props$fullscreen,
       others = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(DialogActions, _extends({
     classes: {
-      root: classes.root,
+      root: clsx(classes.root, fullscreen && classes.fullscreen),
       spacing: classes.spacing
     },
     className: className
@@ -39,13 +42,23 @@ process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {
     /**
      * Style applied to the root of the component if disableSpacing is off.
      */
-    spacing: PropTypes.string
+    spacing: PropTypes.string,
+
+    /**
+     * Style applied to the root of the component if fullscreen is on.
+     */
+    fullscreen: PropTypes.string
   }).isRequired,
 
   /**
    * Actions of the Dialog.
    */
-  children: PropTypes.node.isRequired
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Whether or not the dialog is in fullscreen mode.
+   */
+  fullscreen: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDialogActions"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"names":["React","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","others","root","spacing","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;AAAA,MAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;AAAA,MAAyCC,MAAzC,4BAAoDJ,KAApD;;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAEJ,OAAO,CAACI,IADP;AAEPC,MAAAA,OAAO,EAAEL,OAAO,CAACK;AAFV,KADX;AAKE,IAAA,SAAS,EAAEJ;AALb,KAMME,MANN,GAQGD,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACQ,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEL,EAAAA,SAAS,EAAEP,SAAS,CAACa,MAJK;;AAK1B;AACF;AACA;AACEP,EAAAA,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEV,SAAS,CAACa,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEX,SAAS,CAACa;AARI,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACEP,EAAAA,QAAQ,EAAER,SAAS,CAACgB,IAAV,CAAeD;AArBC,CAA5B;AAwBA,eAAeb,UAAU,CAACC,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: classes.root,\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  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"file":"DialogActions.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAwED,KAAxE,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAAwEF,KAAxE,CAAiBE,SAAjB;AAAA,MAA4BC,QAA5B,GAAwEH,KAAxE,CAA4BG,QAA5B;AAAA,0BAAwEH,KAAxE,CAAsCI,UAAtC;AAAA,MAAsCA,UAAtC,kCAAmD,KAAnD;AAAA,MAA6DC,MAA7D,4BAAwEL,KAAxE;;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AACPM,MAAAA,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAT,EAAeF,UAAf,IAA6BH,OAAO,CAACG,UAArC,CADH;AAEPG,MAAAA,OAAO,EAAEN,OAAO,CAACM;AAFV,KADX;AAKE,IAAA,SAAS,EAAEL;AALb,KAMMG,MANN,GAQGF,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACS,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEN,EAAAA,SAAS,EAAEP,SAAS,CAACc,MAJK;;AAK1B;AACF;AACA;AACER,EAAAA,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEX,SAAS,CAACc,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEZ,SAAS,CAACc,MARI;;AASvB;AACJ;AACA;AACIL,IAAAA,UAAU,EAAET,SAAS,CAACc;AAZC,GAAhB,EAaNE,UArBuB;;AAsB1B;AACF;AACA;AACER,EAAAA,QAAQ,EAAER,SAAS,CAACiB,IAAV,CAAeD,UAzBC;;AA0B1B;AACF;AACA;AACEP,EAAAA,UAAU,EAAET,SAAS,CAACkB;AA7BI,CAA5B;AAgCA,eAAehB,UAAU,CAACC,MAAD,EAAS;AAAEgB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDf,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\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"],"file":"DialogActions.js"}

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

@@ -9,6 +9,12 @@ var styles = function styles(theme) {
       "& > :not(:first-child)": {
         marginLeft: theme.hv.spacing.xs
       }
+    },
+    fullscreen: {
+      position: "fixed",
+      width: "100%",
+      bottom: 0,
+      left: 0
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,GADJ;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAHL,KADmB;AAMzBL,IAAAA,OAAO,EAAE;AACP,gCAA0B;AACxBM,QAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB;AANgB,GAAZ;AAAA,CAAf;;AAaA,eAAeb,MAAf","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});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen","position","width","bottom","left"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,GADJ;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAHL,KADmB;AAMzBL,IAAAA,OAAO,EAAE;AACP,gCAA0B;AACxBM,QAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB,KANgB;AAWzBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,OADA;AAEVC,MAAAA,KAAK,EAAE,MAFG;AAGVC,MAAAA,MAAM,EAAE,CAHE;AAIVC,MAAAA,IAAI,EAAE;AAJI;AAXa,GAAZ;AAAA,CAAf;;AAmBA,eAAelB,MAAf","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    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Dialog/DialogTitle/DialogTitle.js

@@ -21,7 +21,10 @@ var HvDialogTitle = function HvDialogTitle(_ref) {
       customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  var isString = typeof children === "string";
+  var isString = typeof children === "string"; // prevent the `fullscreen` prop from being passed to the `DialogTitle` component
+  // eslint-disable-next-line no-param-reassign
+
+  delete others.fullscreen;
   var icon = customIcon || showIcon && iconVariant(variant);
   return /*#__PURE__*/React.createElement(DialogTitle, _extends({
     className: clsx(classes.root, className),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogTitle/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,IAET;AAAA,MADDC,MACC;;AACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;AAEA,MAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;AAEA,sBACE,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACS,IAAT,EAAeR,SAAf,CAA5B;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACU;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAEf,IAAI,CAA2Be,IAA3B,IAAIR,OAAO,CAACW,YAAZ;AAApB,KACG,CAACJ,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CAxBD;;AA0BA,wCAAAH,aAAa,CAACa,SAAd,GAA0B;AACxB;AACF;AACA;AACEX,EAAAA,SAAS,EAAET,SAAS,CAACqB,MAJG;;AAKxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAER,SAAS,CAACsB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEjB,SAAS,CAACqB,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAElB,SAAS,CAACqB,MARL;;AASvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEnB,SAAS,CAACqB,MAZD;;AAavB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEhB,SAAS,CAACqB,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEvB,SAAS,CAACqB;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEX,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEb,EAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IArCI;;AAsCxB;AACF;AACA;AACEb,EAAAA,UAAU,EAAEb,SAAS,CAAC2B,IAzCE;;AA0CxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAerB,UAAU,CAACG,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CrB,aAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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)} disableTypography {...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"],"file":"DialogTitle.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogTitle/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAQhB;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,0BAJJC,OAII;AAAA,MAJJA,OAII,6BAJM,SAIN;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,IAET;AAAA,MADDC,MACC;;AACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC,CADI,CAEJ;AACA;;AACA,SAAOI,MAAM,CAACE,UAAd;AAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;AAEA,sBACE,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,CAA5B;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACW;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ;AAApB,KACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CA3BD;;AA6BA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;AACxB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAET,SAAS,CAACsB,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAElB,SAAS,CAACsB,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;AASvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;AAavB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAExB,SAAS,CAACsB;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;AA0CxB;AACF;AACA;AACElB,EAAAA,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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  // 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 className={clsx(classes.root, className)} disableTypography {...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"],"file":"DialogTitle.js"}

package/dist/legacy/Dialog/styles.js

@@ -9,7 +9,10 @@ var styles = function styles(theme) {
       background: "".concat(theme.hv.palette.atmosphere.atmo1),
       padding: "0px",
       overflow: "auto",
-      boxShadow: theme.hv.shadows[1]
+      boxShadow: theme.hv.shadows[1],
+      "&:not(.fullscreen)": {
+        maxHeight: "calc(100% - 200px)"
+      }
     },
     closeButton: {
       padding: 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,KAJkB;AAUzBC,IAAAA,WAAW,EAAE;AACXJ,MAAAA,OAAO,EAAE,CADE;AAEXK,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,GAAZ;AAAA,CAAf;;AAmBA,eAAejB,MAAf","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  },\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"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,UAAU,EAAE;AACVA,MAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,KADa;AAIzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;AAELC,MAAAA,OAAO,EAAE,KAFJ;AAGLC,MAAAA,QAAQ,EAAE,MAHL;AAILC,MAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJN;AAKL,4BAAsB;AACpBC,QAAAA,SAAS,EAAE;AADS;AALjB,KAJkB;AAazBC,IAAAA,WAAW,EAAE;AACXL,MAAAA,OAAO,EAAE,CADE;AAEXM,MAAAA,QAAQ,EAAE,SAFC;AAGXC,MAAAA,QAAQ,EAAE,UAHC;AAIXC,MAAAA,GAAG,EAAEhB,KAAK,CAACiB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,MAAAA,KAAK,EAAElB,KAAK,CAACiB,SAAN,CAAgB,IAAhB;AALI;AAbY,GAAZ;AAAA,CAAf;;AAsBA,eAAelB,MAAf","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    },\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"],"file":"styles.js"}

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

@@ -11,6 +11,10 @@ export interface HvDialogProps extends StandardProps<DialogProps, HvDialogClassK
    * Title for the button close.
    */
   buttonTitle?: string;
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen?: boolean;
 }
 
 export default function HvDialog(props: HvDialogProps): JSX.Element | null;

package/dist/modern/Dialog/Dialog.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 
 var _Close;
 
-const _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle"];
+const _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle", "fullscreen"];
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useState } from "react";
 import clsx from "clsx";
@@ -30,7 +30,8 @@ const HvDialog = _ref => {
     open,
     onClose,
     firstFocusable,
-    buttonTitle = "Close"
+    buttonTitle = "Close",
+    fullscreen = false
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
@@ -93,9 +94,10 @@ const HvDialog = _ref => {
     open: open,
     PaperProps: {
       classes: {
-        root: classes.paper
+        root: clsx(classes.paper, fullscreen && "fullscreen")
       }
     },
+    fullScreen: fullscreen,
     BackdropProps: {
       classes: {
         root: classes.background
@@ -111,7 +113,9 @@ const HvDialog = _ref => {
     category: "ghost",
     onClick: event => onClose(event),
     "aria-label": buttonTitle
-  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children));
+  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
+    fullscreen
+  })) : children));
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
@@ -173,7 +177,12 @@ process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {
   /**
    * Title for the button close.
    */
-  buttonTitle: PropTypes.string
+  buttonTitle: PropTypes.string,
+
+  /**
+   * Set the dialog to fullscreen mode.
+   */
+  fullscreen: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDialog"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/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","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\n          aria-label={buttonTitle}\n        >\n          <CloseButtonTooltipWrapper />\n        </Button>\n        {children}\n      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}
+{"version":3,"sources":["../../../src/Dialog/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","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","Children","map","c","cloneElement","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\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  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\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        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\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) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\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      </div>\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.isRequired,\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\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}

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

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "children"];
+const _excluded = ["classes", "className", "children", "fullscreen"];
 import React from "react";
+import clsx from "clsx";
 import PropTypes from "prop-types";
 import { DialogActions, withStyles } from "@material-ui/core";
 import styles from "./styles";
@@ -10,13 +11,14 @@ const HvDialogActions = props => {
   const {
     classes,
     className,
-    children
+    children,
+    fullscreen = false
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/React.createElement(DialogActions, _extends({
     classes: {
-      root: classes.root,
+      root: clsx(classes.root, fullscreen && classes.fullscreen),
       spacing: classes.spacing
     },
     className: className
@@ -41,13 +43,23 @@ process.env.NODE_ENV !== "production" ? HvDialogActions.propTypes = {
     /**
      * Style applied to the root of the component if disableSpacing is off.
      */
-    spacing: PropTypes.string
+    spacing: PropTypes.string,
+
+    /**
+     * Style applied to the root of the component if fullscreen is on.
+     */
+    fullscreen: PropTypes.string
   }).isRequired,
 
   /**
    * Actions of the Dialog.
    */
-  children: PropTypes.node.isRequired
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Whether or not the dialog is in fullscreen mode.
+   */
+  fullscreen: PropTypes.bool
 } : void 0;
 export default withStyles(styles, {
   name: "HvDialogActions"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"names":["React","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","others","root","spacing","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAW;AACjC,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA;AAAtB,MAA8CH,KAApD;AAAA,QAAyCI,MAAzC,4BAAoDJ,KAApD;;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAEJ,OAAO,CAACI,IADP;AAEPC,MAAAA,OAAO,EAAEL,OAAO,CAACK;AAFV,KADX;AAKE,IAAA,SAAS,EAAEJ;AALb,KAMME,MANN,GAQGD,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACQ,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEL,EAAAA,SAAS,EAAEP,SAAS,CAACa,MAJK;;AAK1B;AACF;AACA;AACEP,EAAAA,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEV,SAAS,CAACa,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEX,SAAS,CAACa;AARI,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACEP,EAAAA,QAAQ,EAAER,SAAS,CAACgB,IAAV,CAAeD;AArBC,CAA5B;AAwBA,eAAeb,UAAU,CAACC,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: classes.root,\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  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"file":"DialogActions.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAW;AACjC,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA,UAAU,GAAG;AAA7C,MAAkEJ,KAAxE;AAAA,QAA6DK,MAA7D,4BAAwEL,KAAxE;;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AACPM,MAAAA,IAAI,EAAEZ,IAAI,CAACO,OAAO,CAACK,IAAT,EAAeF,UAAf,IAA6BH,OAAO,CAACG,UAArC,CADH;AAEPG,MAAAA,OAAO,EAAEN,OAAO,CAACM;AAFV,KADX;AAKE,IAAA,SAAS,EAAEL;AALb,KAMMG,MANN,GAQGF,QARH,CADF;AAYD,CAdD;;AAgBA,wCAAAJ,eAAe,CAACS,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEN,EAAAA,SAAS,EAAEP,SAAS,CAACc,MAJK;;AAK1B;AACF;AACA;AACER,EAAAA,OAAO,EAAEN,SAAS,CAACe,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEX,SAAS,CAACc,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEZ,SAAS,CAACc,MARI;;AASvB;AACJ;AACA;AACIL,IAAAA,UAAU,EAAET,SAAS,CAACc;AAZC,GAAhB,EAaNE,UArBuB;;AAsB1B;AACF;AACA;AACER,EAAAA,QAAQ,EAAER,SAAS,CAACiB,IAAV,CAAeD,UAzBC;;AA0B1B;AACF;AACA;AACEP,EAAAA,UAAU,EAAET,SAAS,CAACkB;AA7BI,CAA5B;AAgCA,eAAehB,UAAU,CAACC,MAAD,EAAS;AAAEgB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDf,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\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"],"file":"DialogActions.js"}

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

@@ -8,6 +8,12 @@ const styles = theme => ({
     "& > :not(:first-child)": {
       marginLeft: theme.hv.spacing.xs
     }
+  },
+  fullscreen: {
+    position: "fixed",
+    width: "100%",
+    bottom: 0,
+    left: 0
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,IAAAA,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAHtD,GADmB;AAMzBL,EAAAA,OAAO,EAAE;AACP,8BAA0B;AACxBM,MAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB;AANgB,CAAZ,CAAf;;AAaA,eAAeb,MAAf","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});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen","position","width","bottom","left"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,IAAAA,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAHtD,GADmB;AAMzBL,EAAAA,OAAO,EAAE;AACP,8BAA0B;AACxBM,MAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB,GANgB;AAWzBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,OADA;AAEVC,IAAAA,KAAK,EAAE,MAFG;AAGVC,IAAAA,MAAM,EAAE,CAHE;AAIVC,IAAAA,IAAI,EAAE;AAJI;AAXa,CAAZ,CAAf;;AAmBA,eAAelB,MAAf","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    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -20,7 +20,10 @@ const HvDialogTitle = _ref => {
   } = _ref,
       others = _objectWithoutProperties(_ref, _excluded);
 
-  const isString = typeof children === "string";
+  const isString = typeof children === "string"; // 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__*/React.createElement(DialogTitle, _extends({
     className: clsx(classes.root, className),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Dialog/DialogTitle/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,aAAa,GAAG,QAQhB;AAAA,MARiB;AACrBC,IAAAA,OADqB;AAErBC,IAAAA,SAFqB;AAGrBC,IAAAA,QAHqB;AAIrBC,IAAAA,OAAO,GAAG,SAJW;AAKrBC,IAAAA,QAAQ,GAAG,IALU;AAMrBC,IAAAA,UAAU,GAAG;AANQ,GAQjB;AAAA,MADDC,MACC;;AACJ,QAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;AAEA,QAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;AAEA,sBACE,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACS,IAAT,EAAeR,SAAf,CAA5B;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACU;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAEf,IAAI,CAA2Be,IAA3B,IAAIR,OAAO,CAACW,YAAZ;AAApB,KACG,CAACJ,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CAxBD;;AA0BA,wCAAAH,aAAa,CAACa,SAAd,GAA0B;AACxB;AACF;AACA;AACEX,EAAAA,SAAS,EAAET,SAAS,CAACqB,MAJG;;AAKxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAER,SAAS,CAACsB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEjB,SAAS,CAACqB,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAElB,SAAS,CAACqB,MARL;;AASvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEnB,SAAS,CAACqB,MAZD;;AAavB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEhB,SAAS,CAACqB,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEvB,SAAS,CAACqB;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEX,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEb,EAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IArCI;;AAsCxB;AACF;AACA;AACEb,EAAAA,UAAU,EAAEb,SAAS,CAAC2B,IAzCE;;AA0CxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAerB,UAAU,CAACG,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CrB,aAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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)} disableTypography {...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"],"file":"DialogTitle.js"}
+{"version":3,"sources":["../../../../src/Dialog/DialogTitle/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"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,aAAa,GAAG,QAQhB;AAAA,MARiB;AACrBC,IAAAA,OADqB;AAErBC,IAAAA,SAFqB;AAGrBC,IAAAA,QAHqB;AAIrBC,IAAAA,OAAO,GAAG,SAJW;AAKrBC,IAAAA,QAAQ,GAAG,IALU;AAMrBC,IAAAA,UAAU,GAAG;AANQ,GAQjB;AAAA,MADDC,MACC;;AACJ,QAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC,CADI,CAEJ;AACA;;AACA,SAAOI,MAAM,CAACE,UAAd;AAEA,QAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;AAEA,sBACE,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,CAA5B;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACW;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ;AAApB,KACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CA3BD;;AA6BA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;AACxB;AACF;AACA;AACEZ,EAAAA,SAAS,EAAET,SAAS,CAACsB,MAJG;;AAKxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAElB,SAAS,CAACsB,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;AASvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;AAavB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAExB,SAAS,CAACsB;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEd,EAAAA,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEd,EAAAA,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;AAsCxB;AACF;AACA;AACEd,EAAAA,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;AA0CxB;AACF;AACA;AACElB,EAAAA,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\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  // 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 className={clsx(classes.root, className)} disableTypography {...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"],"file":"DialogTitle.js"}

package/dist/modern/Dialog/styles.js

@@ -8,7 +8,10 @@ const styles = theme => ({
     background: `${theme.hv.palette.atmosphere.atmo1}`,
     padding: "0px",
     overflow: "auto",
-    boxShadow: theme.hv.shadows[1]
+    boxShadow: theme.hv.shadows[1],
+    "&:not(.fullscreen)": {
+      maxHeight: "calc(100% - 200px)"
+    }
   },
   closeButton: {
     padding: 0,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,UAAU,EAAE;AACVA,IAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,GADa;AAIzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAE,MAHL;AAILC,IAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,GAJkB;AAUzBC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,OAAO,EAAE,CADE;AAEXK,IAAAA,QAAQ,EAAE,SAFC;AAGXC,IAAAA,QAAQ,EAAE,UAHC;AAIXC,IAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,IAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,CAAZ,CAAf;;AAmBA,eAAejB,MAAf","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  },\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"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,UAAU,EAAE;AACVA,IAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,GADa;AAIzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAE,MAHL;AAILC,IAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJN;AAKL,0BAAsB;AACpBC,MAAAA,SAAS,EAAE;AADS;AALjB,GAJkB;AAazBC,EAAAA,WAAW,EAAE;AACXL,IAAAA,OAAO,EAAE,CADE;AAEXM,IAAAA,QAAQ,EAAE,SAFC;AAGXC,IAAAA,QAAQ,EAAE,UAHC;AAIXC,IAAAA,GAAG,EAAEhB,KAAK,CAACiB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,IAAAA,KAAK,EAAElB,KAAK,CAACiB,SAAN,CAAgB,IAAhB;AALI;AAbY,CAAZ,CAAf;;AAsBA,eAAelB,MAAf","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    },\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"],"file":"styles.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.61.0",
+  "version": "3.62.0",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7c657c951e5085b81d43cc9e25a24a4c0ebb54b7"
+  "gitHead": "77f662253c4d45283eda7ba3eaccd4f55c6b974d"
 }