@vertigis/react-ui 11.32.0 → 11.32.2

package/InlineHelp/InlineHelp.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormControl } from "@mui/material/FormControl";
 import clsx from "clsx";
 import { forwardRef, useState } from "react";
 import Box from "../Box/index.js";
-import { useFormControl } from "../FormControl/index.js";
 import IconButton from "../IconButton/index.js";
 import Link from "../Link/index.js";
 import Popover from "../Popover/index.js";

package/package.json

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

package/styles/createTheme.js

@@ -483,10 +483,12 @@ function getOverrides(theme) {
                             borderColor: blue.A100,
                             boxShadow: "none",
                         },
-                        "&.Mui-error": {
+                        "&.Mui-error, &.Mui-error.Mui-focused": {
                             backgroundColor: "transparent",
-                            borderColor: "transparent",
-                            boxShadow: `0 0 0 1px ${isDarkMode ? palette.common.white : "transparent"} inset, 0 0 0 3px ${palette.error.main} inset, 0 0 0 4px ${isDarkMode ? palette.common.white : "transparent"} inset`,
+                            borderWidth: "2px",
+                            borderColor: palette.error.main,
+                            boxSizing: "border-box",
+                            boxShadow: `0 0 0 1px ${isDarkMode ? palette.common.white : "transparent"} inset, 0 0 0 1px ${isDarkMode ? palette.common.white : "transparent"}`,
                         },
                         "&.Mui-disabled": {
                             borderColor: palette.grey[300],
@@ -655,6 +657,15 @@ function getOverrides(theme) {
                     },
                 },
             },
+            MuiSlider: {
+                styleOverrides: {
+                    valueLabel: {
+                        // Set the minimum height to avoid it jumping around
+                        // when the label does not have a value.
+                        minHeight: typography.pxToRem(28),
+                    },
+                },
+            },
             MuiSwitch: {
                 defaultProps: {
                     color: "secondary",