@opengeoweb/theme 12.2.0 → 12.4.1

package/index.esm.js

@@ -1733,7 +1733,7 @@ var SharedPresetsMyUser = function SharedPresetsMyUser(props) {
 var Sources = function Sources(props) {
   return jsx(SvgIcon, Object.assign({}, props, {
     children: jsx("path", {
-      d: "M3.5,0 C5.43299662,0 7,1.56700338 7,3.5 C7,5.08520367 5.94615223,6.42426801 4.5008388,6.85481091 L4.5,11.231418 C4.9386375,10.2370893 5.84497917,9.739925 7.219025,9.739925 L8.69045725,9.73927119 C11.297992,9.73524173 11.988143,9.70639607 12.46361,9.5 C13.3007234,9.13661637 13.4763138,8.41117968 13.4975953,7.85224756 C12.0528745,7.42303094 11,6.08447148 11,4.5 C11,2.56700338 12.5670034,1 14.5,1 C16.4329966,1 18,2.56700338 18,4.5 C18,6.08630196 16.9446914,7.42612341 15.4978341,7.85570449 C15.4693183,9.14382137 15.0067051,10.4695516 13.777566,11.051384 C11.6854755,12.041708 8.22721569,11.7314176 7.219025,11.7314176 C6.1385357,11.7314176 5.3988607,12.2992145 5,13.4348082 L5.03208229,13.3522576 C6.19723523,13.9204249 7,15.1164646 7,16.5 C7,18.4329966 5.43299662,20 3.5,20 C1.56700338,20 0,18.4329966 0,16.5 C0,14.9144302 1.05433459,13.5751135 2.50016263,13.1448909 L2.50016263,6.85510906 C1.05433459,6.4248865 0,5.08556977 0,3.5 C0,1.56700338 1.56700338,0 3.5,0 Z M3.5,15 C2.67157288,15 2,15.6715729 2,16.5 C2,17.3284271 2.67157288,18 3.5,18 C4.32842712,18 5,17.3284271 5,16.5 C5,15.6715729 4.32842712,15 3.5,15 Z M14.5,3 C13.6715729,3 13,3.67157288 13,4.5 C13,5.32842712 13.6715729,6 14.5,6 C15.3284271,6 16,5.32842712 16,4.5 C16,3.67157288 15.3284271,3 14.5,3 Z M3.5,2 C2.67157288,2 2,2.67157288 2,3.5 C2,4.32842712 2.67157288,5 3.5,5 C4.32842712,5 5,4.32842712 5,3.5 C5,2.67157288 4.32842712,2 3.5,2 Z"
+      d: "M6.5 2a3.5 3.5 0 0 1 1 6.855v4.376c.439-.994 1.345-1.491 2.719-1.491h1.471c2.608-.005 3.298-.034 3.774-.24.837-.363 1.012-1.089 1.034-1.648a3.5 3.5 0 1 1 2 .003c-.029 1.289-.491 2.615-1.72 3.196-2.093.99-5.55.68-6.559.68-1.08 0-1.82.568-2.219 1.704l.032-.083a3.5 3.5 0 1 1-2.532-.207v-6.29A3.502 3.502 0 0 1 6.5 2zm0 15a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11-12a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-11-1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"
     })
   }));
 };
@@ -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.2.0",
+  "version": "12.4.1",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,10 +8,10 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@mui/system": "^6.1.1",
-    "@mui/x-date-pickers": "^7.17.0",
-    "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1",
+    "@mui/system": "^7.0.1",
+    "@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'];