@opengeoweb/theme 11.0.0 → 12.0.0

package/index.esm.js

@@ -1,4 +1,3 @@
-import 'msw';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { SvgIcon, createTheme as createTheme$1, ThemeProvider as ThemeProvider$1, CssBaseline, GlobalStyles, StyledEngineProvider, useTheme } from '@mui/material';
 import * as React from 'react';
@@ -39,6 +38,7 @@ function _objectWithoutPropertiesLoose(r, e) {
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var dragHandlePath = 'M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z';
+var locationPath = 'M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3';
 
 var _excluded = ["text"],
   _excluded2 = ["isRightAligned", "sx"];
@@ -108,7 +108,7 @@ var Polygons = function Polygons(props) {
 var Location = function Location(props) {
   return jsx(SvgIcon, Object.assign({}, props, {
     children: jsx("path", {
-      d: "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3"
+      d: locationPath
     })
   }));
 };
@@ -1691,6 +1691,45 @@ var ColumnCollapsed = function ColumnCollapsed(props) {
     })
   }));
 };
+var SharedPresetsOtherUsers = function SharedPresetsOtherUsers(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsxs("svg", {
+      width: "24",
+      height: "20",
+      viewBox: "0 0 24 20",
+      fill: "none",
+      children: [jsx("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "23",
+        height: "19",
+        rx: "9.5",
+        fill: "#F0F4F8"
+      }), jsx("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "23",
+        height: "19",
+        rx: "9.5",
+        stroke: "#778590"
+      }), jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M10.9324 15.3958C11.2852 15.7632 11.8564 15.7632 12.2092 15.3958C12.5619 15.0285 12.5619 14.4318 12.2092 14.0644L9.21685 10.9416H17.3361C17.834 10.9416 18.2385 10.5203 18.2385 10.0007C18.2385 9.47981 17.834 9.05843 17.3361 9.05843H9.21685L12.2092 5.93635C12.5619 5.56826 12.5619 4.97231 12.2092 4.60423C12.0331 4.42123 11.8019 4.32869 11.5708 4.32869C11.3396 4.32869 11.1091 4.42123 10.9324 4.60423L5.76156 10.0007L10.9324 15.3958Z",
+        fill: "#535B78"
+      })]
+    })
+  }));
+};
+var SharedPresetsMyUser = function SharedPresetsMyUser(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M9.32.039c-2.033.14-3.997.909-5.6 2.194C1.754 3.808.436 6.169.097 8.72c-.089.668-.089 1.892 0 2.56a10.153 10.153 0 0 0 2.136 5c1.605 2.004 4.003 3.319 6.647 3.648.308.038 1.14.052 3.12.052 2.879 0 3.074-.01 4.04-.206 1.477-.3 3.028-1.033 4.239-2.006 1.964-1.578 3.279-3.927 3.622-6.468.087-.644.087-1.956 0-2.6a10.162 10.162 0 0 0-2.134-4.98C20.204 1.769 17.888.468 15.32.097c-.382-.055-.889-.068-3-.078-1.397-.006-2.747.003-3 .02m5.762 1.018a8.908 8.908 0 0 1 5.28 2.581A8.86 8.86 0 0 1 23 10a8.86 8.86 0 0 1-2.638 6.362 8.908 8.908 0 0 1-5.28 2.581c-.662.082-5.502.082-6.164 0a8.908 8.908 0 0 1-5.28-2.581 8.98 8.98 0 0 1-2.595-5.37 11.949 11.949 0 0 1 0-1.984C1.35 6.223 2.987 3.693 5.42 2.244c1.025-.611 2.371-1.067 3.54-1.2.165-.018 1.507-.036 2.982-.039 2.111-.004 2.778.007 3.14.052m-2.891 3.301a.96.96 0 0 0-.556 1.349c.043.084.761.864 1.595 1.733l1.517 1.58-4.144.02c-4.62.022-4.278-.001-4.571.305a.935.935 0 0 0 0 1.31c.293.306-.049.283 4.571.305l4.144.02-1.517 1.58c-.834.869-1.552 1.649-1.595 1.733-.315.606.108 1.362.764 1.366.136.001.289-.029.392-.075.129-.058.792-.726 2.809-2.831l2.641-2.754-2.644-2.757c-1.722-1.794-2.695-2.781-2.791-2.826-.17-.081-.459-.108-.615-.058",
+      fill: "#22780F",
+      fillRule: "evenodd"
+    })
+  }));
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1816,6 +1855,8 @@ var index = /*#__PURE__*/Object.freeze({
   SevereTurbulence: SevereTurbulence,
   SevereWaves: SevereWaves,
   Share: Share,
+  SharedPresetsMyUser: SharedPresetsMyUser,
+  SharedPresetsOtherUsers: SharedPresetsOtherUsers,
   SliderThumb: SliderThumb,
   Snow: Snow,
   Speed: Speed,
@@ -2050,11 +2091,11 @@ var createShadows = function createShadows(elevations) {
  * 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/5ecf84d920b99428d7f98555
-var colors$2 = {
+var colors$3 = {
   background: {
     surface: '#FFFFFF',
     surfaceApp: '#F5F5F5',
@@ -2086,7 +2127,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     secondary: {
       "default": {
@@ -2110,7 +2151,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tertiary: {
       "default": {
@@ -2138,7 +2179,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     flat: {
       "default": {
@@ -2166,7 +2207,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tool: {
       "default": {
@@ -2194,7 +2235,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     boxed: {
       "default": {
@@ -2222,7 +2263,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     icon: {
       "default": {
@@ -2250,7 +2291,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     }
   },
   iconButtons: {
@@ -2280,7 +2321,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     tool: {
       "default": {
@@ -2308,7 +2349,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     },
     boxed: {
       "default": {
@@ -2336,7 +2377,7 @@ var colors$2 = {
         color: '#626262',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$2
+      focus: focusButtonStyle$3
     }
   },
   typographyAndIcons: {
@@ -2720,7 +2761,7 @@ var colors$2 = {
   }
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
-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)',
@@ -2761,9 +2802,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$2 : _ref$geowebColors,
+    defaultGeowebColors = _ref$geowebColors === void 0 ? colors$3 : _ref$geowebColors,
     _ref$elevations = _ref.elevations,
-    defaultShadows = _ref$elevations === void 0 ? elevations$2 : _ref$elevations;
+    defaultShadows = _ref$elevations === void 0 ? elevations$3 : _ref$elevations;
   var geowebColors = parseColors(defaultGeowebColors);
   var shadows = createShadows(defaultShadows);
   return createTheme$1({
@@ -3381,11 +3422,11 @@ var createTheme = function createTheme(_ref) {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle$1 = {
+var focusButtonStyle$2 = {
   outline: 'solid 2px #419cfe'
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
-var colors$1 = {
+var colors$2 = {
   background: {
     surface: '#303030',
     surfaceApp: '#2B2B2B',
@@ -3417,7 +3458,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     secondary: {
       "default": {
@@ -3441,7 +3482,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tertiary: {
       "default": {
@@ -3469,7 +3510,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     flat: {
       "default": {
@@ -3497,7 +3538,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tool: {
       "default": {
@@ -3525,7 +3566,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     boxed: {
       "default": {
@@ -3553,7 +3594,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     icon: {
       "default": {
@@ -3581,7 +3622,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     }
   },
   iconButtons: {
@@ -3611,7 +3652,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     tool: {
       "default": {
@@ -3639,7 +3680,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     },
     boxed: {
       "default": {
@@ -3667,7 +3708,7 @@ var colors$1 = {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle$1
+      focus: focusButtonStyle$2
     }
   },
   typographyAndIcons: {
@@ -4052,7 +4093,7 @@ var colors$1 = {
   }
 };
 // 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)',
@@ -4082,11 +4123,11 @@ var elevations$1 = {
  * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
-var focusButtonStyle = {
+var focusButtonStyle$1 = {
   outline: 'solid 2px #FFFFFF'
 };
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
-var colors = Object.assign({}, colors$2, {
+var colors$1 = Object.assign({}, colors$3, {
   background: {
     surface: '#9e1f1e',
     surfaceApp: '#740c16',
@@ -4118,7 +4159,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     secondary: {
       "default": {
@@ -4142,7 +4183,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tertiary: {
       "default": {
@@ -4170,7 +4211,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     flat: {
       "default": {
@@ -4198,7 +4239,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tool: {
       "default": {
@@ -4226,7 +4267,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     boxed: {
       "default": {
@@ -4254,7 +4295,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     icon: {
       "default": {
@@ -4282,7 +4323,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     }
   },
   iconButtons: {
@@ -4312,7 +4353,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     tool: {
       "default": {
@@ -4340,7 +4381,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     },
     boxed: {
       "default": {
@@ -4368,7 +4409,7 @@ var colors = Object.assign({}, colors$2, {
         color: '#B4B4B4',
         borderColor: 'transparent'
       },
-      focus: focusButtonStyle
+      focus: focusButtonStyle$1
     }
   },
   typographyAndIcons: {
@@ -4758,7 +4799,7 @@ var colors = Object.assign({}, colors$2, {
   }
 });
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
-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)',
@@ -4784,72 +4825,784 @@ 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 || (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;
-    default:
-      return namedLightTheme;
-  }
-};
-var lightTheme = createTheme({
-  paletteType: 'light',
-  geowebColors: colors$2,
-  elevations: elevations$2
-});
-var darkTheme = createTheme({
-  paletteType: 'dark',
-  geowebColors: colors$1,
-  elevations: elevations$1
-});
-var xmas2024Theme = createTheme({
-  paletteType: 'dark',
-  geowebColors: colors,
-  elevations: elevations
-});
-var namedLightTheme = {
-  name: ThemeTypes.LIGHT_THEME,
-  theme: lightTheme
-};
-var namedDarkTheme = {
-  name: ThemeTypes.DARK_THEME,
-  theme: darkTheme
+var focusButtonStyle = {
+  outline: 'solid 2px #419cfe'
 };
-var namedXmas2024Theme = {
-  name: ThemeTypes.XMAS2024_THEME,
-  theme: xmas2024Theme
+// https://www.figma.com/design/X1glYQsGXcHvH9ti7rXcPT/test-side-geoweb?node-id=106-1817&t=GCStbstNVLl6LZcT-0
+var colors = {
+  background: {
+    surface: '#FFCB66',
+    surfaceApp: '#F9F0DF',
+    surfaceBrowser: '#FFCB66'
+  },
+  brand: {
+    brand: '#FFCB66'
+  },
+  buttons: {
+    primary: {
+      "default": {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: '#71A6FF'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {},
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    secondary: {
+      "default": {
+        fill: '#374061',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {},
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tertiary: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#0057EC',
+        borderColor: '#0057EC'
+      },
+      activeMouseOver: {
+        fill: '#D8E4F9',
+        color: '#0057EC',
+        borderColor: '#0057EC'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    flat: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#0057EC',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#D8E4F9',
+        color: '#0057EC',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tool: {
+      "default": {
+        fill: '#ECEDEE',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    boxed: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    icon: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#051039',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#D8E4F9',
+        color: '#051039',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    }
+  },
+  iconButtons: {
+    flat: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#0057EC',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#D8E4F9',
+        color: '#186DFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    tool: {
+      "default": {
+        fill: '#ECEDEE',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    },
+    boxed: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      mouseOver: {
+        fill: '#D8E4F9',
+        color: '#374061',
+        borderColor: '#374061'
+      },
+      active: {
+        fill: '#186DFF',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: '#1047B0',
+        color: '#FFFFFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#626262',
+        borderColor: 'transparent'
+      },
+      focus: focusButtonStyle
+    }
+  },
+  typographyAndIcons: {
+    text: '#051039',
+    icon: '#051039',
+    buttonIcon: '#FFFFFF',
+    iconLinkActive: '#186DFF',
+    iconLinkDisabled: '#CCCCCC',
+    textLinkActive: '#186DFF',
+    buttonIconTertiaryFlat: '#575F7A',
+    inactiveText: '#626262',
+    iconWarning: '#ffa800'
+  },
+  textInputField: {
+    "default": {
+      fill: '#e9edf5',
+      opacity: 1
+    },
+    mouseOver: {
+      fill: '#e0e8f5',
+      opacity: 1
+    },
+    active: {
+      fill: '#e9edf5',
+      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: '#e0e8f5',
+    selected: '#186DFF',
+    selectedMouseOver: '#1047b0'
+  },
+  tab: {
+    mouseOver: {
+      fill: '#051039',
+      opacity: 0.07
+    }
+  },
+  greys: {
+    accessible: '#626262',
+    accessibleLight: '#C5C5C5'
+  },
+  cards: {
+    cardContainer: '#FFFFFF',
+    cardContainerBorder: '#EEEEEE',
+    cardContainerMouseOver: '#EFF5FF',
+    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: 'rgba(123, 172, 255, 0.12)'
+  },
+  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'
+    }
+  },
+  customSlider: {
+    rail: '#488BFD',
+    railDisabled: '#CCCCCC',
+    track: '#186DFF',
+    trackDisabled: '#CCCCCC',
+    thumb: '#F8F9F9',
+    thumbDisabled: '#CCCCCC',
+    mark: '#FFFFFF',
+    markDisabled: '#FFFFFF'
+  },
+  customSwitch: {
+    thumb: '#F8F9F9',
+    thumbDisabled: '#F5F5F5',
+    track: '#707070',
+    trackActive: '#186DFF'
+  },
+  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: '#1100FF',
+      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'
+    }
+  }
+};
+// 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["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;
+    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 namedDemoTheme = {
+  name: ThemeTypes.DEMO_THEME,
+  theme: demoTheme
 };
 
 var ThemeContext = /*#__PURE__*/React.createContext({
@@ -5563,4 +6316,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, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereTurbulence, SevereWaves, Share, SliderThumb, Snow, 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, breakpoints, colors$2 as colorsLight, createShadows, createTheme, darkTheme, dragHandlePath, elevations$2 as elevationsLight, getThemeByName, lightTheme, namedDarkTheme, 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, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, 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, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "11.0.0",
+  "version": "12.0.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,18 +8,17 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.0",
+    "@mui/material": "^6.1.1",
     "@mui/system": "^6.1.1",
     "@mui/x-date-pickers": "^7.17.0",
+    "@storybook/react": "8.4.2",
+    "@testing-library/react": "16.0.1",
     "i18next": "^23.11.5",
-    "@mui/material": "^6.1.1",
-    "react-i18next": "^15.1.1",
     "lodash": "^4.17.21",
-    "msw": "^1.3.2"
-  },
-  "peerDependencies": {
-    "react": "18",
-    "@emotion/react": "*",
-    "@emotion/styled": "*"
+    "react": "18.3.1",
+    "react-i18next": "^15.1.1"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/index.d.ts

@@ -1,4 +1,3 @@
-import 'msw';
 import * as Icons from './lib/components/Icons';
 import themeTranslations from '../locales/theme.json';
 export { Icons };

package/src/lib/components/Icons/Icons.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { SvgIconProps } from '@mui/material';
+import * as React from 'react';
 export declare const SplitHorizontal: React.FC;
 export declare const SplitVertical: React.FC;
 export declare const Expand: React.FC;
@@ -133,4 +133,6 @@ export declare const FlagNorway: (props: SvgIconProps) => React.ReactElement;
 export declare const FlagBritain: (props: SvgIconProps) => React.ReactElement;
 export declare const ColumnCollapse: (props: SvgIconProps) => React.ReactElement;
 export declare const ColumnCollapsed: (props: SvgIconProps) => React.ReactElement;
+export declare const SharedPresetsOtherUsers: (props: SvgIconProps) => React.ReactElement;
+export declare const SharedPresetsMyUser: (props: SvgIconProps) => React.ReactElement;
 export {};

package/src/lib/components/Paths/Paths.d.ts

@@ -1 +1,2 @@
 export declare const dragHandlePath = "M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z";
+export declare const locationPath = "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3";

package/src/lib/types.d.ts

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

package/src/lib/utils/themes/demo/demoTheme.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

@@ -4,6 +4,7 @@ export declare const getThemeByName: (themeName: ThemeTypes) => NamedTheme;
 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 namedLightTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
@@ -16,4 +17,8 @@ export declare const namedXmas2024Theme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };
+export declare const namedDemoTheme: {
+    name: ThemeTypes;
+    theme: import("@mui/material").Theme;
+};
 export { colorsLight, elevationsLight };