@opengeoweb/theme 4.5.0 → 4.6.0

package/index.esm.js

@@ -303,6 +303,14 @@ var Clock = function Clock(props) {
     d: "M8.485 3.717a9 9 0 1 1 7.033 16.569 9 9 0 0 1-7.033-16.57zm.74 1.744a7.105 7.105 0 1 0 5.552 13.08 7.105 7.105 0 0 0-5.552-13.08zm1.825 1.522h1.894v4.734l3.049 1.76-.947 1.641-2.606-1.504h-1.39V6.983z"
   }));
 };
+var Animation = function Animation(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(3.000000, 4.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M2.7,13.4444444 L0.9,13.4444444 L0.9,15 L2.7,15 L2.7,13.4444444 Z M17.1,13.4444444 L15.3,13.4444444 L15.3,15 L17.1,15 L17.1,13.4444444 Z M6.7430548,3 C6.36845508,3 5.96666667,3.31868791 5.96666667,4.01673445 L5.96666667,11.9839323 C5.96666667,12.6819788 6.36905927,13 6.7430548,13 C6.94123014,13 7.14423902,12.9206614 7.34362274,12.7633176 L12.1668963,8.93772918 C12.4641593,8.70304687 12.6333333,8.36169078 12.6333333,7.99966664 C12.6333333,7.63897593 12.4635551,7.29828655 12.1675005,7.06293753 L7.34181016,3.23734916 C7.14423902,3.07933862 6.94123014,3 6.7430548,3 Z M2.7,10.3333333 L0.9,10.3333333 L0.9,11.8888889 L2.7,11.8888889 L2.7,10.3333333 Z M17.1,10.3333333 L15.3,10.3333333 L15.3,11.8888889 L17.1,11.8888889 L17.1,10.3333333 Z M2.7,7.22222222 L0.9,7.22222222 L0.9,8.77777778 L2.7,8.77777778 L2.7,7.22222222 Z M17.1,7.22222222 L15.3,7.22222222 L15.3,8.77777778 L17.1,8.77777778 L17.1,7.22222222 Z M2.7,4.11111111 L0.9,4.11111111 L0.9,5.66666667 L2.7,5.66666667 L2.7,4.11111111 Z M17.1,4.11111111 L15.3,4.11111111 L15.3,5.66666667 L17.1,5.66666667 L17.1,4.11111111 Z M2.7,1 L0.9,1 L0.9,2.55555556 L2.7,2.55555556 L2.7,1 Z M17.1,1 L15.3,1 L15.3,2.55555556 L17.1,2.55555556 L17.1,1 Z",
+    id: "AnimationSvgPath"
+  })));
+};
 var Success = function Success(props) {
   return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
     d: "m16.51 10.034-5.633 5.633-3.387-3.386a.954.954 0 0 1 0-1.343.975.975 0 0 1 1.342 0l2.045 2.046 4.292-4.291a.972.972 0 0 1 1.342 0c.368.369.368.97 0 1.341M12 4a8 8 0 1 0 0 16.001A8 8 0 0 0 12 4"
@@ -461,11 +469,6 @@ var Search = function Search(props) {
     d: "M7.81701445,12.5845372 L7.81701445,12.5845372 C7.17924024,11.946763 6.82932049,11.100321 6.82932049,10.1993044 C6.82932049,9.29828785 7.17924024,8.45077582 7.81701445,7.8140717 C8.47405029,7.15703585 9.3376137,6.82851792 10.2022472,6.82851792 C11.0658106,6.82851792 11.929374,7.15703585 12.5874799,7.8140717 C13.9026217,9.12921348 13.9026217,11.2693954 12.5874799,12.5845372 C11.9497057,13.2212413 11.1021937,13.5722311 10.2022472,13.5722311 C9.3012306,13.5722311 8.45371857,13.2212413 7.81701445,12.5845372 M19.5858748,17.581862 L15.4681648,13.465222 C16.9513109,11.0735688 16.6613162,7.88683788 14.5874799,5.81300161 C12.1690744,3.39566613 8.23434992,3.39566613 5.81594436,5.81300161 C4.64419476,6.9847512 4,8.54280364 4,10.1993044 C4,11.8558052 4.64419476,13.4138577 5.81594436,14.5845372 C6.98769395,15.7562868 8.5446763,16.4015516 10.2022472,16.4015516 C11.376137,16.4015516 12.4965222,16.0719636 13.4681648,15.4662921 L17.5837346,19.582932 C17.8608882,19.8590155 18.2225789,19.9970572 18.5853398,19.9970572 C18.9470305,19.9970572 19.3087212,19.8590155 19.5858748,19.582932 C20.1380417,19.029695 20.1380417,18.135099 19.5858748,17.581862"
   }));
 };
