@vertigis/react-ui 14.0.1 → 14.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vertigis/react-ui",
-    "version": "14.0.1",
+    "version": "14.1.0",
     "description": "Utilities and React components used in VertiGIS applications.",
     "keywords": [
         "vertigis",

package/styles/createTheme.js

@@ -1040,7 +1040,11 @@ function createTheme(options = {}) {
     // If we are using light mode, then we want to use our defined light theme palette
     const modeOptions = mode === "light" ? lightThemeOverrides : {};
     const { dense = false, ...overrides } = options;
-    const defaultTheme = createMuiTheme();
+    // If the incoming options override either the fontSize or htmlFontSize,
+    // these need to be specified when creating the theme so that we end up
+    // with the correct implementation of pxToRem().
+    const { fontSize = 14, htmlFontSize = 16 } = options.typography ?? {};
+    const defaultTheme = createMuiTheme({ typography: { fontSize, htmlFontSize } });
     const mergedOptions = deepAssign({}, getDefaultOptions(defaultTheme.typography.pxToRem), modeOptions, dense ? defaultDenseOptions : {}, overrides);
     const createdTheme = createMuiTheme(mergedOptions);
     return overrideTheme(createdTheme, getOverrides(createdTheme));