@hitachivantara/uikit-react-core 3.67.5 → 3.67.8

package/dist/modern/BaseInput/styles.js

@@ -40,6 +40,38 @@ const styles = theme => ({
       "& $input": {
         border: `1px solid ${theme.hv.palette.accent.acce1}`
       }
+    },
+    "@global": {
+      "input:-webkit-autofill": {
+        "-webkit-box-shadow": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,
+        "-webkit-text-fill-color": theme.hv.typography.normalText.color
+      },
+
+      /* clears input's clear and reveal buttons from IE */
+      "input[type=search]::-ms-clear": {
+        display: "none",
+        width: 0,
+        height: 0
+      },
+      "input[type=search]::-ms-reveal": {
+        display: "none",
+        width: 0,
+        height: 0
+      },
+
+      /* clears input's clear button from Chrome */
+      "input[type=search]::-webkit-search-decoration": {
+        display: "none"
+      },
+      "input[type=search]::-webkit-search-cancel-button": {
+        display: "none"
+      },
+      "input[type=search]::-webkit-search-results-button": {
+        display: "none"
+      },
+      "input[type=search]::-webkit-search-results-decoration": {
+        display: "none"
+      }
     }
   },
   resizable: {
@@ -191,12 +223,6 @@ const styles = theme => ({
     top: "31px",
     left: "2px",
     backgroundColor: theme.hv.palette.atmosphere.atmo4
-  },
-  "@global": {
-    "input:-webkit-autofill": {
-      "-webkit-box-shadow": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,
-      "-webkit-text-fill-color": theme.hv.typography.normalText.color
-    }
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","inputRootFocused","background","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/Dialog/Dialog.js

@@ -105,9 +105,9 @@ const HvDialog = _ref => {
     },
     onClose: (event, reason) => onClose(event, reason),
     onKeyDown: keyDownHandler
-  }, others), /*#__PURE__*/React.createElement("div", {
+  }, others, {
     "aria-modal": true
-  }, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     id: setId(id, "close"),
     className: classes.closeButton,
     category: "ghost",
@@ -115,7 +115,7 @@ const HvDialog = _ref => {
     "aria-label": buttonTitle
   }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children && typeof children === "object" ? React.Children.map(children, c => /*#__PURE__*/React.cloneElement(c, {
     fullscreen
-  })) : children));
+  })) : children);
 };
 
 process.env.NODE_ENV !== "production" ? HvDialog.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","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"],"sources":["../../../src/Dialog/Dialog.js"],"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"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","fullscreen","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"],"sources":["../../../src/Dialog/Dialog.js"],"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      aria-modal\n    >\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    </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"],"mappings":"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"}

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