-var Flag = function Flag(props) {
-  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
-    d: "M7.257 7.703c1.295-1.416 2.854-2.124 4.679-2.124 1.97 0 1.676 1.718 3.821 1.61 1.43-.073 2.847-.803 4.25-2.189v10c-1.554 1.47-2.971 2.213-4.25 2.228-1.918.023-1.632-1.61-3.821-1.61-1.46 0-3.02.795-4.679 2.382V7.703zM5.507 4a1.501 1.501 0 0 1 .75 2.803V20h-1.5L4.756 6.803A1.502 1.502 0 0 1 5.507 4z"
-  }));
-};
 var Resize = function Resize(_a) {
   var _a$isRightAligned = _a.isRightAligned,
       isRightAligned = _a$isRightAligned === void 0 ? false : _a$isRightAligned,
@@ -662,6 +665,20 @@ var CollapseSmall = function CollapseSmall(props) {
     fill: "currentColor"
   })));
 };
+var None = function None(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(3 3)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M16.0000589,0 C17.1046284,-2.02906125e-16 18.0000589,0.8954305 18.0000589,2 L18.0010775,6.26818814 C17.7066608,6.0976323 17.364732,6 17,6 L16.285,6 L16.2857676,2.71429132 C16.2857676,2.16200657 15.8380523,1.71429132 15.2857676,1.71429132 L2.71429132,1.71429132 C2.16200657,1.71429132 1.71429132,2.16200657 1.71429132,2.71429132 L1.71429132,15.2857676 C1.71429132,15.8380523 2.16200657,16.2857676 2.71429132,16.2857676 L6,16.285 L6,17 C6,17.364732 6.0976323,17.7066608 6.26818814,18.0010775 L2,18.0000589 C0.8954305,18.0000589 1.3527075e-16,17.1046284 0,16.0000589 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L16.0000589,0 Z M16.0000589,7.71431095 C17.1046284,7.71431095 18.0000589,8.60974145 18.0000589,9.71431095 L18.0000589,16.0000589 C18.0000589,17.1046284 17.1046284,18.0000589 16.0000589,18.0000589 L9.71431095,18.0000589 C8.60974145,18.0000589 7.71431095,17.1046284 7.71431095,16.0000589 L7.71431095,9.71431095 C7.71431095,8.60974145 8.60974145,7.71431095 9.71431095,7.71431095 L16.0000589,7.71431095 Z M15.2857676,9.42860228 L10.4286023,9.42860228 C9.87631753,9.42860228 9.42860228,9.87631753 9.42860228,10.4286023 L9.42860228,15.2857676 C9.42860228,15.8380523 9.87631753,16.2857676 10.4286023,16.2857676 L15.2857676,16.2857676 C15.8380523,16.2857676 16.2857676,15.8380523 16.2857676,15.2857676 L16.2857676,10.4286023 C16.2857676,9.87631753 15.8380523,9.42860228 15.2857676,9.42860228 Z M14.5347673,10.2701019 L15.4312535,11.2107189 L13.8227128,12.8181019 L15.4312535,14.4261565 L14.5127019,15.344708 L12.9047128,13.7361019 L11.2972643,15.344708 L10.3787128,14.4261565 L11.9867128,12.8181019 L10.3787128,11.2107189 L11.2751989,10.2701019 L12.9047128,11.9001019 L14.5347673,10.2701019 Z"
+  })));
+};
+var Both = function Both(props) {
+  return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("g", {
+    transform: "translate(3 3)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M6.12154852,-4.08562073e-14 L11.5665318,2.08618237 L7.16343758,5.90884652 L6.89046265,4.36072873 L6.80957756,4.39003855 C3.87189613,5.46406081 2.0365417,8.52135417 2.59891997,11.7107598 C2.74916282,12.5628294 3.05699221,13.3475078 3.48712515,14.0400746 L3.654,14.294 L4.03341039,13.916165 C4.300998,13.6487868 4.57483053,13.3752128 4.84929787,13.1010377 L5.49808471,12.4529989 L5.81818597,12.133305 L6.43943768,11.5129063 C6.54018288,11.4123056 6.63929935,11.3133343 6.73644152,11.2163368 L7.29283868,10.6607958 C7.46856431,10.4853491 7.63362837,10.3205548 7.78526647,10.1691699 L8.06982232,9.88509612 C8.15816112,9.79690915 8.23971374,9.71549875 8.3136611,9.64168177 L8.51186835,9.44382795 L8.55371431,9.40205768 L17.4815559,0.474640695 C18.0545559,-0.0983593047 18.9845559,-0.0983593047 19.5575559,0.474640695 C20.1305559,1.0476407 20.1305559,1.9776407 19.5575559,2.5506407 L14.831,7.276 L19.4288065,10.9204157 C19.784072,11.2028346 19.9878059,11.6116618 19.9878059,12.0444907 C19.9878059,12.4789196 19.784797,12.8885469 19.4280814,13.1701657 L13.6401532,17.7608718 C13.4008927,17.9496843 13.1572821,18.0448907 12.9194717,18.0448907 C12.470677,18.0448907 11.9878059,17.6632653 11.9878059,16.8256094 L11.987,10.12 L8.78355591,13.3246407 C8.78355591,13.3246407 8.77632036,13.3318973 8.76236846,13.3458891 L8.70088296,13.4075489 C8.68745028,13.4210194 8.67246832,13.4360433 8.65600198,13.4525555 L8.30579109,13.8037142 C8.12024363,13.9897508 7.88938874,14.2211951 7.62907158,14.482136 L7.3035632,14.8084053 C6.96594112,15.1467963 6.5950202,15.5184978 6.21818091,15.8960157 L5.46472391,16.6506601 C5.40263036,16.7128356 5.34087945,16.7746636 5.27959794,16.8360167 L3.83147258,18.2843629 L3.76884939,18.3468742 L3.40610402,18.7083747 C3.32314137,18.7908588 3.25923448,18.8541764 3.21780591,18.8948907 C2.63780591,19.4648907 1.70780591,19.4648907 1.13780591,18.8948907 C0.567805911,18.3248907 0.567805911,17.3948907 1.13780591,16.8148907 L1.30316348,16.6480048 L1.34269001,16.6082679 L1.58700213,16.3630806 C1.67091753,16.2789466 1.76427895,16.1854034 1.86593963,16.0835947 C1.00935344,14.9643562 0.401202684,13.6284705 0.139524125,12.1444177 C-0.668062091,7.56436865 2.10797283,3.18177303 6.45256841,1.87618962 L6.12154852,-4.08562073e-14 Z"
+  })));
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -710,6 +727,7 @@ var index = /*#__PURE__*/Object.freeze({
     GeoWebLogo: GeoWebLogo,
     Add: Add,
     Clock: Clock,
+    Animation: Animation,
     Success: Success,
     Cancel: Cancel,
     DragHandle: DragHandle,
@@ -734,7 +752,6 @@ var index = /*#__PURE__*/Object.freeze({
     Filter: Filter,
     Clear: Clear,
     Search: Search,
-    Flag: Flag,
     Resize: Resize,
     PresetWorkspace: PresetWorkspace,
     Preset: Preset,
@@ -761,7 +778,9 @@ var index = /*#__PURE__*/Object.freeze({
     ExpandWindow: ExpandWindow,
     CollapseLarge: CollapseLarge,
     CollapseMedium: CollapseMedium,
-    CollapseSmall: CollapseSmall
+    CollapseSmall: CollapseSmall,
+    None: None,
+    Both: Both
 });
 
 function _defineProperty(obj, key, value) {
@@ -1772,12 +1791,12 @@ var colors$1 = {
       fill: '#767676'
     },
     timelineText: {
-      fontSize: 14,
+      fontSize: 12,
       color: '#FFFFFF',
       fontFamily: 'Roboto'
     },
     timelineTimeScale: {
-      fill: '#979797'
+      fill: '#FFFFFF'
     },
     timelineNightTime: {
       fill: '#051038',
@@ -1792,7 +1811,11 @@ var colors$1 = {
     },
     timelineSelectionBackground: {
       fill: '#FFFFFF',
-      opacity: 0.32
+      opacity: 0.15
+    },
+    timelineSelectionOutline: {
+      fill: '#F0FF00',
+      opacity: 0.4
     },
     // time scale
     timeScalePointer: {
@@ -2570,12 +2593,12 @@ var colors = {
       fill: '#A2A2A2'
     },
     timelineText: {
-      fontSize: 14,
+      fontSize: 12,
       color: '#FFFFFF',
       fontFamily: 'Roboto'
     },
     timelineTimeScale: {
-      fill: '#979797'
+      fill: '#FFFFFF'
     },
     timelineNightTime: {
       fill: '#051038',
@@ -2590,7 +2613,11 @@ var colors = {
     },
     timelineSelectionBackground: {
       fill: '#FFFFFF',
-      opacity: 0.32
+      opacity: 0.15
+    },
+    timelineSelectionOutline: {
+      fill: '#F0FF00',
+      opacity: 0.4
     },
     // time scale
     timeScalePointer: {
@@ -2822,4 +2849,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, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, ExpandWindow, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, dragHandlePath, gwButtonVariants, lightTheme, useThemeContext };
+export { Add, Animation, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, ExpandWindow, Export, FastForward, Filter, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, None, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, dragHandlePath, gwButtonVariants, lightTheme, useThemeContext };

package/index.umd.js

@@ -354,6 +354,14 @@
         d: "M8.485 3.717a9 9 0 1 1 7.033 16.569 9 9 0 0 1-7.033-16.57zm.74 1.744a7.105 7.105 0 1 0 5.552 13.08 7.105 7.105 0 0 0-5.552-13.08zm1.825 1.522h1.894v4.734l3.049 1.76-.947 1.641-2.606-1.504h-1.39V6.983z"
       }));
     };
+    var Animation = function Animation(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
+        transform: "translate(3.000000, 4.000000)"
+      }, /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M18,0 L18,16 L0,16 L0,0 L18,0 Z M2.7,13.4444444 L0.9,13.4444444 L0.9,15 L2.7,15 L2.7,13.4444444 Z M17.1,13.4444444 L15.3,13.4444444 L15.3,15 L17.1,15 L17.1,13.4444444 Z M6.7430548,3 C6.36845508,3 5.96666667,3.31868791 5.96666667,4.01673445 L5.96666667,11.9839323 C5.96666667,12.6819788 6.36905927,13 6.7430548,13 C6.94123014,13 7.14423902,12.9206614 7.34362274,12.7633176 L12.1668963,8.93772918 C12.4641593,8.70304687 12.6333333,8.36169078 12.6333333,7.99966664 C12.6333333,7.63897593 12.4635551,7.29828655 12.1675005,7.06293753 L7.34181016,3.23734916 C7.14423902,3.07933862 6.94123014,3 6.7430548,3 Z M2.7,10.3333333 L0.9,10.3333333 L0.9,11.8888889 L2.7,11.8888889 L2.7,10.3333333 Z M17.1,10.3333333 L15.3,10.3333333 L15.3,11.8888889 L17.1,11.8888889 L17.1,10.3333333 Z M2.7,7.22222222 L0.9,7.22222222 L0.9,8.77777778 L2.7,8.77777778 L2.7,7.22222222 Z M17.1,7.22222222 L15.3,7.22222222 L15.3,8.77777778 L17.1,8.77777778 L17.1,7.22222222 Z M2.7,4.11111111 L0.9,4.11111111 L0.9,5.66666667 L2.7,5.66666667 L2.7,4.11111111 Z M17.1,4.11111111 L15.3,4.11111111 L15.3,5.66666667 L17.1,5.66666667 L17.1,4.11111111 Z M2.7,1 L0.9,1 L0.9,2.55555556 L2.7,2.55555556 L2.7,1 Z M17.1,1 L15.3,1 L15.3,2.55555556 L17.1,2.55555556 L17.1,1 Z",
+        id: "AnimationSvgPath"
+      })));
+    };
     var Success = function Success(props) {
       return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
         d: "m16.51 10.034-5.633 5.633-3.387-3.386a.954.954 0 0 1 0-1.343.975.975 0 0 1 1.342 0l2.045 2.046 4.292-4.291a.972.972 0 0 1 1.342 0c.368.369.368.97 0 1.341M12 4a8 8 0 1 0 0 16.001A8 8 0 0 0 12 4"
@@ -512,11 +520,6 @@
         d: "M7.81701445,12.5845372 L7.81701445,12.5845372 C7.17924024,11.946763 6.82932049,11.100321 6.82932049,10.1993044 C6.82932049,9.29828785 7.17924024,8.45077582 7.81701445,7.8140717 C8.47405029,7.15703585 9.3376137,6.82851792 10.2022472,6.82851792 C11.0658106,6.82851792 11.929374,7.15703585 12.5874799,7.8140717 C13.9026217,9.12921348 13.9026217,11.2693954 12.5874799,12.5845372 C11.9497057,13.2212413 11.1021937,13.5722311 10.2022472,13.5722311 C9.3012306,13.5722311 8.45371857,13.2212413 7.81701445,12.5845372 M19.5858748,17.581862 L15.4681648,13.465222 C16.9513109,11.0735688 16.6613162,7.88683788 14.5874799,5.81300161 C12.1690744,3.39566613 8.23434992,3.39566613 5.81594436,5.81300161 C4.64419476,6.9847512 4,8.54280364 4,10.1993044 C4,11.8558052 4.64419476,13.4138577 5.81594436,14.5845372 C6.98769395,15.7562868 8.5446763,16.4015516 10.2022472,16.4015516 C11.376137,16.4015516 12.4965222,16.0719636 13.4681648,15.4662921 L17.5837346,19.582932 C17.8608882,19.8590155 18.2225789,19.9970572 18.5853398,19.9970572 C18.9470305,19.9970572 19.3087212,19.8590155 19.5858748,19.582932 C20.1380417,19.029695 20.1380417,18.135099 19.5858748,17.581862"
       }));
     };
