@opengeoweb/theme 4.1.0 → 4.2.0

package/index.esm.js

@@ -110,7 +110,8 @@ var ThumbsUp = function ThumbsUp(props) {
 };
 var Edit = function Edit(props) {
   return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
-    d: "m8.332 17.09-.005.001-2.652.604.956-2.542.001-.001.001-.001.857-.744 1.69 1.945-.848.738zm.71.815L20.932 7.577 17.823 4 5.933 14.329l-.01.008.005.005L4.173 19l4.857-1.09-.004-.02.019.02-.002-.005z"
+    d: "m12.718 3.807-5.214 9.426-1.3 2.325.325 5.58 4.905-2.683 6.494-11.711-5.21-2.937zM11.514 5.98l-.616 1.111 5.23 2.9.616-1.11-5.23-2.901zm-4.69 8.462-.612 1.113 5.225 2.898.616-1.11-5.23-2.901z",
+    fillRule: "evenodd"
   }));
 };
 var Export = function Export(props) {
@@ -485,11 +486,6 @@ var Minus = function Minus(props) {
     d: "M13,11 L11,11 L8,11 C7.43301962,11 7,11.4597824 7,12.0268006 C7,12.5938188 7.43301962,13 8,13 L11,13 L13,13 L16,13 C16.5669804,13 17,12.5938188 17,12.0268006 C17,11.4597824 16.5669804,11 16,11 L13,11 Z"
   }));
 };
-var Sort = function Sort(props) {
-  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.5,20 L5.5,22 L3,22 L3,20 L5.5,20 Z M17,2 L20,6 L18,6 L18,18 L20,18 L17,22 L14,18 L16,18 L16,6 L14,6 L17,2 Z M7,15.5 L7,17.5 L3,17.5 L3,15.5 L7,15.5 Z M8.5,11 L8.5,13 L3,13 L3,11 L8.5,11 Z M10,6.5 L10,8.5 L3,8.5 L3,6.5 L10,6.5 Z M11.5,2 L11.5,4 L3,4 L3,2 L11.5,2 Z"
-  }));
-};
 var Equalizer = function Equalizer(props) {
   return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
     d: "M5,2 L5.00043449,14.0500973 C6.14133817,14.2819003 7,15.2906746 7,16.5 C7,17.3174727 6.60764218,18.0433054 6.00097133,18.4994531 L6,22 L3,22 L3.00004507,18.5002169 C2.39279608,18.0441159 2,17.3179292 2,16.5 C2,15.2903182 2.85916789,14.2813059 4.00057405,14.0498926 L4,2 L5,2 Z M12.5,2 L12.5004345,5.05009729 C13.6413382,5.28190033 14.5,6.29067455 14.5,7.5 C14.5,8.31747272 14.1076422,9.04330535 13.5009713,9.49945313 L13.5,22 L10.5,22 L10.5000451,9.50021694 C9.89279608,9.04411586 9.5,8.31792915 9.5,7.5 C9.5,6.29031824 10.3591679,5.2813059 11.500574,5.0498926 L11.5,2 L12.5,2 Z M20,2 L20.0004345,11.0500973 C21.1413382,11.2819003 22,12.2906746 22,13.5 C22,14.3174727 21.6076422,15.0433054 21.0009713,15.4994531 L21,22 L18,22 L18.0000451,15.5002169 C17.3927961,15.0441159 17,14.3179292 17,13.5 C17,12.2903182 17.8591679,11.2813059 19.000574,11.0498926 L19,2 L20,2 Z"
@@ -543,6 +539,42 @@ var SubdirectoryArrowRight = function SubdirectoryArrowRight(props) {
     d: "M5.08 2c.595 0 1.078.59 1.078 1.317V14.84h10.469l-3.784-3.578a1.037 1.037 0 0 1 0-1.526 1.19 1.19 0 0 1 1.614 0l6.54 6.183-6.54 6.185c-.223.21-.515.316-.807.316-.292 0-.585-.106-.807-.316a1.038 1.038 0 0 1 0-1.527L16.627 17H5.08a.912.912 0 0 1-.387-.086A1.081 1.081 0 0 1 4 15.92l.006-.1L4 15.684V3.317C4 2.59 4.483 2 5.08 2z"
   }));
 };
