@hitachivantara/uikit-react-core 3.71.0 → 4.0.1-next.0

package/dist/modern/theme/index.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 { createTheme } from "@material-ui/core/styles";
+import { createTheme } from "@mui/material";
 import dawnTheme from "@hitachivantara/uikit-common-themes/dist/dawn";
 import wickedTheme from "@hitachivantara/uikit-common-themes/dist/wicked";
 import muiAppBarOverrides from "./overrides/muiAppBar";
@@ -28,7 +28,7 @@ const getTheme = uiKitTheme => {
 const themeBuilder = theme => {
   const themeSpacing = createSpacing(theme);
   const themePalette = createPalette(theme);
-  const themeTypography = createTypography(themePalette, theme);
+  const themeTypography = createTypography(theme);
   return createTheme({
     shadows: Array(25).fill("none"),
     // MUI's spacing doesn't cover our use cases because of regression:
@@ -57,15 +57,23 @@ const themeBuilder = theme => {
         disableUnderline: true
       }
     },
-    overrides: {
+    components: {
       MuiPaper: {
-        root: {
-          backgroundColor: theme.palette.atmosphere.atmo1
+        styleOverrides: {
+          root: {
+            backgroundColor: theme.palette.atmosphere.atmo1
+          }
         }
       },
-      MuiAppBar: _objectSpread({}, muiAppBarOverrides(theme)),
-      MuiToolbar: _objectSpread({}, muiToolbarOverrides(theme)),
-      MuiIconButton: _objectSpread({}, muiIconButtonOverrides(theme))
+      MuiAppBar: {
+        styleOverrides: _objectSpread({}, muiAppBarOverrides(theme))
+      },
+      MuiToolbar: {
+        styleOverrides: _objectSpread({}, muiToolbarOverrides(theme))
+      },
+      MuiIconButton: {
+        styleOverrides: _objectSpread({}, muiIconButtonOverrides(theme))
+      }
     },
     hv: theme
   });

package/dist/modern/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","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,MAAMC,QAAQ,GAAIC,UAAD,IAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,MAAMU,YAAY,GAAIC,KAAD,IAAW;EAC9B,MAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,MAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,MAAMG,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,MAAMkC,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"}
+{"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","components","MuiPaper","styleOverrides","root","backgroundColor","atmosphere","atmo1","MuiAppBar","MuiToolbar","MuiIconButton","hv","defaultTheme","default","createGenerateClassName","HvCssBaseline","HvScopedCssBaseline"],"sources":["../../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@mui/material\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\n\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(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    components: {\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundColor: theme.palette.atmosphere.atmo1,\n          },\n        },\n      },\n      MuiAppBar: {\n        styleOverrides: {\n          ...muiAppBarOverrides(theme),\n        },\n      },\n      MuiToolbar: {\n        styleOverrides: {\n          ...muiToolbarOverrides(theme),\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          ...muiIconButtonOverrides(theme),\n        },\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,eAA5B;AACA,OAAOC,SAAP,MAAsB,+CAAtB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AAEA,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,MAAMC,QAAQ,GAAIC,UAAD,IAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,MAAMU,YAAY,GAAIC,KAAD,IAAW;EAC9B,MAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,MAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,MAAMG,eAAe,GAAGV,gBAAgB,CAACO,KAAD,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,UAAU,EAAE;MACVC,QAAQ,EAAE;QACRC,cAAc,EAAE;UACdC,IAAI,EAAE;YACJC,eAAe,EAAE5B,KAAK,CAACQ,OAAN,CAAcqB,UAAd,CAAyBC;UADtC;QADQ;MADR,CADA;MAQVC,SAAS,EAAE;QACTL,cAAc,oBACTpC,kBAAkB,CAACU,KAAD,CADT;MADL,CARD;MAaVgC,UAAU,EAAE;QACVN,cAAc,oBACTnC,mBAAmB,CAACS,KAAD,CADV;MADJ,CAbF;MAkBViC,aAAa,EAAE;QACbP,cAAc,oBACTlC,sBAAsB,CAACQ,KAAD,CADb;MADD;IAlBL,CA9BK;IAsDjBkC,EAAE,EAAElC;EAtDa,CAAD,CAAlB;AAwDD,CA7DD;;AA+DA,MAAMmC,YAAY,GAAGpC,YAAY,CAACF,QAAQ,CAAC,MAAD,CAAT,CAAjC;AAEA,SAASuC,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,eAAzC;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAAS1C,QAAT;AAEA,SAASE,YAAT;AACA,eAAeoC,YAAf"}

package/dist/modern/theme/palette.js

@@ -5,9 +5,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 createPalette from "@material-ui/core/styles/createPalette";
+import { createTheme } from "@mui/material";
 
-const palette = theme => createPalette(_objectSpread({
+const palette = theme => createTheme(_objectSpread({
   primary: {
     main: theme.palette.accent.acce2,
     light: theme.palette.accent.acce2h

package/dist/modern/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","names":["createPalette","palette","theme","primary","main","accent","acce2","light","acce2h","secondary","acce1","atmosphere","atmo5","text","disabled","background","default","atmo3","Object","assign","values"],"sources":["../../../src/theme/palette.js"],"sourcesContent":["import createPalette from \"@material-ui/core/styles/createPalette\";\n\nconst palette = (theme) =>\n  createPalette({\n    primary: {\n      main: theme.palette.accent.acce2,\n      light: theme.palette.accent.acce2h,\n    },\n    secondary: {\n      main: theme.palette.accent.acce1,\n      light: theme.palette.atmosphere.atmo5,\n    },\n    text: {\n      primary: theme.palette.accent.acce1,\n      disabled: theme.palette.atmosphere.atmo5,\n    },\n    background: {\n      default: theme.palette.atmosphere.atmo3,\n    },\n    ...Object.assign({}, ...Object.values(theme.palette)),\n  });\n\nexport default palette;\n"],"mappings":";;;;;;;AAAA,OAAOA,aAAP,MAA0B,wCAA1B;;AAEA,MAAMC,OAAO,GAAIC,KAAD,IACdF,aAAa;EACXG,OAAO,EAAE;IACPC,IAAI,EAAEF,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBC,KADpB;IAEPC,KAAK,EAAEL,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBG;EAFrB,CADE;EAKXC,SAAS,EAAE;IACTL,IAAI,EAAEF,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBK,KADlB;IAETH,KAAK,EAAEL,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBC;EAFvB,CALA;EASXC,IAAI,EAAE;IACJV,OAAO,EAAED,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBK,KAD1B;IAEJI,QAAQ,EAAEZ,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBC;EAF/B,CATK;EAaXG,UAAU,EAAE;IACVC,OAAO,EAAEd,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBM;EADxB;AAbD,GAgBRC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,GAAGD,MAAM,CAACE,MAAP,CAAclB,KAAK,CAACD,OAApB,CAArB,CAhBQ,EADf;;AAoBA,eAAeA,OAAf"}
+{"version":3,"file":"palette.js","names":["createTheme","palette","theme","primary","main","accent","acce2","light","acce2h","secondary","acce1","atmosphere","atmo5","text","disabled","background","default","atmo3","Object","assign","values"],"sources":["../../../src/theme/palette.js"],"sourcesContent":["import { createTheme } from \"@mui/material\";\n\nconst palette = (theme) =>\n  createTheme({\n    primary: {\n      main: theme.palette.accent.acce2,\n      light: theme.palette.accent.acce2h,\n    },\n    secondary: {\n      main: theme.palette.accent.acce1,\n      light: theme.palette.atmosphere.atmo5,\n    },\n    text: {\n      primary: theme.palette.accent.acce1,\n      disabled: theme.palette.atmosphere.atmo5,\n    },\n    background: {\n      default: theme.palette.atmosphere.atmo3,\n    },\n    ...Object.assign({}, ...Object.values(theme.palette)),\n  });\n\nexport default palette;\n"],"mappings":";;;;;;;AAAA,SAASA,WAAT,QAA4B,eAA5B;;AAEA,MAAMC,OAAO,GAAIC,KAAD,IACdF,WAAW;EACTG,OAAO,EAAE;IACPC,IAAI,EAAEF,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBC,KADpB;IAEPC,KAAK,EAAEL,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBG;EAFrB,CADA;EAKTC,SAAS,EAAE;IACTL,IAAI,EAAEF,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBK,KADlB;IAETH,KAAK,EAAEL,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBC;EAFvB,CALF;EASTC,IAAI,EAAE;IACJV,OAAO,EAAED,KAAK,CAACD,OAAN,CAAcI,MAAd,CAAqBK,KAD1B;IAEJI,QAAQ,EAAEZ,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBC;EAF/B,CATG;EAaTG,UAAU,EAAE;IACVC,OAAO,EAAEd,KAAK,CAACD,OAAN,CAAcU,UAAd,CAAyBM;EADxB;AAbH,GAgBNC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,GAAGD,MAAM,CAACE,MAAP,CAAclB,KAAK,CAACD,OAApB,CAArB,CAhBM,EADb;;AAoBA,eAAeA,OAAf"}

package/dist/modern/theme/typography.js

@@ -1,14 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
 
 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 createTypography from "@material-ui/core/styles/createTypography";
-
-const typography = (palette, theme) => createTypography(palette, {
+const typography = theme => _objectSpread({
   suppressDeprecationWarnings: true,
-  fontFamily: theme.typography.fontFamily,
+  fontFamily: [...theme.typography.fontFamily].join(","),
   h1: _objectSpread({}, theme.typography.xlTitle),
   h2: _objectSpread({}, theme.typography.lTitle),
   h3: _objectSpread({}, theme.typography.mTitle),
@@ -18,7 +17,7 @@ const typography = (palette, theme) => createTypography(palette, {
   subtitle1: _objectSpread({}, theme.typography.highlightText),
   subtitle2: _objectSpread({}, theme.typography.highlightText),
   button: _objectSpread({}, theme.typography.highlightText)
-});
+}, Object.assign({}, ...Object.values(theme.palette)));
 
 export default typography;
 //# sourceMappingURL=typography.js.map

package/dist/modern/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["createTypography","typography","palette","theme","suppressDeprecationWarnings","fontFamily","h1","xlTitle","h2","lTitle","h3","mTitle","h4","sTitle","body1","normalText","body2","subtitle1","highlightText","subtitle2","button"],"sources":["../../../src/theme/typography.js"],"sourcesContent":["import createTypography from \"@material-ui/core/styles/createTypography\";\n\nconst typography = (palette, theme) =>\n  createTypography(palette, {\n    suppressDeprecationWarnings: true,\n    fontFamily: theme.typography.fontFamily,\n    h1: {\n      ...theme.typography.xlTitle,\n    },\n    h2: {\n      ...theme.typography.lTitle,\n    },\n    h3: {\n      ...theme.typography.mTitle,\n    },\n    h4: {\n      ...theme.typography.sTitle,\n    },\n    body1: {\n      ...theme.typography.normalText,\n    },\n    body2: {\n      ...theme.typography.normalText,\n    },\n    subtitle1: {\n      ...theme.typography.highlightText,\n    },\n    subtitle2: {\n      ...theme.typography.highlightText,\n    },\n    button: {\n      ...theme.typography.highlightText,\n    },\n  });\n\nexport default typography;\n"],"mappings":";;;;;;AAAA,OAAOA,gBAAP,MAA6B,2CAA7B;;AAEA,MAAMC,UAAU,GAAG,CAACC,OAAD,EAAUC,KAAV,KACjBH,gBAAgB,CAACE,OAAD,EAAU;EACxBE,2BAA2B,EAAE,IADL;EAExBC,UAAU,EAAEF,KAAK,CAACF,UAAN,CAAiBI,UAFL;EAGxBC,EAAE,oBACGH,KAAK,CAACF,UAAN,CAAiBM,OADpB,CAHsB;EAMxBC,EAAE,oBACGL,KAAK,CAACF,UAAN,CAAiBQ,MADpB,CANsB;EASxBC,EAAE,oBACGP,KAAK,CAACF,UAAN,CAAiBU,MADpB,CATsB;EAYxBC,EAAE,oBACGT,KAAK,CAACF,UAAN,CAAiBY,MADpB,CAZsB;EAexBC,KAAK,oBACAX,KAAK,CAACF,UAAN,CAAiBc,UADjB,CAfmB;EAkBxBC,KAAK,oBACAb,KAAK,CAACF,UAAN,CAAiBc,UADjB,CAlBmB;EAqBxBE,SAAS,oBACJd,KAAK,CAACF,UAAN,CAAiBiB,aADb,CArBe;EAwBxBC,SAAS,oBACJhB,KAAK,CAACF,UAAN,CAAiBiB,aADb,CAxBe;EA2BxBE,MAAM,oBACDjB,KAAK,CAACF,UAAN,CAAiBiB,aADhB;AA3BkB,CAAV,CADlB;;AAiCA,eAAejB,UAAf"}
+{"version":3,"file":"typography.js","names":["typography","theme","suppressDeprecationWarnings","fontFamily","join","h1","xlTitle","h2","lTitle","h3","mTitle","h4","sTitle","body1","normalText","body2","subtitle1","highlightText","subtitle2","button","Object","assign","values","palette"],"sources":["../../../src/theme/typography.js"],"sourcesContent":["const typography = (theme) => ({\n  suppressDeprecationWarnings: true,\n  fontFamily: [...theme.typography.fontFamily].join(\",\"),\n  h1: {\n    ...theme.typography.xlTitle,\n  },\n  h2: {\n    ...theme.typography.lTitle,\n  },\n  h3: {\n    ...theme.typography.mTitle,\n  },\n  h4: {\n    ...theme.typography.sTitle,\n  },\n  body1: {\n    ...theme.typography.normalText,\n  },\n  body2: {\n    ...theme.typography.normalText,\n  },\n  subtitle1: {\n    ...theme.typography.highlightText,\n  },\n  subtitle2: {\n    ...theme.typography.highlightText,\n  },\n  button: {\n    ...theme.typography.highlightText,\n  },\n  ...Object.assign({}, ...Object.values(theme.palette)),\n});\n\nexport default typography;\n"],"mappings":";;;;;;;AAAA,MAAMA,UAAU,GAAIC,KAAD;EACjBC,2BAA2B,EAAE,IADZ;EAEjBC,UAAU,EAAE,CAAC,GAAGF,KAAK,CAACD,UAAN,CAAiBG,UAArB,EAAiCC,IAAjC,CAAsC,GAAtC,CAFK;EAGjBC,EAAE,oBACGJ,KAAK,CAACD,UAAN,CAAiBM,OADpB,CAHe;EAMjBC,EAAE,oBACGN,KAAK,CAACD,UAAN,CAAiBQ,MADpB,CANe;EASjBC,EAAE,oBACGR,KAAK,CAACD,UAAN,CAAiBU,MADpB,CATe;EAYjBC,EAAE,oBACGV,KAAK,CAACD,UAAN,CAAiBY,MADpB,CAZe;EAejBC,KAAK,oBACAZ,KAAK,CAACD,UAAN,CAAiBc,UADjB,CAfY;EAkBjBC,KAAK,oBACAd,KAAK,CAACD,UAAN,CAAiBc,UADjB,CAlBY;EAqBjBE,SAAS,oBACJf,KAAK,CAACD,UAAN,CAAiBiB,aADb,CArBQ;EAwBjBC,SAAS,oBACJjB,KAAK,CAACD,UAAN,CAAiBiB,aADb,CAxBQ;EA2BjBE,MAAM,oBACDlB,KAAK,CAACD,UAAN,CAAiBiB,aADhB;AA3BW,GA8BdG,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,GAAGD,MAAM,CAACE,MAAP,CAAcrB,KAAK,CAACsB,OAApB,CAArB,CA9Bc,CAAnB;;AAiCA,eAAevB,UAAf"}

package/dist/modern/utils/hexToRgbA.js

@@ -1,5 +1,4 @@
-import { hexToRgb } from "@material-ui/core";
-import { alpha } from "@material-ui/core/styles";
+import { hexToRgb, alpha } from "@mui/material";
 
 const hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);
 

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

@@ -1 +1 @@
-{"version":3,"file":"hexToRgbA.js","names":["hexToRgb","alpha","hexToRgbA","hex","factor"],"sources":["../../../src/utils/hexToRgbA.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);\n\nexport default hexToRgbA;\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,MAAMC,SAAS,GAAG,CAACC,GAAD,EAAMC,MAAM,GAAG,GAAf,KAAuBH,KAAK,CAACD,QAAQ,CAACG,GAAD,CAAT,EAAgBC,MAAhB,CAA9C;;AAEA,eAAeF,SAAf"}
+{"version":3,"file":"hexToRgbA.js","names":["hexToRgb","alpha","hexToRgbA","hex","factor"],"sources":["../../../src/utils/hexToRgbA.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);\n\nexport default hexToRgbA;\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,eAAhC;;AAEA,MAAMC,SAAS,GAAG,CAACC,GAAD,EAAMC,MAAM,GAAG,GAAf,KAAuBH,KAAK,CAACD,QAAQ,CAACG,GAAD,CAAT,EAAgBC,MAAhB,CAA9C;;AAEA,eAAeF,SAAf"}

package/dist/modern/utils/iconVariant.js

@@ -1,28 +1,29 @@
 import React from "react";
 import { Fail, Success, Caution, Info } from "@hitachivantara/uikit-react-icons";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const iconVariant = (variant, color, semantic) => {
   switch (variant) {
     case "success":
-      return /*#__PURE__*/React.createElement(Success, {
+      return /*#__PURE__*/_jsx(Success, {
         color: color,
         semantic: semantic && "sema1"
       });
 
     case "warning":
-      return /*#__PURE__*/React.createElement(Caution, {
+      return /*#__PURE__*/_jsx(Caution, {
         color: color,
         semantic: semantic && "sema3"
       });
 
     case "error":
-      return /*#__PURE__*/React.createElement(Fail, {
+      return /*#__PURE__*/_jsx(Fail, {
         color: color,
         semantic: semantic && "sema4"
       });
 
     case "info":
-      return /*#__PURE__*/React.createElement(Info, {
+      return /*#__PURE__*/_jsx(Info, {
         color: color
       });
 

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

@@ -1 +1 @@
-{"version":3,"file":"iconVariant.js","names":["React","Fail","Success","Caution","Info","iconVariant","variant","color","semantic"],"sources":["../../../src/utils/iconVariant.js"],"sourcesContent":["import React from \"react\";\nimport { Fail, Success, Caution, Info } from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,OAAxB,EAAiCC,IAAjC,QAA6C,mCAA7C;;AAEA,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAUC,KAAV,EAAiBC,QAAjB,KAA8B;EAChD,QAAQF,OAAR;IACE,KAAK,SAAL;MACE,oBAAO,oBAAC,OAAD;QAAS,KAAK,EAAEC,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,SAAL;MACE,oBAAO,oBAAC,OAAD;QAAS,KAAK,EAAED,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,OAAL;MACE,oBAAO,oBAAC,IAAD;QAAM,KAAK,EAAED,KAAb;QAAoB,QAAQ,EAAEC,QAAQ,IAAI;MAA1C,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,oBAAC,IAAD;QAAM,KAAK,EAAED;MAAb,EAAP;;IACF;MACE,OAAO,IAAP;EAVJ;AAYD,CAbD;;AAeA,eAAeF,WAAf"}
+{"version":3,"file":"iconVariant.js","names":["React","Fail","Success","Caution","Info","iconVariant","variant","color","semantic"],"sources":["../../../src/utils/iconVariant.js"],"sourcesContent":["import React from \"react\";\nimport { Fail, Success, Caution, Info } from \"@hitachivantara/uikit-react-icons\";\n\nconst iconVariant = (variant, color, semantic) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"sema1\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"sema3\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"sema4\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n\nexport default iconVariant;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,OAAxB,EAAiCC,IAAjC,QAA6C,mCAA7C;;;AAEA,MAAMC,WAAW,GAAG,CAACC,OAAD,EAAUC,KAAV,EAAiBC,QAAjB,KAA8B;EAChD,QAAQF,OAAR;IACE,KAAK,SAAL;MACE,oBAAO,KAAC,OAAD;QAAS,KAAK,EAAEC,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,SAAL;MACE,oBAAO,KAAC,OAAD;QAAS,KAAK,EAAED,KAAhB;QAAuB,QAAQ,EAAEC,QAAQ,IAAI;MAA7C,EAAP;;IACF,KAAK,OAAL;MACE,oBAAO,KAAC,IAAD;QAAM,KAAK,EAAED,KAAb;QAAoB,QAAQ,EAAEC,QAAQ,IAAI;MAA1C,EAAP;;IACF,KAAK,MAAL;MACE,oBAAO,KAAC,IAAD;QAAM,KAAK,EAAED;MAAb,EAAP;;IACF;MACE,OAAO,IAAP;EAVJ;AAYD,CAbD;;AAeA,eAAeF,WAAf"}

package/dist/modern/utils/useWidth.js

@@ -1,5 +1,6 @@
 import "core-js/modules/web.dom-collections.iterator.js";
-import { useMediaQuery, useTheme } from "@material-ui/core";
+import { useMediaQuery } from "@mui/material";
+import { useTheme } from "@mui/styles";
 
 const useWidth = () => {
   const theme = useTheme();

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

@@ -1 +1 @@
-{"version":3,"file":"useWidth.js","names":["useMediaQuery","useTheme","useWidth","theme","keys","breakpoints","reverse","reduce","output","key","matches","up"],"sources":["../../../src/utils/useWidth.js"],"sourcesContent":["import { useMediaQuery, useTheme } from \"@material-ui/core\";\n\nconst useWidth = () => {\n  const theme = useTheme();\n  const keys = [...theme.breakpoints.keys].reverse();\n  return (\n    keys.reduce((output, key) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const matches = useMediaQuery(theme.breakpoints.up(key));\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n\nexport default useWidth;\n"],"mappings":";AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,mBAAxC;;AAEA,MAAMC,QAAQ,GAAG,MAAM;EACrB,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EACA,MAAMG,IAAI,GAAG,CAAC,GAAGD,KAAK,CAACE,WAAN,CAAkBD,IAAtB,EAA4BE,OAA5B,EAAb;EACA,OACEF,IAAI,CAACG,MAAL,CAAY,CAACC,MAAD,EAASC,GAAT,KAAiB;IAC3B;IACA,MAAMC,OAAO,GAAGV,aAAa,CAACG,KAAK,CAACE,WAAN,CAAkBM,EAAlB,CAAqBF,GAArB,CAAD,CAA7B;IACA,OAAO,CAACD,MAAD,IAAWE,OAAX,GAAqBD,GAArB,GAA2BD,MAAlC;EACD,CAJD,EAIG,IAJH,KAIY,IALd;AAOD,CAVD;;AAYA,eAAeN,QAAf"}
+{"version":3,"file":"useWidth.js","names":["useMediaQuery","useTheme","useWidth","theme","keys","breakpoints","reverse","reduce","output","key","matches","up"],"sources":["../../../src/utils/useWidth.js"],"sourcesContent":["import { useMediaQuery } from \"@mui/material\";\nimport { useTheme } from \"@mui/styles\";\n\nconst useWidth = () => {\n  const theme = useTheme();\n  const keys = [...theme.breakpoints.keys].reverse();\n  return (\n    keys.reduce((output, key) => {\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const matches = useMediaQuery(theme.breakpoints.up(key));\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n\nexport default useWidth;\n"],"mappings":";AAAA,SAASA,aAAT,QAA8B,eAA9B;AACA,SAASC,QAAT,QAAyB,aAAzB;;AAEA,MAAMC,QAAQ,GAAG,MAAM;EACrB,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EACA,MAAMG,IAAI,GAAG,CAAC,GAAGD,KAAK,CAACE,WAAN,CAAkBD,IAAtB,EAA4BE,OAA5B,EAAb;EACA,OACEF,IAAI,CAACG,MAAL,CAAY,CAACC,MAAD,EAASC,GAAT,KAAiB;IAC3B;IACA,MAAMC,OAAO,GAAGV,aAAa,CAACG,KAAK,CAACE,WAAN,CAAkBM,EAAlB,CAAqBF,GAArB,CAAD,CAA7B;IACA,OAAO,CAACD,MAAD,IAAWE,OAAX,GAAqBD,GAArB,GAA2BD,MAAlC;EACD,CAJD,EAIG,IAJH,KAIY,IALd;AAOD,CAVD;;AAYA,eAAeN,QAAf"}

package/dist/modern/withId.js

@@ -1,6 +1,11 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id"];
+
+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 "core-js/modules/es.string.replace.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState } from "react";
@@ -8,6 +13,7 @@ import PropTypes from "prop-types";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import uniqueId from "lodash/uniqueId";
 import getComponentName from "./utils/getComponentName";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 const pascalToKebab = (string = "") => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 
@@ -19,7 +25,7 @@ const withId = Component => {
         others = _objectWithoutProperties(_ref, _excluded);
 
     const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));
-    return /*#__PURE__*/React.createElement(Component, _extends({
+    return /*#__PURE__*/_jsx(Component, _objectSpread({
       id: internalId
     }, others));
   };

package/dist/modern/withId.js.map

@@ -1 +1 @@
-{"version":3,"file":"withId.js","names":["React","useState","PropTypes","hoistNonReactStatics","uniqueId","getComponentName","pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","internalId","propTypes","process","env","NODE_ENV","Naked"],"sources":["../../src/withId.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport getComponentName from \"./utils/getComponentName\";\n\nconst pascalToKebab = (string = \"\") => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }) => {\n    const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));\n    return <Component id={internalId} {...others} />;\n  };\n\n  WithId.propTypes = {\n    /**\n     * Component id.\n     */\n    id: PropTypes.string,\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,oBAAP,MAAiC,yBAAjC;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;;AAEA,MAAMC,aAAa,GAAG,CAACC,MAAM,GAAG,EAAV,KAAiBA,MAAM,CAACC,OAAP,CAAe,oBAAf,EAAqC,OAArC,EAA8CC,WAA9C,EAAvC;;AAEA,MAAMC,MAAM,GAAIC,SAAD,IAAe;EAC5B,MAAMC,MAAM,GAAG,QAAuB;IAAA,IAAtB;MAAEC;IAAF,CAAsB;IAAA,IAAbC,MAAa;;IACpC,MAAM,CAACC,UAAD,IAAed,QAAQ,CAACY,EAAE,IAAIT,QAAQ,CAAE,GAAEE,aAAa,CAACD,gBAAgB,CAACM,SAAD,CAAjB,CAA8B,GAA/C,CAAf,CAA7B;IACA,oBAAO,oBAAC,SAAD;MAAW,EAAE,EAAEI;IAAf,GAA+BD,MAA/B,EAAP;EACD,CAHD;;EAKA,wCAAAF,MAAM,CAACI,SAAP,GAAmB;IACjB;AACJ;AACA;IACIH,EAAE,EAAEX,SAAS,CAACK;EAJG,CAAnB,UAN4B,CAa5B;;EACAJ,oBAAoB,CAACS,MAAD,EAASD,SAAT,CAApB;;EAEA,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACzCP,MAAM,CAACQ,KAAP,GAAeT,SAAf;EACD;;EAED,OAAOC,MAAP;AACD,CArBD;;AAuBA,eAAeF,MAAf"}
+{"version":3,"file":"withId.js","names":["React","useState","PropTypes","hoistNonReactStatics","uniqueId","getComponentName","pascalToKebab","string","replace","toLowerCase","withId","Component","WithId","id","others","internalId","propTypes","process","env","NODE_ENV","Naked"],"sources":["../../src/withId.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport hoistNonReactStatics from \"hoist-non-react-statics\";\nimport uniqueId from \"lodash/uniqueId\";\nimport getComponentName from \"./utils/getComponentName\";\n\nconst pascalToKebab = (string = \"\") => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\n\nconst withId = (Component) => {\n  const WithId = ({ id, ...others }) => {\n    const [internalId] = useState(id || uniqueId(`${pascalToKebab(getComponentName(Component))}-`));\n    return <Component id={internalId} {...others} />;\n  };\n\n  WithId.propTypes = {\n    /**\n     * Component id.\n     */\n    id: PropTypes.string,\n  };\n\n  // https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(WithId, Component);\n\n  if (process.env.NODE_ENV !== \"production\") {\n    WithId.Naked = Component;\n  }\n\n  return WithId;\n};\n\nexport default withId;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,oBAAP,MAAiC,yBAAjC;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,gBAAP,MAA6B,0BAA7B;;;AAEA,MAAMC,aAAa,GAAG,CAACC,MAAM,GAAG,EAAV,KAAiBA,MAAM,CAACC,OAAP,CAAe,oBAAf,EAAqC,OAArC,EAA8CC,WAA9C,EAAvC;;AAEA,MAAMC,MAAM,GAAIC,SAAD,IAAe;EAC5B,MAAMC,MAAM,GAAG,QAAuB;IAAA,IAAtB;MAAEC;IAAF,CAAsB;IAAA,IAAbC,MAAa;;IACpC,MAAM,CAACC,UAAD,IAAed,QAAQ,CAACY,EAAE,IAAIT,QAAQ,CAAE,GAAEE,aAAa,CAACD,gBAAgB,CAACM,SAAD,CAAjB,CAA8B,GAA/C,CAAf,CAA7B;IACA,oBAAO,KAAC,SAAD;MAAW,EAAE,EAAEI;IAAf,GAA+BD,MAA/B,EAAP;EACD,CAHD;;EAKA,wCAAAF,MAAM,CAACI,SAAP,GAAmB;IACjB;AACJ;AACA;IACIH,EAAE,EAAEX,SAAS,CAACK;EAJG,CAAnB,UAN4B,CAa5B;;EACAJ,oBAAoB,CAACS,MAAD,EAASD,SAAT,CAApB;;EAEA,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACzCP,MAAM,CAACQ,KAAP,GAAeT,SAAf;EACD;;EAED,OAAOC,MAAP;AACD,CArBD;;AAuBA,eAAeF,MAAf"}

package/dist/modern/withTooltip.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
 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; }
@@ -9,6 +8,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState } from "react";
 import Typography from "./Typography";
 import Tooltip from "./Tooltip";
+import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   truncate: {
     overflow: "hidden",
@@ -24,7 +24,9 @@ const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps
     const [isHoverDisabled, setIsHoverDisabled] = useState(false);
     const [open, setOpen] = useState(false);
 
-    const title = _Typography || (_Typography = /*#__PURE__*/React.createElement(Typography, null, label));
+    const title = _Typography || (_Typography = /*#__PURE__*/_jsx(Typography, {
+      children: label
+    }));
 
     const handleMouseEnter = evt => {
       const isHidden = hideTooltip === null || hideTooltip === void 0 ? void 0 : hideTooltip(evt);
@@ -37,7 +39,7 @@ const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps
       setOpen(false);
     };
 
-    return /*#__PURE__*/React.createElement(Tooltip, _extends({
+    return /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({
       style: _objectSpread({}, styles.truncate),
       disableHoverListener: isHoverDisabled,
       disableFocusListener: true,
@@ -45,10 +47,13 @@ const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps
       title: title,
       open: open,
       placement: placement
-    }, tooltipProps), /*#__PURE__*/React.createElement("div", _extends({}, tooltipContainerProps, {
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    }), /*#__PURE__*/React.createElement(Component, props)));
+    }, tooltipProps), {}, {
+      children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, tooltipContainerProps), {}, {
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        children: /*#__PURE__*/_jsx(Component, _objectSpread({}, props))
+      }))
+    }));
   };
 };
 

package/dist/modern/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","names":["React","useState","Typography","Tooltip","styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","open","setOpen","title","handleMouseEnter","evt","isHidden","handleMouseLeave"],"sources":["../../src/withTooltip.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport Typography from \"./Typography\";\nimport Tooltip from \"./Tooltip\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (Component, label = \"\", placement, hideTooltip, tooltipProps, tooltipContainerProps) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <Typography>{label}</Typography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <Tooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </Tooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEA,MAAMC,MAAM,GAAG;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,QADF;IAERC,YAAY,EAAE,UAFN;IAGRC,UAAU,EAAE;EAHJ;AADG,CAAf;;AAQA,MAAMC,WAAW,GACf,CAACC,SAAD,EAAYC,KAAK,GAAG,EAApB,EAAwBC,SAAxB,EAAmCC,WAAnC,EAAgDC,YAAhD,EAA8DC,qBAA9D;EAAA;;EAAA,OACCC,KAAD,IAAW;IACT,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCjB,QAAQ,CAAC,KAAD,CAAtD;IACA,MAAM,CAACkB,IAAD,EAAOC,OAAP,IAAkBnB,QAAQ,CAAC,KAAD,CAAhC;;IAEA,MAAMoB,KAAK,8CAAG,oBAAC,UAAD,QAAaV,KAAb,CAAH,CAAX;;IAEA,MAAMW,gBAAgB,GAAIC,GAAD,IAAS;MAChC,MAAMC,QAAQ,GAAGX,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAGU,GAAH,CAA5B;MACAL,kBAAkB,CAACM,QAAD,CAAlB;MACAJ,OAAO,CAAC,CAACI,QAAF,CAAP;IACD,CAJD;;IAMA,MAAMC,gBAAgB,GAAG,MAAM;MAC7BP,kBAAkB,CAAC,KAAD,CAAlB;MACAE,OAAO,CAAC,KAAD,CAAP;IACD,CAHD;;IAKA,oBACE,oBAAC,OAAD;MACE,KAAK,oBAAOhB,MAAM,CAACC,QAAd,CADP;MAEE,oBAAoB,EAAEY,eAFxB;MAGE,oBAAoB,MAHtB;MAIE,oBAAoB,MAJtB;MAKE,KAAK,EAAEI,KALT;MAME,IAAI,EAAEF,IANR;MAOE,SAAS,EAAEP;IAPb,GAQME,YARN,gBAUE,wCACMC,qBADN;MAEE,YAAY,EAAEO,gBAFhB;MAGE,YAAY,EAAEG;IAHhB,iBAKE,oBAAC,SAAD,EAAeT,KAAf,CALF,CAVF,CADF;EAoBD,CAtCD;AAAA,CADF;;AAyCA,eAAeP,WAAf"}
+{"version":3,"file":"withTooltip.js","names":["React","useState","Typography","Tooltip","styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","open","setOpen","title","handleMouseEnter","evt","isHidden","handleMouseLeave"],"sources":["../../src/withTooltip.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport Typography from \"./Typography\";\nimport Tooltip from \"./Tooltip\";\n\nconst styles = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nconst withTooltip =\n  (Component, label = \"\", placement, hideTooltip, tooltipProps, tooltipContainerProps) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState(false);\n    const [open, setOpen] = useState(false);\n\n    const title = <Typography>{label}</Typography>;\n\n    const handleMouseEnter = (evt) => {\n      const isHidden = hideTooltip?.(evt);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <Tooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </Tooltip>\n    );\n  };\n\nexport default withTooltip;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,OAAP,MAAoB,WAApB;;AAEA,MAAMC,MAAM,GAAG;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,QADF;IAERC,YAAY,EAAE,UAFN;IAGRC,UAAU,EAAE;EAHJ;AADG,CAAf;;AAQA,MAAMC,WAAW,GACf,CAACC,SAAD,EAAYC,KAAK,GAAG,EAApB,EAAwBC,SAAxB,EAAmCC,WAAnC,EAAgDC,YAAhD,EAA8DC,qBAA9D;EAAA;;EAAA,OACCC,KAAD,IAAW;IACT,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCjB,QAAQ,CAAC,KAAD,CAAtD;IACA,MAAM,CAACkB,IAAD,EAAOC,OAAP,IAAkBnB,QAAQ,CAAC,KAAD,CAAhC;;IAEA,MAAMoB,KAAK,8CAAG,KAAC,UAAD;MAAA,UAAaV;IAAb,EAAH,CAAX;;IAEA,MAAMW,gBAAgB,GAAIC,GAAD,IAAS;MAChC,MAAMC,QAAQ,GAAGX,WAAH,aAAGA,WAAH,uBAAGA,WAAW,CAAGU,GAAH,CAA5B;MACAL,kBAAkB,CAACM,QAAD,CAAlB;MACAJ,OAAO,CAAC,CAACI,QAAF,CAAP;IACD,CAJD;;IAMA,MAAMC,gBAAgB,GAAG,MAAM;MAC7BP,kBAAkB,CAAC,KAAD,CAAlB;MACAE,OAAO,CAAC,KAAD,CAAP;IACD,CAHD;;IAKA,oBACE,KAAC,OAAD;MACE,KAAK,oBAAOhB,MAAM,CAACC,QAAd,CADP;MAEE,oBAAoB,EAAEY,eAFxB;MAGE,oBAAoB,MAHtB;MAIE,oBAAoB,MAJtB;MAKE,KAAK,EAAEI,KALT;MAME,IAAI,EAAEF,IANR;MAOE,SAAS,EAAEP;IAPb,GAQME,YARN;MAAA,uBAUE,4CACMC,qBADN;QAEE,YAAY,EAAEO,gBAFhB;QAGE,YAAY,EAAEG,gBAHhB;QAAA,uBAKE,KAAC,SAAD,oBAAeT,KAAf;MALF;IAVF,GADF;EAoBD,CAtCD;AAAA,CADF;;AAyCA,eAAeP,WAAf"}

package/dist/theme/CssBaseline.js

@@ -23,7 +23,7 @@ exports.html = exports.default = exports.body = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 
 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; }
 
@@ -78,6 +78,44 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
           backgroundColor: theme.hv.palette.atmosphere.atmo3
         }
       })
+    },
+    "strong, b": {
+      fontWeight: theme.hv.typography.highlightText.fontWeight
+    },
+    body: _objectSpread(_objectSpread({
+      margin: 0
+    }, body(theme)), {}, {
+      // Add support for document.body.requestFullScreen().
+      // Other elements, if background transparent, are not supported.
+      "&::backdrop": {
+        backgroundColor: theme.hv.palette.atmosphere.atmo3
+      }
+    }),
+
+    /* 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"
     }
   };
 });

package/dist/theme/CssBaseline.js.map

@@ -1 +1 @@
-{"version":3,"file":"CssBaseline.js","names":["html","WebkitFontSmoothing","MozOsxFontSmoothing","boxSizing","TextSizeAdjust","WebkitTextSizeAdjust","MozTextSizeAdjust","body","theme","fontFamily","hv","typography","normalText","color","palette","accent","acce1","backgroundColor","atmosphere","atmo2","colorScheme","type","accentColor","useStyles","makeStyles","fontWeight","highlightText","margin","atmo3","CssBaseline"],"sources":["../../src/theme/CssBaseline.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\";\n\nexport const html = {\n  WebkitFontSmoothing: \"antialiased\", // Antialiasing.\n  MozOsxFontSmoothing: \"grayscale\", // Antialiasing.\n  // Change from `box-sizing: content-box` so that `width`\n  // is not affected by `padding` or `border`.\n  boxSizing: \"border-box\",\n\n  // Prevent adjustments of font size after orientation changes in iOS.\n  TextSizeAdjust: \"none\",\n  WebkitTextSizeAdjust: \"none\",\n  MozTextSizeAdjust: \"none\",\n};\n\nexport const body = (theme) => ({\n  fontFamily: theme.hv.typography.fontFamily,\n  ...theme.hv.typography.normalText,\n\n  color: theme.hv.palette.accent.acce1,\n  backgroundColor: theme.hv.palette.atmosphere.atmo2,\n\n  colorScheme: theme.hv.type,\n  accentColor: theme.hv.palette.accent.acce1,\n\n  \"@media print\": {\n    backgroundColor: \"white\",\n  },\n});\n\nconst useStyles = makeStyles((theme) => ({\n  \"@global\": {\n    html,\n    \"*, *::before, *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"strong, b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n    body: {\n      margin: 0,\n      ...body(theme),\n      // Add support for document.body.requestFullScreen().\n      // Other elements, if background transparent, are not supported.\n      \"&::backdrop\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      },\n    },\n  },\n}));\n\n/**\n * Kickstart an elegant, consistent, and simple baseline to build upon.\n */\nfunction CssBaseline() {\n  useStyles();\n\n  return null;\n}\n\nexport default CssBaseline;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEO,IAAMA,IAAI,GAAG;EAClBC,mBAAmB,EAAE,aADH;EACkB;EACpCC,mBAAmB,EAAE,WAFH;EAEgB;EAClC;EACA;EACAC,SAAS,EAAE,YALO;EAOlB;EACAC,cAAc,EAAE,MARE;EASlBC,oBAAoB,EAAE,MATJ;EAUlBC,iBAAiB,EAAE;AAVD,CAAb;;;AAaA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;EAAA;IAClBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBF;EADd,GAEfD,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UAFL;IAIlBC,KAAK,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KAJb;IAKlBC,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BC,KAL3B;IAOlBC,WAAW,EAAEZ,KAAK,CAACE,EAAN,CAASW,IAPJ;IAQlBC,WAAW,EAAEd,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KARnB;IAUlB,gBAAgB;MACdC,eAAe,EAAE;IADH;EAVE;AAAA,CAAb;;;AAeP,IAAMM,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAAChB,KAAD;EAAA,OAAY;IACvC,WAAW;MACTR,IAAI,EAAJA,IADS;MAET,0BAA0B;QACxBG,SAAS,EAAE;MADa,CAFjB;MAKT,aAAa;QACXsB,UAAU,EAAEjB,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBe,aAApB,CAAkCD;MADnC,CALJ;MAQTlB,IAAI;QACFoB,MAAM,EAAE;MADN,GAECpB,IAAI,CAACC,KAAD,CAFL;QAGF;QACA;QACA,eAAe;UACbS,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BU;QADhC;MALb;IARK;EAD4B,CAAZ;AAAA,CAAX,CAAlB;AAqBA;AACA;AACA;;AACA,SAASC,WAAT,GAAuB;EACrBN,SAAS;EAET,OAAO,IAAP;AACD;;eAEcM,W"}
+{"version":3,"file":"CssBaseline.js","names":["html","WebkitFontSmoothing","MozOsxFontSmoothing","boxSizing","TextSizeAdjust","WebkitTextSizeAdjust","MozTextSizeAdjust","body","theme","fontFamily","hv","typography","normalText","color","palette","accent","acce1","backgroundColor","atmosphere","atmo2","colorScheme","type","accentColor","useStyles","makeStyles","fontWeight","highlightText","margin","atmo3","display","width","height","CssBaseline"],"sources":["../../src/theme/CssBaseline.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nexport const html = {\n  WebkitFontSmoothing: \"antialiased\", // Antialiasing.\n  MozOsxFontSmoothing: \"grayscale\", // Antialiasing.\n  // Change from `box-sizing: content-box` so that `width`\n  // is not affected by `padding` or `border`.\n  boxSizing: \"border-box\",\n\n  // Prevent adjustments of font size after orientation changes in iOS.\n  TextSizeAdjust: \"none\",\n  WebkitTextSizeAdjust: \"none\",\n  MozTextSizeAdjust: \"none\",\n};\n\nexport const body = (theme) => ({\n  fontFamily: theme.hv.typography.fontFamily,\n  ...theme.hv.typography.normalText,\n\n  color: theme.hv.palette.accent.acce1,\n  backgroundColor: theme.hv.palette.atmosphere.atmo2,\n\n  colorScheme: theme.hv.type,\n  accentColor: theme.hv.palette.accent.acce1,\n\n  \"@media print\": {\n    backgroundColor: \"white\",\n  },\n});\n\nconst useStyles = makeStyles((theme) => ({\n  \"@global\": {\n    html,\n    \"*, *::before, *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"strong, b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n    body: {\n      margin: 0,\n      ...body(theme),\n      // Add support for document.body.requestFullScreen().\n      // Other elements, if background transparent, are not supported.\n      \"&::backdrop\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      },\n    },\n  },\n  \"strong, b\": {\n    fontWeight: theme.hv.typography.highlightText.fontWeight,\n  },\n  body: {\n    margin: 0,\n    ...body(theme),\n    // Add support for document.body.requestFullScreen().\n    // Other elements, if background transparent, are not supported.\n    \"&::backdrop\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\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/**\n * Kickstart an elegant, consistent, and simple baseline to build upon.\n */\nfunction CssBaseline() {\n  useStyles();\n\n  return null;\n}\n\nexport default CssBaseline;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEO,IAAMA,IAAI,GAAG;EAClBC,mBAAmB,EAAE,aADH;EACkB;EACpCC,mBAAmB,EAAE,WAFH;EAEgB;EAClC;EACA;EACAC,SAAS,EAAE,YALO;EAOlB;EACAC,cAAc,EAAE,MARE;EASlBC,oBAAoB,EAAE,MATJ;EAUlBC,iBAAiB,EAAE;AAVD,CAAb;;;AAaA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;EAAA;IAClBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBF;EADd,GAEfD,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UAFL;IAIlBC,KAAK,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KAJb;IAKlBC,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BC,KAL3B;IAOlBC,WAAW,EAAEZ,KAAK,CAACE,EAAN,CAASW,IAPJ;IAQlBC,WAAW,EAAEd,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KARnB;IAUlB,gBAAgB;MACdC,eAAe,EAAE;IADH;EAVE;AAAA,CAAb;;;AAeP,IAAMM,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAAChB,KAAD;EAAA,OAAY;IACvC,WAAW;MACTR,IAAI,EAAJA,IADS;MAET,0BAA0B;QACxBG,SAAS,EAAE;MADa,CAFjB;MAKT,aAAa;QACXsB,UAAU,EAAEjB,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBe,aAApB,CAAkCD;MADnC,CALJ;MAQTlB,IAAI;QACFoB,MAAM,EAAE;MADN,GAECpB,IAAI,CAACC,KAAD,CAFL;QAGF;QACA;QACA,eAAe;UACbS,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BU;QADhC;MALb;IARK,CAD4B;IAmBvC,aAAa;MACXH,UAAU,EAAEjB,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBe,aAApB,CAAkCD;IADnC,CAnB0B;IAsBvClB,IAAI;MACFoB,MAAM,EAAE;IADN,GAECpB,IAAI,CAACC,KAAD,CAFL;MAGF;MACA;MACA,eAAe;QACbS,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BU;MADhC;IALb,EAtBmC;;IAgCvC;IACA,iCAAiC;MAAEC,OAAO,EAAE,MAAX;MAAmBC,KAAK,EAAE,CAA1B;MAA6BC,MAAM,EAAE;IAArC,CAjCM;IAkCvC,kCAAkC;MAAEF,OAAO,EAAE,MAAX;MAAmBC,KAAK,EAAE,CAA1B;MAA6BC,MAAM,EAAE;IAArC,CAlCK;;IAoCvC;IACA,mDAAmD;MAAEF,OAAO,EAAE;IAAX,CArCZ;IAsCvC,sDAAsD;MAAEA,OAAO,EAAE;IAAX,CAtCf;IAuCvC,uDAAuD;MAAEA,OAAO,EAAE;IAAX,CAvChB;IAwCvC,2DAA2D;MAAEA,OAAO,EAAE;IAAX;EAxCpB,CAAZ;AAAA,CAAX,CAAlB;AA2CA;AACA;AACA;;AACA,SAASG,WAAT,GAAuB;EACrBT,SAAS;EAET,OAAO,IAAP;AACD;;eAEcS,W"}

package/dist/theme/ScopedCssBaseline.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export interface HvScopedCssBaselineProps<D extends React.ElementType = "div">
   extends StandardProps<React.HTMLAttributes<D>, ""> {

package/dist/theme/ScopedCssBaseline.js

@@ -31,8 +31,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -43,10 +41,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 
 var _CssBaseline = require("./CssBaseline");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["component", "className", "children"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -77,10 +77,12 @@ var ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline
       children = props.children,
       other = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(RootComponent, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootComponent, _objectSpread(_objectSpread({
     className: (0, _clsx.default)(classes.root, className),
     ref: ref
-  }, other), children);
+  }, other), {}, {
+    children: children
+  }));
 });
 process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes = {
   /**

package/dist/theme/ScopedCssBaseline.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScopedCssBaseline.js","names":["useStyles","makeStyles","theme","root","html","body","boxSizing","fontWeight","hv","typography","highlightText","ScopedCssBaseline","React","forwardRef","props","ref","component","RootComponent","className","children","other","classes","clsx","propTypes","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;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACvC;IACAC,IAAI,gDACCC,iBADD,GAEC,IAAAC,iBAAA,EAAKH,KAAL,CAFD;MAGF,gCAAgC;QAC9BI,SAAS,EAAE;MADmB,CAH9B;MAMF,iBAAiB;QACfC,UAAU,EAAEL,KAAK,CAACM,EAAN,CAASC,UAAT,CAAoBC,aAApB,CAAkCH;MAD/B;IANf;EAFmC,CAAZ;AAAA,CAAX,CAAlB;AAcA,IAAMI,iBAAiB,gBAAGC,KAAK,CAACC,UAAN,CAAiB,SAASF,iBAAT,CAA2BG,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,0CAA4EN,KAA5E;EAEA,IAAMO,OAAO,GAAGrB,SAAS,EAAzB;EAEA,oBACE,oBAAC,aAAD;IAAe,SAAS,EAAE,IAAAsB,aAAA,EAAKD,OAAO,CAAClB,IAAb,EAAmBe,SAAnB,CAA1B;IAAyD,GAAG,EAAEH;EAA9D,GAAuEK,KAAvE,GACGD,QADH,CADF;AAKD,CAVyB,CAA1B;AAYA,wCAAAR,iBAAiB,CAACY,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEJ,QAAQ,EAAEK,kBAAA,CAAUC,IAJQ;;EAK5B;AACF;AACA;AACA;AACA;EACET,SAAS,EAAEQ,kBAAA,CAAUE,WAVO;;EAW5B;AACF;AACA;EACER,SAAS,EAAEM,kBAAA,CAAUG;AAdO,CAA9B;eAiBehB,iB"}
+{"version":3,"file":"ScopedCssBaseline.js","names":["useStyles","makeStyles","theme","root","html","body","boxSizing","fontWeight","hv","typography","highlightText","ScopedCssBaseline","React","forwardRef","props","ref","component","RootComponent","className","children","other","classes","clsx","propTypes","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 \"@mui/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;;AACA;;AACA;;AAEA;;AAEA;;;;;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACvC;IACAC,IAAI,gDACCC,iBADD,GAEC,IAAAC,iBAAA,EAAKH,KAAL,CAFD;MAGF,gCAAgC;QAC9BI,SAAS,EAAE;MADmB,CAH9B;MAMF,iBAAiB;QACfC,UAAU,EAAEL,KAAK,CAACM,EAAN,CAASC,UAAT,CAAoBC,aAApB,CAAkCH;MAD/B;IANf;EAFmC,CAAZ;AAAA,CAAX,CAAlB;AAcA,IAAMI,iBAAiB,gBAAGC,KAAK,CAACC,UAAN,CAAiB,SAASF,iBAAT,CAA2BG,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,0CAA4EN,KAA5E;EAEA,IAAMO,OAAO,GAAGrB,SAAS,EAAzB;EAEA,oBACE,qBAAC,aAAD;IAAe,SAAS,EAAE,IAAAsB,aAAA,EAAKD,OAAO,CAAClB,IAAb,EAAmBe,SAAnB,CAA1B;IAAyD,GAAG,EAAEH;EAA9D,GAAuEK,KAAvE;IAAA,UACGD;EADH,GADF;AAKD,CAVyB,CAA1B;AAYA,wCAAAR,iBAAiB,CAACY,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEJ,QAAQ,EAAEK,kBAAA,CAAUC,IAJQ;;EAK5B;AACF;AACA;AACA;AACA;EACET,SAAS,EAAEQ,kBAAA,CAAUE,WAVO;;EAW5B;AACF;AACA;EACER,SAAS,EAAEM,kBAAA,CAAUG;AAdO,CAA9B;eAiBehB,iB"}

package/dist/theme/createGenerateClassName.js

@@ -11,7 +11,7 @@ require("core-js/modules/es.string.link.js");
 
 require("core-js/modules/es.array.concat.js");
 
-var _styles = require("@material-ui/core/styles");
+var _styles = require("@mui/styles");
 
 function createGenerateClassName() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/dist/theme/createGenerateClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"createGenerateClassName.js","names":["createGenerateClassName","options","disableGlobal","productionPrefix","seed","muiGenerateClassName","muiCreateGenerateClassName","seedPrefix","rule","styleSheet","name","indexOf","link","key"],"sources":["../../src/theme/createGenerateClassName.js"],"sourcesContent":["import { createGenerateClassName as muiCreateGenerateClassName } from \"@material-ui/core/styles\";\n\nexport default function createGenerateClassName(options = {}) {\n  const { disableGlobal = false, productionPrefix = \"jss-uikit\", seed = \"\" } = options;\n\n  const muiGenerateClassName = muiCreateGenerateClassName({\n    disableGlobal,\n    productionPrefix,\n    seed,\n  });\n\n  const seedPrefix = seed === \"\" ? \"\" : `${seed}-`;\n\n  return (rule, styleSheet) => {\n    const { name } = styleSheet.options;\n\n    if (name && name.indexOf(\"Hv\") === 0 && !styleSheet.options.link && !disableGlobal) {\n      return `${seedPrefix}${name}-${rule.key}`;\n    }\n\n    return muiGenerateClassName(rule, styleSheet);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEe,SAASA,uBAAT,GAA+C;EAAA,IAAdC,OAAc,uEAAJ,EAAI;EAC5D,4BAA6EA,OAA7E,CAAQC,aAAR;EAAA,IAAQA,aAAR,sCAAwB,KAAxB;EAAA,4BAA6ED,OAA7E,CAA+BE,gBAA/B;EAAA,IAA+BA,gBAA/B,sCAAkD,WAAlD;EAAA,oBAA6EF,OAA7E,CAA+DG,IAA/D;EAAA,IAA+DA,IAA/D,8BAAsE,EAAtE;EAEA,IAAMC,oBAAoB,GAAG,IAAAC,+BAAA,EAA2B;IACtDJ,aAAa,EAAbA,aADsD;IAEtDC,gBAAgB,EAAhBA,gBAFsD;IAGtDC,IAAI,EAAJA;EAHsD,CAA3B,CAA7B;EAMA,IAAMG,UAAU,GAAGH,IAAI,KAAK,EAAT,GAAc,EAAd,aAAsBA,IAAtB,MAAnB;EAEA,OAAO,UAACI,IAAD,EAAOC,UAAP,EAAsB;IAC3B,IAAQC,IAAR,GAAiBD,UAAU,CAACR,OAA5B,CAAQS,IAAR;;IAEA,IAAIA,IAAI,IAAIA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAA/B,IAAoC,CAACF,UAAU,CAACR,OAAX,CAAmBW,IAAxD,IAAgE,CAACV,aAArE,EAAoF;MAClF,iBAAUK,UAAV,SAAuBG,IAAvB,cAA+BF,IAAI,CAACK,GAApC;IACD;;IAED,OAAOR,oBAAoB,CAACG,IAAD,EAAOC,UAAP,CAA3B;EACD,CARD;AASD"}
+{"version":3,"file":"createGenerateClassName.js","names":["createGenerateClassName","options","disableGlobal","productionPrefix","seed","muiGenerateClassName","muiCreateGenerateClassName","seedPrefix","rule","styleSheet","name","indexOf","link","key"],"sources":["../../src/theme/createGenerateClassName.js"],"sourcesContent":["import { createGenerateClassName as muiCreateGenerateClassName } from \"@mui/styles\";\n\nexport default function createGenerateClassName(options = {}) {\n  const { disableGlobal = false, productionPrefix = \"jss-uikit\", seed = \"\" } = options;\n\n  const muiGenerateClassName = muiCreateGenerateClassName({\n    disableGlobal,\n    productionPrefix,\n    seed,\n  });\n\n  const seedPrefix = seed === \"\" ? \"\" : `${seed}-`;\n\n  return (rule, styleSheet) => {\n    const { name } = styleSheet.options;\n\n    if (name && name.indexOf(\"Hv\") === 0 && !styleSheet.options.link && !disableGlobal) {\n      return `${seedPrefix}${name}-${rule.key}`;\n    }\n\n    return muiGenerateClassName(rule, styleSheet);\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEe,SAASA,uBAAT,GAA+C;EAAA,IAAdC,OAAc,uEAAJ,EAAI;EAC5D,4BAA6EA,OAA7E,CAAQC,aAAR;EAAA,IAAQA,aAAR,sCAAwB,KAAxB;EAAA,4BAA6ED,OAA7E,CAA+BE,gBAA/B;EAAA,IAA+BA,gBAA/B,sCAAkD,WAAlD;EAAA,oBAA6EF,OAA7E,CAA+DG,IAA/D;EAAA,IAA+DA,IAA/D,8BAAsE,EAAtE;EAEA,IAAMC,oBAAoB,GAAG,IAAAC,+BAAA,EAA2B;IACtDJ,aAAa,EAAbA,aADsD;IAEtDC,gBAAgB,EAAhBA,gBAFsD;IAGtDC,IAAI,EAAJA;EAHsD,CAA3B,CAA7B;EAMA,IAAMG,UAAU,GAAGH,IAAI,KAAK,EAAT,GAAc,EAAd,aAAsBA,IAAtB,MAAnB;EAEA,OAAO,UAACI,IAAD,EAAOC,UAAP,EAAsB;IAC3B,IAAQC,IAAR,GAAiBD,UAAU,CAACR,OAA5B,CAAQS,IAAR;;IAEA,IAAIA,IAAI,IAAIA,IAAI,CAACC,OAAL,CAAa,IAAb,MAAuB,CAA/B,IAAoC,CAACF,UAAU,CAACR,OAAX,CAAmBW,IAAxD,IAAgE,CAACV,aAArE,EAAoF;MAClF,iBAAUK,UAAV,SAAuBG,IAAvB,cAA+BF,IAAI,CAACK,GAApC;IACD;;IAED,OAAOR,oBAAoB,CAACG,IAAD,EAAOC,UAAP,CAA3B;EACD,CARD;AASD"}

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "@material-ui/core";
+import { Theme } from "@mui/material";
 
 export type HvAccentColorKeys = "acce1" | "acce2" | "acce2h" | "acce3";
 export type HvAtmosphereColorKeys = "atmo1" | "atmo2" | "atmo3" | "atmo4" | "atmo5";

package/dist/theme/index.js

@@ -53,7 +53,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 require("core-js/modules/es.array.fill.js");
 
-var _styles = require("@material-ui/core/styles");
+var _material = require("@mui/material");
 
 var _dawn = _interopRequireDefault(require("@hitachivantara/uikit-common-themes/dist/dawn"));
 
@@ -101,8 +101,8 @@ exports.getTheme = getTheme;
 var themeBuilder = function themeBuilder(theme) {
   var themeSpacing = (0, _spacing.default)(theme);
   var themePalette = (0, _palette.default)(theme);
-  var themeTypography = (0, _typography.default)(themePalette, theme);
-  return (0, _styles.createTheme)({
+  var themeTypography = (0, _typography.default)(theme);
+  return (0, _material.createTheme)({
     shadows: Array(25).fill("none"),
     // MUI's spacing doesn't cover our use cases because of regression:
     // https://github.com/mui-org/material-ui/issues/21278
@@ -130,15 +130,23 @@ var themeBuilder = function themeBuilder(theme) {
         disableUnderline: true
       }
     },
-    overrides: {
+    components: {
       MuiPaper: {
-        root: {
-          backgroundColor: theme.palette.atmosphere.atmo1
+        styleOverrides: {
+          root: {
+            backgroundColor: theme.palette.atmosphere.atmo1
+          }
         }
       },
-      MuiAppBar: _objectSpread({}, (0, _muiAppBar.default)(theme)),
-      MuiToolbar: _objectSpread({}, (0, _muiToolbar.default)(theme)),
-      MuiIconButton: _objectSpread({}, (0, _muiIconButton.default)(theme))
+      MuiAppBar: {
+        styleOverrides: _objectSpread({}, (0, _muiAppBar.default)(theme))
+      },
+      MuiToolbar: {
+        styleOverrides: _objectSpread({}, (0, _muiToolbar.default)(theme))
+      },
+      MuiIconButton: {
+        styleOverrides: _objectSpread({}, (0, _muiIconButton.default)(theme))
+      }
     },
     hv: theme
   });

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTheme","uiKitTheme","dawnTheme","wickedTheme","themeBuilder","theme","themeSpacing","createSpacing","themePalette","createPalette","themeTypography","createTypography","createTheme","shadows","Array","fill","spacing","hvSpacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","overrides","MuiPaper","root","backgroundColor","atmosphere","atmo1","MuiAppBar","muiAppBarOverrides","MuiToolbar","muiToolbarOverrides","MuiIconButton","muiIconButtonOverrides","hv","defaultTheme"],"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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAqEA;;AACA;;AACA;;;;;;;;;;AArEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOC,aAAP;;IACF,KAAK,QAAL;MACE,OAAOC,eAAP;EALJ;AAOD,CARD;;;;AAUA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAMC,YAAY,GAAG,IAAAC,gBAAA,EAAcF,KAAd,CAArB;EACA,IAAMG,YAAY,GAAG,IAAAC,gBAAA,EAAcJ,KAAd,CAArB;EACA,IAAMK,eAAe,GAAG,IAAAC,mBAAA,EAAiBH,YAAjB,EAA+BH,KAA/B,CAAxB;EAEA,OAAO,IAAAO,mBAAA,EAAY;IACjBC,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEV,YALQ;IAMjBW,SAAS,EAAE,IAAAA,kBAAA,EAAUX,YAAV,CANM;IAQjBY,OAAO,EAAEV,YARQ;IASjBW,UAAU,EAAET,eATK;IAUjBU,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,EAAEhC,KAAK,CAACa,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJ,IAAAC,kBAAA,EAAmBpC,KAAnB,CADI,CANA;MASTqC,UAAU,oBACL,IAAAC,mBAAA,EAAoBtC,KAApB,CADK,CATD;MAYTuC,aAAa,oBACR,IAAAC,sBAAA,EAAuBxC,KAAvB,CADQ;IAZJ,CA9BM;IA8CjByC,EAAE,EAAEzC;EA9Ca,CAAZ,CAAP;AAgDD,CArDD;;;AAuDA,IAAM0C,YAAY,GAAG3C,YAAY,CAACJ,QAAQ,CAAC,MAAD,CAAT,CAAjC;eAQe+C,Y"}
+{"version":3,"file":"index.js","names":["getTheme","uiKitTheme","dawnTheme","wickedTheme","themeBuilder","theme","themeSpacing","createSpacing","themePalette","createPalette","themeTypography","createTypography","createTheme","shadows","Array","fill","spacing","hvSpacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","components","MuiPaper","styleOverrides","root","backgroundColor","atmosphere","atmo1","MuiAppBar","muiAppBarOverrides","MuiToolbar","muiToolbarOverrides","MuiIconButton","muiIconButtonOverrides","hv","defaultTheme"],"sources":["../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@mui/material\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\n\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(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    components: {\n      MuiPaper: {\n        styleOverrides: {\n          root: {\n            backgroundColor: theme.palette.atmosphere.atmo1,\n          },\n        },\n      },\n      MuiAppBar: {\n        styleOverrides: {\n          ...muiAppBarOverrides(theme),\n        },\n      },\n      MuiToolbar: {\n        styleOverrides: {\n          ...muiToolbarOverrides(theme),\n        },\n      },\n      MuiIconButton: {\n        styleOverrides: {\n          ...muiIconButtonOverrides(theme),\n        },\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;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AA6EA;;AACA;;AACA;;;;;;;;;;AA7EA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,UAAD,EAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOC,aAAP;;IACF,KAAK,QAAL;MACE,OAAOC,eAAP;EALJ;AAOD,CARD;;;;AAUA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;EAC9B,IAAMC,YAAY,GAAG,IAAAC,gBAAA,EAAcF,KAAd,CAArB;EACA,IAAMG,YAAY,GAAG,IAAAC,gBAAA,EAAcJ,KAAd,CAArB;EACA,IAAMK,eAAe,GAAG,IAAAC,mBAAA,EAAiBN,KAAjB,CAAxB;EAEA,OAAO,IAAAO,qBAAA,EAAY;IACjBC,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEV,YALQ;IAMjBW,SAAS,EAAE,IAAAA,kBAAA,EAAUX,YAAV,CANM;IAQjBY,OAAO,EAAEV,YARQ;IASjBW,UAAU,EAAET,eATK;IAUjBU,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,UAAU,EAAE;MACVC,QAAQ,EAAE;QACRC,cAAc,EAAE;UACdC,IAAI,EAAE;YACJC,eAAe,EAAEjC,KAAK,CAACa,OAAN,CAAcqB,UAAd,CAAyBC;UADtC;QADQ;MADR,CADA;MAQVC,SAAS,EAAE;QACTL,cAAc,oBACT,IAAAM,kBAAA,EAAmBrC,KAAnB,CADS;MADL,CARD;MAaVsC,UAAU,EAAE;QACVP,cAAc,oBACT,IAAAQ,mBAAA,EAAoBvC,KAApB,CADS;MADJ,CAbF;MAkBVwC,aAAa,EAAE;QACbT,cAAc,oBACT,IAAAU,sBAAA,EAAuBzC,KAAvB,CADS;MADD;IAlBL,CA9BK;IAsDjB0C,EAAE,EAAE1C;EAtDa,CAAZ,CAAP;AAwDD,CA7DD;;;AA+DA,IAAM2C,YAAY,GAAG5C,YAAY,CAACJ,QAAQ,CAAC,MAAD,CAAT,CAAjC;eAQegD,Y"}