@hitachivantara/uikit-react-core 3.59.0 → 3.62.0

package/dist/Container/Container.js

@@ -39,9 +39,9 @@ var _Container = require("@material-ui/core/Container/Container");
 
 var _excluded = ["maxWidth", "fixed"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 // inherit material ui styles so people can override them too
 var styles = function styles(theme) {

package/dist/DatePicker/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../Focus/styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAWX;AAAA,MAVJC,OAUI,QAVJA,OAUI;AAAA,MATJC,SASI,QATJA,SASI;AAAA,MARJC,EAQI,QARJA,EAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,QAKI,QALJA,OAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,OAGV;AAAA,6BAFJC,UAEI;AAAA,MAFJA,UAEI,gCAFS,KAET;AAAA,MADDC,MACC;;AACJ,kBAA4C,qBAAS,IAAT,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,WAAW,GAAG,wBAClB,UAACC,IAAD,EAAU;AACR,QAAIA,IAAJ,EAAU;AACR,UAAMC,aAAa,GAAG,8CAAiBD,IAAjB,CAAtB;AACAF,MAAAA,iBAAiB,CAAC;AAChBI,QAAAA,KAAK,EAAED,aAAa,CAAC,CAAD,CADJ;AAEhBE,QAAAA,IAAI,EAAEF,aAAa,CAACA,aAAa,CAACG,MAAd,GAAuB,CAAxB;AAFH,OAAD,CAAjB;AAIA,UAAI,oBAAMX,cAAN,CAAJ,EAA2BQ,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB,GAA3B,KACK;AACH,YAAMC,OAAO,GAAGC,QAAQ,CAACC,cAAT,CAAwBf,cAAxB,CAAhB;AACA,YAAIa,OAAJ,EAAaA,OAAO,CAACD,KAAR,GAAb,KACK;AACH;AACAI,UAAAA,OAAO,CAACC,IAAR,kCAAuCjB,cAAvC;AACAQ,UAAAA,aAAa,CAAC,CAAD,CAAb,CAAiBI,KAAjB;AACD;AACF;AACF;AACF,GAnBiB,EAoBlB,CAACZ,cAAD,CApBkB,CAApB;;AAuBA,MAAMkB,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AAChC,QAAI,uBAAWA,KAAX,EAAkBC,qBAAcC,GAAhC,KAAwC,CAAC,oBAAMF,KAAK,CAACG,MAAZ,CAAzC,IAAgE,CAAC,oBAAMlB,cAAN,CAArE,EAA4F;AAC1F,UAAIe,KAAK,CAACI,QAAN,IAAkBJ,KAAK,CAACG,MAAN,KAAiBlB,cAAc,CAACK,KAAtD,EAA6D;AAC3DL,QAAAA,cAAc,CAACM,IAAf,CAAoBE,KAApB;AACAO,QAAAA,KAAK,CAACK,cAAN;AACD;;AACD,UAAI,CAACL,KAAK,CAACI,QAAP,IAAmBJ,KAAK,CAACG,MAAN,KAAiBlB,cAAc,CAACM,IAAvD,EAA6D;AAC3DN,QAAAA,cAAc,CAACK,KAAf,CAAqBG,KAArB;AACAO,QAAAA,KAAK,CAACK,cAAN;AACD;AACF,KATD,CAUA;AAVA,SAWK,IAAI,uBAAWL,KAAX,EAAkBC,qBAAcK,GAAhC,CAAJ,EAA0C;AAC7C,UAAItB,MAAM,CAACuB,eAAX,EAA4B;AAC1BvB,QAAAA,MAAM,CAACuB,eAAP,CAAuBP,KAAvB;AACD;;AAED,UAAI,CAAChB,MAAM,CAACwB,oBAAZ,EAAkC;AAChC;AACAR,QAAAA,KAAK,CAACS,eAAN;;AAEA,YAAI7B,QAAJ,EAAa;AACXA,UAAAA,QAAO,CAACoB,KAAD,EAAQ,eAAR,CAAP;AACD;AACF;AACF;AACF,GA1BD;;AA4BA,MAAMU,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,4CAAM,6BAAC,sBAAD;AAAO,MAAA,IAAI,EAAC;AAAZ,MAAN;AAAA,GAA3B;;AAEA,MAAMC,yBAAyB,GAAG7B,WAAW,GACzC,0BAAY4B,kBAAZ,EAAgC5B,WAAhC,EAA6C,KAA7C,CADyC,GAEzC4B,kBAFJ;AAIA,sBACE,6BAAC,YAAD;AACE,IAAA,SAAS,EAAE,mBAAKnC,OAAO,CAACqC,IAAb,EAAmBpC,SAAnB,CADb;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,GAAG,EAAEU,WAHP;AAIE,IAAA,IAAI,EAAER,IAJR;AAKE,IAAA,UAAU,EAAE;AACVJ,MAAAA,OAAO,EAAE;AACPqC,QAAAA,IAAI,EAAE,mBAAKrC,OAAO,CAACsC,KAAb,EAAoB9B,UAApB,IAAiC,YAAjC;AADC;AADC,KALd;AAUE,IAAA,UAAU,EAAEA,UAVd;AAWE,IAAA,aAAa,EAAE;AACbR,MAAAA,OAAO,EAAE;AACPqC,QAAAA,IAAI,EAAErC,OAAO,CAACuC;AADP;AADI,KAXjB;AAgBE,IAAA,OAAO,EAAE,iBAACd,KAAD,EAAQe,MAAR;AAAA,aAAmBnC,QAAO,CAACoB,KAAD,EAAQe,MAAR,CAA1B;AAAA,KAhBX;AAiBE,IAAA,SAAS,EAAEhB;AAjBb,KAkBMf,MAlBN,gBAoBE;AAAK;AAAL,kBACE,6BAAC,eAAD;AACE,IAAA,EAAE,EAAE,kBAAMP,EAAN,EAAU,OAAV,CADN;AAEE,IAAA,SAAS,EAAEF,OAAO,CAACyC,WAFrB;AAGE,IAAA,QAAQ,EAAC,OAHX;AAIE,IAAA,OAAO,EAAE,iBAAChB,KAAD;AAAA,aAAWpB,QAAO,CAACoB,KAAD,CAAlB;AAAA,KAJX;AAKE,kBAAYlB;AALd,kBAOE,6BAAC,yBAAD,OAPF,CADF,EAUGJ,QAAQ,IAAI,sBAAOA,QAAP,MAAoB,QAAhC,GACGuC,eAAMC,QAAN,CAAeC,GAAf,CAAmBzC,QAAnB,EAA6B,UAAC0C,CAAD;AAAA,wBAAOH,eAAMI,YAAN,CAAmBD,CAAnB,EAAsB;AAAErC,MAAAA,UAAU,EAAVA;AAAF,KAAtB,CAAP;AAAA,GAA7B,CADH,GAEGL,QAZN,CApBF,CADF;AAqCD,CA5GD;;AA8GA,wCAAAJ,QAAQ,CAACgD,SAAT,GAAqB;AACnB;AACF;AACA;AACE9C,EAAAA,SAAS,EAAE+C,mBAAUC,MAJF;;AAKnB;AACF;AACA;AACE/C,EAAAA,EAAE,EAAE8C,mBAAUC,MARK;;AASnB;AACF;AACA;AACEjD,EAAAA,OAAO,EAAEgD,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIb,IAAAA,IAAI,EAAEW,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIV,IAAAA,UAAU,EAAES,mBAAUC,MARC;;AASvB;AACJ;AACA;AACIX,IAAAA,KAAK,EAAEU,mBAAUC,MAZM;;AAavB;AACJ;AACA;AACIR,IAAAA,WAAW,EAAEO,mBAAUC;AAhBA,GAAhB,EAiBNE,UA7BgB;;AA8BnB;AACF;AACA;AACEhD,EAAAA,QAAQ,EAAE6C,mBAAUnC,IAAV,CAAesC,UAjCN;;AAkCnB;AACF;AACA;AACE/C,EAAAA,IAAI,EAAE4C,mBAAUI,IAAV,CAAeD,UArCF;;AAsCnB;AACF;AACA;AACE9C,EAAAA,OAAO,EAAE2C,mBAAUK,IAAV,CAAeF,UAzCL;;AA0CnB;AACF;AACA;AACE7C,EAAAA,cAAc,EAAE0C,mBAAUC,MA7CP;;AA8CnB;AACF;AACA;AACE1C,EAAAA,WAAW,EAAEyC,mBAAUC,MAjDJ;;AAkDnB;AACF;AACA;AACEzC,EAAAA,UAAU,EAAEwC,mBAAUI;AArDH,CAArB;;eAwDe,sBAAWE,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAyCxD,QAAzC,C","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/DropDownMenu/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../Focus/styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {

package/dist/Dropdown/List/List.js

@@ -71,9 +71,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * The values property was being deeply cloned. That created a significant performance

package/dist/EmptyState/styles.js

@@ -25,9 +25,9 @@ require("core-js/modules/es.string.link.js");
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   var _containerMessageOnly, _textContainer;

package/dist/FileUploader/DropZone/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../../Focus/styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {

package/dist/FilterGroup/RightPanel/RightPanel.js

@@ -69,9 +69,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var RightPanel = function RightPanel(_ref) {
   var id = _ref.id,

package/dist/Focus/styles.js

@@ -23,9 +23,9 @@ exports.outlineStyles = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var outlineStyles = {
   outlineColor: "#52A8EC",

package/dist/Forms/Adornment/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../../Focus/styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = {
   root: {},

package/dist/GlobalActions/styles.js

@@ -44,7 +44,8 @@ var styles = function styles(theme) {
         top: 0,
         background: theme.palette.atmo2,
         opacity: "75%"
-      }
+      },
+      backdropFilter: "blur(1px)"
     },
     wrapper: {
       height: 52,

package/dist/GlobalActions/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/GlobalActions/styles.js"],"names":["styles","theme","root","position","positionSticky","width","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down","global","zIndex","appBar","top","left","content","display","height","background","palette","atmo2","opacity","wrapper","paddingRight","hv","xs","justifyContent","alignItems","globalWrapperComplement","atmosphere","atmo1","padding","marginTop","paddingTop","paddingBottom","globalSectionArea","borderTop","atmo4","backButton","name","flexGrow","actions"],"mappings":"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","sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n  global: {\n    zIndex: theme.zIndex.appBar - 2,\n\n    top: 0,\n    left: 0,\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      width: \"100%\",\n      height: 72,\n      top: 0,\n      background: theme.palette.atmo2,\n      opacity: \"75%\",\n    },\n  },\n  wrapper: {\n    height: 52,\n    paddingRight: theme.hv.spacing.xs,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n  },\n  globalWrapperComplement: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    background: theme.hv.palette.atmosphere.atmo1,\n    width: \"100%\",\n    padding: theme.hv.spacing.xs,\n    marginTop: theme.hv.spacing.xs,\n  },\n  content: {\n    width: \"100%\",\n    padding: theme.hv.spacing.xs,\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    paddingTop: 17,\n    paddingBottom: 17,\n  },\n  globalSectionArea: {\n    background: \"none\",\n    borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  backButton: {\n    marginRight: theme.hv.spacing.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    marginLeft: \"auto\",\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/GlobalActions/styles.js"],"names":["styles","theme","root","position","positionSticky","width","positionFixed","breakpoints","up","spacing","marginLeft","marginRight","down","global","zIndex","appBar","top","left","content","display","height","background","palette","atmo2","opacity","backdropFilter","wrapper","paddingRight","hv","xs","justifyContent","alignItems","globalWrapperComplement","atmosphere","atmo1","padding","marginTop","paddingTop","paddingBottom","globalSectionArea","borderTop","atmo4","backButton","name","flexGrow","actions"],"mappings":"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","sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n  },\n  positionSticky: {\n    width: \"100%\",\n    position: \"sticky\",\n  },\n  positionFixed: {\n    width: \"100%\",\n    position: \"fixed\",\n\n    [theme.breakpoints.up(\"md\")]: {\n      width: `calc(100% - 2*${theme.spacing(4)}px)`,\n      marginLeft: `${theme.spacing(4)}px`,\n      marginRight: `${theme.spacing(4)}px`,\n    },\n    [theme.breakpoints.down(\"sm\")]: {\n      width: `calc(100% - 2*${theme.spacing(2)}px)`,\n      marginLeft: `${theme.spacing(2)}px`,\n      marginRight: `${theme.spacing(2)}px`,\n    },\n  },\n  global: {\n    zIndex: theme.zIndex.appBar - 2,\n\n    top: 0,\n    left: 0,\n\n    \"&:before\": {\n      content: \"''\",\n      display: \"flex\",\n      width: \"100%\",\n      height: 72,\n      top: 0,\n      background: theme.palette.atmo2,\n      opacity: \"75%\",\n    },\n    backdropFilter: \"blur(1px)\",\n  },\n  wrapper: {\n    height: 52,\n    paddingRight: theme.hv.spacing.xs,\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n  },\n  globalWrapperComplement: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    background: theme.hv.palette.atmosphere.atmo1,\n    width: \"100%\",\n    padding: theme.hv.spacing.xs,\n    marginTop: theme.hv.spacing.xs,\n  },\n  content: {\n    width: \"100%\",\n    padding: theme.hv.spacing.xs,\n    display: \"flex\",\n    position: \"relative\",\n    alignItems: \"center\",\n    paddingTop: 17,\n    paddingBottom: 17,\n  },\n  globalSectionArea: {\n    background: \"none\",\n    borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  backButton: {\n    marginRight: theme.hv.spacing.xs,\n  },\n  name: {\n    flexGrow: 1,\n  },\n  actions: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-end\",\n    marginLeft: \"auto\",\n    \"& > *:not(:first-child) \": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Header/Navigation/MenuBar/styles.js

@@ -25,9 +25,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 require("focus-within-polyfill");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   var show = {

package/dist/Header/Navigation/MenuItem/styles.js

@@ -41,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var externalReference = _styles.default.externalReference,
     falseFocus = _styles.default.falseFocus;

package/dist/Header/Navigation/utils/FocusContext.js

@@ -43,9 +43,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var reducer = function reducer(state, action) {
   switch (action.type) {

package/dist/Input/Input.js

@@ -71,9 +71,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var DEFAULT_LABELS = {
   clearButtonLabel: "Clear the text",

package/dist/Link/styles.js

@@ -27,9 +27,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _styles = require("../Focus/styles");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var styles = function styles(theme) {
   return {