+var Speed = function Speed(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M13.0185689,0.0297138829 C13.2816828,0.125479523 13.375552,0.393860848 13.3173741,0.670655588 C13.2591962,0.947450328 11.1238887,11.0829138 10.7956738,11.9846767 C10.4178888,13.0226325 9.27020413,13.5578066 8.23224832,13.1800216 C7.19429251,12.8022366 6.65911834,11.6545519 7.03690336,10.6165961 C7.19777378,10.1746082 8.45223163,7.753762 9.7051842,5.37094004 L10.0053032,4.80082548 C11.2011782,2.53154866 12.314927,0.44601574 12.3776815,0.328635445 C12.5110348,0.0792023166 12.755455,-0.0660517572 13.0185689,0.0297138829 Z M19.4360969,8.53332236 C19.7202953,9.34072717 20.0334312,10.6740767 20.0334312,12.9435947 L15.8134312,12.9409726 C15.9147467,12.4409651 16.0334312,11.9234904 16.0334312,11.3935947 C16.0334312,10.7848462 15.9747709,10.1930974 15.860471,9.62582623 L19.4360969,8.53332236 Z M0.24,9.02480771 L1.14284266,9.30137886 C0.796626585,10.38249 0.683431191,11.5887966 0.683431191,12.8935947 L0.193431191,12.8935947 C-0.149932748,11.3243559 0.0281771199,9.95042242 0.233431191,9.05635532 L0.24,9.02480771 Z M7.97460351,10.9640905 C7.785711,11.4830684 8.05329808,12.0569108 8.57227599,12.2458033 C9.09125389,12.4346958 9.66509624,12.1671087 9.85398875,11.6481308 C10.0428813,11.1291529 9.77529418,10.5553105 9.25631627,10.366418 C8.73733837,10.1775255 8.16349602,10.4451126 7.97460351,10.9640905 Z M15.66294,3.32668699 C17.1046645,4.36667952 18.3549992,5.93102775 19.0441285,7.59528372 L19.048,7.60580771 L15.6041584,8.65930693 C15.2288334,7.53006422 14.6145128,6.52875923 13.7894188,5.72525838 L15.66294,3.32668699 Z M3.151,3.91680771 L4.07227289,5.23343855 C3.04988317,6.02547664 2.14199378,7.08924721 1.51712115,8.36942033 L0.504,8.05980771 L0.66653777,7.65768052 C0.946845496,6.97287844 1.22267153,6.3505113 1.58343119,5.78752126 C2.04185637,5.07211751 2.62700543,4.45259196 3.14662121,3.92267024 Z M13.5370427,2.15601523 C13.9045004,2.32031554 14.3000944,2.51472051 14.7316953,2.74422981 L14.813,2.78880771 L13.0229815,5.08063176 L12.9211263,5.01013613 C13.1339222,4.03128992 13.3442549,3.05520552 13.5370427,2.15601523 Z M8.64330378,1.36555752 L8.60273799,3.67605906 C8.53008184,3.67441939 8.45697828,3.67359473 8.38343119,3.67359473 C7.29621364,3.67359473 5.99983997,4.00544303 4.89787799,4.66702681 L3.90244703,3.24533554 C5.38148072,2.08015309 7.15804171,1.51034477 8.64330378,1.36555752 Z M9.64483088,1.31952159 C10.1808707,1.31407534 10.6831894,1.3389592 11.2036076,1.42293267 L11.1277192,1.56621248 C10.7501769,2.27968921 10.3484138,3.04068828 9.94570637,3.80634031 C9.83236728,3.78598023 9.71777754,3.76829082 9.60184741,3.75281542 L9.64483088,1.31952159 Z",
+    transform: "translate(2 6)"
+  }));
+};
+var DimensionsElevation = function DimensionsElevation(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M4,16 L4,19 L0,19 L0,16 L4,16 Z M7,11 L7,14 L0,14 L0,11 L7,11 Z M9,6 L9,9 L0,9 L0,6 L9,6 Z M12,1 L12,4 L0,4 L0,1 L12,1 Z M16,0 L13,4 L15,4 L15,16 L13,16 L16,20 L19,16 L17,16 L17,4 L19,4 L16,0 Z",
+    transform: "translate(2 2)"
+  }));
+};
+var DimensionsTime = function DimensionsTime(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12.13,5 C16.0677903,5 19.26,8.19220973 19.26,12.13 C19.26,16.0677903 16.0677903,19.26 12.13,19.26 C8.19220973,19.26 5,16.0677903 5,12.13 C5,8.19220973 8.19220973,5 12.13,5 Z M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.13,7 C9.29677923,7 7,9.29677923 7,12.13 C7,14.9632208 9.29677923,17.26 12.13,17.26 C14.9632208,17.26 17.26,14.9632208 17.26,12.13 C17.26,9.29677923 14.9632208,7 12.13,7 Z M12.547494,8.35 L12.547,11.769 L14.7493339,13.0406354 L14.0651234,14.2257228 L12.183,13.139 L11.179073,13.1394737 L11.179073,8.35 L12.547494,8.35 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
+    transform: "translate(2 2)"
+  }));
+};
+var DimensionsRefTime = function DimensionsRefTime(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M14.41,3.78240772 L14.41,5.15240772 L12.66,5.15240772 L12.6594767,6.01936211 C13.545349,6.08439076 14.3862477,6.31127801 15.1527207,6.67057174 L15.7989136,5.55168032 L16.9160864,6.19668032 L16.2670916,7.32230296 C18.0787957,8.61518068 19.26,10.7346478 19.26,13.13 C19.26,17.0677903 16.0677903,20.26 12.13,20.26 C8.19220973,20.26 5,17.0677903 5,13.13 C5,9.4490968 7.78929885,6.41966926 11.3695371,6.04007678 L11.37,5.15240772 L9.62,5.15240772 L9.62,3.78240772 L14.41,3.78240772 Z M12.13,8 C9.29677923,8 7,10.2967792 7,13.13 C7,15.9632208 9.29677923,18.26 12.13,18.26 C14.9632208,18.26 17.26,15.9632208 17.26,13.13 C17.26,10.2967792 14.9632208,8 12.13,8 Z M3.19183937,15.0007752 C3.41732809,16.0836244 3.83463472,17.0961214 4.40661658,18.0011235 L0,18 L0,15 Z M14.3819805,9.95760756 L15.3496003,10.9252274 L12.1676198,14.1072079 L11.2,13.1395881 L14.3819805,9.95760756 Z M3.55058156,10.0001683 C3.19435424,10.9763976 3,12.0305019 3,13.13 L3.002,13 L0,13 L0,10 Z M7.97195056,4.9996378 C6.60386085,5.70071412 5.43590345,6.73695253 4.57644304,7.99998836 L0,8 L0,5 Z M18,0 L18,3 L16,3 L16,2.5 L8,2.5 L8,3 L0,3 L0,0 L18,0 Z",
+    transform: "translate(2 2)"
+  }));
+};
+var DimensionsOther = function DimensionsOther(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.5,7 L12.5,11 L16.5,11 L16.5,12.5 L12.5,12.5 L12.5,16.5 L11,16.5 L11,12.5 L7,12.5 L7,11 L11,11 L11,7 L12.5,7 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
+    transform: "translate(3 3)"
+  }));
+};
+var Picture = function Picture(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
+    d: "M19.9986404,0 C21,0 22,1 22,2 L22,17.9956787 C22,19 21,20 20,20 L2,20 C0.8954305,20 1.3527075e-16,19.1045695 0,18 L0,2 C0,0.996459653 1,0 2,0 L19.9986404,0 Z M19.5,2.5 L2.5,2.5 L2.5,17.5 L19.5,17.5 L19.5,2.5 Z M12.8300654,7 L18,15.5204398 L4,15.5204398 L8.02614379,9 L9.81960446,11.7515969 L12.8300654,7 Z M6,4.35 C7.1045695,4.35 8,5.2454305 8,6.35 C8,7.4545695 7.1045695,8.35 6,8.35 C4.8954305,8.35 4,7.4545695 4,6.35 C4,5.2454305 4.8954305,4.35 6,4.35 Z",
+    transform: "translate(1 2)"
+  }));
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -620,7 +652,6 @@ var index = /*#__PURE__*/Object.freeze({
     List: List,
     Home: Home,
     Minus: Minus,
-    Sort: Sort,
     Equalizer: Equalizer,
     Link: Link,
     LinkOff: LinkOff,
@@ -629,7 +660,13 @@ var index = /*#__PURE__*/Object.freeze({
     WebAssetOff: WebAssetOff,
     Notifications: Notifications,
     Update: Update,
-    SubdirectoryArrowRight: SubdirectoryArrowRight
+    SubdirectoryArrowRight: SubdirectoryArrowRight,
+    Speed: Speed,
+    DimensionsElevation: DimensionsElevation,
+    DimensionsTime: DimensionsTime,
+    DimensionsRefTime: DimensionsRefTime,
+    DimensionsOther: DimensionsOther,
+    Picture: Picture
 });
 
 function _defineProperty(obj, key, value) {
@@ -719,7 +756,7 @@ function _nonIterableRest() {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed'];
+var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed', 'icon'];
 
 var defaultButtonStyle = function defaultButtonStyle(button) {
   return {
@@ -1470,6 +1507,33 @@ var colors$1 = {
         borderColor: 'transparent'
       }
     },
+    icon: {
+      "default": {
+        fill: 'transparent',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#E3E4E7',
+        color: '#374061',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#186DFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: 'rgba(24, 109, 255, 0.1)',
+        color: '#186DFF',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#707070',
+        borderColor: 'transparent'
+      }
+    },
     focusDefault: {
       outline: 'solid 2px #419cfe'
     }
@@ -2218,6 +2282,33 @@ var colors = {
         borderColor: 'transparent'
       }
     },
+    icon: {
+      "default": {
+        fill: 'transparent',
+        color: '#F8F9F9',
+        borderColor: 'transparent'
+      },
+      mouseOver: {
+        fill: '#494949',
+        color: '#F8F9F9',
+        borderColor: 'transparent'
+      },
+      active: {
+        fill: 'transparent',
+        color: '#7BACFF',
+        borderColor: 'transparent'
+      },
+      activeMouseOver: {
+        fill: 'rgba(24, 109, 255, 0.1)',
+        color: '#488BFD',
+        borderColor: 'transparent'
+      },
+      disabled: {
+        fill: 'transparent',
+        color: '#B4B4B4',
+        borderColor: 'transparent'
+      }
+    },
     focusDefault: {
       outline: 'solid 2px #419cfe'
     }
@@ -2483,8 +2574,8 @@ var elevations = {
 var darkTheme = createTheme('dark', parseColors(colors), createShadows(elevations));
 
 var ThemeContext = /*#__PURE__*/React.createContext({
-  toggleTheme: null,
-  isDark: null
+  toggleTheme: undefined,
+  isDark: undefined
 });
 var ThemeProvider = function ThemeProvider(_ref) {
   var children = _ref.children,
@@ -2543,4 +2634,4 @@ var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
   }, props), children);
 };
 
-export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Options, Pause, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Sort, SplitHorizontal, SplitVertical, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };
+export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };

package/index.umd.js

@@ -161,7 +161,8 @@
     };
     var Edit = function Edit(props) {
       return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
-        d: "m8.332 17.09-.005.001-2.652.604.956-2.542.001-.001.001-.001.857-.744 1.69 1.945-.848.738zm.71.815L20.932 7.577 17.823 4 5.933 14.329l-.01.008.005.005L4.173 19l4.857-1.09-.004-.02.019.02-.002-.005z"
+        d: "m12.718 3.807-5.214 9.426-1.3 2.325.325 5.58 4.905-2.683 6.494-11.711-5.21-2.937zM11.514 5.98l-.616 1.111 5.23 2.9.616-1.11-5.23-2.901zm-4.69 8.462-.612 1.113 5.225 2.898.616-1.11-5.23-2.901z",
+        fillRule: "evenodd"
       }));
     };
     var Export = function Export(props) {
@@ -536,11 +537,6 @@
         d: "M13,11 L11,11 L8,11 C7.43301962,11 7,11.4597824 7,12.0268006 C7,12.5938188 7.43301962,13 8,13 L11,13 L13,13 L16,13 C16.5669804,13 17,12.5938188 17,12.0268006 C17,11.4597824 16.5669804,11 16,11 L13,11 Z"
       }));
     };
-    var Sort = function Sort(props) {
-      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
-        d: "M5.5,20 L5.5,22 L3,22 L3,20 L5.5,20 Z M17,2 L20,6 L18,6 L18,18 L20,18 L17,22 L14,18 L16,18 L16,6 L14,6 L17,2 Z M7,15.5 L7,17.5 L3,17.5 L3,15.5 L7,15.5 Z M8.5,11 L8.5,13 L3,13 L3,11 L8.5,11 Z M10,6.5 L10,8.5 L3,8.5 L3,6.5 L10,6.5 Z M11.5,2 L11.5,4 L3,4 L3,2 L11.5,2 Z"
-      }));
-    };
     var Equalizer = function Equalizer(props) {
       return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
         d: "M5,2 L5.00043449,14.0500973 C6.14133817,14.2819003 7,15.2906746 7,16.5 C7,17.3174727 6.60764218,18.0433054 6.00097133,18.4994531 L6,22 L3,22 L3.00004507,18.5002169 C2.39279608,18.0441159 2,17.3179292 2,16.5 C2,15.2903182 2.85916789,14.2813059 4.00057405,14.0498926 L4,2 L5,2 Z M12.5,2 L12.5004345,5.05009729 C13.6413382,5.28190033 14.5,6.29067455 14.5,7.5 C14.5,8.31747272 14.1076422,9.04330535 13.5009713,9.49945313 L13.5,22 L10.5,22 L10.5000451,9.50021694 C9.89279608,9.04411586 9.5,8.31792915 9.5,7.5 C9.5,6.29031824 10.3591679,5.2813059 11.500574,5.0498926 L11.5,2 L12.5,2 Z M20,2 L20.0004345,11.0500973 C21.1413382,11.2819003 22,12.2906746 22,13.5 C22,14.3174727 21.6076422,15.0433054 21.0009713,15.4994531 L21,22 L18,22 L18.0000451,15.5002169 C17.3927961,15.0441159 17,14.3179292 17,13.5 C17,12.2903182 17.8591679,11.2813059 19.000574,11.0498926 L19,2 L20,2 Z"
@@ -594,6 +590,42 @@
         d: "M5.08 2c.595 0 1.078.59 1.078 1.317V14.84h10.469l-3.784-3.578a1.037 1.037 0 0 1 0-1.526 1.19 1.19 0 0 1 1.614 0l6.54 6.183-6.54 6.185c-.223.21-.515.316-.807.316-.292 0-.585-.106-.807-.316a1.038 1.038 0 0 1 0-1.527L16.627 17H5.08a.912.912 0 0 1-.387-.086A1.081 1.081 0 0 1 4 15.92l.006-.1L4 15.684V3.317C4 2.59 4.483 2 5.08 2z"
       }));
     };