-    var Flag = function Flag(props) {
-      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
-        d: "M7.257 7.703c1.295-1.416 2.854-2.124 4.679-2.124 1.97 0 1.676 1.718 3.821 1.61 1.43-.073 2.847-.803 4.25-2.189v10c-1.554 1.47-2.971 2.213-4.25 2.228-1.918.023-1.632-1.61-3.821-1.61-1.46 0-3.02.795-4.679 2.382V7.703zM5.507 4a1.501 1.501 0 0 1 .75 2.803V20h-1.5L4.756 6.803A1.502 1.502 0 0 1 5.507 4z"
-      }));
-    };
     var Resize = function Resize(_a) {
       var _b = _a.isRightAligned,
           isRightAligned = _b === void 0 ? false : _b,
@@ -713,6 +716,20 @@
         fill: "currentColor"
       })));
     };
+    var None = function None(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
+        transform: "translate(3 3)"
+      }, /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M16.0000589,0 C17.1046284,-2.02906125e-16 18.0000589,0.8954305 18.0000589,2 L18.0010775,6.26818814 C17.7066608,6.0976323 17.364732,6 17,6 L16.285,6 L16.2857676,2.71429132 C16.2857676,2.16200657 15.8380523,1.71429132 15.2857676,1.71429132 L2.71429132,1.71429132 C2.16200657,1.71429132 1.71429132,2.16200657 1.71429132,2.71429132 L1.71429132,15.2857676 C1.71429132,15.8380523 2.16200657,16.2857676 2.71429132,16.2857676 L6,16.285 L6,17 C6,17.364732 6.0976323,17.7066608 6.26818814,18.0010775 L2,18.0000589 C0.8954305,18.0000589 1.3527075e-16,17.1046284 0,16.0000589 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 L16.0000589,0 Z M16.0000589,7.71431095 C17.1046284,7.71431095 18.0000589,8.60974145 18.0000589,9.71431095 L18.0000589,16.0000589 C18.0000589,17.1046284 17.1046284,18.0000589 16.0000589,18.0000589 L9.71431095,18.0000589 C8.60974145,18.0000589 7.71431095,17.1046284 7.71431095,16.0000589 L7.71431095,9.71431095 C7.71431095,8.60974145 8.60974145,7.71431095 9.71431095,7.71431095 L16.0000589,7.71431095 Z M15.2857676,9.42860228 L10.4286023,9.42860228 C9.87631753,9.42860228 9.42860228,9.87631753 9.42860228,10.4286023 L9.42860228,15.2857676 C9.42860228,15.8380523 9.87631753,16.2857676 10.4286023,16.2857676 L15.2857676,16.2857676 C15.8380523,16.2857676 16.2857676,15.8380523 16.2857676,15.2857676 L16.2857676,10.4286023 C16.2857676,9.87631753 15.8380523,9.42860228 15.2857676,9.42860228 Z M14.5347673,10.2701019 L15.4312535,11.2107189 L13.8227128,12.8181019 L15.4312535,14.4261565 L14.5127019,15.344708 L12.9047128,13.7361019 L11.2972643,15.344708 L10.3787128,14.4261565 L11.9867128,12.8181019 L10.3787128,11.2107189 L11.2751989,10.2701019 L12.9047128,11.9001019 L14.5347673,10.2701019 Z"
+      })));
+    };
+    var Both = function Both(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
+        transform: "translate(3 3)"
+      }, /*#__PURE__*/React__namespace.createElement("path", {
+        d: "M6.12154852,-4.08562073e-14 L11.5665318,2.08618237 L7.16343758,5.90884652 L6.89046265,4.36072873 L6.80957756,4.39003855 C3.87189613,5.46406081 2.0365417,8.52135417 2.59891997,11.7107598 C2.74916282,12.5628294 3.05699221,13.3475078 3.48712515,14.0400746 L3.654,14.294 L4.03341039,13.916165 C4.300998,13.6487868 4.57483053,13.3752128 4.84929787,13.1010377 L5.49808471,12.4529989 L5.81818597,12.133305 L6.43943768,11.5129063 C6.54018288,11.4123056 6.63929935,11.3133343 6.73644152,11.2163368 L7.29283868,10.6607958 C7.46856431,10.4853491 7.63362837,10.3205548 7.78526647,10.1691699 L8.06982232,9.88509612 C8.15816112,9.79690915 8.23971374,9.71549875 8.3136611,9.64168177 L8.51186835,9.44382795 L8.55371431,9.40205768 L17.4815559,0.474640695 C18.0545559,-0.0983593047 18.9845559,-0.0983593047 19.5575559,0.474640695 C20.1305559,1.0476407 20.1305559,1.9776407 19.5575559,2.5506407 L14.831,7.276 L19.4288065,10.9204157 C19.784072,11.2028346 19.9878059,11.6116618 19.9878059,12.0444907 C19.9878059,12.4789196 19.784797,12.8885469 19.4280814,13.1701657 L13.6401532,17.7608718 C13.4008927,17.9496843 13.1572821,18.0448907 12.9194717,18.0448907 C12.470677,18.0448907 11.9878059,17.6632653 11.9878059,16.8256094 L11.987,10.12 L8.78355591,13.3246407 C8.78355591,13.3246407 8.77632036,13.3318973 8.76236846,13.3458891 L8.70088296,13.4075489 C8.68745028,13.4210194 8.67246832,13.4360433 8.65600198,13.4525555 L8.30579109,13.8037142 C8.12024363,13.9897508 7.88938874,14.2211951 7.62907158,14.482136 L7.3035632,14.8084053 C6.96594112,15.1467963 6.5950202,15.5184978 6.21818091,15.8960157 L5.46472391,16.6506601 C5.40263036,16.7128356 5.34087945,16.7746636 5.27959794,16.8360167 L3.83147258,18.2843629 L3.76884939,18.3468742 L3.40610402,18.7083747 C3.32314137,18.7908588 3.25923448,18.8541764 3.21780591,18.8948907 C2.63780591,19.4648907 1.70780591,19.4648907 1.13780591,18.8948907 C0.567805911,18.3248907 0.567805911,17.3948907 1.13780591,16.8148907 L1.30316348,16.6480048 L1.34269001,16.6082679 L1.58700213,16.3630806 C1.67091753,16.2789466 1.76427895,16.1854034 1.86593963,16.0835947 C1.00935344,14.9643562 0.401202684,13.6284705 0.139524125,12.1444177 C-0.668062091,7.56436865 2.10797283,3.18177303 6.45256841,1.87618962 L6.12154852,-4.08562073e-14 Z"
+      })));
+    };
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -761,6 +778,7 @@
         GeoWebLogo: GeoWebLogo,
         Add: Add,
         Clock: Clock,
