@opengeoweb/theme 12.3.0 → 12.4.1

package/index.esm.js

@@ -2599,6 +2599,11 @@ var colors$3 = {
       color: '#FFFFFF'
     }
   },
+  soundings: {
+    tooltip: {
+      background: '#ffffff'
+    }
+  },
   customSlider: {
     rail: '#488BFD',
     railDisabled: '#CCCCCC',
@@ -3217,8 +3222,57 @@ var createTheme = function createTheme(_ref) {
                 borderColor: geowebColors.captions.captionError.color
               }
             },
-            // can be improved in MUI6 or after this PR is merged https://github.com/mui/material-ui/pull/32822#issuecomment-1275927288
-            '&.MuiInputBase-readOnly': {
+            '&.Mui-readOnly': {
+              background: 'transparent',
+              color: geowebColors.typographyAndIcons.text,
+              ' .MuiInputBase-readOnly': {
+                WebkitTextFillColor: 'inherit'
+              },
+              '&:before': {
+                border: 'transparent'
+              }
+            }
+          },
+          underline: {
+            '&:before': {
+              borderColor: geowebColors.greys.accessible
+            },
+            '&:after': {
+              borderWidth: '2px'
+            },
+            '&.Mui-disabled:before': {
+              borderBottomStyle: 'solid'
+            }
+          }
+        }
+      },
+      MuiPickersFilledInput: {
+        styleOverrides: {
+          root: {
+            backgroundColor: geowebColors.textInputField["default"].rgba,
+            '&.Mui-focused': {
+              backgroundColor: geowebColors.textInputField["default"].rgba,
+              '&:after': {
+                borderColor: geowebColors.captions.captionInformation.rgba
+              }
+            },
+            '&:hover': {
+              backgroundColor: geowebColors.textInputField.mouseOver.rgba
+            },
+            '&.Mui-disabled': {
+              backgroundColor: geowebColors.textInputField.disabled.rgba,
+              color: geowebColors.typographyAndIcons.inactiveText
+            },
+            '&.Mui-error': {
+              backgroundColor: geowebColors.textInputField.error.rgba,
+              '&:hover': {
+                backgroundColor: geowebColors.textInputField.errorMouseOver.rgba
+              },
+              '&:after': {
+                borderColor: geowebColors.captions.captionError.color
+              }
+            },
+            '&.Mui-readOnly': {
               background: 'transparent',
               color: geowebColors.typographyAndIcons.text,
               ' .MuiInputBase-readOnly': {
@@ -3367,10 +3421,10 @@ var createTheme = function createTheme(_ref) {
           }
         }
       },
-      MuiPickersPopper: {
+      MuiPickerPopper: {
         styleOverrides: {
           root: {
-            '& .MuiPickersPopper-paper': {
+            '& .MuiPickerPopper-paper': {
               backgroundColor: geowebColors.background.surface
             }
           }
@@ -3931,6 +3985,11 @@ var colors$2 = {
       color: '#FFFFFF'
     }
   },
+  soundings: {
+    tooltip: {
+      background: '#000000'
+    }
+  },
   customSlider: {
     rail: '#488BFD',
     railDisabled: '#5E5E5E',
@@ -5337,6 +5396,11 @@ var colors = {
       color: '#FFFFFF'
     }
   },
+  soundings: {
+    tooltip: {
+      background: '#ffffff'
+    }
+  },
   customSlider: {
     rail: '#488BFD',
     railDisabled: '#CCCCCC',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "12.3.0",
+  "version": "12.4.1",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,8 +9,8 @@
   },
   "dependencies": {
     "@mui/system": "^7.0.1",
-    "@mui/x-date-pickers": "^7.17.0",
-    "i18next": "^23.11.5",
+    "@mui/x-date-pickers": "^8.1.0",
+    "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",
     "lodash": "^4.17.21"

package/src/lib/types.d.ts

@@ -134,6 +134,9 @@ export interface GeowebColorPalette {
         timelineBackgroundObserved: CSSProperties;
         timelineBackgroundObservedAlternative: CSSProperties;
     };
+    soundings: {
+        tooltip: CSSProperties;
+    };
     customSlider: {
         rail: CSSProperties['color'];
         railDisabled: CSSProperties['color'];