+    var Speed = function Speed(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M13.0185689,0.0297138829 C13.2816828,0.125479523 13.375552,0.393860848 13.3173741,0.670655588 C13.2591962,0.947450328 11.1238887,11.0829138 10.7956738,11.9846767 C10.4178888,13.0226325 9.27020413,13.5578066 8.23224832,13.1800216 C7.19429251,12.8022366 6.65911834,11.6545519 7.03690336,10.6165961 C7.19777378,10.1746082 8.45223163,7.753762 9.7051842,5.37094004 L10.0053032,4.80082548 C11.2011782,2.53154866 12.314927,0.44601574 12.3776815,0.328635445 C12.5110348,0.0792023166 12.755455,-0.0660517572 13.0185689,0.0297138829 Z M19.4360969,8.53332236 C19.7202953,9.34072717 20.0334312,10.6740767 20.0334312,12.9435947 L15.8134312,12.9409726 C15.9147467,12.4409651 16.0334312,11.9234904 16.0334312,11.3935947 C16.0334312,10.7848462 15.9747709,10.1930974 15.860471,9.62582623 L19.4360969,8.53332236 Z M0.24,9.02480771 L1.14284266,9.30137886 C0.796626585,10.38249 0.683431191,11.5887966 0.683431191,12.8935947 L0.193431191,12.8935947 C-0.149932748,11.3243559 0.0281771199,9.95042242 0.233431191,9.05635532 L0.24,9.02480771 Z M7.97460351,10.9640905 C7.785711,11.4830684 8.05329808,12.0569108 8.57227599,12.2458033 C9.09125389,12.4346958 9.66509624,12.1671087 9.85398875,11.6481308 C10.0428813,11.1291529 9.77529418,10.5553105 9.25631627,10.366418 C8.73733837,10.1775255 8.16349602,10.4451126 7.97460351,10.9640905 Z M15.66294,3.32668699 C17.1046645,4.36667952 18.3549992,5.93102775 19.0441285,7.59528372 L19.048,7.60580771 L15.6041584,8.65930693 C15.2288334,7.53006422 14.6145128,6.52875923 13.7894188,5.72525838 L15.66294,3.32668699 Z M3.151,3.91680771 L4.07227289,5.23343855 C3.04988317,6.02547664 2.14199378,7.08924721 1.51712115,8.36942033 L0.504,8.05980771 L0.66653777,7.65768052 C0.946845496,6.97287844 1.22267153,6.3505113 1.58343119,5.78752126 C2.04185637,5.07211751 2.62700543,4.45259196 3.14662121,3.92267024 Z M13.5370427,2.15601523 C13.9045004,2.32031554 14.3000944,2.51472051 14.7316953,2.74422981 L14.813,2.78880771 L13.0229815,5.08063176 L12.9211263,5.01013613 C13.1339222,4.03128992 13.3442549,3.05520552 13.5370427,2.15601523 Z M8.64330378,1.36555752 L8.60273799,3.67605906 C8.53008184,3.67441939 8.45697828,3.67359473 8.38343119,3.67359473 C7.29621364,3.67359473 5.99983997,4.00544303 4.89787799,4.66702681 L3.90244703,3.24533554 C5.38148072,2.08015309 7.15804171,1.51034477 8.64330378,1.36555752 Z M9.64483088,1.31952159 C10.1808707,1.31407534 10.6831894,1.3389592 11.2036076,1.42293267 L11.1277192,1.56621248 C10.7501769,2.27968921 10.3484138,3.04068828 9.94570637,3.80634031 C9.83236728,3.78598023 9.71777754,3.76829082 9.60184741,3.75281542 L9.64483088,1.31952159 Z",
+        transform: "translate(2 6)"
+      }));
+    };
+    var DimensionsElevation = function DimensionsElevation(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M4,16 L4,19 L0,19 L0,16 L4,16 Z M7,11 L7,14 L0,14 L0,11 L7,11 Z M9,6 L9,9 L0,9 L0,6 L9,6 Z M12,1 L12,4 L0,4 L0,1 L12,1 Z M16,0 L13,4 L15,4 L15,16 L13,16 L16,20 L19,16 L17,16 L17,4 L19,4 L16,0 Z",
+        transform: "translate(2 2)"
+      }));
+    };
+    var DimensionsTime = function DimensionsTime(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M12.13,5 C16.0677903,5 19.26,8.19220973 19.26,12.13 C19.26,16.0677903 16.0677903,19.26 12.13,19.26 C8.19220973,19.26 5,16.0677903 5,12.13 C5,8.19220973 8.19220973,5 12.13,5 Z M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.13,7 C9.29677923,7 7,9.29677923 7,12.13 C7,14.9632208 9.29677923,17.26 12.13,17.26 C14.9632208,17.26 17.26,14.9632208 17.26,12.13 C17.26,9.29677923 14.9632208,7 12.13,7 Z M12.547494,8.35 L12.547,11.769 L14.7493339,13.0406354 L14.0651234,14.2257228 L12.183,13.139 L11.179073,13.1394737 L11.179073,8.35 L12.547494,8.35 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
+        transform: "translate(2 2)"
+      }));
+    };
+    var DimensionsRefTime = function DimensionsRefTime(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M14.41,3.78240772 L14.41,5.15240772 L12.66,5.15240772 L12.6594767,6.01936211 C13.545349,6.08439076 14.3862477,6.31127801 15.1527207,6.67057174 L15.7989136,5.55168032 L16.9160864,6.19668032 L16.2670916,7.32230296 C18.0787957,8.61518068 19.26,10.7346478 19.26,13.13 C19.26,17.0677903 16.0677903,20.26 12.13,20.26 C8.19220973,20.26 5,17.0677903 5,13.13 C5,9.4490968 7.78929885,6.41966926 11.3695371,6.04007678 L11.37,5.15240772 L9.62,5.15240772 L9.62,3.78240772 L14.41,3.78240772 Z M12.13,8 C9.29677923,8 7,10.2967792 7,13.13 C7,15.9632208 9.29677923,18.26 12.13,18.26 C14.9632208,18.26 17.26,15.9632208 17.26,13.13 C17.26,10.2967792 14.9632208,8 12.13,8 Z M3.19183937,15.0007752 C3.41732809,16.0836244 3.83463472,17.0961214 4.40661658,18.0011235 L0,18 L0,15 Z M14.3819805,9.95760756 L15.3496003,10.9252274 L12.1676198,14.1072079 L11.2,13.1395881 L14.3819805,9.95760756 Z M3.55058156,10.0001683 C3.19435424,10.9763976 3,12.0305019 3,13.13 L3.002,13 L0,13 L0,10 Z M7.97195056,4.9996378 C6.60386085,5.70071412 5.43590345,6.73695253 4.57644304,7.99998836 L0,8 L0,5 Z M18,0 L18,3 L16,3 L16,2.5 L8,2.5 L8,3 L0,3 L0,0 L18,0 Z",
+        transform: "translate(2 2)"
+      }));
+    };
+    var DimensionsOther = function DimensionsOther(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M5.1376547,18.0009318 L0,18 L0,15 L3.46039175,15.000536 C3.82762817,16.1102542 4.40198,17.1256503 5.1376547,18.0009318 Z M12.5,7 L12.5,11 L16.5,11 L16.5,12.5 L12.5,12.5 L12.5,16.5 L11,16.5 L11,12.5 L7,12.5 L7,11 L11,11 L11,7 L12.5,7 Z M3,12.13 C3,12.4237363 3.0138714,12.7142328 3.04099487,13.0008701 L0,13 L0,10 L3.24967033,10.0005024 C3.08643451,10.6837249 3,11.3967685 3,12.13 Z M3.98526578,8.00011679 L0,8 L0,5 L6.42694067,4.99991383 C5.41424324,5.81098129 4.57807756,6.83332299 3.98526578,8.00011679 Z M18,0 L18,3 L0,3 L0,0 L18,0 Z",
+        transform: "translate(3 3)"
+      }));
+    };
+    var Picture = function Picture(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M19.9986404,0 C21,0 22,1 22,2 L22,17.9956787 C22,19 21,20 20,20 L2,20 C0.8954305,20 1.3527075e-16,19.1045695 0,18 L0,2 C0,0.996459653 1,0 2,0 L19.9986404,0 Z M19.5,2.5 L2.5,2.5 L2.5,17.5 L19.5,17.5 L19.5,2.5 Z M12.8300654,7 L18,15.5204398 L4,15.5204398 L8.02614379,9 L9.81960446,11.7515969 L12.8300654,7 Z M6,4.35 C7.1045695,4.35 8,5.2454305 8,6.35 C8,7.4545695 7.1045695,8.35 6,8.35 C4.8954305,8.35 4,7.4545695 4,6.35 C4,5.2454305 4.8954305,4.35 6,4.35 Z",
+        transform: "translate(1 2)"
+      }));
+    };
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -671,7 +703,6 @@
         List: List,
         Home: Home,
         Minus: Minus,
