@opengeoweb/theme 13.0.0 → 13.1.0

package/index.esm.js

@@ -2138,11 +2138,11 @@ var createShadows = function createShadows(elevations) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle$3 = {
+var focusButtonStyle$4 = {
   outline: 'solid 2px #419cfe'
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/5ecf84d920b99428d7f98555
-var colors$3 = {
+var colors$4 = {
   background: {
     surface: '#FFFFFF',
     surfaceApp: '#F5F5F5',
@@ -2174,7 +2174,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     secondary: {
       "default": {
@@ -2198,7 +2198,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     tertiary: {
       "default": {
@@ -2226,7 +2226,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     flat: {
       "default": {
@@ -2254,7 +2254,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     tool: {
       "default": {
@@ -2282,7 +2282,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     boxed: {
       "default": {
@@ -2310,7 +2310,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     icon: {
       "default": {
@@ -2338,7 +2338,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     }
   },
   iconButtons: {
@@ -2368,7 +2368,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     tool: {
       "default": {
@@ -2396,7 +2396,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     },
     boxed: {
       "default": {
@@ -2424,7 +2424,7 @@ var colors$3 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$3
+      focus: focusButtonStyle$4
     }
   },
   typographyAndIcons: {
@@ -2827,7 +2827,7 @@ var colors$3 = {
   }
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
-var elevations$3 = {
+var elevations$4 = {
   elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
   elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
   elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
@@ -2868,9 +2868,9 @@ var createTheme = function createTheme(_ref) {
   var _ref$paletteType = _ref.paletteType,
     paletteType = _ref$paletteType === void 0 ? 'light' : _ref$paletteType,
     _ref$geowebColors = _ref.geowebColors,
-    defaultGeowebColors = _ref$geowebColors === void 0 ? colors$3 : _ref$geowebColors,
+    defaultGeowebColors = _ref$geowebColors === void 0 ? colors$4 : _ref$geowebColors,
     _ref$elevations = _ref.elevations,
-    defaultShadows = _ref$elevations === void 0 ? elevations$3 : _ref$elevations;
+    defaultShadows = _ref$elevations === void 0 ? elevations$4 : _ref$elevations;
   var geowebColors = parseColors(defaultGeowebColors);
   var shadows = createShadows(defaultShadows);
   return createTheme$1({
@@ -3545,11 +3545,11 @@ var createTheme = function createTheme(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle$2 = {
+var focusButtonStyle$3 = {
   outline: 'solid 2px #419cfe'
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
-var colors$2 = {
+var colors$3 = {
   background: {
     surface: '#303030',
     surfaceApp: '#2B2B2B',
@@ -3581,7 +3581,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     secondary: {
       "default": {
@@ -3605,7 +3605,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tertiary: {
       "default": {
@@ -3633,7 +3633,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     flat: {
       "default": {
@@ -3661,7 +3661,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tool: {
       "default": {
@@ -3689,7 +3689,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     boxed: {
       "default": {
@@ -3717,7 +3717,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     icon: {
       "default": {
@@ -3745,7 +3745,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     }
   },
   iconButtons: {
@@ -3775,7 +3775,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tool: {
       "default": {
@@ -3803,7 +3803,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     boxed: {
       "default": {
@@ -3831,7 +3831,7 @@ var colors$2 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     }
   },
   typographyAndIcons: {
@@ -4235,7 +4235,7 @@ var colors$2 = {
   }
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
-var elevations$2 = {
+var elevations$3 = {
   elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
   elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
   elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
@@ -4265,11 +4265,11 @@ var elevations$2 = {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle$1 = {
+var focusButtonStyle$2 = {
   outline: 'solid 2px #FFFFFF'
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
-var colors$1 = Object.assign({}, colors$3, {
+var colors$2 = Object.assign({}, colors$4, {
   background: {
     surface: '#9e1f1e',
     surfaceApp: '#740c16',
@@ -4301,7 +4301,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     secondary: {
       "default": {
@@ -4325,7 +4325,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tertiary: {
       "default": {
@@ -4353,7 +4353,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     flat: {
       "default": {
@@ -4381,7 +4381,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tool: {
       "default": {
@@ -4409,7 +4409,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     boxed: {
       "default": {
@@ -4437,7 +4437,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     icon: {
       "default": {
@@ -4465,7 +4465,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     }
   },
   iconButtons: {
@@ -4495,7 +4495,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tool: {
       "default": {
@@ -4523,7 +4523,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     boxed: {
       "default": {
@@ -4551,7 +4551,7 @@ var colors$1 = Object.assign({}, colors$3, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     }
   },
   typographyAndIcons: {
@@ -4941,7 +4941,7 @@ var colors$1 = Object.assign({}, colors$3, {
   }
 });
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
-var elevations$1 = {
+var elevations$2 = {
   elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
   elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
   elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
@@ -4971,11 +4971,11 @@ var elevations$1 = {
  * Copyright 2025 - Finnish Meteorological Institute (FMI)
  * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle = {
+var focusButtonStyle$1 = {
   outline: 'solid 2px #419cfe'
 };
 // https://www.figma.com/design/X1glYQsGXcHvH9ti7rXcPT/test-side-geoweb?node-id=106-1817&t=GCStbstNVLl6LZcT-0
-var colors = {
+var colors$1 = {
   background: {
     surface: '#FFCB66',
     surfaceApp: '#F9F0DF',
@@ -5007,7 +5007,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     secondary: {
       "default": {
@@ -5031,7 +5031,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tertiary: {
       "default": {
@@ -5059,7 +5059,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     flat: {
       "default": {
@@ -5087,7 +5087,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tool: {
       "default": {
@@ -5115,7 +5115,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     boxed: {
       "default": {
@@ -5143,7 +5143,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     icon: {
       "default": {
@@ -5171,7 +5171,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     }
   },
   iconButtons: {
@@ -5201,7 +5201,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tool: {
       "default": {
@@ -5229,7 +5229,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     boxed: {
       "default": {
@@ -5257,7 +5257,7 @@ var colors = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     }
   },
   typographyAndIcons: {
@@ -5660,7 +5660,7 @@ var colors = {
   }
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
-var elevations = {
+var elevations$1 = {
   elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
   elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
   elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
@@ -5686,84 +5686,817 @@ var elevations = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-var ThemeTypes;
-(function (ThemeTypes) {
-  ThemeTypes["DARK_THEME"] = "darkTheme";
-  ThemeTypes["LIGHT_THEME"] = "lightTheme";
-  ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
-  ThemeTypes["DEMO_THEME"] = "demoTheme";
-})(ThemeTypes || (ThemeTypes = {}));
-
-/* *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2023 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2025 - Finnish Meteorological Institute (FMI)
+ * Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var getThemeByName = function getThemeByName(themeName) {
-  switch (themeName) {
-    case ThemeTypes.DARK_THEME:
-      return namedDarkTheme;
-    case ThemeTypes.LIGHT_THEME:
-      return namedLightTheme;
-    case ThemeTypes.XMAS2024_THEME:
-      return namedXmas2024Theme;
-    case ThemeTypes.DEMO_THEME:
-      return namedDemoTheme;
-    default:
-      return namedLightTheme;
-  }
-};
-var lightTheme = createTheme({
-  paletteType: 'light',
-  geowebColors: colors$3,
-  elevations: elevations$3
-});
-var darkTheme = createTheme({
-  paletteType: 'dark',
-  geowebColors: colors$2,
-  elevations: elevations$2
-});
-var xmas2024Theme = createTheme({
-  paletteType: 'dark',
-  geowebColors: colors$1,
-  elevations: elevations$1
-});
-var demoTheme = createTheme({
-  paletteType: 'light',
-  geowebColors: colors,
-  elevations: elevations
-});
-var namedLightTheme = {
-  name: ThemeTypes.LIGHT_THEME,
-  theme: lightTheme
-};
-var namedDarkTheme = {
-  name: ThemeTypes.DARK_THEME,
-  theme: darkTheme
-};
-var namedXmas2024Theme = {
-  name: ThemeTypes.XMAS2024_THEME,
-  theme: xmas2024Theme
+var focusButtonStyle = {
+  outline: 'solid 2px #00a2b5'
 };
-var namedDemoTheme = {
-  name: ThemeTypes.DEMO_THEME,
-  theme: demoTheme
+var colors = {
+  background: {
+    surface: '#FFFFFF',
+    surfaceApp: '#F5F5F5',
+    surfaceBrowser: '#CFCFCF'
+  },
+  brand: {
+    brand: '#FFFFFF'
+  },
+  logo: {
+    image: 'assets/themes/eumetnet/app_icon.png'
+  },
+  buttons: {
+    primary: {
+      "default": {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: '#71A6FF'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {},
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    secondary: {
+      "default": {
+        fill: '#374061',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {},
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tertiary: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#004f59',
+        borderColor: '#004f59'
+      },
+      activeMouseOver: {
+        fill: '#badfe3',
+        color: '#004f59',
+        borderColor: '#004f59'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    flat: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#004f59',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#badfe3',
+        color: '#004f59',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tool: {
+      "default": {
+        fill: '#e4ecedff',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    boxed: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    icon: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#004F59',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#badfe3',
+        color: '#004F59',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    }
+  },
+  iconButtons: {
+    flat: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#004f59',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#badfe3',
+        color: '#004F59',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tool: {
+      "default": {
+        fill: '#e4ecedff',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    boxed: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#badfe3',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: '#004F59',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    }
+  },
+  typographyAndIcons: {
+    text: '#051039',
+    icon: '#051039',
+    buttonIcon: '#FFFFFF',
+    iconLinkActive: '#004F59',
+    iconLinkDisabled: '#CCCCCC',
+    textLinkActive: '#004F59',
+    buttonIconTertiaryFlat: '#575F7A',
+    inactiveText: '#626262',
+    iconWarning: '#ffa800'
+  },
+  textInputField: {
+    "default": {
+      fill: '#e4ecedff',
+      opacity: 1
+    },
+    mouseOver: {
+      fill: '#d1e6e8',
+      opacity: 1
+    },
+    active: {
+      fill: '#badfe3',
+      opacity: 1
+    },
+    disabled: {
+      fill: '#000000',
+      opacity: 0
+    },
+    label: {
+      fill: '#051039',
+      opacity: 0.67
+    },
+    error: {
+      fill: '#FEEDEE',
+      opacity: 1
+    },
+    errorMouseOver: {
+      fill: '#ffc5c5',
+      opacity: 1
+    }
+  },
+  menuItem: {
+    mouseOver: '#d8e9eb',
+    selected: '#004F59',
+    selectedMouseOver: '#002b30'
+  },
+  tab: {
+    mouseOver: {
+      fill: '#051039',
+      opacity: 0.07
+    }
+  },
+  greys: {
+    accessible: '#626262',
+    accessibleLight: '#C5C5C5'
+  },
+  cards: {
+    cardContainer: '#FFFFFF',
+    cardContainerBorder: '#EEEEEE',
+    cardContainerMouseOver: '#d8e9eb',
+    cardContainerDisabled: '#EBEBEB',
+    cardContainerDisabledBorder: '#E3E2E2',
+    cardContainerDisabledMouseOver: '#EFF5FF'
+  },
+  backdrops: {
+    black: {
+      fill: '#000000',
+      opacity: 0.5
+    },
+    white: {
+      fill: '#FFFFFF',
+      opacity: 0.24
+    }
+  },
+  workspace: {
+    activeWindow: '#FFFFFF',
+    inactiveWindow: '#E8E5E5',
+    tabButtonHover: '#d1e6e8'
+  },
+  timeSlider: {
+    // player
+    playerNeedleTimeTop: {
+      fill: '#E3004F',
+      opacity: 100
+    },
+    playerNeedleTime: {
+      fill: '#FFD523',
+      opacity: 0.75
+    },
+    playerNeedlePlayerTop: {
+      fill: '#051039',
+      opacity: 100
+    },
+    playerNeedlePlayer: {
+      fill: '#67F0FF',
+      opacity: 0.75
+    },
+    playerTimeMarkers: {
+      fill: '#051039'
+    },
+    playerTimeText: {
+      color: '#FFFFFF',
+      fontFamily: 'Roboto',
+      fontSize: 14
+    },
+    // timeline
+    timelineIndicator: {
+      fill: '#767676'
+    },
+    timelineText: {
+      fontSize: 12,
+      color: '#FFFFFF',
+      fontFamily: 'Roboto'
+    },
+    timelineTimeScale: {
+      fill: '#FFFFFF'
+    },
+    timelineNightTime: {
+      fill: '#051038',
+      opacity: 0.67
+    },
+    timelineTimelineSurface: {
+      fill: '#FFFFFF'
+    },
+    timelineMonthChangeDash: {
+      fill: '#767676',
+      opacity: 0.5
+    },
+    timelineSelectionBackground: {
+      fill: '#FFFFFF',
+      opacity: 0.15
+    },
+    timelineSelectionOutline: {
+      fill: '#F0FF00',
+      opacity: 0.4
+    },
+    // time scale
+    timeScalePointer: {
+      fill: '#F8F9F9'
+    },
+    timeScaleHorizontalScale: {
+      fill: '#070808',
+      opacity: 0.2
+    },
+    timeScaleTimeIndicators: {
+      fill: '#767676'
+    },
+    timeScaleTimeIndicatorsActive: {
+      fill: '#051039'
+    },
+    timeScaleShadowButtonScale: {
+      filter: 'drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.28)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.24)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.40))'
+    },
+    ledgendObservedBackground: {
+      fill: '#00649F'
+    },
+    legendForecastBackground: {
+      fill: '#9900B1'
+    },
+    legendNoDataBackground: {
+      fill: '#575F7A',
+      opacity: 0.95
+    }
+  },
+  timeSliderLite: {
+    selected: {
+      backgroundColor: '#EEF4FB'
+    },
+    needle: {
+      stroke: '#303193'
+    },
+    needleDefault: {
+      stroke: '#3BA587'
+    },
+    needleShadow: {
+      stroke: '#E7F0FA'
+    },
+    needleLabel: {
+      backgroundColor: '#212121',
+      borderColor: '#9e9e9e',
+      color: '#FFFFFF'
+    },
+    timeline: {
+      fill: '#FFFFFF',
+      stroke: '#FFFFFF'
+    },
+    timelineBackground: {
+      fill: '#2959E0',
+      color: '#FFFFFF'
+    },
+    timelineBackgroundAlternative: {
+      fill: '#4871E5',
+      color: '#FFFFFF'
+    },
+    timelineBackgroundDisabled: {
+      fill: '#767E93',
+      color: '#FFFFFF'
+    },
+    timelineBackgroundDisabledAlternative: {
+      fill: '#8A91A3',
+      color: '#FFFFFF'
+    },
+    timelineBackgroundObserved: {
+      fill: '#8A91A3',
+      color: '#FFFFFF'
+    },
+    timelineBackgroundObservedAlternative: {
+      fill: '#767E93',
+      color: '#FFFFFF'
+    }
+  },
+  soundings: {
+    tooltip: {
+      background: '#ffffff'
+    }
+  },
+  customSlider: {
+    rail: '#488BFD',
+    railDisabled: '#CCCCCC',
+    track: '#004F59',
+    trackDisabled: '#CCCCCC',
+    thumb: '#F8F9F9',
+    thumbDisabled: '#CCCCCC',
+    mark: '#FFFFFF',
+    markDisabled: '#FFFFFF'
+  },
+  customSwitch: {
+    thumb: '#F8F9F9',
+    thumbDisabled: '#F5F5F5',
+    track: '#707070',
+    trackActive: '#004F59'
+  },
+  syncGroups: {
+    drawerOpen: {
+      fill: '#E8E5E5'
+    }
+  },
+  layerManager: {
+    headerRowText: {
+      color: '#051039',
+      opacity: 0.67,
+      fontSize: 12
+    },
+    tableRowDefaultText: {
+      color: '#051039',
+      opacity: 0.87,
+      fontSize: 12
+    },
+    tableRowDefaultCardContainer: {
+      fill: '#FFFFFF',
+      border: '1px solid #EEEEEE',
+      borderColor: '#EEEEEE'
+    },
+    tableRowDisabledText: {
+      color: '#767676',
+      opacity: 0.87,
+      fontSize: 12
+    },
+    tableRowDisabledCardContainer: {
+      fill: '#EBEBEB',
+      border: '1px solid #E3E2E2',
+      borderColor: '#E3E2E2'
+    },
+    dragHandleHover: {
+      backgroundColor: 'transparent'
+    },
+    root: {},
+    opacitySelect: {
+      root: {},
+      button: {},
+      popper: {}
+    },
+    baseLayerRow: {
+      root: {}
+    }
+  },
+  tooltips: {
+    tooltipContainer: {
+      fill: '#232323',
+      opacity: 1
+    },
+    tooltipText: {
+      color: '#FFFFFF'
+    },
+    tooltipSelect: {
+      select: {},
+      menu: {}
+    }
+  },
+  captions: {
+    captionStatus: {
+      color: '#051039',
+      opacity: 0.67
+    },
+    captionInformation: {
+      color: '#004F59',
+      opacity: 1
+    },
+    captionError: {
+      color: '#C00000',
+      opacity: 1
+    },
+    captionErrorBackground: {
+      color: '#C00000',
+      opacity: 1
+    },
+    captionDisabled: {
+      color: '#707070',
+      opacity: 1
+    }
+  },
+  functional: {
+    success: '#72BB23',
+    successOutline: {
+      fill: '#FCFFEB',
+      border: '1px solid #72BB23',
+      borderColor: '#72BB23'
+    },
+    error: '#C00000',
+    errorOutline: {
+      fill: '#F9E8EA',
+      border: '1px solid #C00000',
+      borderColor: '#C00000'
+    },
+    warning: '#FFA800',
+    warningOutline: {
+      fill: '#FFF8EB',
+      border: '1px solid #FFA800',
+      borderColor: '#FFA800'
+    },
+    warningHighlight: {
+      fill: '#FFA800',
+      opacity: 0.2
+    },
+    notification: '#0062E6',
+    notificationOutline: {
+      fill: '#DFF2FD',
+      border: '1px solid #0062E6',
+      borderColor: '#0062E6'
+    },
+    summary: '#9595FF',
+    summaryOutline: {
+      fill: '#F8F9F9',
+      border: '1px solid #8383F2',
+      borderColor: '#8383F2'
+    },
+    disabled: '#9B9FB0',
+    disabledOutline: {
+      fill: '#F8F9F9',
+      border: '1p solid #9B9FB0',
+      borderColor: '#9B9FB0'
+    }
+  },
+  snackbar: {
+    background: '#051039',
+    text: '#FFFFFF',
+    action: '#98e1f1',
+    actionHover: {
+      fill: '#7BACFF',
+      opacity: 0.2
+    }
+  },
+  chip: {
+    highlightDefault: {
+      fill: '#FFA800',
+      opacity: 0.15,
+      borderColor: '#374061'
+    },
+    highlightDefaultMouseOver: {
+      fill: '#DEDBD4',
+      opacity: 1,
+      borderColor: '#374061'
+    },
+    highlightActiveDefault: {
+      fill: '#566F94',
+      opacity: 1,
+      borderColor: 'transparent'
+    },
+    highlightActiveMouseOver: {
+      fill: '#345596',
+      opacity: 1,
+      borderColor: 'transparent'
+    }
+  },
+  chips: {
+    flat: {
+      mouseOver: {
+        backgroundColor: '#badfe3',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      activeMouseOver: {
+        backgroundColor: '#002b30',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      }
+    }
+  }
+};
+// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
+var elevations = {
+  elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
+  elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
+  elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
+  elevation_04: '0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
+  elevation_06: '0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14)',
+  elevation_08: '0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',
+  elevation_09: '0 5px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14)',
+  elevation_12: '0 7px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14)',
+  elevation_16: '0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14)',
+  elevation_24: '0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14)'
+};
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var ThemeTypes;
+(function (ThemeTypes) {
+  ThemeTypes["DARK_THEME"] = "darkTheme";
+  ThemeTypes["LIGHT_THEME"] = "lightTheme";
+  ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
+  ThemeTypes["EUMETNET_THEME"] = "eumetnetTheme";
+  ThemeTypes["DEMO_THEME"] = "demoTheme";
+})(ThemeTypes || (ThemeTypes = {}));
+
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var getThemeByName = function getThemeByName(themeName) {
+  switch (themeName) {
+    case ThemeTypes.DARK_THEME:
+      return namedDarkTheme;
+    case ThemeTypes.LIGHT_THEME:
+      return namedLightTheme;
+    case ThemeTypes.XMAS2024_THEME:
+      return namedXmas2024Theme;
+    case ThemeTypes.DEMO_THEME:
+      return namedDemoTheme;
+    case ThemeTypes.EUMETNET_THEME:
+      return namedEumetnetTheme;
+    default:
+      return namedLightTheme;
+  }
+};
+var lightTheme = createTheme({
+  paletteType: 'light',
+  geowebColors: colors$4,
+  elevations: elevations$4
+});
+var darkTheme = createTheme({
+  paletteType: 'dark',
+  geowebColors: colors$3,
+  elevations: elevations$3
+});
+var xmas2024Theme = createTheme({
+  paletteType: 'dark',
+  geowebColors: colors$2,
+  elevations: elevations$2
+});
+var demoTheme = createTheme({
+  paletteType: 'light',
+  geowebColors: colors$1,
+  elevations: elevations$1
+});
+var eumetnetTheme = createTheme({
+  paletteType: 'light',
+  geowebColors: colors,
+  elevations: elevations
+});
+var namedLightTheme = {
+  name: ThemeTypes.LIGHT_THEME,
+  theme: lightTheme
+};
+var namedDarkTheme = {
+  name: ThemeTypes.DARK_THEME,
+  theme: darkTheme
+};
+var namedXmas2024Theme = {
+  name: ThemeTypes.XMAS2024_THEME,
+  theme: xmas2024Theme
+};
+var namedDemoTheme = {
+  name: ThemeTypes.DEMO_THEME,
+  theme: demoTheme
+};
+var namedEumetnetTheme = {
+  name: ThemeTypes.EUMETNET_THEME,
+  theme: eumetnetTheme
 };
 
 var ThemeContext = /*#__PURE__*/React.createContext({
@@ -6477,4 +7210,4 @@ var BackdropElement = function BackdropElement() {
   return elem === null ? defaultElem : elem;
 };
 
-export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropElement, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereMountainWaves, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, arrowUpPath, breakpoints, colors$3 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$3 as elevationsLight, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedLightTheme, namedXmas2024Theme, parseColors, themeTranslations, useThemeContext, xmas2024Theme };
+export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropElement, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereMountainWaves, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, arrowUpPath, breakpoints, colors$4 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$4 as elevationsLight, eumetnetTheme, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedEumetnetTheme, namedLightTheme, namedXmas2024Theme, parseColors, themeTranslations, useThemeContext, xmas2024Theme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "13.0.0",
+  "version": "13.1.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@mui/system": "^7.3.2",
-    "@mui/x-date-pickers": "^8.11.0",
+    "@mui/x-date-pickers": "^8.11.2",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
     "react-i18next": "^15.1.1",

package/src/lib/types.d.ts

@@ -12,6 +12,7 @@ export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
     LIGHT_THEME = "lightTheme",
     XMAS2024_THEME = "xmas2024Theme",
+    EUMETNET_THEME = "eumetnetTheme",
     DEMO_THEME = "demoTheme"
 }
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'flat' | 'tool' | 'boxed' | 'icon';

package/src/lib/utils/themes/eumetnet/eumetnetTheme.d.ts

@@ -0,0 +1,3 @@
+import { Elevations, GeowebColorPalette } from '../../../types';
+export declare const colors: GeowebColorPalette;
+export declare const elevations: Elevations;

package/src/lib/utils/themes/index.d.ts

@@ -5,6 +5,7 @@ export declare const lightTheme: import("@mui/material").Theme;
 export declare const darkTheme: import("@mui/material").Theme;
 export declare const xmas2024Theme: import("@mui/material").Theme;
 export declare const demoTheme: import("@mui/material").Theme;
+export declare const eumetnetTheme: import("@mui/material").Theme;
 export declare const namedLightTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
@@ -21,4 +22,8 @@ export declare const namedDemoTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };
+export declare const namedEumetnetTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
 export { colorsLight, elevationsLight };