@hitachivantara/uikit-react-core 3.67.6 → 3.67.7

package/dist/modern/theme/ScopedCssBaseline.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvScopedCssBaselineProps<D extends React.ElementType = "div">
+  extends StandardProps<React.HTMLAttributes<D>, ""> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvScopedCssBaseline(props: HvScopedCssBaselineProps): JSX.Element | null;

package/dist/modern/theme/ScopedCssBaseline.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _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";
+const useStyles = makeStyles(theme => ({
+  /* 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
+    }
+  })
+}));
+const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(props, ref) {
+  const {
+    component: RootComponent = "div",
+    className,
+    children
+  } = props,
+        other = _objectWithoutProperties(props, _excluded);
+
+  const 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/modern/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,MAAMC,SAAS,GAAGH,UAAU,CAAEI,KAAD,KAAY;EACvC;EACAC,IAAI,gDACCJ,IADD,GAECC,IAAI,CAACE,KAAD,CAFL;IAGF,gCAAgC;MAC9BE,SAAS,EAAE;IADmB,CAH9B;IAMF,iBAAiB;MACfC,UAAU,EAAEH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,aAApB,CAAkCH;IAD/B;EANf;AAFmC,CAAZ,CAAD,CAA5B;AAcA,MAAMI,iBAAiB,gBAAGd,KAAK,CAACe,UAAN,CAAiB,SAASD,iBAAT,CAA2BE,KAA3B,EAAkCC,GAAlC,EAAuC;EAChF,MAAM;IAAEC,SAAS,EAAEC,aAAa,GAAG,KAA7B;IAAoCC,SAApC;IAA+CC;EAA/C,IAAsEL,KAA5E;EAAA,MAAkEM,KAAlE,4BAA4EN,KAA5E;;EAEA,MAAMO,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/modern/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/modern/theme/index.js

@@ -73,7 +73,8 @@ const themeBuilder = theme => {
 
 const 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/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","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,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,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,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"}

package/dist/theme/CssBaseline.d.ts

@@ -0,0 +1 @@
+export default function HvCssBaseline(): null;

package/dist/theme/CssBaseline.js

@@ -19,7 +19,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.html = exports.default = exports.body = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -36,20 +36,29 @@ var html = {
   // Antialiasing.
   // Change from `box-sizing: content-box` so that `width`
   // is not affected by `padding` or `border`.
-  boxSizing: "border-box"
+  boxSizing: "border-box",
+  // Prevent adjustments of font size after orientation changes in iOS.
+  TextSizeAdjust: "none",
+  WebkitTextSizeAdjust: "none",
+  MozTextSizeAdjust: "none"
 };
+exports.html = html;
 
 var body = function body(theme) {
   return _objectSpread(_objectSpread({
     fontFamily: theme.hv.typography.fontFamily
   }, theme.hv.typography.normalText), {}, {
+    color: theme.hv.palette.accent.acce1,
     backgroundColor: theme.hv.palette.atmosphere.atmo2,
+    colorScheme: theme.hv.type,
+    accentColor: theme.hv.palette.accent.acce1,
     "@media print": {
       backgroundColor: "white"
     }
   });
 };
 
+exports.body = body;
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     "@global": {
@@ -68,33 +77,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         "&::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","body","theme","fontFamily","hv","typography","normalText","backgroundColor","palette","atmosphere","atmo2","useStyles","fontWeight","highlightText","margin","atmo3","display","width","height","CssBaseline"],"sources":["../../src/theme/CssBaseline.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\";\n\nconst 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\nconst body = (theme) => ({\n  fontFamily: theme.hv.typography.fontFamily,\n  ...theme.hv.typography.normalText,\n  backgroundColor: theme.hv.palette.atmosphere.atmo2,\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    /* 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/**\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;;;;;;AAEA,IAAMA,IAAI,GAAG;EACXC,mBAAmB,EAAE,aADV;EACyB;EACpCC,mBAAmB,EAAE,WAFV;EAEuB;EAClC;EACA;EACAC,SAAS,EAAE;AALA,CAAb;;AAQA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD;EAAA;IACXC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBF;EADrB,GAERD,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UAFZ;IAGXC,eAAe,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAHlC;IAKX,gBAAgB;MACdH,eAAe,EAAE;IADH;EALL;AAAA,CAAb;;AAUA,IAAMI,SAAS,GAAG,wBAAW,UAACT,KAAD;EAAA,OAAY;IACvC,WAAW;MACTL,IAAI,EAAJA,IADS;MAET,0BAA0B;QACxBG,SAAS,EAAE;MADa,CAFjB;MAKT,aAAa;QACXY,UAAU,EAAEV,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCD;MADnC,CALJ;MAQTX,IAAI;QACFa,MAAM,EAAE;MADN,GAECb,IAAI,CAACC,KAAD,CAFL;QAGF;QACA;QACA,eAAe;UACbK,eAAe,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BM;QADhC;MALb,EARK;;MAkBT;MACA,iCAAiC;QAAEC,OAAO,EAAE,MAAX;QAAmBC,KAAK,EAAE,CAA1B;QAA6BC,MAAM,EAAE;MAArC,CAnBxB;MAoBT,kCAAkC;QAAEF,OAAO,EAAE,MAAX;QAAmBC,KAAK,EAAE,CAA1B;QAA6BC,MAAM,EAAE;MAArC,CApBzB;;MAsBT;MACA,mDAAmD;QAAEF,OAAO,EAAE;MAAX,CAvB1C;MAwBT,sDAAsD;QAAEA,OAAO,EAAE;MAAX,CAxB7C;MAyBT,uDAAuD;QAAEA,OAAO,EAAE;MAAX,CAzB9C;MA0BT,2DAA2D;QAAEA,OAAO,EAAE;MAAX;IA1BlD;EAD4B,CAAZ;AAAA,CAAX,CAAlB;AA+BA;AACA;AACA;;AACA,SAASG,WAAT,GAAuB;EACrBR,SAAS;EAET,OAAO,IAAP;AACD;;eAEcQ,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","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,wBAAW,UAACf,KAAD;EAAA,OAAY;IACvC,WAAW;MACTR,IAAI,EAAJA,IADS;MAET,0BAA0B;QACxBG,SAAS,EAAE;MADa,CAFjB;MAKT,aAAa;QACXqB,UAAU,EAAEhB,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBc,aAApB,CAAkCD;MADnC,CALJ;MAQTjB,IAAI;QACFmB,MAAM,EAAE;MADN,GAECnB,IAAI,CAACC,KAAD,CAFL;QAGF;QACA;QACA,eAAe;UACbS,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BS;QADhC;MALb;IARK;EAD4B,CAAZ;AAAA,CAAX,CAAlB;AAqBA;AACA;AACA;;AACA,SAASC,WAAT,GAAuB;EACrBL,SAAS;EAET,OAAO,IAAP;AACD;;eAEcK,W"}

package/dist/theme/ScopedCssBaseline.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvScopedCssBaselineProps<D extends React.ElementType = "div">
+  extends StandardProps<React.HTMLAttributes<D>, ""> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvScopedCssBaseline(props: HvScopedCssBaselineProps): JSX.Element | null;

package/dist/theme/ScopedCssBaseline.js

@@ -0,0 +1,105 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _CssBaseline = require("./CssBaseline");
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    /* Styles applied to the root element. */
+    root: _objectSpread(_objectSpread(_objectSpread({}, _CssBaseline.html), (0, _CssBaseline.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classes = useStyles();
+  return /*#__PURE__*/React.createElement(RootComponent, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    ref: ref
+  }, other), children);
+});
+process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: _propTypes.default.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component: _propTypes.default.elementType,
+
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string
+} : void 0;
+var _default = ScopedCssBaseline;
+exports.default = _default;
+//# sourceMappingURL=ScopedCssBaseline.js.map

package/dist/theme/ScopedCssBaseline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopedCssBaseline.js","names":["useStyles","theme","root","html","boxSizing","fontWeight","hv","typography","highlightText","ScopedCssBaseline","React","forwardRef","props","ref","component","RootComponent","className","children","other","classes","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,wBAAW,UAACC,KAAD;EAAA,OAAY;IACvC;IACAC,IAAI,gDACCC,iBADD,GAEC,uBAAKF,KAAL,CAFD;MAGF,gCAAgC;QAC9BG,SAAS,EAAE;MADmB,CAH9B;MAMF,iBAAiB;QACfC,UAAU,EAAEJ,KAAK,CAACK,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,GAAGnB,SAAS,EAAzB;EAEA,oBACE,oBAAC,aAAD;IAAe,SAAS,EAAE,mBAAKmB,OAAO,CAACjB,IAAb,EAAmBc,SAAnB,CAA1B;IAAyD,GAAG,EAAEH;EAA9D,GAAuEK,KAAvE,GACGD,QADH,CADF;AAKD,CAVyB,CAA1B;AAYA,wCAAAR,iBAAiB,CAACW,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEH,QAAQ,EAAEI,mBAAUC,IAJQ;;EAK5B;AACF;AACA;AACA;AACA;EACER,SAAS,EAAEO,mBAAUE,WAVO;;EAW5B;AACF;AACA;EACEP,SAAS,EAAEK,mBAAUG;AAdO,CAA9B;eAiBef,iB"}

package/dist/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/theme/index.js

@@ -29,12 +29,18 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CssBaseline", {
+Object.defineProperty(exports, "HvCssBaseline", {
   enumerable: true,
   get: function get() {
     return _CssBaseline.default;
   }
 });
+Object.defineProperty(exports, "HvScopedCssBaseline", {
+  enumerable: true,
+  get: function get() {
+    return _ScopedCssBaseline.default;
+  }
+});
 Object.defineProperty(exports, "createGenerateClassName", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,8 @@ var _createGenerateClassName = _interopRequireDefault(require("./createGenerateC
 
 var _CssBaseline = _interopRequireDefault(require("./CssBaseline"));
 
+var _ScopedCssBaseline = _interopRequireDefault(require("./ScopedCssBaseline"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTheme","uiKitTheme","dawnTheme","wickedTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","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","MuiToolbar","MuiIconButton","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 CssBaseline } from \"./CssBaseline\";\nexport { getTheme };\n\nexport { themeBuilder };\nexport default defaultTheme;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAqEA;;AACA;;;;;;;;;;AApEA,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,sBAAcD,KAAd,CAArB;EACA,IAAME,YAAY,GAAG,sBAAcF,KAAd,CAArB;EACA,IAAMG,eAAe,GAAG,yBAAiBD,YAAjB,EAA+BF,KAA/B,CAAxB;EAEA,OAAO,yBAAY;IACjBI,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBO,SAAS,EAAE,wBAAUP,YAAV,CANM;IAQjBQ,OAAO,EAAEP,YARQ;IASjBQ,UAAU,EAAEP,eATK;IAUjBQ,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,EAAE5B,KAAK,CAACS,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJ,wBAAmB/B,KAAnB,CADI,CANA;MASTgC,UAAU,oBACL,yBAAoBhC,KAApB,CADK,CATD;MAYTiC,aAAa,oBACR,4BAAuBjC,KAAvB,CADQ;IAZJ,CA9BM;IA8CjBkC,EAAE,EAAElC;EA9Ca,CAAZ,CAAP;AAgDD,CArDD;;;AAuDA,IAAMmC,YAAY,GAAGpC,YAAY,CAACJ,QAAQ,CAAC,MAAD,CAAT,CAAjC;eAOewC,Y"}
+{"version":3,"file":"index.js","names":["getTheme","uiKitTheme","dawnTheme","wickedTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","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","MuiToolbar","MuiIconButton","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,sBAAcD,KAAd,CAArB;EACA,IAAME,YAAY,GAAG,sBAAcF,KAAd,CAArB;EACA,IAAMG,eAAe,GAAG,yBAAiBD,YAAjB,EAA+BF,KAA/B,CAAxB;EAEA,OAAO,yBAAY;IACjBI,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBO,SAAS,EAAE,wBAAUP,YAAV,CANM;IAQjBQ,OAAO,EAAEP,YARQ;IASjBQ,UAAU,EAAEP,eATK;IAUjBQ,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,EAAE5B,KAAK,CAACS,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJ,wBAAmB/B,KAAnB,CADI,CANA;MASTgC,UAAU,oBACL,yBAAoBhC,KAApB,CADK,CATD;MAYTiC,aAAa,oBACR,4BAAuBjC,KAAvB,CADQ;IAZJ,CA9BM;IA8CjBkC,EAAE,EAAElC;EA9Ca,CAAZ,CAAP;AAgDD,CArDD;;;AAuDA,IAAMmC,YAAY,GAAGpC,YAAY,CAACJ,QAAQ,CAAC,MAAD,CAAT,CAAjC;eAQewC,Y"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.67.6",
+  "version": "3.67.7",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -105,5 +105,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "452304a1dde2687c11937c0b78213275109934a4"
+  "gitHead": "094d7d2eeef5e3bda9766eab37c9f94814be0d82"
 }