-        Sort: Sort,
         Equalizer: Equalizer,
         Link: Link,
         LinkOff: LinkOff,
@@ -680,7 +711,13 @@
         WebAssetOff: WebAssetOff,
         Notifications: Notifications,
         Update: Update,
-        SubdirectoryArrowRight: SubdirectoryArrowRight
+        SubdirectoryArrowRight: SubdirectoryArrowRight,
+        Speed: Speed,
+        DimensionsElevation: DimensionsElevation,
+        DimensionsTime: DimensionsTime,
+        DimensionsRefTime: DimensionsRefTime,
+        DimensionsOther: DimensionsOther,
+        Picture: Picture
     });
 
     /* *
@@ -699,7 +736,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed'];
+    var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed', 'icon'];
 
     var defaultButtonStyle = function defaultButtonStyle(button) {
       return {
@@ -1457,6 +1494,33 @@
             borderColor: 'transparent'
           }
         },
+        icon: {
+          "default": {
+            fill: 'transparent',
+            color: '#374061',
+            borderColor: 'transparent'
+          },
+          mouseOver: {
+            fill: '#E3E4E7',
+            color: '#374061',
+            borderColor: 'transparent'
+          },
+          active: {
+            fill: 'transparent',
+            color: '#186DFF',
+            borderColor: 'transparent'
+          },
+          activeMouseOver: {
+            fill: 'rgba(24, 109, 255, 0.1)',
+            color: '#186DFF',
+            borderColor: 'transparent'
+          },
+          disabled: {
+            fill: 'transparent',
+            color: '#707070',
+            borderColor: 'transparent'
+          }
+        },
         focusDefault: {
           outline: 'solid 2px #419cfe'
         }
@@ -2189,6 +2253,33 @@
             borderColor: 'transparent'
           }
         },
+        icon: {
+          "default": {
+            fill: 'transparent',
+            color: '#F8F9F9',
+            borderColor: 'transparent'
+          },
+          mouseOver: {
+            fill: '#494949',
+            color: '#F8F9F9',
+            borderColor: 'transparent'
+          },
+          active: {
+            fill: 'transparent',
+            color: '#7BACFF',
+            borderColor: 'transparent'
+          },
+          activeMouseOver: {
+            fill: 'rgba(24, 109, 255, 0.1)',
+            color: '#488BFD',
+            borderColor: 'transparent'
+          },
+          disabled: {
+            fill: 'transparent',
+            color: '#B4B4B4',
+            borderColor: 'transparent'
+          }
+        },
         focusDefault: {
           outline: 'solid 2px #419cfe'
         }
@@ -2454,8 +2545,8 @@
     var darkTheme = createTheme('dark', parseColors(colors), createShadows(elevations));
 
     var ThemeContext = /*#__PURE__*/React__namespace.createContext({
-      toggleTheme: null,
-      isDark: null
+      toggleTheme: undefined,
+      isDark: undefined
     });
     var ThemeProvider = function ThemeProvider(_a) {
       var children = _a.children,
@@ -2532,6 +2623,10 @@
     exports.Close = Close;
     exports.Copy = Copy;
     exports.Delete = Delete;
+    exports.DimensionsElevation = DimensionsElevation;
+    exports.DimensionsOther = DimensionsOther;
+    exports.DimensionsRefTime = DimensionsRefTime;
+    exports.DimensionsTime = DimensionsTime;
     exports.DragHandle = DragHandle;
     exports.DrawFIRLand = DrawFIRLand;
     exports.DrawPolygon = DrawPolygon;
@@ -2562,6 +2657,7 @@
     exports.Notifications = Notifications;
     exports.Options = Options;
     exports.Pause = Pause;
+    exports.Picture = Picture;
     exports.Play = Play;
     exports.Preset = Preset;
     exports.PresetTiles = PresetTiles;
@@ -2569,7 +2665,7 @@
     exports.Resize = Resize;
     exports.Search = Search;
     exports.SliderThumb = SliderThumb;
-    exports.Sort = Sort;
+    exports.Speed = Speed;
     exports.SplitHorizontal = SplitHorizontal;
     exports.SplitVertical = SplitVertical;
     exports.SubdirectoryArrowRight = SubdirectoryArrowRight;

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

@@ -63,7 +63,6 @@ export declare const PresetTiles: (props: SvgIconProps) => JSX.Element;
 export declare const List: React.FC;
 export declare const Home: React.FC;
 export declare const Minus: React.FC;
-export declare const Sort: React.FC;
 export declare const Equalizer: React.FC;
 export declare const Link: React.FC;
 export declare const LinkOff: React.FC;
@@ -73,4 +72,10 @@ export declare const WebAssetOff: React.FC<SvgIconProps>;
 export declare const Notifications: React.FC<SvgIconProps>;
 export declare const Update: React.FC<SvgIconProps>;
 export declare const SubdirectoryArrowRight: React.FC<SvgIconProps>;
+export declare const Speed: (props: SvgIconProps) => JSX.Element;
+export declare const DimensionsElevation: (props: SvgIconProps) => JSX.Element;
+export declare const DimensionsTime: (props: SvgIconProps) => JSX.Element;
+export declare const DimensionsRefTime: (props: SvgIconProps) => JSX.Element;
+export declare const DimensionsOther: (props: SvgIconProps) => JSX.Element;
+export declare const Picture: (props: SvgIconProps) => JSX.Element;
 export {};

package/lib/components/Theme/types.d.ts

@@ -2,7 +2,7 @@
 interface CSSProperties extends React.CSSProperties {
     rgba?: string;
 }
-export declare const gwButtonVariants: readonly ["primary", "secondary", "tertiary", "flat", "tool", "boxed"];
+export declare const gwButtonVariants: readonly ["primary", "secondary", "tertiary", "flat", "tool", "boxed", "icon"];
 export declare type ButtonVariant = typeof gwButtonVariants[number];
 export interface ButtonStyle {
     default: CSSProperties;
@@ -18,6 +18,7 @@ export interface ButtonStyles {
     flat: ButtonStyle;
     tool: ButtonStyle;
     boxed: ButtonStyle;
+    icon: ButtonStyle;
     focusDefault: CSSProperties;
 }
 export declare type GeowebColorPalette = {
@@ -160,6 +161,7 @@ declare module '@mui/material/Button' {
         flat: true;
         tool: true;
         boxed: true;
+        icon: true;
     }
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "4.1.0",
+  "version": "4.2.0",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {