@hitachivantara/uikit-react-core 3.67.6 → 3.67.9

package/dist/legacy/theme/ScopedCssBaseline.js

@@ -0,0 +1,67 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+var _excluded = ["component", "className", "children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import * as React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { makeStyles } from "@material-ui/core/styles";
+import { html, body } from "./CssBaseline";
+var useStyles = makeStyles(function (theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: _objectSpread(_objectSpread(_objectSpread({}, html), body(theme)), {}, {
+      "& *, & *::before, & *::after": {
+        boxSizing: "inherit"
+      },
+      "& strong, & b": {
+        fontWeight: theme.hv.typography.highlightText.fontWeight
+      }
+    })
+  };
+});
+var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(props, ref) {
+  var _props$component = props.component,
+      RootComponent = _props$component === void 0 ? "div" : _props$component,
+      className = props.className,
+      children = props.children,
+      other = _objectWithoutProperties(props, _excluded);
+
+  var classes = useStyles();
+  return /*#__PURE__*/React.createElement(RootComponent, _extends({
+    className: clsx(classes.root, className),
+    ref: ref
+  }, other), children);
+});
+process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string
+} : void 0;
+export default ScopedCssBaseline;
+//# sourceMappingURL=ScopedCssBaseline.js.map

package/dist/legacy/theme/ScopedCssBaseline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopedCssBaseline.js","names":["React","PropTypes","clsx","makeStyles","html","body","useStyles","theme","root","boxSizing","fontWeight","hv","typography","highlightText","ScopedCssBaseline","forwardRef","props","ref","component","RootComponent","className","children","other","classes","propTypes","node","elementType","string"],"sources":["../../../src/theme/ScopedCssBaseline.js"],"sourcesContent":["import * as React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport { html, body } from \"./CssBaseline\";\n\nconst useStyles = makeStyles((theme) => ({\n  /* Styles applied to the root element. */\n  root: {\n    ...html,\n    ...body(theme),\n    \"& *, & *::before, & *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"& strong, & b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n  },\n}));\n\nconst ScopedCssBaseline = React.forwardRef(function ScopedCssBaseline(props, ref) {\n  const { component: RootComponent = \"div\", className, children, ...other } = props;\n\n  const classes = useStyles();\n\n  return (\n    <RootComponent className={clsx(classes.root, className)} ref={ref} {...other}>\n      {children}\n    </RootComponent>\n  );\n});\n\nScopedCssBaseline.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n};\n\nexport default ScopedCssBaseline;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,SAASC,IAAT,EAAeC,IAAf,QAA2B,eAA3B;AAEA,IAAMC,SAAS,GAAGH,UAAU,CAAC,UAACI,KAAD;EAAA,OAAY;IACvC;IACAC,IAAI,gDACCJ,IADD,GAECC,IAAI,CAACE,KAAD,CAFL;MAGF,gCAAgC;QAC9BE,SAAS,EAAE;MADmB,CAH9B;MAMF,iBAAiB;QACfC,UAAU,EAAEH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,aAApB,CAAkCH;MAD/B;IANf;EAFmC,CAAZ;AAAA,CAAD,CAA5B;AAcA,IAAMI,iBAAiB,gBAAGd,KAAK,CAACe,UAAN,CAAiB,SAASD,iBAAT,CAA2BE,KAA3B,EAAkCC,GAAlC,EAAuC;EAChF,uBAA4ED,KAA5E,CAAQE,SAAR;EAAA,IAAmBC,aAAnB,iCAAmC,KAAnC;EAAA,IAA0CC,SAA1C,GAA4EJ,KAA5E,CAA0CI,SAA1C;EAAA,IAAqDC,QAArD,GAA4EL,KAA5E,CAAqDK,QAArD;EAAA,IAAkEC,KAAlE,4BAA4EN,KAA5E;;EAEA,IAAMO,OAAO,GAAGjB,SAAS,EAAzB;EAEA,oBACE,oBAAC,aAAD;IAAe,SAAS,EAAEJ,IAAI,CAACqB,OAAO,CAACf,IAAT,EAAeY,SAAf,CAA9B;IAAyD,GAAG,EAAEH;EAA9D,GAAuEK,KAAvE,GACGD,QADH,CADF;AAKD,CAVyB,CAA1B;AAYA,wCAAAP,iBAAiB,CAACU,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEH,QAAQ,EAAEpB,SAAS,CAACwB,IAJQ;;EAK5B;AACF;AACA;AACA;AACA;EACEP,SAAS,EAAEjB,SAAS,CAACyB,WAVO;;EAW5B;AACF;AACA;EACEN,SAAS,EAAEnB,SAAS,CAAC0B;AAdO,CAA9B;AAiBA,eAAeb,iBAAf"}

package/dist/legacy/theme/index.d.ts

@@ -149,4 +149,5 @@ export function getTheme(theme: string): object;
 export default Theme;
 
 export { default as createGenerateClassName } from "./createGenerateClassName";
-export { default as CssBaseline } from "./CssBaseline";
+export { default as HvCssBaseline } from "./CssBaseline";
+export { default as HvScopedCssBaseline } from "./ScopedCssBaseline";

package/dist/legacy/theme/index.js

@@ -81,7 +81,8 @@ var themeBuilder = function themeBuilder(theme) {
 
 var defaultTheme = themeBuilder(getTheme("dawn"));
 export { default as createGenerateClassName } from "./createGenerateClassName";
-export { default as CssBaseline } from "./CssBaseline";
+export { default as HvCssBaseline } from "./CssBaseline";
+export { default as HvScopedCssBaseline } from "./ScopedCssBaseline";
 export { getTheme };
 export { themeBuilder };
 export default defaultTheme;

package/dist/legacy/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createTheme","dawnTheme","wickedTheme","muiAppBarOverrides","muiToolbarOverrides","muiIconButtonOverrides","createTypography","createPalette","createSpacing","hvSpacing","getTheme","uiKitTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","shadows","Array","fill","spacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","overrides","MuiPaper","root","backgroundColor","atmosphere","atmo1","MuiAppBar","MuiToolbar","MuiIconButton","hv","defaultTheme","default","createGenerateClassName","CssBaseline"],"sources":["../../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@material-ui/core/styles\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\nimport muiAppBarOverrides from \"./overrides/muiAppBar\";\nimport muiToolbarOverrides from \"./overrides/muiToolbar\";\nimport muiIconButtonOverrides from \"./overrides/muiIconButton\";\nimport createTypography from \"./typography\";\nimport createPalette from \"./palette\";\nimport createSpacing, { hvSpacing } from \"./spacing\";\n\nconst getTheme = (uiKitTheme) => {\n  switch (uiKitTheme) {\n    default:\n    case \"dawn\":\n      return dawnTheme;\n    case \"wicked\":\n      return wickedTheme;\n  }\n};\n\nconst themeBuilder = (theme) => {\n  const themeSpacing = createSpacing(theme);\n  const themePalette = createPalette(theme);\n  const themeTypography = createTypography(themePalette, theme);\n\n  return createTheme({\n    shadows: Array(25).fill(\"none\"),\n\n    // MUI's spacing doesn't cover our use cases because of regression:\n    // https://github.com/mui-org/material-ui/issues/21278\n    spacing: themeSpacing,\n    hvSpacing: hvSpacing(themeSpacing),\n\n    palette: themePalette,\n    typography: themeTypography,\n    shape: {\n      borderRadius: 0,\n    },\n    breakpoints: {\n      values: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1270,\n        xl: 1920,\n      },\n    },\n    props: {\n      MuiButtonBase: {\n        disableRipple: true,\n      },\n      MuiInput: {\n        disableUnderline: true,\n      },\n    },\n    overrides: {\n      MuiPaper: {\n        root: {\n          backgroundColor: theme.palette.atmosphere.atmo1,\n        },\n      },\n      MuiAppBar: {\n        ...muiAppBarOverrides(theme),\n      },\n      MuiToolbar: {\n        ...muiToolbarOverrides(theme),\n      },\n      MuiIconButton: {\n        ...muiIconButtonOverrides(theme),\n      },\n    },\n    hv: theme,\n  });\n};\n\nconst defaultTheme = themeBuilder(getTheme(\"dawn\"));\n\nexport { default as createGenerateClassName } from \"./createGenerateClassName\";\nexport { default as CssBaseline } from \"./CssBaseline\";\nexport { getTheme };\n\nexport { themeBuilder };\nexport default defaultTheme;\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAASA,WAAT,QAA4B,0BAA5B;AACA,OAAOC,SAAP,MAAsB,+CAAtB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AACA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,sBAAP,MAAmC,2BAAnC;AACA,OAAOC,gBAAP,MAA6B,cAA7B;AACA,OAAOC,aAAP,MAA0B,WAA1B;AACA,OAAOC,aAAP,IAAwBC,SAAxB,QAAyC,WAAzC;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,IAAMU,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,IAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,IAAMG,eAAe,GAAGV,gBAAgB,CAACS,YAAD,EAAeF,KAAf,CAAxC;EAEA,OAAOb,WAAW,CAAC;IACjBiB,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBL,SAAS,EAAEA,SAAS,CAACK,YAAD,CANH;IAQjBO,OAAO,EAAEN,YARQ;IASjBO,UAAU,EAAEN,eATK;IAUjBO,KAAK,EAAE;MACLC,YAAY,EAAE;IADT,CAVU;IAajBC,WAAW,EAAE;MACXC,MAAM,EAAE;QACNC,EAAE,EAAE,CADE;QAENC,EAAE,EAAE,GAFE;QAGNC,EAAE,EAAE,GAHE;QAINC,EAAE,EAAE,IAJE;QAKNC,EAAE,EAAE;MALE;IADG,CAbI;IAsBjBC,KAAK,EAAE;MACLC,aAAa,EAAE;QACbC,aAAa,EAAE;MADF,CADV;MAILC,QAAQ,EAAE;QACRC,gBAAgB,EAAE;MADV;IAJL,CAtBU;IA8BjBC,SAAS,EAAE;MACTC,QAAQ,EAAE;QACRC,IAAI,EAAE;UACJC,eAAe,EAAE3B,KAAK,CAACQ,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJxC,kBAAkB,CAACU,KAAD,CADd,CANA;MAST+B,UAAU,oBACLxC,mBAAmB,CAACS,KAAD,CADd,CATD;MAYTgC,aAAa,oBACRxC,sBAAsB,CAACQ,KAAD,CADd;IAZJ,CA9BM;IA8CjBiC,EAAE,EAAEjC;EA9Ca,CAAD,CAAlB;AAgDD,CArDD;;AAuDA,IAAMkC,YAAY,GAAGnC,YAAY,CAACF,QAAQ,CAAC,MAAD,CAAT,CAAjC;AAEA,SAASsC,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC;AACA,SAASxC,QAAT;AAEA,SAASE,YAAT;AACA,eAAemC,YAAf"}
+{"version":3,"file":"index.js","names":["createTheme","dawnTheme","wickedTheme","muiAppBarOverrides","muiToolbarOverrides","muiIconButtonOverrides","createTypography","createPalette","createSpacing","hvSpacing","getTheme","uiKitTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","shadows","Array","fill","spacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","overrides","MuiPaper","root","backgroundColor","atmosphere","atmo1","MuiAppBar","MuiToolbar","MuiIconButton","hv","defaultTheme","default","createGenerateClassName","HvCssBaseline","HvScopedCssBaseline"],"sources":["../../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@material-ui/core/styles\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\nimport muiAppBarOverrides from \"./overrides/muiAppBar\";\nimport muiToolbarOverrides from \"./overrides/muiToolbar\";\nimport muiIconButtonOverrides from \"./overrides/muiIconButton\";\nimport createTypography from \"./typography\";\nimport createPalette from \"./palette\";\nimport createSpacing, { hvSpacing } from \"./spacing\";\n\nconst getTheme = (uiKitTheme) => {\n  switch (uiKitTheme) {\n    default:\n    case \"dawn\":\n      return dawnTheme;\n    case \"wicked\":\n      return wickedTheme;\n  }\n};\n\nconst themeBuilder = (theme) => {\n  const themeSpacing = createSpacing(theme);\n  const themePalette = createPalette(theme);\n  const themeTypography = createTypography(themePalette, theme);\n\n  return createTheme({\n    shadows: Array(25).fill(\"none\"),\n\n    // MUI's spacing doesn't cover our use cases because of regression:\n    // https://github.com/mui-org/material-ui/issues/21278\n    spacing: themeSpacing,\n    hvSpacing: hvSpacing(themeSpacing),\n\n    palette: themePalette,\n    typography: themeTypography,\n    shape: {\n      borderRadius: 0,\n    },\n    breakpoints: {\n      values: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1270,\n        xl: 1920,\n      },\n    },\n    props: {\n      MuiButtonBase: {\n        disableRipple: true,\n      },\n      MuiInput: {\n        disableUnderline: true,\n      },\n    },\n    overrides: {\n      MuiPaper: {\n        root: {\n          backgroundColor: theme.palette.atmosphere.atmo1,\n        },\n      },\n      MuiAppBar: {\n        ...muiAppBarOverrides(theme),\n      },\n      MuiToolbar: {\n        ...muiToolbarOverrides(theme),\n      },\n      MuiIconButton: {\n        ...muiIconButtonOverrides(theme),\n      },\n    },\n    hv: theme,\n  });\n};\n\nconst defaultTheme = themeBuilder(getTheme(\"dawn\"));\n\nexport { default as createGenerateClassName } from \"./createGenerateClassName\";\nexport { default as HvCssBaseline } from \"./CssBaseline\";\nexport { default as HvScopedCssBaseline } from \"./ScopedCssBaseline\";\nexport { getTheme };\n\nexport { themeBuilder };\nexport default defaultTheme;\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAASA,WAAT,QAA4B,0BAA5B;AACA,OAAOC,SAAP,MAAsB,+CAAtB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AACA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,sBAAP,MAAmC,2BAAnC;AACA,OAAOC,gBAAP,MAA6B,cAA7B;AACA,OAAOC,aAAP,MAA0B,WAA1B;AACA,OAAOC,aAAP,IAAwBC,SAAxB,QAAyC,WAAzC;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,IAAMU,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,IAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,IAAMG,eAAe,GAAGV,gBAAgB,CAACS,YAAD,EAAeF,KAAf,CAAxC;EAEA,OAAOb,WAAW,CAAC;IACjBiB,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBL,SAAS,EAAEA,SAAS,CAACK,YAAD,CANH;IAQjBO,OAAO,EAAEN,YARQ;IASjBO,UAAU,EAAEN,eATK;IAUjBO,KAAK,EAAE;MACLC,YAAY,EAAE;IADT,CAVU;IAajBC,WAAW,EAAE;MACXC,MAAM,EAAE;QACNC,EAAE,EAAE,CADE;QAENC,EAAE,EAAE,GAFE;QAGNC,EAAE,EAAE,GAHE;QAINC,EAAE,EAAE,IAJE;QAKNC,EAAE,EAAE;MALE;IADG,CAbI;IAsBjBC,KAAK,EAAE;MACLC,aAAa,EAAE;QACbC,aAAa,EAAE;MADF,CADV;MAILC,QAAQ,EAAE;QACRC,gBAAgB,EAAE;MADV;IAJL,CAtBU;IA8BjBC,SAAS,EAAE;MACTC,QAAQ,EAAE;QACRC,IAAI,EAAE;UACJC,eAAe,EAAE3B,KAAK,CAACQ,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJxC,kBAAkB,CAACU,KAAD,CADd,CANA;MAST+B,UAAU,oBACLxC,mBAAmB,CAACS,KAAD,CADd,CATD;MAYTgC,aAAa,oBACRxC,sBAAsB,CAACQ,KAAD,CADd;IAZJ,CA9BM;IA8CjBiC,EAAE,EAAEjC;EA9Ca,CAAD,CAAlB;AAgDD,CArDD;;AAuDA,IAAMkC,YAAY,GAAGnC,YAAY,CAACF,QAAQ,CAAC,MAAD,CAAT,CAAjC;AAEA,SAASsC,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,eAAzC;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASzC,QAAT;AAEA,SAASE,YAAT;AACA,eAAemC,YAAf"}

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/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

package/dist/modern/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["React","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","CssBaseline","getTheme","ConfigContext","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassName","generateClassNameProp","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["React","useMemo","PropTypes","set","merge","isEmpty","cloneDeep","diff","ThemeProvider","MuiThemeProvider","StylesProvider","MuiStylesProvider","createTheme","themeBuilder","createGenerateClassName","HvCssBaseline","getTheme","ConfigContext","warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassName","generateClassNameProp","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n\n  disableCssBaseline = false,\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!warnedOnce && !disableCssBaseline) {\n      warnedOnce = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n          \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n          \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n      );\n    }\n  }\n\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        {!disableCssBaseline && <HvCssBaseline />}\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n\n  /**\n   * Disables the generation of the baseline css styles.\n   *\n   * This will be the default behavior in the future.\n   *\n   * The application using UI Kit should be responsible for adding the baseline css styles, by\n   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n   * or ensuring that the necessary base styles are applied.\n   *\n   * Defaults to `false`. Will be removed in the next major release.\n   *\n   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n   */\n  disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/Navigation/Navigation.d.ts

@@ -18,6 +18,14 @@ export interface NavigationData {
    * Data subset.
    */
   data?: NavigationData[];
+  /**
+   * if `true` the item is disabled and is not interactive.
+   */
+  disabled?: boolean;
+  /**
+   * if `true` the item doesn't have a selected state.
+   */
+  selectable?: boolean;
   /**
    * Any other properties.
    */

package/dist/modern/VerticalNavigation/Navigation/Navigation.js

@@ -18,7 +18,8 @@ const createListHierarchy = (items, id, classes) => items.map(item => {
     label: itemLabel,
     icon,
     data: children,
-    selectable
+    selectable,
+    disabled
   } = item;
   const ItemText = wrapperTooltip(true, itemLabel, itemLabel);
   return /*#__PURE__*/React.createElement(TreeViewItem, {
@@ -29,7 +30,8 @@ const createListHierarchy = (items, id, classes) => items.map(item => {
     label: /*#__PURE__*/React.createElement(ItemText, null),
     icon: icon,
     payload: item,
-    selectable: selectable
+    selectable: selectable,
+    disabled: disabled
   }, children ? createListHierarchy(children, id, classes) : undefined);
 });