@@ -2,7 +2,9 @@ const styles = theme => ({
   root: {
     margin: "0",
     padding: theme.hv.spacing.sm,
-    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,
+    height: 100,
+    flex: 1
   },
   spacing: {
     "& > :not(:first-child)": {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs","fullscreen","position","width","bottom","left"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GADJ;IAEJC,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;IAGJC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;EAHtD,CADmB;EAMzBL,OAAO,EAAE;IACP,0BAA0B;MACxBM,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;IADL;EADnB,CANgB;EAWzBC,UAAU,EAAE;IACVC,QAAQ,EAAE,OADA;IAEVC,KAAK,EAAE,MAFG;IAGVC,MAAM,EAAE,CAHE;IAIVC,IAAI,EAAE;EAJI;AAXa,CAAZ,CAAf;;AAmBA,eAAelB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","height","flex","marginLeft","xs","fullscreen","position","width","bottom","left"],"sources":["../../../../src/Dialog/DialogActions/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    height: 100,\n    flex: 1,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n  fullscreen: {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,MAAM,EAAE,GADJ;IAEJC,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;IAGJC,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,EAHtD;IAIJC,MAAM,EAAE,GAJJ;IAKJC,IAAI,EAAE;EALF,CADmB;EAQzBP,OAAO,EAAE;IACP,0BAA0B;MACxBQ,UAAU,EAAEb,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBS;IADL;EADnB,CARgB;EAazBC,UAAU,EAAE;IACVC,QAAQ,EAAE,OADA;IAEVC,KAAK,EAAE,MAFG;IAGVC,MAAM,EAAE,CAHE;IAIVC,IAAI,EAAE;EAJI;AAba,CAAZ,CAAf;;AAqBA,eAAepB,MAAf"}

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

@@ -5,7 +5,9 @@ const styles = theme => ({
   },
   textContent: {
     marginLeft: "42px",
-    marginRight: "42px"
+    paddingRight: "62px",
+    flex: 1,
+    overflowY: "auto"
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","marginRight"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    marginRight: \"42px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,CADL;IAEJC,IAAI,EAAE;EAFF,CADmB;EAKzBC,WAAW,EAAE;IACXC,UAAU,EAAE,MADD;IAEXC,WAAW,EAAE;EAFF;AALY,CAAZ,CAAf;;AAWA,eAAeR,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","paddingRight","overflowY"],"sources":["../../../../src/Dialog/DialogContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    paddingRight: \"62px\",\n    flex: 1,\n    overflowY: \"auto\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,CADL;IAEJC,IAAI,EAAE;EAFF,CADmB;EAKzBC,WAAW,EAAE;IACXC,UAAU,EAAE,MADD;IAEXC,YAAY,EAAE,MAFH;IAGXH,IAAI,EAAE,CAHK;IAIXI,SAAS,EAAE;EAJA;AALY,CAAZ,CAAf;;AAaA,eAAeT,MAAf"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, 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"],"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;EAAA,IARiB;IACrBC,OADqB;IAErBC,SAFqB;IAGrBC,QAHqB;IAIrBC,OAAO,GAAG,SAJW;IAKrBC,QAAQ,GAAG,IALU;IAMrBC,UAAU,GAAG;EANQ,CAQjB;EAAA,IADDC,MACC;;EACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC,CADI,CAEJ;EACA;;EACA,OAAOI,MAAM,CAACE,UAAd;EAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;EAEA,oBACE,oBAAC,WAAD;IAAa,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,CAA5B;IAAuD,iBAAiB;EAAxE,GAA6EK,MAA7E,gBACE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAxB,GACGF,IADH,eAEE;IAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ;EAApB,GACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CA3BD;;AA6BA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAJG;;EAKxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;IASvB;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;IAavB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;EAsCxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;EA0CxB;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf"}
+{"version":3,"file":"DialogTitle.js","names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","fullscreen","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, 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  const { fullscreen } = others;\n\n  // prevent the `fullscreen` prop from being passed to the `DialogTitle` component\n  // eslint-disable-next-line no-param-reassign\n  delete others.fullscreen;\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle\n      className={clsx(classes.root, className, fullscreen ? \"fullscreen\" : \"\")}\n      disableTypography\n      {...others}\n    >\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"mappings":";;;AAAA,OAAOA,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;EAAA,IARiB;IACrBC,OADqB;IAErBC,SAFqB;IAGrBC,QAHqB;IAIrBC,OAAO,GAAG,SAJW;IAKrBC,QAAQ,GAAG,IALU;IAMrBC,UAAU,GAAG;EANQ,CAQjB;EAAA,IADDC,MACC;;EACJ,MAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;EACA,MAAM;IAAEM;EAAF,IAAiBF,MAAvB,CAFI,CAIJ;EACA;;EACA,OAAOA,MAAM,CAACE,UAAd;EAEA,MAAMC,IAAI,GAAGJ,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;EAEA,oBACE,oBAAC,WAAD;IACE,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACU,IAAT,EAAeT,SAAf,EAA0BO,UAA1B,IAAuC,YAAvC,CADjB;IAEE,iBAAiB;EAFnB,GAGMF,MAHN,gBAKE;IAAK,SAAS,EAAEN,OAAO,CAACW;EAAxB,GACGF,IADH,eAEE;IAAK,SAAS,EAAEhB,IAAI,CAA2BgB,IAA3B,IAAIT,OAAO,CAACY,YAAZ;EAApB,GACG,CAACL,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAkCL,QAAlC,CAFf,CAFF,CALF,CADF;AAeD,CAjCD;;AAmCA,wCAAAH,aAAa,CAACc,SAAd,GAA0B;EACxB;AACF;AACA;EACEZ,SAAS,EAAET,SAAS,CAACsB,MAJG;;EAKxB;AACF;AACA;EACEd,OAAO,EAAER,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAElB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIH,gBAAgB,EAAEnB,SAAS,CAACsB,MARL;;IASvB;AACJ;AACA;IACIF,YAAY,EAAEpB,SAAS,CAACsB,MAZD;;IAavB;AACJ;AACA;IACIL,IAAI,EAAEjB,SAAS,CAACsB,MAhBO;;IAiBvB;AACJ;AACA;IACIE,WAAW,EAAExB,SAAS,CAACsB;EApBA,CAAhB,EAqBNG,UA7BqB;;EA8BxB;AACF;AACA;EACEd,OAAO,EAAEX,SAAS,CAAC0B,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;EAkCxB;AACF;AACA;EACEd,QAAQ,EAAEZ,SAAS,CAAC2B,IArCI;;EAsCxB;AACF;AACA;EACEd,UAAU,EAAEb,SAAS,CAAC4B,IAzCE;;EA0CxB;AACF;AACA;EACElB,QAAQ,EAAEV,SAAS,CAAC4B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAetB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CtB,aAA9C,CAAf"}

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

@@ -2,8 +2,9 @@ const styles = theme => ({
   root: {
     padding: theme.hvSpacing("sm"),
     margin: 0,
-    display: "flex",
-    justifyContent: "space-between"
+    "&:not(.fullscreen)": {
+      flex: 1
+    }
   },
   messageContainer: {
     display: "flex",

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","display","justifyContent","messageContainer","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADL;IAEJC,MAAM,EAAE,CAFJ;IAGJC,OAAO,EAAE,MAHL;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAOzBC,gBAAgB,EAAE;IAChBF,OAAO,EAAE,MADO;IAEhBG,UAAU,EAAE;EAFI,CAPO;EAWzBC,YAAY,EAAE;IACZC,UAAU,EAAEV,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADA;IAEZ;IACAQ,WAAW,EAAG,eAAcX,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAsB;EAHtC,CAXW;EAgBzBS,IAAI,EAAE;IACJD,WAAW,EAAEX,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAD1B;IAEJC,KAAK,EAAE,EAFH;IAGJC,MAAM,EAAE;EAHJ;AAhBmB,CAAZ,CAAf;;AAuBA,eAAelB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hvSpacing","margin","flex","messageContainer","display","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    \"&:not(.fullscreen)\": {\n      flex: 1,\n    },\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADL;IAEJC,MAAM,EAAE,CAFJ;IAGJ,sBAAsB;MACpBC,IAAI,EAAE;IADc;EAHlB,CADmB;EAQzBC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MADO;IAEhBC,UAAU,EAAE;EAFI,CARO;EAYzBC,YAAY,EAAE;IACZC,UAAU,EAAEV,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADA;IAEZ;IACAQ,WAAW,EAAG,eAAcX,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAsB;EAHtC,CAZW;EAiBzBS,IAAI,EAAE;IACJD,WAAW,EAAEX,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAD1B;IAEJC,KAAK,EAAE,EAFH;IAGJC,MAAM,EAAE;EAHJ;AAjBmB,CAAZ,CAAf;;AAwBA,eAAelB,MAAf"}

package/dist/modern/Dialog/styles.js

@@ -10,7 +10,9 @@ const styles = theme => ({
     overflow: "auto",
     boxShadow: theme.hv.shadows[1],
     "&:not(.fullscreen)": {
-      maxHeight: "calc(100% - 200px)"
+      maxHeight: "calc(100% - 200px)",
+      display: "flex",
+      flexDirection: "column"
     }
   },
   closeButton: {

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n    \"&:not(.fullscreen)\": {\n      maxHeight: \"calc(100% - 200px)\",\n    },\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;EADN,CADa;EAIzBC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;IAELC,OAAO,EAAE,KAFJ;IAGLC,QAAQ,EAAE,MAHL;IAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJN;IAKL,sBAAsB;MACpBC,SAAS,EAAE;IADS;EALjB,CAJkB;EAazBC,WAAW,EAAE;IACXL,OAAO,EAAE,CADE;IAEXM,QAAQ,EAAE,SAFC;IAGXC,QAAQ,EAAE,UAHC;IAIXC,GAAG,EAAEhB,KAAK,CAACiB,SAAN,CAAgB,IAAhB,CAJM;IAKXC,KAAK,EAAElB,KAAK,CAACiB,SAAN,CAAgB,IAAhB;EALI;AAbY,CAAZ,CAAf;;AAsBA,eAAelB,MAAf"}
+{"version":3,"file":"styles.js","names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","maxHeight","display","flexDirection","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Dialog/styles.js"],"sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n    \"&:not(.fullscreen)\": {\n      maxHeight: \"calc(100% - 200px)\",\n      display: \"flex\",\n      flexDirection: \"column\",\n    },\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;EADN,CADa;EAIzBC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;IAELC,OAAO,EAAE,KAFJ;IAGLC,QAAQ,EAAE,MAHL;IAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJN;IAKL,sBAAsB;MACpBC,SAAS,EAAE,oBADS;MAEpBC,OAAO,EAAE,MAFW;MAGpBC,aAAa,EAAE;IAHK;EALjB,CAJkB;EAezBC,WAAW,EAAE;IACXP,OAAO,EAAE,CADE;IAEXQ,QAAQ,EAAE,SAFC;IAGXC,QAAQ,EAAE,UAHC;IAIXC,GAAG,EAAElB,KAAK,CAACmB,SAAN,CAAgB,IAAhB,CAJM;IAKXC,KAAK,EAAEpB,KAAK,CAACmB,SAAN,CAAgB,IAAhB;EALI;AAfY,CAAZ,CAAf;;AAwBA,eAAepB,MAAf"}

package/dist/modern/Forms/WarningText/WarningText.d.ts

@@ -6,8 +6,7 @@ export type HvWarningTextClassKey =
   | "topBorder"
   | "topGutter"
   | "showText"
-  | "defaultIcon"
-  | "@global";
+  | "defaultIcon";
 
 export interface HvWarningTextProps
   extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvWarningTextClassKey> {

package/dist/modern/Forms/WarningText/WarningText.js

@@ -111,12 +111,7 @@ process.env.NODE_ENV !== "production" ? HvWarningText.propTypes = {
      * Styles applied to the text when the error are is active
      * but the text is to be not visible.
      */
-    hideText: PropTypes.string,
-
-    /**
-     * IE11 specific styling.
-     */
-    "@global": PropTypes.string
+    hideText: PropTypes.string
   }).isRequired,
 
   /**

package/dist/modern/Forms/WarningText/WarningText.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","names":["React","useContext","PropTypes","clsx","isNil","Fail","withStyles","HvFormElementContext","HvTypography","setId","styles","HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","string","node","shape","isRequired","bool","name"],"sources":["../../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = props;\n\n  const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.show]: showWarning,\n        [classes.topBorder]: !disableBorder,\n      })}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={clsx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The description to be shown by this helper text\n   */\n  children: PropTypes.node,\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 component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the default icon.\n     */\n    defaultIcon: PropTypes.string,\n    /**\n     * Styles applied to the warning text.\n     */\n    warningText: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    show: PropTypes.string,\n    /**\n     * Separation between text and upper element.\n     */\n    topGutter: PropTypes.string,\n    /**\n     * The top border.\n     */\n    topBorder: PropTypes.string,\n    /**\n     * Styles applied to the text when the error are is active\n     * but the text is to be not visible.\n     */\n    hideText: PropTypes.string,\n    /**\n     * IE11 specific styling.\n     */\n    \"@global\": PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon to be rendered alongside the warning text.\n   */\n  adornment: PropTypes.node,\n  /**\n   * If `true` the text is not rendered.\n   */\n  isVisible: PropTypes.bool,\n  /**\n   * If `true` the text is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the text won't include a gutter.\n   */\n  disableGutter: PropTypes.bool,\n  /**\n   * If `true` the text won't include the top border.\n   */\n  disableBorder: PropTypes.bool,\n  /**\n   * If `true` the adornment icon isn't shown.\n   */\n  disableAdornment: PropTypes.bool,\n  /**\n   * If `true` the text isn't shown.\n   */\n  hideText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWarningText\" })(HvWarningText);\n"],"mappings":"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"}
+{"version":3,"file":"WarningText.js","names":["React","useContext","PropTypes","clsx","isNil","Fail","withStyles","HvFormElementContext","HvTypography","setId","styles","HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","string","node","shape","isRequired","bool","name"],"sources":["../../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = props;\n\n  const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.show]: showWarning,\n        [classes.topBorder]: !disableBorder,\n      })}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={clsx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The description to be shown by this helper text\n   */\n  children: PropTypes.node,\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 component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the default icon.\n     */\n    defaultIcon: PropTypes.string,\n    /**\n     * Styles applied to the warning text.\n     */\n    warningText: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    show: PropTypes.string,\n    /**\n     * Separation between text and upper element.\n     */\n    topGutter: PropTypes.string,\n    /**\n     * The top border.\n     */\n    topBorder: PropTypes.string,\n    /**\n     * Styles applied to the text when the error are is active\n     * but the text is to be not visible.\n     */\n    hideText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon to be rendered alongside the warning text.\n   */\n  adornment: PropTypes.node,\n  /**\n   * If `true` the text is not rendered.\n   */\n  isVisible: PropTypes.bool,\n  /**\n   * If `true` the text is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the text won't include a gutter.\n   */\n  disableGutter: PropTypes.bool,\n  /**\n   * If `true` the text won't include the top border.\n   */\n  disableBorder: PropTypes.bool,\n  /**\n   * If `true` the adornment icon isn't shown.\n   */\n  disableAdornment: PropTypes.bool,\n  /**\n   * If `true` the text isn't shown.\n   */\n  hideText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWarningText\" })(HvWarningText);\n"],"mappings":"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"}

package/dist/modern/Forms/WarningText/styles.js

@@ -29,12 +29,6 @@ const styles = theme => ({
     padding: 0,
     margin: 0,
     overflow: "hidden"
-  },
-  "@global": {
-    "input:-webkit-autofill": {
-      "-webkit-box-shadow": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,
-      "-webkit-text-fill-color": theme.hv.typography.normalText.color
-    }
   }
 });
 

package/dist/modern/Forms/WarningText/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow","atmosphere","atmo1","typography","normalText"],"sources":["../../../../src/Forms/WarningText/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n  },\n  topBorder: {\n    borderTop: `solid 1px ${theme.hv.palette.semantic.sema4}`,\n  },\n  topGutter: { paddingTop: 8 },\n  warningText: {\n    color: theme.hv.palette.semantic.sema4,\n    paddingRight: theme.hv.spacing.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.hv.spacing.xs,\n    },\n  },\n  defaultIcon: {\n    minWidth: \"32px\",\n  },\n  show: {\n    display: \"flex\",\n  },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAIzBC,SAAS,EAAE;IACTC,SAAS,EAAG,aAAYJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EAD/C,CAJc;EAOzBC,SAAS,EAAE;IAAEC,UAAU,EAAE;EAAd,CAPc;EAQzBC,WAAW,EAAE;IACXC,KAAK,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KADtB;IAEXK,YAAY,EAAEb,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC,EAFpB;IAGX,iBAAiB;MACfC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC;IADf;EAHN,CARY;EAezBE,WAAW,EAAE;IACXC,QAAQ,EAAE;EADC,CAfY;EAkBzBC,IAAI,EAAE;IACJjB,OAAO,EAAE;EADL,CAlBmB;EAqBzBkB,QAAQ,EAAE;IACR;IACA;IACAC,KAAK,EAAE,CAHC;IAIRC,MAAM,EAAE,CAJA;IAKRC,OAAO,EAAE,CALD;IAMRC,MAAM,EAAE,CANA;IAORC,QAAQ,EAAE;EAPF,CArBe;EA8BzB,WAAW;IACT,0BAA0B;MACxB,sBAAuB,kBAAiBzB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBoB,UAAjB,CAA4BC,KAAM,QADlD;MAExB,2BAA2B3B,KAAK,CAACK,EAAN,CAASuB,UAAT,CAAoBC,UAApB,CAA+BjB;IAFlC;EADjB;AA9Bc,CAAZ,CAAf;;AAsCA,eAAeb,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow"],"sources":["../../../../src/Forms/WarningText/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n  },\n  topBorder: {\n    borderTop: `solid 1px ${theme.hv.palette.semantic.sema4}`,\n  },\n  topGutter: { paddingTop: 8 },\n  warningText: {\n    color: theme.hv.palette.semantic.sema4,\n    paddingRight: theme.hv.spacing.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.hv.spacing.xs,\n    },\n  },\n  defaultIcon: {\n    minWidth: \"32px\",\n  },\n  show: {\n    display: \"flex\",\n  },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAIzBC,SAAS,EAAE;IACTC,SAAS,EAAG,aAAYJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EAD/C,CAJc;EAOzBC,SAAS,EAAE;IAAEC,UAAU,EAAE;EAAd,CAPc;EAQzBC,WAAW,EAAE;IACXC,KAAK,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KADtB;IAEXK,YAAY,EAAEb,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC,EAFpB;IAGX,iBAAiB;MACfC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC;IADf;EAHN,CARY;EAezBE,WAAW,EAAE;IACXC,QAAQ,EAAE;EADC,CAfY;EAkBzBC,IAAI,EAAE;IACJjB,OAAO,EAAE;EADL,CAlBmB;EAqBzBkB,QAAQ,EAAE;IACR;IACA;IACAC,KAAK,EAAE,CAHC;IAIRC,MAAM,EAAE,CAJA;IAKRC,OAAO,EAAE,CALD;IAMRC,MAAM,EAAE,CANA;IAORC,QAAQ,EAAE;EAPF;AArBe,CAAZ,CAAf;;AAgCA,eAAe1B,MAAf"}

package/dist/modern/Input/styles.js

@@ -85,12 +85,6 @@ const styles = theme => ({
     "$hasSuggestions &": {
       display: "none"
     }
-  },
-  "@global": {
-    "input:-webkit-autofill": {
-      "-webkit-box-shadow": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,
-      "-webkit-text-fill-color": theme.hv.typography.normalText.color
-    }
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer","typography","normalText","color"],"sources":["../../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n  },\n\n  hasSuggestions: {},\n\n  inputRoot: {\n    \"&:hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      display: \"block\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": { display: \"block\" },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: \"30px\",\n    height: \"30px\",\n  },\n  iconClear: {\n    display: \"none\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  suggestionList: {\n    // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n    \"$root $suggestionsContainer &\": {\n      width: \"100%\",\n    },\n  },\n\n  inputExtension: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAO,uBAAP;;AAEA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAKzBC,cAAc,EAAE,EALS;EAOzBC,SAAS,EAAE;IACT,WAAW;MACT,gBAAgB;QACdF,OAAO,EAAE;MADK;IADP,CADF;IAMT,6BAA6B;MAC3BA,OAAO,EAAE;IADkB,CANpB;IAST;IACA,6BAA6B;MAC3BA,OAAO,EAAE;IADkB;EAVpB,CAPc;EAqBzBG,gBAAgB,EAAE;IAChB,gBAAgB;MAAEH,OAAO,EAAE;IAAX;EADA,CArBO;EAwBzBI,iBAAiB,EAAE;IACjBC,MAAM,EAAE;EADS,CAxBM;EA2BzBC,kBAAkB,EAAE;IAClBC,OAAO,EAAE;EADS,CA3BK;EA8BzBC,KAAK,EAAE;IACL,gBAAgB;MACdR,OAAO,EAAE;IADK;EADX,CA9BkB;EAoCzBS,cAAc,EAAE;IACdT,OAAO,EAAE,MADK;IAEdU,UAAU,EAAE;EAFE,CApCS;EAwCzBC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELZ,OAAO,EAAE;EAFJ,CAxCkB;EA4CzBa,WAAW,EAAE,EA5CY;EA6CzBC,KAAK,EAAE,EA7CkB;EA+CzBC,aAAa,EAAE;IACbf,OAAO,EAAE,MADI;IAEbgB,aAAa,EAAE,KAFF;IAGbC,MAAM,EAAE,MAHK;IAIbC,cAAc,EAAE,QAJH;IAKbC,WAAW,EAAE;EALA,CA/CU;EAsDzBC,eAAe,EAAE;IACfC,eAAe,EAAE,aADF;IAEfC,MAAM,EAAE,MAFO;IAGff,OAAO,EAAE,CAHM;IAIfgB,MAAM,EAAE,CAJO;IAKflB,MAAM,EAAE;EALO,CAtDQ;EA6DzBmB,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJR,MAAM,EAAE;EAFJ,CA7DmB;EAiEzBS,SAAS,EAAE;IACT1B,OAAO,EAAE;EADA,CAjEc;EAqEzB2B,oBAAoB,EAAE;IACpBF,KAAK,EAAE,MADa;IAEpBG,QAAQ,EAAE;EAFU,CArEG;EAyEzBC,cAAc,EAAE;IACd;IACA,iCAAiC;MAC/BJ,KAAK,EAAE;IADwB;EAFnB,CAzES;EAgFzBK,cAAc,EAAE;IACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAN,CAASC,OAAT,CAAiBC,EADX;IAEdZ,eAAe,EAAEvB,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAF/B;IAGdC,SAAS,EAAG,eAAcvC,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;EAH9C,CAhFS;EAsFzBE,oBAAoB,EAAE;IACpB,qBAAqB;MACnBtC,OAAO,EAAE;IADU;EADD,CAtFG;EA4FzB,WAAW;IACT,0BAA0B;MACxB,sBAAuB,kBAAiBF,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM,QADlD;MAExB,2BAA2BtC,KAAK,CAACiC,EAAN,CAASQ,UAAT,CAAoBC,UAApB,CAA+BC;IAFlC;EADjB;AA5Fc,CAAZ,CAAf;;AAoGA,eAAe5C,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer"],"sources":["../../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n  },\n\n  hasSuggestions: {},\n\n  inputRoot: {\n    \"&:hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      display: \"block\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": { display: \"block\" },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: \"30px\",\n    height: \"30px\",\n  },\n  iconClear: {\n    display: \"none\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  suggestionList: {\n    // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n    \"$root $suggestionsContainer &\": {\n      width: \"100%\",\n    },\n  },\n\n  inputExtension: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,OAAO,uBAAP;;AAEA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAKzBC,cAAc,EAAE,EALS;EAOzBC,SAAS,EAAE;IACT,WAAW;MACT,gBAAgB;QACdF,OAAO,EAAE;MADK;IADP,CADF;IAMT,6BAA6B;MAC3BA,OAAO,EAAE;IADkB,CANpB;IAST;IACA,6BAA6B;MAC3BA,OAAO,EAAE;IADkB;EAVpB,CAPc;EAqBzBG,gBAAgB,EAAE;IAChB,gBAAgB;MAAEH,OAAO,EAAE;IAAX;EADA,CArBO;EAwBzBI,iBAAiB,EAAE;IACjBC,MAAM,EAAE;EADS,CAxBM;EA2BzBC,kBAAkB,EAAE;IAClBC,OAAO,EAAE;EADS,CA3BK;EA8BzBC,KAAK,EAAE;IACL,gBAAgB;MACdR,OAAO,EAAE;IADK;EADX,CA9BkB;EAoCzBS,cAAc,EAAE;IACdT,OAAO,EAAE,MADK;IAEdU,UAAU,EAAE;EAFE,CApCS;EAwCzBC,KAAK,EAAE;IACLC,aAAa,EAAE,KADV;IAELZ,OAAO,EAAE;EAFJ,CAxCkB;EA4CzBa,WAAW,EAAE,EA5CY;EA6CzBC,KAAK,EAAE,EA7CkB;EA+CzBC,aAAa,EAAE;IACbf,OAAO,EAAE,MADI;IAEbgB,aAAa,EAAE,KAFF;IAGbC,MAAM,EAAE,MAHK;IAIbC,cAAc,EAAE,QAJH;IAKbC,WAAW,EAAE;EALA,CA/CU;EAsDzBC,eAAe,EAAE;IACfC,eAAe,EAAE,aADF;IAEfC,MAAM,EAAE,MAFO;IAGff,OAAO,EAAE,CAHM;IAIfgB,MAAM,EAAE,CAJO;IAKflB,MAAM,EAAE;EALO,CAtDQ;EA6DzBmB,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJR,MAAM,EAAE;EAFJ,CA7DmB;EAiEzBS,SAAS,EAAE;IACT1B,OAAO,EAAE;EADA,CAjEc;EAqEzB2B,oBAAoB,EAAE;IACpBF,KAAK,EAAE,MADa;IAEpBG,QAAQ,EAAE;EAFU,CArEG;EAyEzBC,cAAc,EAAE;IACd;IACA,iCAAiC;MAC/BJ,KAAK,EAAE;IADwB;EAFnB,CAzES;EAgFzBK,cAAc,EAAE;IACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAN,CAASC,OAAT,CAAiBC,EADX;IAEdZ,eAAe,EAAEvB,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAF/B;IAGdC,SAAS,EAAG,eAAcvC,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;EAH9C,CAhFS;EAsFzBE,oBAAoB,EAAE;IACpB,qBAAqB;MACnBtC,OAAO,EAAE;IADU;EADD;AAtFG,CAAZ,CAAf;;AA6FA,eAAeH,MAAf"}

package/dist/modern/Provider/Provider.d.ts

@@ -63,6 +63,21 @@ export interface HvProviderProps {
    * Disables the generation of the styles.
    */
   disableStylesGeneration?: boolean;
+
+  /**
+   * Disables the generation of the baseline css styles.
+   *
+   * This will be the default behavior in the future.
+   *
+   * The application using UI Kit should be responsible for adding the baseline css styles, by
+   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
+   * or ensuring that the necessary base styles are applied.
+   *
+   * Defaults to `false`. Will be removed in the next major release.
+   *
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   */
+  disableCssBaseline?: boolean;
 }
 
 export default function HvProvider(props: HvProviderProps): JSX.Element | null;

package/dist/modern/Provider/Provider.js

@@ -1,4 +1,4 @@
-var _CssBaseline;
+var _HvCssBaseline;
 
 import React, { useMemo } from "react";
 import PropTypes from "prop-types";
@@ -11,8 +11,9 @@ import "focus-within-polyfill";
 import "focus-visible";
 import { ThemeProvider as MuiThemeProvider, StylesProvider as MuiStylesProvider } from "@material-ui/core";
 import { createTheme } from "@material-ui/core/styles";
-import { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from "../theme";
+import { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from "../theme";
 import ConfigContext from "./context";
+let warnedOnce = false;
 /**
  * Augments the target theme with the differences found in the source theme.
  *
@@ -54,8 +55,8 @@ const applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {
  * <HvProvider/>
  * ```
  *
- * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`
- * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can
+ * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`
+ * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can
  * be provided via the `generateClassName` property.
  *
  * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
@@ -73,10 +74,19 @@ const HvProvider = ({
   generateClassName: generateClassNameProp,
   generateClassNameOptions,
   injectStylesFirst = false,
-  disableStylesGeneration = false
+  disableStylesGeneration = false,
+  disableCssBaseline = false
 }) => {
   var _navigator$language, _navigator;
 
+  if (process.env.NODE_ENV !== "production") {
+    if (!warnedOnce && !disableCssBaseline) {
+      warnedOnce = true; // eslint-disable-next-line no-console
+
+      console.warn("UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\n" + "You can use the `disableCssBaseline` property to disable it already.\n" + "See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main");
+    }
+  }
+
   const localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
   const rawUiKitTheme = getTheme(uiKitTheme);
   const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);
@@ -91,7 +101,7 @@ const HvProvider = ({
     disableGeneration: disableStylesGeneration
   }, /*#__PURE__*/React.createElement(MuiThemeProvider, {
     theme: customTheme
-  }, _CssBaseline || (_CssBaseline = /*#__PURE__*/React.createElement(CssBaseline, null)), /*#__PURE__*/React.createElement(ConfigContext.Provider, {
+  }, !disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/React.createElement(HvCssBaseline, null))), /*#__PURE__*/React.createElement(ConfigContext.Provider, {
     value: pConfig
   }, children)));
 };
@@ -169,7 +179,22 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
   /**
    * Disables the generation of the styles.
    */
-  disableStylesGeneration: PropTypes.bool
+  disableStylesGeneration: PropTypes.bool,
+
+  /**
+   * Disables the generation of the baseline css styles.
+   *
+   * This will be the default behavior in the future.
+   *
+   * The application using UI Kit should be responsible for adding the baseline css styles, by
+   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
+   * or ensuring that the necessary base styles are applied.
+   *
+   * Defaults to `false`. Will be removed in the next major release.
+   *
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   */
+  disableCssBaseline: PropTypes.bool
 } : void 0;
 export default HvProvider;
 //# sourceMappingURL=Provider.js.map