@opengeoweb/theme 14.2.1 → 14.3.0

package/index.esm.js

@@ -3,8 +3,6 @@ import { SvgIcon, createTheme as createTheme$1, ThemeProvider as ThemeProvider$1
 import React from 'react';
 import 'i18next';
 import 'react-i18next';
-import styled from '@emotion/styled';
-import { range } from 'lodash';
 
 var en = {
 	theme: "Theme"
@@ -674,29 +672,6 @@ var Resize = function Resize(_ref2) {
     })
   }));
 };
-var PresetWorkspace = function PresetWorkspace(props) {
-  return jsx(SvgIcon, Object.assign({
-    viewBox: "0 0 24 24"
-  }, props, {
-    children: jsx("path", {
-      d: "M10 10h12v12H10V10zm4.32 6.25h-2.318V20h2.318v-3.75zm5.682 0h-4.29V20h4.29v-3.75zM18 6l-.001 3h-2L16 8H8v8h1v2H6V6h12zm2 6h-7.998v2.75H20V12zM14 2l-.001 3h-2L12 4H4v8h1v2H2V2h12z"
-    })
-  }));
-};
-var Preset = function Preset(props) {
-  return jsx(SvgIcon, Object.assign({}, props, {
-    children: jsx("path", {
-      d: "M10 10h12v12H10V10zm10 2h-8v8h8v-8zm-2-6-.001 3h-2L16 8H8v8h1v2H6V6h12zm-4-4-.001 3h-2L12 4H4v8h1v2H2V2h12z"
-    })
-  }));
-};
-var PresetTiles = function PresetTiles(props) {
-  return jsx(SvgIcon, Object.assign({}, props, {
-    children: jsx("path", {
-      d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M7.5,13.24 L4.5,13.24 L4.5,19.48 L7.5,19.48 L7.5,13.24 Z M15.5,13.24 L12.5,13.24 L12.5,19.48 L15.5,19.48 L15.5,13.24 Z M11.5,13.24 L8.5,13.24 L8.5,19.48 L11.5,19.48 L11.5,13.24 Z M19.5,13.24 L16.5,13.24 L16.5,19.48 L19.5,19.48 L19.5,13.24 Z M7.5,6 L4.5,6 L4.5,12.24 L7.5,12.24 L7.5,6 Z M15.5,6 L12.5,6 L12.5,12.24 L15.5,12.24 L15.5,6 Z M11.5,6 L8.5,6 L8.5,12.24 L11.5,12.24 L11.5,6 Z M19.5,6 L16.5,6 L16.5,12.24 L19.5,12.24 L19.5,6 Z"
-    })
-  }));
-};
 var List = function List(props) {
   return jsx(SvgIcon, Object.assign({}, props, {
     children: jsx("path", {
@@ -1711,42 +1686,110 @@ var ColumnCollapsed = function ColumnCollapsed(props) {
   }));
 };
 var SharedPresetsOtherUsers = function SharedPresetsOtherUsers(props) {
-  return jsx(SvgIcon, Object.assign({}, props, {
-    children: jsxs("svg", {
+  return jsxs(SvgIcon, Object.assign({
+    viewBox: "0 0 28 20"
+  }, props, {
+    children: [jsx("rect", {
+      fill: "currentColor",
+      fillOpacity: "0.2",
+      height: "19",
+      rx: "9.5",
+      width: "27",
+      x: "0.5",
+      y: "0.5"
+    }), jsx("rect", {
       fill: "none",
-      height: "20",
-      viewBox: "0 0 24 20",
-      width: "24",
-      children: [jsx("rect", {
-        fill: "#F0F4F8",
-        height: "19",
-        rx: "9.5",
-        width: "23",
-        x: "0.5",
-        y: "0.5"
-      }), jsx("rect", {
-        height: "19",
-        rx: "9.5",
-        stroke: "#778590",
-        width: "23",
-        x: "0.5",
-        y: "0.5"
+      height: "19",
+      rx: "9.5",
+      stroke: "currentColor",
+      strokeWidth: "1",
+      width: "27",
+      x: "0.5",
+      y: "0.5"
+    }), jsxs("g", {
+      clipPath: "url(#clip0_255_11839)",
+      children: [jsx("mask", {
+        fill: "white",
+        id: "path-2-inside-1_255_11839",
+        children: jsx("path", {
+          clipRule: "evenodd",
+          d: "M10.0983 9.72789C11.6582 9.7257 12.9185 8.44449 12.9185 6.86504C12.9185 5.28704 11.6582 4 10.0983 4C8.5414 4.00146 7.2832 5.28704 7.2832 6.86504C7.2832 8.44449 8.5414 9.7257 10.0983 9.72789Z",
+          fillRule: "evenodd"
+        })
+      }), jsx("path", {
+        d: "M10.0983 4V2.75L10.0972 2.75L10.0983 4ZM10.0983 9.72789L10.1001 10.9779C12.3661 10.9747 14.1685 9.11756 14.1685 6.86504H12.9185H11.6685C11.6685 7.77143 10.9502 8.47669 10.0966 8.47789L10.0983 9.72789ZM12.9185 6.86504H14.1685C14.1685 4.61727 12.3689 2.75 10.0983 2.75V4V5.25C10.9474 5.25 11.6685 5.95682 11.6685 6.86504H12.9185ZM10.0983 4L10.0972 2.75C7.82938 2.75212 6.0332 4.61828 6.0332 6.86504H7.2832H8.5332C8.5332 5.95581 9.25341 5.25079 10.0995 5.25L10.0983 4ZM7.2832 6.86504H6.0332C6.0332 9.11547 7.83143 10.9747 10.0966 10.9779L10.0983 9.72789L10.1001 8.47789C9.25137 8.4767 8.5332 7.77351 8.5332 6.86504H7.2832Z",
+        fill: "currentColor",
+        mask: "url(#path-2-inside-1_255_11839)"
+      }), jsx("path", {
+        d: "M9.72461 10.75H8.64044C6.96798 10.75 5.59961 12.1137 5.59961 13.7803V16H12.3496",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "1.25"
+      }), jsx("path", {
+        clipRule: "evenodd",
+        d: "M18.9809 11.0822C18.7477 10.8393 18.37 10.8393 18.1367 11.0822C17.9035 11.3251 17.9035 11.7197 18.1367 11.9626L19.2153 13.1274H13.8467C13.5175 13.1274 13.25 13.406 13.25 13.7496C13.25 14.094 13.5175 14.3726 13.8467 14.3726H19.2153L18.1367 15.537C17.9035 15.7804 17.9035 16.1744 18.1367 16.4178C18.2531 16.5388 18.406 16.6 18.5588 16.6C18.7117 16.6 18.8641 16.5388 18.9809 16.4178L21.5 13.7496L18.9809 11.0822Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
       }), jsx("path", {
         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",
+        d: "M15.7691 11.0178C16.0023 11.2607 16.38 11.2607 16.6133 11.0178C16.8465 10.7748 16.8465 10.3803 16.6133 10.1374L15.5347 8.97256L20.9033 8.97256C21.2325 8.97256 21.5 8.69394 21.5 8.35041C21.5 8.00597 21.2325 7.72735 20.9033 7.72735L15.5347 7.72735L16.6133 6.56297C16.8465 6.31958 16.8465 5.92553 16.6133 5.68214C16.4969 5.56114 16.344 5.49995 16.1912 5.49995C16.0383 5.49995 15.8859 5.56114 15.7691 5.68214L13.25 8.35041L15.7691 11.0178Z",
+        fill: "currentColor",
         fillRule: "evenodd"
       })]
-    })
+    }), jsx("defs", {
+      children: jsx("clipPath", {
+        id: "clip0_255_11839",
+        children: jsx("rect", {
+          fill: "white",
+          height: "18",
+          width: "18",
+          x: "5",
+          y: "1"
+        })
+      })
+    })]
   }));
 };
 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",
+  return jsxs(SvgIcon, Object.assign({
+    viewBox: "0 0 28 20"
+  }, props, {
+    children: [jsx("rect", {
+      fill: "currentColor",
+      fillOpacity: "0.2" // tweak to match design
+      ,
+      height: "19",
+      rx: "9.5",
+      width: "27",
+      x: ".5",
+      y: ".5"
+    }), jsx("rect", {
+      fill: "none",
+      height: "19",
+      rx: "9.5",
+      stroke: "currentColor",
+      strokeWidth: "1",
+      width: "27",
+      x: ".5",
+      y: ".5"
+    }), jsx("path", {
+      d: "M10.997 9.728c1.56-.002 2.82-1.284 2.82-2.863 0-1.578-1.26-2.865-2.82-2.865-1.557.001-2.815 1.287-2.815 2.865 0 1.58 1.258 2.86 2.815 2.863Z",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.25"
+    }), jsx("path", {
+      d: "M10.625 10.75H9.541A3.045 3.045 0 0 0 6.5 13.78V16h6.75",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: "1.25"
+    }), jsx("path", {
+      clipRule: "evenodd",
+      d: "M18.08 9.132a.58.58 0 0 0-.843 0 .641.641 0 0 0 0 .88l1.978 2.065h-5.368a.61.61 0 0 0-.597.623.61.61 0 0 0 .597.623h5.368l-1.978 2.064a.642.642 0 0 0 0 .88c.116.122.269.183.422.183a.585.585 0 0 0 .422-.182l3.419-3.569-3.42-3.567Z",
+      fill: "currentColor",
       fillRule: "evenodd"
-    })
+    })]
   }));
 };
 var Sources = function Sources(props) {
@@ -1790,6 +1833,83 @@ var SevereMountainWaves = function SevereMountainWaves(props) {
     })
   }));
 };
+var WorkspacePresetsSystemIcon = function WorkspacePresetsSystemIcon(props) {
+  return jsx(SvgIcon, Object.assign({
+    viewBox: "0 0 28 24"
+  }, props, {
+    children: jsx("path", {
+      d: "M8.960 2.059 C 7.881 2.168,6.611 2.538,5.602 3.037 C 2.624 4.510,0.642 7.222,0.109 10.551 C 0.002 11.218,0.002 12.768,0.109 13.435 C 0.503 15.900,1.716 18.079,3.547 19.611 C 5.114 20.923,7.019 21.727,9.047 21.931 C 9.699 21.997,18.301 21.997,18.953 21.931 C 21.657 21.659,24.139 20.313,25.815 18.210 C 27.358 16.274,28.153 13.718,27.963 11.304 C 27.792 9.133,27.007 7.198,25.631 5.553 C 23.987 3.589,21.561 2.318,18.953 2.055 C 18.368 1.996,9.549 2.000,8.960 2.059 M19.413 3.096 C 20.507 3.297,21.321 3.572,22.202 4.038 C 26.502 6.311,28.223 11.580,26.090 15.937 C 25.241 17.672,23.908 19.047,22.202 19.949 C 21.311 20.420,20.488 20.696,19.388 20.893 C 18.961 20.970,18.521 20.977,14.000 20.977 C 8.604 20.977,8.848 20.988,7.683 20.692 C 5.621 20.170,3.678 18.765,2.460 16.917 C 0.972 14.657,0.594 11.760,1.450 9.170 C 2.410 6.265,4.860 3.984,7.785 3.271 C 8.255 3.156,8.528 3.110,9.310 3.016 C 9.387 3.006,11.592 3.002,14.210 3.006 C 18.517 3.014,19.012 3.022,19.413 3.096 M13.355 5.976 C 11.150 6.183,9.180 7.502,8.236 9.403 C 7.959 9.961,7.839 10.301,7.712 10.889 C 7.599 11.415,7.599 12.571,7.712 13.097 C 7.975 14.316,8.498 15.273,9.377 16.147 C 10.626 17.388,12.194 18.026,14.000 18.026 C 15.373 18.026,16.603 17.656,17.727 16.906 C 18.255 16.553,19.044 15.766,19.381 15.255 C 20.726 13.217,20.726 10.770,19.381 8.732 C 19.044 8.221,18.255 7.434,17.727 7.081 C 16.455 6.232,14.878 5.833,13.355 5.976 M14.406 7.030 C 14.700 7.134,15.079 7.570,15.326 8.089 C 15.538 8.531,15.751 9.152,15.802 9.475 L 15.832 9.660 14.000 9.660 L 12.168 9.660 12.198 9.475 C 12.302 8.820,12.757 7.795,13.118 7.400 C 13.544 6.934,13.872 6.840,14.406 7.030 M11.761 7.712 C 11.554 8.158,11.341 8.782,11.221 9.298 L 11.136 9.660 10.183 9.660 C 9.101 9.660,9.165 9.696,9.462 9.248 C 9.706 8.879,10.215 8.354,10.635 8.037 C 10.953 7.798,11.791 7.327,11.898 7.327 C 11.922 7.327,11.860 7.500,11.761 7.712 M16.647 7.585 C 17.373 7.966,18.132 8.634,18.538 9.248 C 18.835 9.696,18.899 9.660,17.817 9.660 L 16.864 9.660 16.779 9.298 C 16.661 8.791,16.448 8.169,16.237 7.711 C 16.026 7.254,16.021 7.255,16.647 7.585 M10.943 11.993 L 10.943 13.347 9.863 13.347 L 8.783 13.347 8.732 13.125 C 8.642 12.733,8.587 12.304,8.587 11.993 C 8.587 11.682,8.642 11.254,8.732 10.862 L 8.783 10.640 9.863 10.640 L 10.943 10.640 10.943 11.993 M16.038 10.815 C 16.084 11.045,16.085 12.947,16.038 13.172 L 16.002 13.347 14.000 13.347 L 11.998 13.347 11.962 13.172 C 11.942 13.075,11.926 12.545,11.926 11.993 C 11.926 11.442,11.942 10.911,11.962 10.815 L 11.998 10.640 14.000 10.640 L 16.002 10.640 16.038 10.815 M19.268 10.849 C 19.297 10.963,19.345 11.268,19.376 11.525 C 19.432 12.008,19.389 12.658,19.268 13.138 L 19.216 13.347 18.136 13.347 L 17.057 13.347 17.057 11.993 L 17.057 10.640 18.136 10.640 L 19.216 10.640 19.268 10.849 M11.221 14.688 C 11.339 15.195,11.552 15.818,11.763 16.275 C 11.974 16.733,11.979 16.731,11.353 16.402 C 10.627 16.021,9.868 15.352,9.462 14.739 C 9.165 14.290,9.101 14.327,10.183 14.327 L 11.136 14.327 11.221 14.688 M15.802 14.512 C 15.751 14.835,15.538 15.455,15.326 15.898 C 14.747 17.112,13.868 17.395,13.136 16.605 C 12.760 16.198,12.305 15.185,12.198 14.512 L 12.168 14.327 14.000 14.327 L 15.832 14.327 15.802 14.512 M18.742 14.400 C 18.606 14.753,17.915 15.535,17.388 15.931 C 17.066 16.173,16.369 16.573,16.160 16.635 C 16.063 16.663,16.067 16.643,16.237 16.275 C 16.448 15.818,16.661 15.195,16.779 14.688 L 16.864 14.327 17.817 14.327 C 18.666 14.327,18.767 14.335,18.742 14.400 "
+    })
+  }));
+};
+var WorkspacePresetsMyIcon = function WorkspacePresetsMyIcon(props) {
+  return jsx(SvgIcon, Object.assign({
+    viewBox: "0 0 28 20"
+  }, props, {
+    children: jsx("path", {
+      d: "M9.497 0.030 C 7.000 0.166,4.697 1.191,2.944 2.944 C 1.409 4.479,0.429 6.442,0.116 8.610 C 0.007 9.362,0.007 10.658,0.116 11.410 C 0.754 15.827,4.196 19.278,8.587 19.902 C 9.314 20.005,18.686 20.005,19.413 19.902 C 23.803 19.278,27.246 15.826,27.884 11.410 C 27.993 10.658,27.993 9.362,27.884 8.610 C 27.298 4.554,24.312 1.251,20.370 0.300 C 19.249 0.030,19.311 0.033,14.350 0.023 C 11.835 0.018,9.651 0.021,9.497 0.030 M19.530 1.109 C 22.875 1.752,25.525 4.044,26.555 7.187 C 27.171 9.068,27.169 10.982,26.547 12.850 C 25.420 16.237,22.426 18.629,18.860 18.991 C 18.207 19.057,9.793 19.057,9.140 18.991 C 4.837 18.554,1.466 15.183,1.029 10.880 C 0.967 10.268,0.967 9.752,1.029 9.140 C 1.463 4.864,4.810 1.494,9.082 1.030 C 9.284 1.008,11.603 0.995,14.233 1.000 C 18.886 1.010,19.031 1.013,19.530 1.109 M13.300 3.433 C 12.229 3.663,11.289 4.581,10.986 5.694 C 10.855 6.175,10.875 7.012,11.029 7.490 C 11.360 8.513,12.205 9.329,13.207 9.591 C 13.611 9.697,14.389 9.697,14.793 9.591 C 15.795 9.329,16.640 8.514,16.971 7.490 C 17.072 7.175,17.092 7.029,17.093 6.557 C 17.094 6.167,17.070 5.904,17.013 5.693 C 16.789 4.856,16.149 4.063,15.399 3.694 C 14.750 3.373,14.006 3.281,13.300 3.433 M14.470 4.648 C 14.848 4.761,15.024 4.864,15.302 5.138 C 15.878 5.705,16.046 6.616,15.710 7.349 C 15.546 7.706,15.166 8.091,14.802 8.271 C 14.511 8.414,14.461 8.423,14.000 8.423 C 13.539 8.423,13.489 8.414,13.198 8.271 C 12.834 8.091,12.454 7.706,12.290 7.349 C 11.957 6.622,12.122 5.709,12.689 5.142 C 13.185 4.646,13.845 4.463,14.470 4.648 M11.422 10.360 C 10.232 10.568,9.118 11.486,8.649 12.647 C 8.430 13.190,8.400 13.506,8.400 15.287 L 8.400 16.940 14.000 16.940 L 19.600 16.940 19.600 15.287 C 19.600 13.506,19.570 13.190,19.351 12.647 C 18.936 11.620,18.061 10.815,16.963 10.448 C 16.639 10.340,16.620 10.339,14.140 10.331 C 12.767 10.326,11.544 10.339,11.422 10.360 M16.469 11.599 C 16.901 11.700,17.293 11.927,17.640 12.273 C 18.265 12.898,18.394 13.331,18.376 14.735 L 18.363 15.703 14.000 15.703 L 9.637 15.703 9.624 14.735 C 9.614 13.992,9.628 13.694,9.683 13.456 C 9.885 12.587,10.652 11.808,11.510 11.601 C 11.924 11.500,16.045 11.499,16.469 11.599 "
+    })
+  }));
+};
+var DrawToolPolygon = function DrawToolPolygon(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M14,2 L14,6.722 L17.464,11 L22,11 L22,17 L16,17 L16,15.819 L8,19.215 L8,22 L2,22 L2,16 L5.392,16 L9.295,8 L8,8 L8,2 L14,2 Z M13.104,8 L10.964,8 L7.061,16 L8,16 L8,17.585 L16,14.189 L16,11.576 L13.104,8 Z"
+    })
+  }));
+};
+var DrawToolSquare = function DrawToolSquare(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M21,3 L21,17 L23,17 L23,23 L17,23 L17,20.999 L3,21 L3,3 L21,3 Z M19,5 L5,5 L5,19 L17,18.999 L17,17 L18.999,17 L19,5 Z"
+    })
+  }));
+};
+var DrawToolRectangle = function DrawToolRectangle(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M20,3 L20,17 L22,17 L22,23 L16,23 L16,20.999 L10,21 L10,3 L20,3 Z M18,5 L12,5 L12,19 L16,18.999 L16,17 L17.999,17 L18,5 Z"
+    })
+  }));
+};
+var DrawToolFreehand = function DrawToolFreehand(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M7,2.70393372 C12,1.07515108 14.0142059,1.11724854 15.0060372,2.00859479 C16.8456719,3.74404909 14.1475922,6.31344631 11.4986877,9.32475281 C11.0918338,9.76226069 10.6734737,10.220967 10.2607091,10.6859223 L9.90868003,11.0856373 C7.92613443,13.3554091 6.19087054,15.6718435 6.66254822,16.3219208 C8.58115563,17.0825867 13.5281135,9.60468138 16.5035553,10.0151367 C18.410163,10.357751 18.8264043,12.5929907 17.8618835,14.390771 C17.3103651,15.6887479 15.1598354,18.1037454 14.8359363,19.1810369 C15.4566779,19.3109542 16.1777527,19.3544749 16.9991607,19.3115992 L17,17 L23,17 L23,23 L17,23 L17.0005899,21.2969745 C15.5798515,21.3552003 14.3928415,21.2131485 13.4395599,20.8708191 C12.0707831,19.5163403 13.112864,17.9025552 14.1494197,16.4064353 C14.2338415,16.2845845 14.3197301,16.1626582 14.4062335,16.0409317 L14.6667364,15.6766271 C15.7093097,14.2240102 16.717732,12.8398307 16.2197665,12 C15.3534805,12.1240243 13.3665692,14.0456986 11.1089351,16.0783386 C8.85130102,18.1109787 6.7765592,19.1255095 5.2696755,17.7575114 C3.27758657,15.8205099 5.96876028,12.5438861 8.85058757,9.2849582 L9.20411176,8.88608655 C9.32206712,8.75322034 9.44003461,8.62047591 9.55770874,8.48794556 C11.7036827,6.1872905 13.2414398,4.33685303 13.5877228,3.46759033 C13.0730438,3.28355408 11.4025879,3.30383719 7,4.82196045 L7,7.5 L1,7.5 L1,1.5 L7,1.5 Z"
+    })
+  }));
+};
+var DrawToolCircle = function DrawToolCircle(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,13.4223692 21.7030383,14.7753793 21.1677323,16.0004128 L22,16 L22,22 L16,22 L16.0004128,21.1677323 C14.7753793,21.7030383 13.4223692,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C13.4576273,20 14.8242042,19.6101668 16.0011597,18.9290715 L16,16 L18.9290715,16.0011597 C19.6101668,14.8242042 20,13.4576273 20,12 C20,7.581722 16.418278,4 12,4 Z"
+    })
+  }));
+};
+var DrawToolPoint = function DrawToolPoint(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("circle", {
+      cx: "12",
+      cy: "12",
+      id: "Point",
+      r: "9"
+    })
+  }));
+};
+var DrawToolOval = function DrawToolOval(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M15,2 C18.3137085,2 21,6.4771525 21,12 C21,13.8216443 20.7077502,15.5295242 20.1971315,17.0005052 L22,17 L22,23 L16,23 L16.0008069,21.8615102 C15.6753441,21.9525904 15.340994,22 15,22 C11.6862915,22 9,17.5228475 9,12 C9,6.4771525 11.6862915,2 15,2 Z M15,4 C12.790861,4 11,7.581722 11,12 C11,16.418278 12.790861,20 15,20 C15.3454621,20 15.6806954,19.9124116 16.0004512,19.7477327 L16,17 L18.1222821,17.0010063 C18.67148,15.6312537 19,13.8923568 19,12 C19,7.581722 17.209139,4 15,4 Z"
+    })
+  }));
+};
+var DrawToolLineString = function DrawToolLineString(props) {
+  return jsx(SvgIcon, Object.assign({}, props, {
+    children: jsx("path", {
+      d: "M14,1 L14.00086,3.64203491 L17.00086,4.31003491 L17,3 L23,3 L23,9 L17,9 L17.00086,6.35703491 L14.00086,5.69103491 L14,7 L13.46186,6.99903491 L15.73386,11.9990349 L19,12 L19,18 L13,18 L13.00086,14.6180349 L7.00086,11.6190349 L7,12 L5.56086,11.9990349 L6.47086,16.9990349 L9,17 L9,23 L3,23 L3,17 L4.44186,16.9990349 L3.53286,11.9990349 L1,12 L1,6 L7,6 L7.00086,9.38303491 L13.00086,12.3810349 L13,12 L13.54086,11.9990349 L11.26486,6.99903491 L8,7 L8,1 L14,1 Z"
+    })
+  }));
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1854,6 +1974,14 @@ var index = /*#__PURE__*/Object.freeze({
   DrawFIRLand: DrawFIRLand,
   DrawPolygon: DrawPolygon,
   DrawRegion: DrawRegion,
+  DrawToolCircle: DrawToolCircle,
+  DrawToolFreehand: DrawToolFreehand,
+  DrawToolLineString: DrawToolLineString,
+  DrawToolOval: DrawToolOval,
+  DrawToolPoint: DrawToolPoint,
+  DrawToolPolygon: DrawToolPolygon,
+  DrawToolRectangle: DrawToolRectangle,
+  DrawToolSquare: DrawToolSquare,
   Edit: Edit,
   Equalizer: Equalizer,
   Exclamation: Exclamation,
@@ -1904,9 +2032,6 @@ var index = /*#__PURE__*/Object.freeze({
   Picture: Picture,
   Play: Play,
   Polygons: Polygons,
-  Preset: Preset,
-  PresetTiles: PresetTiles,
-  PresetWorkspace: PresetWorkspace,
   RadioactiveMaterials: RadioactiveMaterials,
   Rain: Rain,
   Remove: Remove,
@@ -1943,6 +2068,8 @@ var index = /*#__PURE__*/Object.freeze({
   VulcanicEruption: VulcanicEruption,
   WebAssetOff: WebAssetOff,
   Wind: Wind,
+  WorkspacePresetsMyIcon: WorkspacePresetsMyIcon,
+  WorkspacePresetsSystemIcon: WorkspacePresetsSystemIcon,
   WorldMapProjection: WorldMapProjection
 });
 
@@ -1967,7 +2094,7 @@ var ThemeTypes;
 (function (ThemeTypes) {
   ThemeTypes["DARK_THEME"] = "darkTheme";
   ThemeTypes["LIGHT_THEME"] = "lightTheme";
-  ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
+  ThemeTypes["XMAS_THEME"] = "xmasTheme";
   ThemeTypes["EUMETNET_THEME"] = "eumetnetTheme";
   ThemeTypes["DEMO_THEME"] = "demoTheme";
 })(ThemeTypes || (ThemeTypes = {}));
@@ -2461,7 +2588,10 @@ var colors$4 = {
     textLinkActive: '#186DFF',
     buttonIconTertiaryFlat: '#575F7A',
     inactiveText: '#626262',
-    iconWarning: '#ffa800'
+    iconWarning: '#ffa800',
+    systemScopeIcon: '#0050D9',
+    userScopeIcon: '#22780F',
+    sharedByOthersIcon: '#535B78'
   },
   textInputField: {
     "default": {
@@ -3851,7 +3981,10 @@ var colors$3 = {
     textLinkActive: '#488BFD',
     buttonIconTertiaryFlat: '#C5C5C5',
     inactiveText: '#b4b4b4',
-    iconWarning: '#ffa800'
+    iconWarning: '#ffa800',
+    systemScopeIcon: '#4C8DFF',
+    userScopeIcon: '#5CC45A',
+    sharedByOthersIcon: '#A2AECF'
   },
   textInputField: {
     "default": {
@@ -4571,7 +4704,10 @@ var colors$2 = {
     textLinkActive: '#186DFF',
     buttonIconTertiaryFlat: '#575F7A',
     inactiveText: '#626262',
-    iconWarning: '#ffa800'
+    iconWarning: '#ffa800',
+    systemScopeIcon: '#0050D9',
+    userScopeIcon: '#22780F',
+    sharedByOthersIcon: '#535B78'
   },
   textInputField: {
     "default": {
@@ -5292,7 +5428,10 @@ var colors$1 = {
     textLinkActive: '#004F59',
     buttonIconTertiaryFlat: '#575F7A',
     inactiveText: '#626262',
-    iconWarning: '#ffa800'
+    iconWarning: '#ffa800',
+    systemScopeIcon: '#0050D9',
+    userScopeIcon: '#22780F',
+    sharedByOthersIcon: '#535B78'
   },
   textInputField: {
     "default": {
@@ -6011,7 +6150,10 @@ var colors = Object.assign({}, colors$4, {
     textLinkActive: '#05662a',
     buttonIconTertiaryFlat: '#C5C5C5',
     inactiveText: '#b4b4b4',
-    iconWarning: '#ffa800'
+    iconWarning: '#ffa800',
+    systemScopeIcon: '#4C8DFF',
+    userScopeIcon: '#5CC45A',
+    sharedByOthersIcon: '#A2AECF'
   },
   textInputField: {
     "default": {
@@ -6275,7 +6417,7 @@ var colors = Object.assign({}, colors$4, {
     }
   },
   logo: {
-    image: 'assets/themes/xmas2024/app_icon.png'
+    image: 'assets/themes/xmas/app_icon.png'
   },
   tooltips: {
     tooltipContainer: {
@@ -6368,7 +6510,7 @@ var colors = Object.assign({}, colors$4, {
     top: '-70px',
     width: '100%',
     height: '100%',
-    backgroundImage: 'url("assets/themes/xmas2024/xmasRibbon.png")',
+    backgroundImage: 'url("assets/themes/xmas/xmasRibbon.png")',
     backgroundRepeat: 'repeat-x',
     backgroundSize: '460px',
     pointerEvents: 'none',
@@ -6382,10 +6524,10 @@ var colors = Object.assign({}, colors$4, {
     backgroundColor: '#FFFFFF'
   },
   festoonBackdrop: {
-    backgroundImage: 'linear-gradient(to bottom, rgba(20, 20, 20, 0.85), rgba(255, 150, 20, 0.2)), url("assets/themes/xmas2024/santa100th.png")',
+    backgroundImage: 'linear-gradient(to bottom, rgba(20, 20, 20, 0.85), rgba(255, 150, 20, 0.2)), url("assets/themes/xmas/santa100th.png")',
     backgroundSize: '100%',
     backgroundColor: 'rgba(0, 35, 65, 0.95)',
-    backgroundRepeat: 'no-repeat'
+    backgroundRepeat: 'repeat'
   }
 });
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
@@ -6425,8 +6567,8 @@ var getThemeByName = function getThemeByName(themeName) {
       return namedDarkTheme;
     case ThemeTypes.LIGHT_THEME:
       return namedLightTheme;
-    case ThemeTypes.XMAS2024_THEME:
-      return namedXmas2024Theme;
+    case ThemeTypes.XMAS_THEME:
+      return namedXmasTheme;
     case ThemeTypes.DEMO_THEME:
       return namedDemoTheme;
     case ThemeTypes.EUMETNET_THEME:
@@ -6445,7 +6587,7 @@ var darkTheme = createTheme({
   geowebColors: colors$3,
   elevations: elevations$3
 });
-var xmas2024Theme = createTheme({
+var xmasTheme = createTheme({
   paletteType: 'dark',
   geowebColors: colors,
   elevations: elevations
@@ -6468,9 +6610,9 @@ var namedDarkTheme = {
   name: ThemeTypes.DARK_THEME,
   theme: darkTheme
 };
-var namedXmas2024Theme = {
-  name: ThemeTypes.XMAS2024_THEME,
-  theme: xmas2024Theme
+var namedXmasTheme = {
+  name: ThemeTypes.XMAS_THEME,
+  theme: xmasTheme
 };
 var namedDemoTheme = {
   name: ThemeTypes.DEMO_THEME,
@@ -7096,25 +7238,23 @@ var EChartsLightTheme = {
  * */
 var THEME_NAMESPACE = 'theme';
 
-var Snowflake = styled('div')(function () {
-  return {
-    '--fall-duration': Math.random() * 10 + 10 + "s",
-    '--fall-delay': "-" + Math.random() * 10 + "s",
-    '--sway-delay': "-" + Math.random() * 5 + "s",
-    left: Math.random() * 100 + "%"
-  };
-});
-var getSnowflakes = function getSnowflakes() {
-  return range(100).map(function (_, index) {
-    return (
-      // eslint-disable-next-line react/no-array-index-key
-      jsx(Snowflake, {
-        className: "snowflake",
-        children: "\u2744"
-      }, index)
-    );
-  });
-};
+/* *
+ * 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 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
 // Overlay style
 var useOverlayStyle = function useOverlayStyle() {
   var _React$useState = React.useState({}),
@@ -7124,7 +7264,7 @@ var useOverlayStyle = function useOverlayStyle() {
   var _useThemeContext = useThemeContext(),
     namedTheme = _useThemeContext.namedTheme;
   React.useEffect(function () {
-    var isXmasStyle = !!theme.palette.geowebColors.festoonOverlay && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasStyle = !!theme.palette.geowebColors.festoonOverlay && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME;
     setOverlayStyle(isXmasStyle ? theme.palette.geowebColors.festoonOverlay : {});
   }, [theme, namedTheme]);
   return overlayStyle;
@@ -7143,7 +7283,7 @@ var useContainerStyle = function useContainerStyle() {
   var _useThemeContext2 = useThemeContext(),
     namedTheme = _useThemeContext2.namedTheme;
   React.useEffect(function () {
-    var isXmasStyle = !!theme.palette.geowebColors.festoonContainer && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasStyle = !!theme.palette.geowebColors.festoonContainer && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME;
     setContainerStyle(isXmasStyle ? theme.palette.geowebColors.festoonContainer : {});
   }, [theme, namedTheme]);
   return containerStyle;
@@ -7162,7 +7302,7 @@ var useBackdropStyle = function useBackdropStyle() {
   var _useThemeContext3 = useThemeContext(),
     namedTheme = _useThemeContext3.namedTheme;
   React.useEffect(function () {
-    var isXmasThemeStyle = !!theme.palette.geowebColors.festoonBackdrop && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasThemeStyle = (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME && !!theme.palette.geowebColors.festoonBackdrop;
     setBackdropStyle(isXmasThemeStyle ? theme.palette.geowebColors.festoonBackdrop : {});
   }, [theme, namedTheme]);
   return backdropStyle;
@@ -7172,24 +7312,5 @@ var BackdropStyle = function BackdropStyle() {
   var style = useBackdropStyle();
   return style === {} ? defaultStyle : style;
 };
-// Backdrop element
-var useBackdropElement = function useBackdropElement() {
-  var _React$useState4 = React.useState(null),
-    backdropElement = _React$useState4[0],
-    setBackdropElement = _React$useState4[1];
-  var theme = useTheme();
-  var _useThemeContext4 = useThemeContext(),
-    namedTheme = _useThemeContext4.namedTheme;
-  React.useEffect(function () {
-    var isXmasThemeElem = !!theme.palette.geowebColors.festoonBackdrop && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
-    setBackdropElement(isXmasThemeElem ? getSnowflakes() : null);
-  }, [theme, namedTheme]);
-  return backdropElement;
-};
-var BackdropElement = function BackdropElement() {
-  var defaultElem = null;
-  var elem = useBackdropElement();
-  return elem != null ? elem : defaultElem;
-};
 
-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 };
+export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, 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, DrawToolCircle, DrawToolFreehand, DrawToolLineString, DrawToolOval, DrawToolPoint, DrawToolPolygon, DrawToolRectangle, DrawToolSquare, 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, 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, WorkspacePresetsMyIcon, WorkspacePresetsSystemIcon, WorldMapProjection, arrowUpPath, breakpoints, colors$4 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$4 as elevationsLight, eumetnetTheme, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedEumetnetTheme, namedLightTheme, namedXmasTheme, parseColors, themeTranslations, useThemeContext, xmasTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "14.2.1",
+  "version": "14.3.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,8 +12,7 @@
     "@mui/x-date-pickers": "^8.11.2",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
-    "react-i18next": "^15.1.1",
-    "lodash": "^4.17.21"
+    "react-i18next": "^15.1.1"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -11,4 +11,4 @@ export * from './lib/types';
 export * from './lib/utils/EChartsThemes';
 export { THEME_NAMESPACE } from './lib/utils/i18n';
 export { themeTranslations };
-export { OverlayStyle, ContainerStyle, BackdropStyle, BackdropElement, } from './lib/utils/themes/BackdropDecoration';
+export { OverlayStyle, ContainerStyle, BackdropStyle, } from './lib/utils/themes/BackdropDecoration';

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

@@ -66,9 +66,6 @@ interface ResizeIconProps extends SvgIconProps {
     isRightAligned?: boolean;
 }
 export declare const Resize: ({ isRightAligned, sx, ...props }: ResizeIconProps) => React.ReactElement;
-export declare const PresetWorkspace: (props: SvgIconProps) => React.ReactElement;
-export declare const Preset: (props: SvgIconProps) => React.ReactElement;
-export declare const PresetTiles: (props: SvgIconProps) => React.ReactElement;
 export declare const List: React.FC;
 export declare const Home: React.FC;
 export declare const Minus: React.FC;
@@ -139,4 +136,14 @@ export declare const Sources: (props: SvgIconProps) => React.ReactElement;
 export declare const MeteoGate: (props: SvgIconProps) => React.ReactElement;
 export declare const Overlayers: (props: SvgIconProps) => React.ReactElement;
 export declare const SevereMountainWaves: (props: SvgIconProps) => React.ReactElement;
+export declare const WorkspacePresetsSystemIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const WorkspacePresetsMyIcon: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolPolygon: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolSquare: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolRectangle: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolFreehand: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolCircle: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolPoint: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolOval: (props: SvgIconProps) => React.ReactElement;
+export declare const DrawToolLineString: (props: SvgIconProps) => React.ReactElement;
 export {};

package/src/lib/types.d.ts

@@ -11,7 +11,7 @@ export interface NamedTheme {
 export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
     LIGHT_THEME = "lightTheme",
-    XMAS2024_THEME = "xmas2024Theme",
+    XMAS_THEME = "xmasTheme",
     EUMETNET_THEME = "eumetnetTheme",
     DEMO_THEME = "demoTheme"
 }
@@ -64,6 +64,9 @@ export interface GeowebColorPalette {
         textLinkActive: CSSProperties['color'];
         buttonIconTertiaryFlat: CSSProperties['color'];
         inactiveText: CSSProperties['color'];
+        systemScopeIcon: CSSProperties['color'];
+        userScopeIcon: CSSProperties['color'];
+        sharedByOthersIcon: CSSProperties['color'];
     };
     textInputField: {
         default: CSSProperties;

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

@@ -1,7 +1,4 @@
-import React from 'react';
-import './xmas2024/snowflake.css';
 import type { CSSProperties } from '../../types';
 export declare const OverlayStyle: () => CSSProperties | undefined;
 export declare const ContainerStyle: () => CSSProperties | undefined;
 export declare const BackdropStyle: () => CSSProperties | undefined;
-export declare const BackdropElement: () => React.JSX.Element[] | null;

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

@@ -4,7 +4,7 @@ import { ThemeTypes } from '../../types';
 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 xmasTheme: import("@mui/material").Theme;
 export declare const demoTheme: import("@mui/material").Theme;
 export declare const eumetnetTheme: import("@mui/material").Theme;
 export declare const namedLightTheme: {
@@ -15,7 +15,7 @@ export declare const namedDarkTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };
-export declare const namedXmas2024Theme: {
+export declare const namedXmasTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };

package/index.esm.css

@@ -1,45 +0,0 @@
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-
-.snowflake {
-  color: rgb(207, 220, 249);
-  width: 10px;
-  height: 10px;
-  opacity: 50%;
-  position: fixed;
-  pointer-events: none;
-  z-index: 9001;
-  animation:
-    snow-fall var(--fall-duration) linear var(--fall-delay) infinite forwards,
-    snow-sway 5s ease-in-out var(--sway-delay) infinite alternate;
-}
-
-@keyframes snow-sway {
-  to {
-    transform: translateX(20px);
-  }
-}
-
-@keyframes snow-fall {
-  from {
-    top: -2vw;
-  }
-  to {
-    top: 100%;
-  }
-}