+        Animation: Animation,
         Success: Success,
         Cancel: Cancel,
         DragHandle: DragHandle,
@@ -785,7 +803,6 @@
         Filter: Filter,
         Clear: Clear,
         Search: Search,
-        Flag: Flag,
         Resize: Resize,
         PresetWorkspace: PresetWorkspace,
         Preset: Preset,
@@ -812,7 +829,9 @@
         ExpandWindow: ExpandWindow,
         CollapseLarge: CollapseLarge,
         CollapseMedium: CollapseMedium,
-        CollapseSmall: CollapseSmall
+        CollapseSmall: CollapseSmall,
+        None: None,
+        Both: Both
     });
 
     /* *
@@ -1759,12 +1778,12 @@
           fill: '#767676'
         },
         timelineText: {
-          fontSize: 14,
+          fontSize: 12,
           color: '#FFFFFF',
           fontFamily: 'Roboto'
         },
         timelineTimeScale: {
-          fill: '#979797'
+          fill: '#FFFFFF'
         },
         timelineNightTime: {
           fill: '#051038',
@@ -1779,7 +1798,11 @@
         },
         timelineSelectionBackground: {
           fill: '#FFFFFF',
-          opacity: 0.32
+          opacity: 0.15
+        },
+        timelineSelectionOutline: {
+          fill: '#F0FF00',
+          opacity: 0.4
         },
         // time scale
         timeScalePointer: {
@@ -2541,12 +2564,12 @@
           fill: '#A2A2A2'
         },
         timelineText: {
-          fontSize: 14,
+          fontSize: 12,
           color: '#FFFFFF',
           fontFamily: 'Roboto'
         },
         timelineTimeScale: {
-          fill: '#979797'
+          fill: '#FFFFFF'
         },
         timelineNightTime: {
           fill: '#051038',
@@ -2561,7 +2584,11 @@
         },
         timelineSelectionBackground: {
           fill: '#FFFFFF',
-          opacity: 0.32
+          opacity: 0.15
+        },
+        timelineSelectionOutline: {
+          fill: '#F0FF00',
+          opacity: 0.4
         },
         // time scale
         timeScalePointer: {
@@ -2793,12 +2820,14 @@
     };
 
     exports.Add = Add;
+    exports.Animation = Animation;
     exports.ArrowDown = ArrowDown;
     exports.ArrowLeft = ArrowLeft;
     exports.ArrowRight = ArrowRight;
     exports.ArrowUp = ArrowUp;
     exports.AutoUpdateActive = AutoUpdateActive;
     exports.AutoUpdateInActive = AutoUpdateInActive;
+    exports.Both = Both;
     exports.Cached = Cached;
     exports.CalendarToday = CalendarToday;
     exports.Cancel = Cancel;
@@ -2831,7 +2860,6 @@
     exports.Export = Export;
     exports.FastForward = FastForward;
     exports.Filter = Filter;
-    exports.Flag = Flag;
     exports.GWTheme = GWTheme;
     exports.GeoWebLogo = GeoWebLogo;
     exports.HamburgerMenu = HamburgerMenu;
@@ -2847,6 +2875,7 @@
     exports.ListItem = ListItem;
     exports.Location = Location;
     exports.Minus = Minus;
+    exports.None = None;
     exports.Notifications = Notifications;
     exports.Now = Now;
     exports.Options = Options;

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

@@ -28,6 +28,7 @@ export declare const HamburgerMenu: React.FC<SvgIconProps>;
 export declare const GeoWebLogo: React.FC<SvgIconProps>;
 export declare const Add: (props: SvgIconProps) => JSX.Element;
 export declare const Clock: (props: SvgIconProps) => JSX.Element;
+export declare const Animation: (props: SvgIconProps) => JSX.Element;
 export declare const Success: (props: SvgIconProps) => JSX.Element;
 export declare const Cancel: (props: SvgIconProps) => JSX.Element;
 export declare const DragHandle: (props: SvgIconProps) => JSX.Element;
@@ -55,7 +56,6 @@ export declare const Copy: (props: SvgIconProps) => JSX.Element;
 export declare const Filter: (props: SvgIconProps) => JSX.Element;
 export declare const Clear: (props: SvgIconProps) => JSX.Element;
 export declare const Search: (props: SvgIconProps) => JSX.Element;
-export declare const Flag: (props: SvgIconProps) => JSX.Element;
 interface ResizeIconProps extends SvgIconProps {
     isRightAligned?: boolean;
 }
@@ -86,4 +86,6 @@ export declare const ExpandWindow: (props: SvgIconProps) => JSX.Element;
 export declare const CollapseLarge: (props: SvgIconProps) => JSX.Element;
 export declare const CollapseMedium: (props: SvgIconProps) => JSX.Element;
 export declare const CollapseSmall: (props: SvgIconProps) => JSX.Element;
+export declare const None: (props: SvgIconProps) => JSX.Element;
+export declare const Both: (props: SvgIconProps) => JSX.Element;
 export {};

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

@@ -84,6 +84,7 @@ export declare type GeowebColorPalette = {
         timelineTimelineSurface: CSSProperties;
         timelineMonthChangeDash: CSSProperties;
         timelineSelectionBackground: CSSProperties;
+        timelineSelectionOutline: CSSProperties;
         timeScalePointer: CSSProperties;
         timeScaleHorizontalScale: CSSProperties;
         timeScaleTimeIndicators: CSSProperties;

package/package.json

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