@opengeoweb/theme 2.12.0 → 2.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.d.ts +2 -0
  2. package/index.esm.js +2124 -2182
  3. package/index.umd.js +2063 -2121
  4. package/lib/components/Icons/Icons.d.ts +8 -9
  5. package/package.json +1 -1
package/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@mui/material'), require('react')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@mui/material', 'react'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Theme = {}, global.material, global.React));
5
- })(this, (function (exports, material, React) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Theme = {}, global.React, global.material));
5
+ })(this, (function (exports, React, material) { 'use strict';
6
6
 
7
7
  function _interopNamespace(e) {
8
8
  if (e && e.__esModule) return e;
@@ -92,1251 +92,1142 @@
92
92
  * See the License for the specific language governing permissions and
93
93
  * limitations under the License.
94
94
  *
95
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
96
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
95
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
96
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
97
97
  * */
98
- var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed'];
99
-
100
- var defaultButtonStyle = function defaultButtonStyle(button) {
101
- return {
102
- // default styling
103
- color: button["default"].color,
104
- backgroundColor: button["default"].fill,
105
- textTransform: 'capitalize',
106
- // hover styling
107
- '&:hover': {
108
- backgroundColor: button.mouseOver.fill,
109
- borderColor: button.mouseOver.borderColor
110
- },
111
- // active styling
112
- '&.Mui-selected': {
113
- backgroundColor: button.active.fill,
114
- color: button.active.color,
115
- borderColor: button.active.borderColor,
116
- '&:hover': {
117
- backgroundColor: button.activeMouseOver.fill
118
- }
119
- },
120
- // disabled styling
121
- '&.Mui-disabled': {
122
- backgroundColor: button.disabled.fill,
123
- color: button.disabled.color,
124
- borderColor: button.disabled.borderColor
125
- }
126
- };
98
+ var SplitHorizontal = function SplitHorizontal(props) {
99
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
100
+ d: "M22 2v20H2V2h20zM8 3.999 4 4v16l4-.001v-16zM20 4l-10-.001v16L20 20V4zm-5 4c.3 0 .545.244.545.545v2.91h2.91a.544.544 0 1 1 0 1.09h-2.91v2.91a.545.545 0 1 1-1.09 0v-2.91h-2.91a.544.544 0 1 1 0-1.09h2.91v-2.91c0-.301.244-.545.545-.545z"
101
+ }));
127
102
  };
128
- var buttonStyle = function buttonStyle(button) {
129
- return __assign(__assign({}, defaultButtonStyle(button)), {
130
- padding: '12px 8px',
131
- height: '40px',
132
- borderStyle: 'solid',
133
- borderWidth: '1px',
134
- borderColor: button["default"].borderColor,
135
- borderRadius: '5px',
136
- // size styling
137
- '&[class*="sizeSmall"]': {
138
- fontSize: '12px',
139
- height: '32px',
140
- lineHeight: '12px'
141
- },
142
- // icon styling
143
- '& .MuiButton-startIcon': {
144
- margin: 0
145
- },
146
- '& .MuiSvgIcon-root': {
147
- marginRight: '8px',
148
- fontSize: '24px!important'
149
- }
150
- });
103
+ var SplitVertical = function SplitVertical(props) {
104
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
105
+ d: "M22 22H2V2h20v20zM20.001 8 20 4H4l.001 4h16zM20 20l.001-10h-16L4 20h16zm-4-5c0 .3-.244.545-.545.545h-2.91v2.91a.544.544 0 1 1-1.09 0v-2.91h-2.91a.545.545 0 1 1 0-1.09h2.91v-2.91a.544.544 0 1 1 1.09 0v2.91h2.91c.301 0 .545.244.545.545z"
106
+ }));
151
107
  };
152
- var variantsToClassName = function variantsToClassName(buttonVariants) {
153
- return buttonVariants.reduce(function (variants, _a) {
154
- var _b;
155
-
156
- var variant = _a.props.variant,
157
- style = _a.style;
158
- return __assign(__assign({}, variants), (_b = {}, _b["&." + variant] = style, _b));
159
- }, {});
108
+ var Expand = function Expand(props) {
109
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
110
+ d: "M6.36 9.5c.752.001 1.36.607 1.36 1.355v5.436h5.42c.751 0 1.36.607 1.36 1.355A1.357 1.357 0 0 1 13.14 19H5v-8.145A1.36 1.36 0 0 1 6.36 9.5zM19 4v8.145c0 .749-.609 1.354-1.36 1.355a1.359 1.359 0 0 1-1.36-1.355V6.709h-5.42c-.75 0-1.36-.607-1.36-1.355 0-.374.152-.713.398-.958.248-.245.587-.396.963-.396H19z"
111
+ }));
160
112
  };
161
- var buttonVariants = function buttonVariants(buttons) {
162
- return gwButtonVariants.map(function (variant) {
163
- return {
164
- props: {
165
- variant: variant
166
- },
167
- style: buttonStyle(buttons[variant])
168
- };
169
- });
113
+ var UnExpand = function UnExpand(props) {
114
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
115
+ d: "M3.86084312,12 C3.48526636,12 3.14555369,12.1508094 2.89848993,12.3958747 C2.6524224,12.6409399 2.5,12.9802611 2.5,13.3543081 C2.5,14.1024021 3.1096896,14.7086162 3.86084312,14.7086162 L9.27930998,14.7086162 L9.27930998,20.1446997 C9.27930998,20.8937859 9.88899958,21.4990078 10.6401531,21.5 C11.3913066,21.4990078 12,20.8937859 12,20.1446997 L12,12 L3.86084312,12 Z M21.1401531,8.29138381 L15.72069,8.29138381 L15.72069,2.85530026 C15.72069,2.10720627 15.1119966,1.50099217 14.3608431,1.5 C13.6086934,1.50099217 13.0009962,2.10819843 13,2.85530026 L13,11 L21.1401531,11 C21.5157299,11 21.8554425,10.8491906 22.1015101,10.6041253 C22.3475776,10.3590601 22.5,10.0197389 22.5,9.64569191 C22.5,8.89759791 21.8913066,8.29138381 21.1401531,8.29138381"
116
+ }));
170
117
  };
171
-
172
- var hex2rgba = function hex2rgba(hex, alpha) {
173
- if (alpha === void 0) {
174
- alpha = 1;
175
- }
176
-
177
- var _a = __read(hex.match(/\w\w/g).map(function (x) {
178
- return parseInt(x, 16);
179
- }), 3),
180
- r = _a[0],
181
- g = _a[1],
182
- b = _a[2];
183
-
184
- return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
118
+ var Delete = function Delete(props) {
119
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
120
+ d: "M17.504 8.228c.588 0 1.027.48.973 1.066l-.876 9.64A1.197 1.197 0 0 1 16.434 20H8.41c-.59 0-1.115-.48-1.167-1.066l-.877-9.64a.962.962 0 0 1 .973-1.066zm-2.115 1.228a.82.82 0 0 0-.819.82v7.674a.818.818 0 0 0 1.638 0v-7.675a.819.819 0 0 0-.819-.819zm-2.968 0a.819.819 0 0 0-.819.82v7.674a.818.818 0 1 0 1.638 0v-7.675a.82.82 0 0 0-.82-.819zm-2.968 0a.819.819 0 0 0-.818.82v7.674a.818.818 0 1 0 1.637 0v-7.675a.82.82 0 0 0-.82-.819zM13.432 4c.21 0 .404.168.436.376l.107.758 3.256-.01a1.606 1.606 0 0 1 1.61 1.6l.001.535-12.841.038L6 6.76a1.605 1.605 0 0 1 1.6-1.61l3.262-.008.103-.758a.454.454 0 0 1 .434-.38z"
121
+ }));
185
122
  };
186
- var parseColors = function parseColors(colors) {
187
- return Object.keys(colors).reduce(function (segmentList, key) {
188
- var _a;
189
-
190
- var segment = colors[key];
191
- var parsedSegment = Object.keys(segment).reduce(function (list, name) {
192
- var _a, _b;
193
-
194
- var value = segment[name];
195
- var color = value.fill || value.color; // converts hex to rgba value if color and opacity property has been set
196
-
197
- if (value && color && (value.opacity || value.opacity === 0)) {
198
- return __assign(__assign({}, list), (_a = {}, _a[name] = __assign(__assign({}, value), {
199
- rgba: hex2rgba(color, value.opacity)
200
- }), _a));
201
- }
202
-
203
- return __assign(__assign({}, list), (_b = {}, _b[name] = value, _b));
204
- }, {});
205
- return __assign(__assign({}, segmentList), (_a = {}, _a[key] = parsedSegment, _a));
206
- }, {});
123
+ var DrawRegion = function DrawRegion(props) {
124
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
125
+ d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
126
+ }));
207
127
  };
208
- var createShadows = function createShadows(elevations) {
209
- var SHADOW_LIST_SIZE = 25;
210
- var elevationList = Object.keys(elevations).map(function (elevationName) {
211
- return elevations[elevationName];
212
- });
213
- return Array(SHADOW_LIST_SIZE).fill('none').map(function (value, index) {
214
- if (index > 0) {
215
- var elevationIndex = index - 1;
216
-
217
- if (elevationList[elevationIndex]) {
218
- return elevationList[elevationIndex];
219
- }
220
- }
221
-
222
- return value;
223
- });
128
+ var DrawPolygon = function DrawPolygon(props) {
129
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
130
+ d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
131
+ }));
224
132
  };
225
- var BORDER_RADIUS = 3;
226
- var breakpoints = {
227
- mobile: 0,
228
- tablet: 768,
229
- desktop: 1024,
230
- dekstopHD: 1440,
231
- dekstopHDWide: 1920
133
+ var DrawFIRLand = function DrawFIRLand(props) {
134
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
135
+ d: "m8.792 0 4.37 2.748h5.106v7.48l.043.078a.585.585 0 0 1 .178-.048.691.691 0 0 1 .344.062l.105.06v.16l.033.04.048.255c.163.103.286.169.37.197a.295.295 0 0 0 .218 0c-.013.124-.013.192 0 .204.04.037.162.08.37.13a.874.874 0 0 1 .025.237.202.202 0 0 1-.07.124.25.25 0 0 0-.032.187c.007.03.058.003.076.106.007.04-.005.114 0 .225.002.047.01.13.026.251a1.363 1.363 0 0 1-.102.373c-.04.078-.138.203-.293.375a.19.19 0 0 1 0 .113c-.017.049-.063.047-.064.069-.01.155.003.436-.033.794-.004.046-.026.107-.07.117-.045.011-.103-.056-.157-.06-.08-.007-.148.036-.214.027-.019-.002-.056-.06-.077-.063-.05-.007-.144.04-.258.035a.293.293 0 0 1-.094-.025l-.066-.03-.085.116-.014.202c.086.035.128.063.127.083 0 .01-.025.02-.072.034l-.055.015-.013.047-.07.024c.024.002.04.029.048.08a.528.528 0 0 1-.02.205c.075.064.136.1.182.11.045.009.116 0 .211-.029.071.091.156.137.256.137.15 0 .131-.174.214-.137.04.018.052.128.125.24.012.02.036.043.072.068l.063.04v.221a.442.442 0 0 0-.115.262c-.007.135.097.198.06.301-.036.104-.129.01-.187.062-.04.034-.075.106-.107.217a.51.51 0 0 0-.202.098c-.052.052-.013.15-.09.194-.077.044-.243-.003-.3.03-.075.043-.032.161-.081.185-.032.015-.107.016-.13.033-.025.021-.034.062-.024.122a.785.785 0 0 1 .235.08c.078.046.193.11.211.222.01.058-.049.096-.08.13-.027.032-.024.06-.057.098a.864.864 0 0 1-.214.176c-.045.027-.09-.106-.152-.079-.103.048-.339.152-.63.31-.016.009-.063-.006-.143-.042l-.066-.032v.176h-.14c-.011-.044-.027-.071-.047-.08a.152.152 0 0 0-.068-.007l-.055.007-.073-.131-.235.035c-.089-.144-.142-.203-.16-.179-.01.014-.126-.045-.114.022.005.028.044.079.117.152l.06.06-.027.091-.32-.122-.183.152h-.139l-.02.07.102.151v.102l-.102.065.02.05.082-.02.164.12v.21l.246.089-.077.223.077.067.035.11.079.056.064.121.096.113.02.15.023.071-.023.08.016.091-.036.12.068.054-.032.03.007.129-.082.105-.035.043-.05.02a3.573 3.573 0 0 1-.15.273l-.06.084-.065.076v.05l-.02.052c.001.131.024.205.068.22.066.023.165-.131.227-.118.032.006-.04.048-.057.118-.003.014.016.037.057.069a.682.682 0 0 0-.275.18c-.063.06-.18.125-.26.215a.133.133 0 0 0-.024.042l-.03.098a.117.117 0 0 1-.073.072c-.102.036-.125-.132-.158-.13-.088.006-.093.15-.097.166-.004.02.02.046.054.074.008.006.01.018.01.033l-.009.1.011.03c.035.022.151-.055.155-.05.053.056.22-.022.274.05.025.033-.113.08-.051.204.062.124.15.03.198.1.017.024-.022.04-.02.092 0 .021.014.066.042.133-.013.054-.027.086-.042.094-.02.011-.052-.02-.073-.019a.109.109 0 0 0-.085.046c-.02.025.018.118 0 .164-.014.035-.105.022-.107.063-.002.05.164.085.087.184-.077.099-.123-.016-.169-.016-.046 0-.114.06-.186.053-.02-.002-.008-.063-.035-.072-.021-.007-.08.038-.105.035-.018-.002-.021-.038-.04-.035-.022.003-.06.045-.085.042-.029-.004-.085-.114-.129-.114-.034.001-.052.114-.09.107-.09-.016-.132.056-.162.007-.015-.025.014-.077.02-.127.002-.027-.022-.055-.02-.077.003-.018.024-.024.02-.036-.03-.07-.122-.027-.17-.115-.031-.058-.042-.108-.032-.15.02-.05.04-.084.059-.105.027-.03.077-.001.106-.025.033-.028.044-.108.054-.13.023-.045.06.053.063 0 0-.02.092-.136.085-.192-.007-.06-.022.06-.085 0-.017-.016-.019-.047-.012-.085.008-.042.104-.059.125-.108.016-.037.059-.115.054-.155-.005-.038-.058-.038-.052-.052l.052-.127c.005-.014.064.026.07.013.019-.047-.017-.145 0-.187.007-.018.125.02.128 0 .005-.022-.105-.101-.094-.138.01-.027.108-.062.122-.1.006-.016-.013-.04-.057-.074-.074.03-.126.037-.156.022-.045-.023.021-.117-.065-.14-.086-.02-.178.024-.257.024-.053 0-.089-.03-.107-.09-.054-.035-.14-.049-.2-.065-.024-.006-.035-.007-.05-.018l-.025-.024v-.215l-.165-.148a.814.814 0 0 1-.12.09c-.02.012-.06.004-.098.022a.391.391 0 0 0-.082.064.44.44 0 0 0-.144-.028.157.157 0 0 0-.093.044 1.378 1.378 0 0 0-.182-.029c-.053-.002-.095.04-.128.013-.097-.078.06-.191 0-.24-.06-.05-.177 0-.245-.03-.069-.03-.025-.05-.08-.14-.053-.092-.16-.137-.16-.241 0-.07.032-.132.094-.188a.558.558 0 0 0-.079-.157c-.012-.014-.042-.024-.091-.029.002-.04-.006-.06-.023-.06-.027 0-.036.015-.056.06-.02.046.004.083-.033.136-.02.03-.07.081-.153.157l-.068.06-.171-.08a.953.953 0 0 1-.24.046c-.053 0-.087-.015-.102-.046-.01-.053-.004-.083.018-.089.022-.006.071.007.15.04a1.621 1.621 0 0 1 0-.143c.002-.043.043-.06.037-.095-.006-.04-.061-.097-.102-.112-.153-.058-.298.059-.434.35-.04.016-.066.022-.078.02-.08-.018-.125-.044-.167-.044a.488.488 0 0 0-.14.024c-.115-.062.035-.218 0-.252-.018-.016-.056-.018-.114-.004l-.065.018-.27.123.03.075-.03.09.117.19c.01.048-.004.078-.042.09a.492.492 0 0 1-.155.007l-.083-.007-.061-.09h-.21c.002-.004-.027.018-.037 0-.015-.028-.016-.1-.026-.11-.029-.03-.075-.032-.074-.035.005-.013-.023-.028-.068-.017-.014.004-.022.03-.04.034a.704.704 0 0 1-.065.011l-.05.006-.287-.11c-.007-.03-.015-.048-.026-.057l-.02-.006-.03.006-.13-.118-.053.013c-.009-.013-.023-.017-.042-.013a.19.19 0 0 0-.047.021l-.032.02v.053l-.09.212-.06-.02-.059.05h-.156a.29.29 0 0 0-.113-.117c-.067-.036-.139-.006-.14-.017a.184.184 0 0 0-.052-.108.24.24 0 0 0-.085-.064l.014-.013.02-.017v-.039l-.088.04-.083.093a.37.37 0 0 0-.105-.026c-.062.001-.098.028-.1.026-.059-.049-.108-.082-.148-.133-.032-.04-.056-.1-.095-.138-.06-.06-.173-.108-.189-.167-.02-.074.018-.09.114-.15.074-.046.182-.14.317-.187.014-.005.046-.002.097.01l.058.014.05.122.121.1a.215.215 0 0 0 .051.125c.04.042.073.03.104 0a.188.188 0 0 0 .024-.054l.018-.057.21.015.033-.028h.068l.055.028h.118l.091-.015.056.077.083-.029.133.084.108.067.049.076c-.006.023-.006.04 0 .05.022.04.071.075.092.096.03.03.084.07.163.116.009-.032.049-.057.121-.075.054-.014.13-.025.227-.033l.104-.008-.024-.164-.2-.11-.045.04a.446.446 0 0 0-.138-.076.222.222 0 0 0-.082-.004l-.049.01-.15-.04a.378.378 0 0 0-.068-.09.135.135 0 0 0-.076-.023.093.093 0 0 0-.026-.078.219.219 0 0 0-.06-.043l-.044-.02v-.062l.153-.021.122-.082a.121.121 0 0 1 .072 0 .188.188 0 0 1 .046.031l.031.029h.184v-.06h-.174a.225.225 0 0 0-.042-.062c-.011-.01-.021-.01-.03 0V19.097l.132-.04c.067.048.123.08.166.094a.519.519 0 0 0 .186.02l.02-.007c.01-.01.265-.037.358-.123a.275.275 0 0 0 .088-.14l.005-.05h.068l.02.004a.937.937 0 0 0 .33.052.377.377 0 0 0 .248-.084l.037-.043-.02-.07a.807.807 0 0 1-.315.1c-.046 0-.09-.048-.156-.064a.967.967 0 0 0-.19-.013 1.722 1.722 0 0 0-.171-.096c-.136-.06-.249-.094-.315-.129a.124.124 0 0 1-.063-.067c.042.007.063-.005.063-.035 0-.046-.06.002-.063 0a.257.257 0 0 0-.05-.035l-.092-.046a.668.668 0 0 0-.102-.048l-.069-.024-.222-.113a.169.169 0 0 0-.02-.096.555.555 0 0 0-.057-.066l-.048-.05.104-.164c-.025.008-.043.008-.054 0-.033-.025-.06-.086-.076-.093-.026-.01-.056.065-.072.037a.317.317 0 0 1-.032-.118c-.016-.14.064-.186.24-.135l.082.028.2-.202.632-.742a3.91 3.91 0 0 0 .547-1.083c.054-.17.14-.364.194-.61.044-.206.1-.58.165-1.123.076-.118.138-.277.187-.479a1.1 1.1 0 0 0 .035-.41l-.018-.081.07-.044.136-.028c-.01.044-.01.068 0 .072.007.002.022-.003.045-.017l.04-.027v.074c-.026.064-.026.115 0 .154.039.058.034.032.17.103.05.025.13.017.243-.024.032-.01.04-.118.099-.147a.473.473 0 0 1 .154-.032l.077-.005.237.48-.058.274c.058.069.094.114.108.137.025.042.001.061.029.073.036.017.078.007.124-.029l.048-.044h.237l.06.253v.077l-.068.048-.067-.048-.037.127-.125.124h-.073l-.128.08-.05-.08-.195-.028c-.067.019-.108.039-.121.061-.01.015-.013.04-.01.076l.01.061.205.449-.05.077c.024.038.03.067.015.09-.014.022-.045.028-.091.018.027.068.057.104.091.107.012.001.032-.018.059-.06l.029-.047.108.028-.16.11c.014.018.003.053-.036.103a1.064 1.064 0 0 1-.11.118l-.082.073-.156.054.084.034.061.05h.063l.026.073c.084-.023.134-.032.15-.026l.055.025.055.034.147.114.229-.037.196.088.03.077c.08.022.139.043.174.062.033.017.066.064.095.08.041.022.2-.053.3-.08.062-.017.06.027.12 0 .083-.038.03-.175.154-.27.06-.046.063-.092.133-.14.1-.069.21-.138.317-.2.068-.04.172-.06.236-.13.169-.182.216-.422.217-.425 0 0-.004-.125-.03-.181a.71.71 0 0 0-.074-.099l-.048-.057.057-.037.013-.112h-.588a2.03 2.03 0 0 0-.16-.217c-.029-.031-.05-.047-.063-.046l-.01.006.032-.511.2-.312.183-.02-.029-.051h-.153c-.01-.045-.024-.069-.041-.07-.012-.002-.028.006-.05.023l-.035.033-.075-.008c-.032.063-.064.094-.094.093-.025 0-.14-.071-.355-.113a.156.156 0 0 0-.069.01l-.05.018-.164-.096a.137.137 0 0 1 0-.112.153.153 0 0 1 .066-.064l.06-.028.019-.08c-.025-.026-.037-.047-.037-.06 0-.04.036-.075.037-.123 0-.04-.036-.094-.035-.14l.004-.25c0-.03-.018-.06-.038-.097a.344.344 0 0 1-.045-.176c.001-.029.073-.105.095-.168.01-.03.016-.1.019-.21a.437.437 0 0 1 .138-.235c.066-.064.157-.13.275-.197.014-.008.03-.08.08-.132.034-.036.095-.056.13-.072.066-.031.16-.021.247-.055.065-.024.094-.082.213-.142.052-.027.15-.07.294-.127l.116-.046h.114c.05-.044.155-.08.315-.104.05-.008.123-.014.218-.018.06.013.102.02.129.018.031-.002.064-.036.125-.046.012-.002.036.007.074.028a.171.171 0 0 1 .128-.028c.04.009.113.043.216.102a.63.63 0 0 1 .203-.094l-.1-.293V3.715h-4.498L9.191 1.451 7.096 6.745l1.02 6.83-2.729 6.828 2.144.327.497-.327a.52.52 0 0 1 .205-.09c.033-.01.074-.004.12-.02.044-.016.104-.06.16-.067.037-.006.14.034.306.12l.108.057.087-.01.136.12.134.04.032-.049.29.073.03-.064.11-.065.12-.03.03-.105.01-.055c.063-.024.116-.024.158 0 .063.036.1.178.124.16 0 0 .04-.005.094.03.007.005.015.02.025.045.026-.01.046-.01.06 0a.45.45 0 0 1 .087.1c-.01-.031-.02-.058-.03-.08-.013-.033-.046-.048-.03-.065.007-.008.113.094.148.087.017-.004-.077-.078-.06-.116.006-.01.042-.01.109 0a.164.164 0 0 0 .017-.026l.03.003.038.007.074.15-.045.056a3.95 3.95 0 0 1-.222.233c-.1.074-.199.138-.295.19-.023.012-.095-.015-.124 0-.044.022-.102.103-.199.161-.02.013-.056-.014-.079 0l-.029.018-.04.026-.353-.044c-.014-.012-.023-.035-.027-.07a.983.983 0 0 1 0-.16 1.745 1.745 0 0 1-.272-.063c-.025-.009-.055-.054-.088-.067-.025-.01-.053.013-.083 0a.908.908 0 0 1-.124-.067c-.01.025-.024.04-.042.047a.128.128 0 0 1-.05.004l-.035-.004-.052.043-.05-.014c.022.122.013.19-.028.204a.507.507 0 0 1-.106.024l-.876.68L4 21.218l3.096-7.642-.993-6.831L8.792 0zm.73 19.28c.045.02.072.035.084.046.037.036.04.074.06.098.02.024.033.045.042.063l.008.026-.08.016-.035.041-.047-.02a.344.344 0 0 0-.052-.033l-.014-.004a.14.14 0 0 0-.056.016l-.038.02-.116-.036-.128.088-.053.062v-.09l-.155-.116-.015-.11.087-.021h.102c-.042.023-.025.03.053.021a3.52 3.52 0 0 0 .353-.067zm-.068-.73.054.02c-.02.038-.02.06 0 .067a.272.272 0 0 0 .1-.003l.057-.009.08.046h.196l.106.167c-.002.032.003.052.017.058.009.004.027.006.055.004l.048-.004.092.071.093.019-.03.11a.357.357 0 0 0-.084.061l-.044.039-.028-.014-.241.077-.11-.095c-.056.017-.089.022-.099.018-.066-.033-.051-.049-.05-.054.005-.052-.033-.106-.112-.16a2.11 2.11 0 0 0-.093-.029c-.028-.007-.018-.069-.04-.072-.019-.003-.07.053-.084.054-.03.002-.048.012-.056.03l-.003.035-.162.01c-.126-.1-.143-.196-.05-.287a.344.344 0 0 1 .292-.09l.096.018v-.087zm.576-.431.083.1.003-.002.01.009.04.027c.093.06.244.14.454.235.157.157.291.264.403.321.032.017.066.01.112 0l.05-.012.062.012v.041l-.031-.004c-.018-.002-.028 0-.032.004-.038.048-.042.114-.09.136a.866.866 0 0 1-.28.055c-.025-.031-.107-.065-.246-.102a.32.32 0 0 0-.13-.116.458.458 0 0 0-.149-.016l-.074.002-.125-.2c.024-.12-.009-.204-.098-.254-.133-.074-.337.103-.356.086-.103-.09-.081-.164-.059-.188.015-.017.079-.008.169-.033.034-.01.043-.052.12-.08a.76.76 0 0 1 .164-.021zm5.102-3.682a.16.16 0 0 0 .081.072c.032.012.108.025.227.04a.116.116 0 0 0 .067.052.53.53 0 0 0 .087.015l.066.006.1.146c.03.09.03.164 0 .225a1.72 1.72 0 0 1-.122.204l-.067.098-.103.083a.467.467 0 0 0-.255.046.823.823 0 0 0-.14.109l-.065.06h-.13l-.072.084.025.141c-.017.123-.042.19-.077.205-.17.07-.324.111-.388.065a1.96 1.96 0 0 1-.15-.126l-.069-.064-.36-.173-.179.026-.063-.074v-.137l.164-.162.639-.385.055.007c.08-.051.12-.103.12-.153 0-.034.01-.064.03-.092l.036-.039h.077c.09-.088.16-.148.212-.181.035-.022.08-.005.135-.026a.848.848 0 0 0 .119-.072zm-2.48-2.798.17.24-.068.334-.133.17-.209.178h-.205l.017-.225.12-.316.307-.38zm2.154-1.332.1.072-.12.08-.263.099-.184.022-.19.118-.278.053-.23.137-.067-.103.172-.171 1.06-.307zm1.26-.068.067.045-.1.057-.095-.012-.312.073-.201-.027-.133.06-.16.017-.124-.059v-.086l.098-.049.249.05.61-.058.102-.011z"
136
+ }));
232
137
  };
233
- var createTheme = function createTheme(paletteType, geowebColors, shadows) {
234
- return material.createTheme({
235
- breakpoints: {
236
- values: {
237
- xs: breakpoints.mobile,
238
- sm: breakpoints.tablet,
239
- md: breakpoints.desktop,
240
- lg: breakpoints.dekstopHD,
241
- xl: breakpoints.dekstopHDWide
242
- }
243
- },
244
- palette: {
245
- mode: paletteType,
246
- secondary: {
247
- main: geowebColors.typographyAndIcons.iconLinkActive
248
- },
249
- background: {
250
- paper: geowebColors.background.surfaceApp,
251
- "default": geowebColors.background.surfaceBrowser
252
- },
253
- text: {
254
- primary: geowebColors.typographyAndIcons.text
255
- },
256
- // geoweb color palette
257
- geowebColors: geowebColors
258
- },
259
- shape: {
260
- borderRadius: BORDER_RADIUS
261
- },
262
- typography: {
263
- fontFamily: ['Roboto', 'Helvetica', 'Arial', 'sans-serif'].join(',')
264
- },
265
- shadows: shadows,
266
- components: {
267
- MuiButton: {
268
- variants: buttonVariants(geowebColors.buttons)
269
- },
270
- MuiToggleButton: {
271
- styleOverrides: {
272
- root: variantsToClassName(buttonVariants(geowebColors.buttons))
273
- }
274
- },
275
- MuiIconButton: {
276
- // TODO: https://gitlab.com/opengeoweb/opengeoweb/-/issues/1926 remove default styling and create CustomIconButton
277
- styleOverrides: {
278
- root: defaultButtonStyle(geowebColors.buttons.flat)
279
- }
280
- },
281
- MuiCssBaseline: {
282
- styleOverrides: "\n html {\n -webkit-font-smoothing: auto;\n }\n "
283
- },
284
- MuiMenuItem: {
285
- styleOverrides: {
286
- root: {
287
- minHeight: '48px!important',
288
- fontSize: '0.875rem',
289
- letterSpacing: '0.25px',
290
- divider: {
291
- borderBottomColor: geowebColors.greys.accessibleLight
292
- },
293
- li: {
294
- '&:hover': {
295
- backgroundColor: geowebColors.tab.mouseOver.rgba
296
- }
297
- },
298
- '&.Mui-selected': {
299
- background: 'none',
300
- boxShadow: "inset 4px 0px 0px 0px " + geowebColors.typographyAndIcons.iconLinkActive
301
- }
302
- }
303
- }
304
- },
305
- MuiRadio: {
306
- styleOverrides: {
307
- root: {
308
- color: geowebColors.typographyAndIcons.iconLinkActive,
309
- '&.Mui-disabled': {
310
- color: geowebColors.typographyAndIcons.iconLinkDisabled + "!important"
311
- },
312
- '&.Mui-checked': {
313
- color: geowebColors.typographyAndIcons.iconLinkActive
314
- }
315
- }
316
- }
317
- },
318
- MuiCheckbox: {
319
- styleOverrides: {
320
- root: {
321
- color: geowebColors.typographyAndIcons.iconLinkActive,
322
- '&.Mui-disabled': {
323
- color: geowebColors.typographyAndIcons.iconLinkDisabled + "!important"
324
- },
325
- '&.Mui-checked': {
326
- color: geowebColors.typographyAndIcons.iconLinkActive
327
- }
328
- }
329
- }
330
- },
331
- MuiPaper: {
332
- styleOverrides: {
333
- root: {
334
- backgroundImage: 'unset'
335
- },
336
- outlined: {
337
- borderColor: geowebColors.cards.cardContainerBorder
338
- }
339
- }
340
- },
341
- MuiCard: {
342
- styleOverrides: {
343
- root: {
344
- backgroundColor: geowebColors.cards.cardContainer
345
- }
346
- }
347
- },
348
- MuiSlider: {
349
- styleOverrides: {
350
- root: {
351
- color: geowebColors.typographyAndIcons.iconLinkActive
352
- }
353
- }
354
- },
355
- MuiTable: {
356
- styleOverrides: {
357
- root: {
358
- borderSpacing: '0 0.25rem',
359
- borderCollapse: 'separate'
360
- }
361
- }
362
- },
363
- MuiTableRow: {
364
- styleOverrides: {
365
- head: {
366
- '&:hover': {
367
- boxShadow: shadows[0]
368
- }
369
- },
370
- root: {
371
- transition: 'box-shadow 100ms ease-out',
372
- boxShadow: shadows[0],
373
- borderRadius: BORDER_RADIUS,
374
- '&:hover': {
375
- boxShadow: shadows[1]
376
- },
377
- position: 'relative'
378
- }
379
- }
380
- },
381
- MuiTableCell: {
382
- styleOverrides: {
383
- head: {
384
- borderBottom: 'none',
385
- fontSize: '0.875rem',
386
- fontWeight: 400
387
- },
388
- body: {
389
- padding: 12,
390
- fontWeight: 500,
391
- backgroundColor: geowebColors.background.surface,
392
- borderStyle: 'solid',
393
- borderColor: 'transparent',
394
- borderWidth: 1,
395
- borderTopColor: geowebColors.cards.cardContainerBorder,
396
- borderBottomColor: geowebColors.cards.cardContainerBorder,
397
- '&:first-child': {
398
- borderLeftColor: geowebColors.cards.cardContainerBorder,
399
- borderRadius: BORDER_RADIUS + "px 0px 0px " + BORDER_RADIUS + "px"
400
- },
401
- '&:last-child': {
402
- borderRightColor: geowebColors.cards.cardContainerBorder,
403
- borderRadius: "0px " + BORDER_RADIUS + "px " + BORDER_RADIUS + "px 0px"
404
- }
405
- }
406
- }
407
- },
408
- MuiTabs: {
409
- styleOverrides: {
410
- root: {
411
- position: 'relative',
412
- '&:after': {
413
- content: '""',
414
- position: 'absolute',
415
- bottom: 0,
416
- height: 1,
417
- width: '100%',
418
- zIndex: 0,
419
- backgroundColor: hex2rgba(geowebColors.greys.accessible, 0.2)
420
- }
421
- },
422
- indicator: {
423
- zIndex: 1,
424
- backgroundColor: geowebColors.typographyAndIcons.iconLinkActive
425
- }
426
- }
427
- },
428
- MuiTab: {
429
- styleOverrides: {
430
- root: {
431
- textTransform: 'initial',
432
- '&.Mui-selected': {
433
- color: geowebColors.typographyAndIcons.iconLinkActive
434
- },
435
- '&:hover': {
436
- opacity: 1,
437
- color: geowebColors.typographyAndIcons.iconLinkActive,
438
- backgroundColor: geowebColors.tab.mouseOver.rgba
439
- }
440
- }
441
- }
442
- },
443
- MuiListItem: {
444
- styleOverrides: {
445
- root: {
446
- color: geowebColors.typographyAndIcons.text,
447
- fontSize: '14px',
448
- minHeight: '36px'
449
- },
450
- divider: {
451
- borderBottomColor: hex2rgba(geowebColors.greys.accessible, 0.2)
452
- }
453
- }
454
- },
455
- MuiListItemIcon: {
456
- styleOverrides: {
457
- root: {
458
- color: geowebColors.typographyAndIcons.icon,
459
- width: '24px',
460
- height: '24px'
461
- }
462
- }
463
- },
464
- MuiBackdrop: {
465
- styleOverrides: {
466
- root: {
467
- backgroundColor: geowebColors.backdrops.black.rgba
468
- }
469
- }
470
- },
471
- MuiTooltip: {
472
- styleOverrides: {
473
- tooltip: {
474
- backgroundColor: geowebColors.tooltips.tooltipContainer.rgba,
475
- color: geowebColors.tooltips.tooltipText.color,
476
- padding: '8px 12px',
477
- fontSize: 16,
478
- fontWeight: 400,
479
- fontStretch: 'normal',
480
- fontStyle: 'normal',
481
- letterSpacing: 0.44,
482
- lineHeight: 1.56
483
- }
484
- }
485
- },
486
- MuiLink: {
487
- styleOverrides: {
488
- root: {
489
- color: geowebColors.typographyAndIcons.textLinkActive,
490
- textDecoration: 'none',
491
- '&:hover': {
492
- textDecoration: 'underline',
493
- textDecorationColor: geowebColors.typographyAndIcons.textLinkActive
494
- }
495
- }
496
- }
497
- },
498
- MuiAlert: {
499
- styleOverrides: {
500
- standardError: {
501
- border: geowebColors.functional.errorOutline.border,
502
- borderRadius: '0px',
503
- backgroundColor: geowebColors.functional.errorOutline.fill,
504
- '& .MuiAlert-icon': {
505
- color: geowebColors.functional.error,
506
- opacity: 1
507
- }
508
- },
509
- standardWarning: {
510
- border: geowebColors.functional.warningOutline.border,
511
- borderRadius: '0px',
512
- backgroundColor: geowebColors.functional.warningOutline.fill,
513
- '& .MuiAlert-icon': {
514
- color: geowebColors.functional.warning,
515
- opacity: 1
516
- }
517
- },
518
- standardInfo: {
519
- border: geowebColors.functional.notificationOutline.border,
520
- borderRadius: '0px',
521
- backgroundColor: geowebColors.functional.notificationOutline.fill,
522
- '& .MuiAlert-icon': {
523
- color: geowebColors.functional.notification,
524
- opacity: 1
525
- }
526
- },
527
- standardSuccess: {
528
- border: geowebColors.functional.successOutline.border,
529
- borderRadius: '0px',
530
- backgroundColor: geowebColors.functional.successOutline.fill,
531
- '& .MuiAlert-icon': {
532
- color: geowebColors.functional.success,
533
- opacity: 1
534
- }
535
- },
536
- action: {
537
- color: geowebColors.buttons.tertiary["default"].color
538
- },
539
- message: {
540
- fontSize: '14px',
541
- lineHeight: 1.43,
542
- letterSpacing: '0.25px',
543
- color: geowebColors.typographyAndIcons.text
544
- }
545
- }
546
- },
547
- MuiTextField: {
548
- defaultProps: {
549
- variant: 'filled'
550
- }
551
- },
552
- MuiFilledInput: {
553
- styleOverrides: {
554
- root: {
555
- backgroundColor: geowebColors.textInputField["default"].rgba,
556
- '&.Mui-focused': {
557
- backgroundColor: geowebColors.textInputField.active.rgba,
558
- '&:after': {
559
- borderColor: 'transparent'
560
- }
561
- },
562
- '&.Mui-disabled': {
563
- backgroundColor: geowebColors.textInputField.disabled.rgba
564
- },
565
- '&.Mui-error': {
566
- '&:after': {
567
- borderColor: geowebColors.captions.captionError.color
568
- }
569
- }
570
- },
571
- underline: {
572
- '&:after': {
573
- borderWidth: '1px'
574
- },
575
- '&.Mui-disabled:before': {
576
- borderBottomStyle: 'solid'
577
- }
578
- }
579
- }
580
- },
581
- MuiFormLabel: {
582
- styleOverrides: {
583
- root: {
584
- color: geowebColors.captions.captionStatus.color,
585
- opacity: geowebColors.captions.captionStatus.opacity,
586
- '&.Mui-focused': {
587
- color: geowebColors.captions.captionInformation.color,
588
- opacity: geowebColors.captions.captionInformation.opacity
589
- },
590
- '&.Mui-error': {
591
- color: geowebColors.captions.captionError.color,
592
- opacity: geowebColors.captions.captionError.opacity
593
- },
594
- '&.Mui-disabled': {
595
- color: geowebColors.captions.captionDisabled.color,
596
- opacity: geowebColors.captions.captionDisabled.opacity
597
- }
598
- }
599
- }
600
- },
601
- MuiFormHelperText: {
602
- styleOverrides: {
603
- root: {
604
- color: geowebColors.captions.captionStatus.color,
605
- opacity: geowebColors.captions.captionStatus.opacity,
606
- '&.Mui-error': {
607
- color: geowebColors.captions.captionError.color,
608
- opacity: geowebColors.captions.captionError.opacity
609
- },
610
- '&.Mui-disabled': {
611
- color: geowebColors.captions.captionDisabled.color,
612
- opacity: geowebColors.captions.captionDisabled.opacity
613
- }
614
- }
615
- }
616
- }
617
- }
618
- });
619
- };
620
-
621
- /* *
622
- * Licensed under the Apache License, Version 2.0 (the "License");
623
- * you may not use this file except in compliance with the License.
624
- * You may obtain a copy of the License at
625
- *
626
- * http://www.apache.org/licenses/LICENSE-2.0
627
- *
628
- * Unless required by applicable law or agreed to in writing, software
629
- * distributed under the License is distributed on an "AS IS" BASIS,
630
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
631
- * See the License for the specific language governing permissions and
632
- * limitations under the License.
633
- *
634
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
635
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
636
- * */
637
-
638
- var colors$1 = {
639
- background: {
640
- surface: '#FFFFFF',
641
- surfaceApp: '#F5F5F5',
642
- surfaceBrowser: '#CFCFCF'
643
- },
644
- brand: {
645
- brand: '#00547d'
646
- },
647
- buttons: {
648
- primary: {
649
- "default": {
650
- fill: '#186DFF',
651
- color: '#FFFFFF',
652
- borderColor: 'transparent'
653
- },
654
- mouseOver: {
655
- fill: '#1047B0',
656
- color: '#FFFFFF',
657
- borderColor: '#71A6FF'
658
- },
659
- active: {
660
- fill: '#186DFF',
661
- color: '#FFFFFF',
662
- borderColor: 'transparent'
663
- },
664
- activeMouseOver: {},
665
- disabled: {
666
- fill: 'transparent',
667
- color: '#707070',
668
- borderColor: 'transparent'
669
- }
670
- },
671
- secondary: {
672
- "default": {
673
- fill: '#0876b6',
674
- color: '#FFFFFF',
675
- borderColor: 'transparent'
676
- },
677
- mouseOver: {
678
- fill: '#064c84',
679
- color: '#FFFFFF',
680
- borderColor: '#3DA6FF'
681
- },
682
- active: {
683
- fill: '#0876b6',
684
- color: '#FFFFFF',
685
- borderColor: 'transparent'
686
- },
687
- activeMouseOver: {},
688
- disabled: {
689
- fill: 'transparent',
690
- color: '#707070',
691
- borderColor: 'transparent'
692
- }
693
- },
694
- tertiary: {
695
- "default": {
696
- fill: 'transparent',
697
- color: '#575F7A',
698
- borderColor: '#575F7A'
699
- },
700
- mouseOver: {
701
- fill: '#E3E4E7',
702
- color: '#575F7A',
703
- borderColor: '#575F7A'
704
- },
705
- active: {
706
- fill: 'transparent',
707
- color: '#186DFF',
708
- borderColor: '#186DFF'
709
- },
710
- activeMouseOver: {
711
- fill: 'rgba(24, 109, 255, 0.1)',
712
- color: '#186DFF',
713
- borderColor: '#186DFF'
714
- },
715
- disabled: {
716
- fill: 'transparent',
717
- color: '#707070',
718
- borderColor: 'transparent'
719
- }
720
- },
721
- flat: {
722
- "default": {
723
- fill: 'transparent',
724
- color: '#575F7A',
725
- borderColor: 'transparent'
726
- },
727
- mouseOver: {
728
- fill: '#E3E4E7',
729
- color: '#575F7A',
730
- borderColor: 'transparent'
731
- },
732
- active: {
733
- fill: 'transparent',
734
- color: '#186DFF',
735
- borderColor: 'transparent'
736
- },
737
- activeMouseOver: {
738
- fill: 'rgba(24, 109, 255, 0.1)',
739
- color: '#186DFF',
740
- borderColor: 'transparent'
741
- },
742
- disabled: {
743
- fill: 'transparent',
744
- color: '#707070',
745
- borderColor: 'transparent'
746
- }
747
- },
748
- tool: {
749
- "default": {
750
- fill: '#ECEDEE',
751
- color: '#575F7A',
752
- borderColor: 'transparent'
753
- },
754
- mouseOver: {
755
- fill: '#E3E4E7',
756
- color: '#575F7A',
757
- borderColor: 'transparent'
758
- },
759
- active: {
760
- fill: '#186DFF',
761
- color: '#FFFFFF',
762
- borderColor: 'transparent'
763
- },
764
- activeMouseOver: {
765
- fill: '#1047B0',
766
- color: '#FFFFFF',
767
- borderColor: 'transparent'
768
- },
769
- disabled: {
770
- fill: 'transparent',
771
- color: '#707070',
772
- borderColor: 'transparent'
773
- }
774
- },
775
- boxed: {
776
- "default": {
777
- fill: 'transparent',
778
- color: '#575F7A',
779
- borderColor: '#575f7a'
780
- },
781
- mouseOver: {
782
- fill: '#E3E4E7',
783
- color: '#575F7A',
784
- borderColor: '#575f7a'
785
- },
786
- active: {
787
- fill: '#186DFF',
788
- color: '#FFFFFF',
789
- borderColor: 'transparent'
790
- },
791
- activeMouseOver: {
792
- fill: '#1047B0',
793
- color: '#FFFFFF',
794
- borderColor: 'transparent'
795
- },
796
- disabled: {
797
- fill: 'transparent',
798
- color: '#707070',
799
- borderColor: 'transparent'
800
- }
801
- },
802
- focusDefault: {
803
- outline: 'solid 2px #419cfe'
804
- }
805
- },
806
- typographyAndIcons: {
807
- text: '#051039',
808
- icon: '#051039',
809
- buttonIcon: '#FFFFFF',
810
- iconLinkActive: '#186DFF',
811
- iconLinkDisabled: '#CCCCCC',
812
- textLinkActive: '#186DFF',
813
- buttonIconTertiaryFlat: '#575F7A',
814
- inactiveText: '#707070'
815
- },
816
- textInputField: {
817
- "default": {
818
- fill: '#051039',
819
- opacity: 0.07
820
- },
821
- active: {
822
- fill: '#051039',
823
- opacity: 0.02
824
- },
825
- disabled: {
826
- fill: '#000000',
827
- opacity: 0
828
- }
829
- },
830
- tab: {
831
- mouseOver: {
832
- fill: '#051039',
833
- opacity: 0.07
834
- }
835
- },
836
- greys: {
837
- accessible: '#767676',
838
- accessibleLight: '#C5C5C5'
839
- },
840
- cards: {
841
- cardContainer: '#FFFFFF',
842
- cardContainerBorder: '#EEEEEE'
843
- },
844
- backdrops: {
845
- black: {
846
- fill: '#000000',
847
- opacity: 0.5
848
- },
849
- white: {
850
- fill: '#FFFFFF',
851
- opacity: 0.24
852
- }
853
- },
854
- screenManager: {
855
- activeWindow: '#FFFFFF',
856
- inactiveWindow: '#E8E5E5'
857
- },
858
- timeSlider: {
859
- // player
860
- playerNeedleTimeTop: {
861
- fill: '#E3004F',
862
- opacity: 100
863
- },
864
- playerNeedleTime: {
865
- fill: '#FFD523',
866
- opacity: 0.75
867
- },
868
- playerNeedlePlayerTop: {
869
- fill: '#051039',
870
- opacity: 100
871
- },
872
- playerNeedlePlayer: {
873
- fill: '#67F0FF',
874
- opacity: 0.75
875
- },
876
- playerRailObservation: {
877
- fill: '#0876B6',
878
- opacity: 100
879
- },
880
- playerRailSelection: {
881
- fill: '#C6D111',
882
- opacity: 0.5
883
- },
884
- playerRailForecastData: {
885
- fill: '#FD64FF',
886
- opacity: 0.6
887
- },
888
- playerRailForecastNoData: {
889
- fill: '#051039',
890
- opacity: 0.67
891
- },
892
- playerTimeMarkers: {
893
- fill: '#2C2C2C'
894
- },
895
- playerTimeText: {
896
- color: '#FFFFFF',
897
- fontFamily: 'Roboto',
898
- fontSize: 14
899
- },
900
- // timeline
901
- timelineIndicator: {
902
- fill: '#767676'
903
- },
904
- timelineText: {
905
- fontSize: 14,
906
- color: '#051039',
907
- fontFamily: 'Roboto'
908
- },
909
- timelineTimeScale: {
910
- fill: '#979797'
911
- },
912
- timelineNightTime: {
913
- fill: '#070808',
914
- opacity: 0.1
915
- },
916
- timelineTimelineSurface: {
917
- fill: '#FFFFFF'
918
- },
919
- timelineMonthChangeDash: {
920
- fill: '#767676',
921
- opacity: 0.5
922
- },
923
- timelineSelectionBackground: {
924
- fill: '#11D1C6',
925
- opacity: 0.25
926
- },
927
- // time scale
928
- timeScaleText: {
929
- fontSize: 12
930
- },
931
- timeScalePointer: {
932
- fill: '#F8F9F9'
933
- },
934
- timeScaleHorizontalScale: {
935
- fill: '#070808',
936
- opacity: 0.2
937
- },
938
- timeScaleTimeIndicators: {
939
- fill: '#767676'
940
- },
941
- timeScaleTimeIndicatorsActive: {
942
- fill: '#051039'
943
- },
944
- timeScaleShadowButtonScale: {
945
- filter: 'drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.28)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.24)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.40))'
946
- }
947
- },
948
- customSlider: {
949
- rail: '#488BFD',
950
- railDisabled: '#CCCCCC',
951
- track: '#186DFF',
952
- trackDisabled: '#CCCCCC',
953
- thumb: '#F8F9F9',
954
- thumbDisabled: '#CCCCCC',
955
- mark: '#FFFFFF',
956
- markDisabled: '#FFFFFF',
957
- switchTrack: '#72BB23',
958
- switchTrackDisabled: '#767676'
959
- },
960
- syncGroups: {
961
- drawerOpen: {
962
- fill: '#E8E5E5'
963
- }
964
- },
965
- layerManager: {
966
- tableRowDefaultText: {
967
- color: '#051039',
968
- opacity: 0.87,
969
- fontSize: 12
970
- },
971
- tableRowDefaultCardContainer: {
972
- fill: '#FFFFFF',
973
- border: '1px solid #EEEEEE'
974
- },
975
- tableRowDisabledText: {
976
- color: '#767676',
977
- opacity: 0.87,
978
- fontSize: 12
979
- },
980
- tableRowDisabledCardContainer: {
981
- fill: '#F5F5F5',
982
- border: '1px solid #EEEEEE'
983
- }
984
- },
985
- tooltips: {
986
- tooltipContainer: {
987
- fill: '#232323',
988
- opacity: 1
989
- },
990
- tooltipText: {
991
- color: '#FFFFFF'
992
- }
993
- },
994
- captions: {
995
- captionStatus: {
996
- color: '#051039',
997
- opacity: 0.67
138
+ var Location = function Location(props) {
139
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
140
+ d: "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3"
141
+ }));
142
+ };
143
+ var ThumbsUp = function ThumbsUp(props) {
144
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
145
+ viewBox: "0 0 58 69"
146
+ }, props), /*#__PURE__*/React__namespace.createElement("title", null, "Thumbs up"), /*#__PURE__*/React__namespace.createElement("g", {
147
+ id: "Thumbs-up",
148
+ stroke: "none",
149
+ strokeWidth: "1",
150
+ fill: "none",
151
+ fillRule: "evenodd"
152
+ }, /*#__PURE__*/React__namespace.createElement("path", {
153
+ d: "M3.99883665,31.7843145 C7.41834232,30.0745617 7.39773108,30.3805485 10.9988366,28.8843145 C14.5999422,27.3880805 16.06167,27.0500418 18.1988366,25.8843145 C19.0904815,25.3979628 19.820202,24.8243341 20.5488366,24.1634286 C20.9845024,23.7682595 22.8819728,21.7794437 23.5488366,20.8277879 C24.2586546,19.8148341 25.1756722,18.5003429 25.9988366,16.8843145 C28.3936103,12.1829184 28.889513,9.4076237 29.8988366,6.88431453 C30.4506375,5.50481234 31.0206747,4.13576029 31.6089482,2.77715837 C31.8562473,2.20602771 32.1648239,1.47549588 32.9988366,0.88431453 C33.2365758,0.715795602 34.0556054,0.253858312 35.0144255,0.0843145301 C36.0262338,-0.0945989315 37.1937102,0.0296108539 37.9980376,0.28431453 C38.7449403,0.520833719 39.4692925,0.860990256 40.1710941,1.30478414 C40.2879689,1.37869154 41.2393256,2.13799569 41.8988366,3.58269657 C42.290748,4.4412034 42.5040976,4.92788584 42.7988366,6.88431453 C42.9953293,8.18860032 43.0453293,9.52193365 42.9488366,10.8843145 C42.947848,11.8251839 42.6645146,13.1585172 42.0988366,14.8843145 C41.9160014,15.4421169 41.6403041,16.2990156 41.2988366,17.1941099 C40.9325633,18.1542284 40.4965053,19.1582935 40.1988366,19.8843145 C39.1594737,22.4193462 37.7498356,25.6900566 37.4561402,26.5124038 C37.2603433,27.0606352 37.1745754,27.6512721 37.1988366,28.2843145 C37.21217,28.4109812 37.2455033,28.5187344 37.2988366,28.6075742 C37.35217,28.6964139 37.45217,28.821994 37.5988366,28.9843145 C38.7401033,28.7100145 39.6802034,28.5266812 40.4191367,28.4343145 C41.6262088,28.2834305 44.7342553,28.0975232 47.4943878,28.1962584 C50.2545202,28.2949937 51.7465936,28.4428269 52.9988366,28.8843145 C53.8336653,29.1786396 54.540332,29.8453063 55.1188366,30.8843145 C55.3507184,31.5616882 55.477385,32.2303996 55.4988366,32.8904489 C55.5202882,33.5504981 55.4369549,34.21512 55.2488366,34.8843145 C54.956044,35.585751 54.5393773,36.1190843 53.9988366,36.4843145 C53.4582959,36.8495447 52.6416293,37.1495447 51.5488366,37.3843145 C51.46217,37.6709812 51.4455033,37.9376479 51.4988366,38.1843145 C51.55217,38.4309812 51.7188366,38.5976479 51.9988366,38.6843145 C53.0027645,38.7154727 53.6750204,38.7821393 54.0156044,38.8843145 C54.7031375,39.0905745 55.3642149,39.4239078 55.9988366,39.8843145 C56.4980387,40.3674862 56.831372,40.7202741 56.9988366,40.9426784 C57.2459451,41.2708552 57.8988366,42.3863253 57.8988366,43.8843145 C57.8988366,44.882974 57.53217,45.882974 56.7988366,46.8843145 C56.4100652,47.2645006 55.9767318,47.5818962 55.4988366,47.8365013 C55.0209415,48.0911064 54.5157721,48.2737108 53.9833285,48.3843145 L52.6988366,48.3843145 C52.2988366,48.6576479 52.0988366,48.9643145 52.0988366,49.3043145 C52.0988366,49.6443145 52.1655033,49.9376479 52.2988366,50.1843145 L53.4440689,50.6343145 C54.0486381,50.9097065 54.566894,51.3263732 54.9988366,51.8843145 C55.2403033,52.1962176 55.7126861,53.1830494 55.7488366,53.8843145 C55.7849872,54.5855797 55.7892838,54.8412841 55.675362,55.3021772 C55.5409724,55.8458769 55.3321306,56.373256 54.9488366,56.8843145 C54.6880408,57.2320423 54.3421972,57.542124 54.0113058,57.8145598 C53.720974,58.0536013 53.0623839,58.3923099 52.0355354,58.6843145 C51.8426264,58.739172 51.4970601,58.8058387 50.9988366,58.8843145 L49.2488366,58.9843145 C48.96217,59.1509812 48.7955033,59.3509812 48.7488366,59.5843145 C48.70217,59.8176479 48.7855033,60.0643145 48.9988366,60.3243145 L50.0168579,60.6843145 C51.0110333,61.2176479 51.5216929,61.9496429 51.5488366,62.8802998 C51.5895523,64.276285 51.475285,65.4556464 50.0016466,66.7843145 C49.4876586,67.2477386 48.8545536,67.4912052 48.1023318,67.7343145 C47.6452927,67.8820242 46.8607943,68.0486909 45.7488366,68.2343145 L40.0010327,68.6843145 C38.1462353,68.7443145 36.81217,68.7776479 35.9988366,68.7843145 C34.7788366,68.7943145 28.6377735,68.7414839 25.3910307,68.5132824 C22.1442879,68.2850808 21.4236621,68.1168902 18.9258088,67.5843145 C16.4279556,67.0517389 16.0894589,66.9976619 13.9988366,66.0843145 C12.6050885,65.4754163 11.2717551,64.6754163 9.99883665,63.6843145 L5.99912679,59.8445931 C5.6005732,59.505994 5.13964906,59.1744645 4.61635438,58.8500046 C3.83141237,58.3633147 3.44878136,58.2942773 2.99883665,57.9843145 C2.44718062,57.6042838 2.05635486,57.1737105 1.71932092,56.7662516 C1.30382099,56.2639309 0.723401214,54.7703696 0.498836646,53.8721113 C0.239479861,52.8346842 0.182966814,51.4491222 0.134208514,50.425802 C0.00166588165,47.644049 0.0975252306,47.2982714 0.0687602378,44.8458357 C0.0452570713,42.8420109 -0.0277106081,40.4082829 0.0112302522,39.9409643 C0.224109489,37.3862585 0.450803729,36.3915418 0.898836646,34.8843145 C1.09883665,34.2114947 1.78104521,33.1945675 2.17275045,32.889441 C2.5644557,32.5843145 3.13875358,32.2143561 3.99883665,31.7843145 Z",
154
+ id: "Path-2",
155
+ fill: "#FFBF00"
156
+ }), /*#__PURE__*/React__namespace.createElement("path", {
157
+ d: "M37.1988366,28.2843145 C36.6491114,28.3570112 36.2566531,28.4236779 36.0214618,28.4843145 C35.0603746,28.7321005 34.3937143,29.0314706 34.021481,29.207818 C33.777778,29.3232735 32.5285093,30.04554 31.6988366,30.8956082 C31.0356177,31.5751308 30.7670551,32.3363186 30.5620165,32.9344937 C29.9561734,34.7019667 30.4904911,36.5989836 30.5988366,36.8981554 C30.8174274,37.5017447 31.0945063,37.9694877 31.2988366,38.4843145 C31.4064264,38.7553957 31.4498365,39.7521385 31.3985954,40.9130014 C31.388536,41.1408948 31.3995111,42.8738523 30.5816296,45.1307691 C30.125032,46.3907349 29.4940749,47.743868 28.6988366,48.906031 C27.6082165,50.4998658 26.3589437,51.7345157 26.1988366,51.8770596 C25.2520649,52.7199732 23.8988366,53.516454 23.3777374,54.1031009 C22.8566381,54.6897478 22.8988366,54.7174426 22.8988366,54.8843145 C22.8988366,55.0643438 22.9342857,55.2139882 23.0063234,55.32641 C23.2544011,55.7135594 23.9363916,55.6592779 25.0988366,54.8843145 C25.8683088,54.3713331 26.8213311,53.5952018 27.5988366,52.8259025 C28.3369913,52.0955388 28.9092218,51.3713331 29.2988366,50.8843145 C29.6096134,50.4958436 30.1890589,49.8244169 30.7488366,48.8700346 C31.0160857,48.4143934 31.4327524,47.5858201 31.9988366,46.3843145 C31.9988366,46.7176479 32.33217,47.2176479 32.9988366,47.8843145 C33.1686748,48.0541527 33.5020081,48.3041527 33.9988366,48.6343145 C33.535822,48.6343145 33.2024887,48.6676479 32.9988366,48.7343145 C31.9774176,49.1343145 31.4345654,49.3440777 30.8488366,49.8843145 C30.1709576,50.5095446 29.6310297,51.1756019 29.3988366,52.3843145 C29.1722814,53.5636787 29.3142136,54.632966 29.6488366,55.5921767 C29.928312,56.3933044 30.3156141,57.1176481 30.9865396,57.7652076 C31.1856402,57.9573742 31.5230725,58.2304098 31.9988366,58.5843145 C30.2988366,59.4509812 29.4488366,60.8843145 29.4488366,62.8843145 C29.4488366,65.8843145 31.4988366,68.7843145 35.9988366,68.7843145 C37.2162866,68.7843145 38.5382158,68.7607397 39.9988366,68.6843145 C41.1579568,68.623665 43.0746234,68.473665 45.7488366,68.2343145 C42.81999,68.0652276 40.9033233,67.948561 39.9988366,67.8843145 C38.4397862,67.7735739 34.9576244,67.4218793 34.5109642,67.2843145 C33.8898949,67.0930342 33.3876529,66.66767 32.9988366,66.3843145 C31.7988366,65.509797 31.6488366,63.8668327 31.6488366,63.3843145 C31.6488366,62.6767971 32.115551,61.4820497 32.7124803,60.9291427 C33.2967248,60.387985 34.101504,59.9827037 34.9988366,59.8343145 C36.8129843,59.5343145 37.8279851,59.6343145 38.9968712,59.6343145 C41.8836014,59.6343145 46.4559662,59.9063364 47.0327603,59.9503801 C47.6352731,59.9963876 48.2906319,60.1194654 48.9988366,60.3196132 C48.7881139,60.0647262 48.7047806,59.8196266 48.7488366,59.5843145 C48.7928927,59.3490025 48.9595594,59.1490025 49.2488366,58.9843145 C41.7042463,58.5910176 37.2875796,58.2576842 35.9988366,57.9843145 C34.0657222,57.57426 33.0783849,56.5232188 32.4988366,55.3843145 C32.1808463,54.7594131 31.9988366,54.0680377 32.1988366,52.8843145 C32.4054546,51.661422 33.0758788,51.154421 33.9988366,50.7343145 C35.0343809,50.2629616 36.2160776,50.213626 38.0168693,50.1343145 C41.4226671,49.9843145 41.9988366,49.8715355 44.9988366,49.8843145 C47.4322993,49.8928339 49.8656327,49.9928339 52.2988366,50.1843145 C52.1655033,49.9452767 52.0988366,49.6535253 52.0988366,49.3090604 C52.0988366,48.9645954 52.2988366,48.6563468 52.6988366,48.3843145 C49.4970675,48.4374708 47.2644784,48.4840975 46.0010696,48.5241946 C42.8267531,48.6249387 40.1650305,48.7843145 38.0159019,48.6090596 C36.5073153,48.3843145 35.5349602,47.7454709 35.0988366,47.3586886 C33.5267511,45.9644623 33.6909724,44.1458838 33.6988366,43.902953 C33.7490538,42.3517256 34.2594453,41.6540102 34.9988366,41.2843145 C36.9988366,40.2843145 38.521019,40.3843145 40.9988366,39.8843145 L51.9988366,38.6843145 C51.7847588,38.5992008 51.6347588,38.4325341 51.5488366,38.1843145 C51.4629145,37.9360949 51.4629145,37.6694283 51.5488366,37.3843145 C48.6830402,37.6590904 46.693269,37.8590904 45.579523,37.9843145 C44.2653604,38.1320725 42.7384649,38.3154059 40.9988366,38.5343145 C38.9988366,38.6009812 37.6749072,38.5733169 37.0270482,38.4513217 C35.0988366,38.2216852 33.4888366,37.4843145 33.4388366,34.8545872 C33.3888366,32.7744565 33.7430954,32.2207578 33.8988366,31.9295788 C34.3117653,31.1575537 34.9128559,30.575799 35.3988366,30.1843145 C36.0681111,29.6451768 36.8014444,29.2451768 37.5988366,28.9843145 C37.4503711,28.8228789 37.3503711,28.6970685 37.2988366,28.6068833 C37.2473022,28.516698 37.2139689,28.4091751 37.1988366,28.2843145 Z",
158
+ id: "Path",
159
+ fill: "#F28700"
160
+ })));
161
+ };
162
+ var Edit = function Edit(props) {
163
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
164
+ 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"
165
+ }));
166
+ };
167
+ var Export = function Export(props) {
168
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
169
+ d: "M14.744 5.476a1.252 1.252 0 1 0 0 2.504h2.752v9.516H6.48v-1.753a1.251 1.251 0 1 0-2.504 0v3.004c0 .693.561 1.253 1.252 1.253h13.52C19.44 20 20 19.44 20 18.747V6.727c0-.69-.56-1.251-1.252-1.251zM9.133 2.385a1.252 1.252 0 0 0-1.77 0L1.773 7.974l5.54 5.54c.49.49 1.281.49 1.77 0l.022-.026a1.25 1.25 0 0 0-.021-1.745L6.568 9.225h1.371c.914 0 2.756.618 4.045 2.763 1.29 2.145.352 2.526.653 2.526.301 0 1.943-1.798.721-4.295-1.71-3.498-4.6-3.498-5.346-3.498H6.568l2.565-2.565a1.253 1.253 0 0 0 0-1.771z"
170
+ }));
171
+ };
172
+ var ListItem = function ListItem(props) {
173
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
174
+ d: "M3 3h4v4H3V3zm0 7h4v4H3v-4zm0 7h4v4H3v-4zm7-14h11v4H10V3zm0 7h11v4H10v-4zm0 7h11v4H10v-4z"
175
+ }));
176
+ };
177
+ var TimeSeriesManager = function TimeSeriesManager(props) {
178
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
179
+ d: "M4,3 L4,19 L22,19 L22,21 L2,21 L2,3 L4,3 Z M21.205593,3.52920887 L22.0247451,4.1027853 L15.9984337,15.1373978 L10.8379459,10.3032107 L5.81915204,17.4707911 L5,16.8972147 L10.7357644,8.70569425 L15.8962522,13.5398814 L21.205593,3.52920887 Z"
180
+ }));
181
+ };
182
+ var Close = function Close(props) {
183
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
184
+ d: "m13.805 12 4.821-4.822a1.276 1.276 0 1 0-1.804-1.804L12 10.195 7.178 5.374a1.276 1.276 0 1 0-1.804 1.804L10.196 12l-4.822 4.822a1.276 1.276 0 1 0 1.804 1.805L12 13.805l4.822 4.822a1.274 1.274 0 0 0 1.804 0c.499-.5.499-1.306 0-1.805L13.805 12z"
185
+ }));
186
+ };
187
+ var KeyOption = function KeyOption(props) {
188
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
189
+ viewBox: "0 0 12 11"
190
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
191
+ d: "m4.01.88 4.55 9.11h3.14V11H7.74L3.19 1.9H.06V.88h3.95zm7.69 0V1.9H6.97V.88h4.73z"
192
+ }));
193
+ };
194
+ var KeyCommand = function KeyCommand(props) {
195
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
196
+ viewBox: "0 0 12 12"
197
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
198
+ d: "M9.04.63c1.04 0 2.15.81 2.15 2.17 0 1-.79 2.13-2.15 2.13H7.9v2.02H9c1.4 0 2.19 1.15 2.19 2.05 0 1.6-1.19 2.26-2.19 2.26S6.89 10.5 6.89 9V7.97H4.86V9c0 1.5-1.11 2.26-2.15 2.26C1.7 11.26.56 10.5.56 9c0-1 .99-2.05 2.15-2.05h1.14V4.93H2.71C1.55 4.93.525 4 .561 2.72.598 1.442 1.7.63 2.71.63c1.04 0 2.15.75 2.15 2.17v1.12h2.03V2.8C6.89 1.38 8 .63 9.04.63zM3.85 7.96H2.71A1.14 1.14 0 1 0 3.85 9.1V7.96zm5.19 0H7.9V9.1a1.14 1.14 0 1 0 1.14-1.14zM6.89 4.93H4.86v2.02h2.03V4.93zM2.71 1.64a1.14 1.14 0 0 0 0 2.28h1.14V2.78c0-.63-.51-1.14-1.14-1.14zm6.33 0c-.63 0-1.14.51-1.14 1.14v1.14h1.14a1.14 1.14 0 0 0 0-2.28z"
199
+ }));
200
+ };
201
+ var ArrowLeft = function ArrowLeft(props) {
202
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
203
+ viewBox: "0 0 12 6"
204
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
205
+ d: "M3.355 0 .395 2.96l2.96 2.96V3.47h8.01V2.45h-8.01z"
206
+ }));
207
+ };
208
+ var ArrowRight = function ArrowRight(props) {
209
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
210
+ viewBox: "0 0 12 6"
211
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
212
+ d: "m8.405 5.92 2.96-2.96L8.405 0v2.45H.395v1.02h8.01z"
213
+ }));
214
+ };
215
+ var ArrowDown = function ArrowDown(props) {
216
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
217
+ viewBox: "0 0 6 12"
218
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
219
+ d: "m-.08 8.89 2.96 2.96 2.96-2.96H3.39V.88H2.37v8.01z"
220
+ }));
221
+ };
222
+ var ArrowUp = function ArrowUp(props) {
223
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
224
+ viewBox: "0 0 6 11"
225
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
226
+ d: "M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z"
227
+ }));
228
+ };
229
+ var Exclamation = function Exclamation(props) {
230
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
231
+ d: "M12.862 16.72c-.22.226-.507.339-.86.339-.364 0-.662-.113-.894-.34-.232-.226-.347-.52-.347-.885 0-.32.118-.59.356-.81a1.25 1.25 0 0 1 .884-.331c.332 0 .613.11.845.33.232.222.347.491.347.811 0 .365-.11.66-.33.886zm.216-9.805-.134 6.669H11.06l-.15-6.67h2.169zM12 4.5a7.501 7.501 0 0 0 0 15 7.5 7.5 0 0 0 0-15z"
232
+ }));
233
+ };
234
+ var Visibility = function Visibility(props) {
235
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
236
+ d: "M14.4980749,15.8618431 C15.8661433,15.0851043 16.779689,13.6936347 16.779689,12.1014551 C16.779689,10.5092755 15.8661433,9.11870594 14.4980749,8.34106705 C17.6257313,9.18620931 19.3529176,11.4300215 19.8092405,12.1014551 C19.3529176,12.7719886 17.6266313,15.0167008 14.4980749,15.8618431 L14.4980749,15.8618431 Z M4.18985949,12.1014551 C4.64618231,11.4300215 6.37336867,9.18710936 9.49922496,8.3419671 C8.13295665,9.11870594 7.21851093,10.5101755 7.21851093,12.1014551 C7.21851093,13.6936347 8.13295665,15.0842042 9.49922496,15.8618431 C6.37336867,15.0167008 4.64618231,12.7728886 4.18985949,12.1014551 L4.18985949,12.1014551 Z M11.99955,13.8583429 C10.9950998,13.8583429 10.180559,13.0717036 10.180559,12.1014551 C10.180559,11.1312066 10.9950998,10.3445672 11.99955,10.3445672 C13.0031002,10.3445672 13.8176409,11.1312066 13.8176409,12.1014551 C13.8176409,13.0717036 13.0031002,13.8583429 11.99955,13.8583429 L11.99955,13.8583429 Z M20.7983899,11.7666383 C20.6813841,11.5713286 17.8696435,7 11.99955,7 C6.12945647,7 3.31681584,11.5713286 3.19980999,11.7666383 L3,12.1014551 L3.19980999,12.4362718 C3.31681584,12.6306815 6.12945647,17.2020101 11.99955,17.2020101 C17.8696435,17.2020101 20.6813841,12.6306815 20.7983899,12.4362718 L21,12.1014551 L20.7983899,11.7666383 Z"
237
+ }));
238
+ };
239
+ var VisibilityOff = function VisibilityOff(props) {
240
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
241
+ d: "M12 15.309c-.755 0-1.45-.088-2.092-.236l.798-.797c.41.124.844.192 1.294.192 2.453 0 4.442-1.988 4.442-4.44 0-.495-.085-.907-.234-1.255l.03-.03c1.72.906 2.781 2.167 3.218 2.766-.724.992-3.151 3.8-7.456 3.8zm-7.456-3.8c.442-.607 1.522-1.89 3.276-2.796-.166.36-.261.79-.261 1.315 0 1.228.499 2.34 1.305 3.144l-1.102 1.104c-1.72-.906-2.78-2.169-3.218-2.767zm5.646-3.524c.818 0 1.482.665 1.482 1.483 0 .818-.664 1.481-1.482 1.481s-1.482-.663-1.482-1.481c0-.818.664-1.483 1.482-1.483zm10.608 3.19c-.073-.125-1.245-2.026-3.603-3.388l2.009-2.01c.406-.406.406-1.065 0-1.473-.407-.405-1.066-.405-1.473 0l-2.58 2.582c-.93-.295-1.98-.478-3.151-.478-5.87 0-8.681 4.57-8.798 4.766L3 11.51l.202.335c.073.124 1.244 2.025 3.603 3.387l-2.009 2.01c-.406.406-.406 1.065 0 1.472.204.203.47.305.737.305.266 0 .532-.102.736-.305l2.58-2.58c.93.293 1.98.476 3.151.476 5.87 0 8.681-4.57 8.798-4.765l.202-.335-.202-.335z"
242
+ }));
243
+ };
244
+ var HamburgerMenu = function HamburgerMenu(props) {
245
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
246
+ d: "M18.693 7.732H5.306C4.584 7.732 4 7.12 4 6.366 4 5.611 4.584 5 5.306 5h13.387C19.414 5 20 5.611 20 6.366c0 .754-.586 1.366-1.307 1.366m0 5.634H5.306C4.584 13.366 4 12.754 4 12c0-.755.584-1.367 1.306-1.367h13.387c.721 0 1.307.612 1.307 1.367 0 .753-.586 1.365-1.307 1.365m0 5.634H5.306C4.584 19 4 18.388 4 17.634c0-.754.584-1.367 1.306-1.367h13.387c.721 0 1.307.613 1.307 1.367S19.414 19 18.693 19"
247
+ }));
248
+ };
249
+ var GeoWebLogo = function GeoWebLogo() {
250
+ return /*#__PURE__*/React__namespace.createElement("svg", {
251
+ id: "svg4550",
252
+ style: {
253
+ width: 44,
254
+ height: 30
998
255
  },
999
- captionInformation: {
1000
- color: '#1100FF',
1001
- opacity: 1
256
+ xmlns: "http://www.w3.org/2000/svg,Rdf:http://www.w3.org/1999/02/22-rdf-syntax-ns#,Cc:http://creativecommons.org/ns#,Dc:http://purl.org/dc/elements/1.1/",
257
+ height: "55.156mm",
258
+ viewBox: "0 0 289.84072 195.43326",
259
+ width: "81.799mm",
260
+ version: "1.1",
261
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
262
+ }, /*#__PURE__*/React__namespace.createElement("defs", {
263
+ id: "defs14"
264
+ }, /*#__PURE__*/React__namespace.createElement("linearGradient", {
265
+ id: "linearGradient4263",
266
+ y2: "113.1",
267
+ gradientUnits: "userSpaceOnUse",
268
+ y1: "76.066",
269
+ gradientTransform: "translate(0 -.0012816)",
270
+ x2: "199.26",
271
+ x1: "160.9"
272
+ }, /*#__PURE__*/React__namespace.createElement("stop", {
273
+ id: "stop4259",
274
+ stopColor: "#fff",
275
+ stopOpacity: ".33333",
276
+ offset: "0"
277
+ }), /*#__PURE__*/React__namespace.createElement("stop", {
278
+ id: "stop4261",
279
+ stopColor: "#fff",
280
+ stopOpacity: "0",
281
+ offset: "1"
282
+ })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
283
+ id: "linearGradient4240",
284
+ y2: "79.833",
285
+ gradientUnits: "userSpaceOnUse",
286
+ x2: "120.82",
287
+ y1: "120.77",
288
+ x1: "128.56"
289
+ }, /*#__PURE__*/React__namespace.createElement("stop", {
290
+ id: "stop4236",
291
+ stopColor: "#fff",
292
+ stopOpacity: "0",
293
+ offset: "0"
294
+ }), /*#__PURE__*/React__namespace.createElement("stop", {
295
+ id: "stop4238",
296
+ stopColor: "#fff",
297
+ stopOpacity: ".33333",
298
+ offset: "1"
299
+ }))), /*#__PURE__*/React__namespace.createElement("g", {
300
+ id: "layer1",
301
+ transform: "translate(353.49 -626.07)"
302
+ }, /*#__PURE__*/React__namespace.createElement("g", {
303
+ id: "g4"
304
+ }, /*#__PURE__*/React__namespace.createElement("path", {
305
+ id: "path4220",
306
+ d: "m-207 679.86c-7.6546-3.9726-16.149-6.0541-24.773-6.0703-24.585 0.0315-46.045 16.665-52.207 40.465-2.23-0.35755-4.4838-0.54689-6.7422-0.56642-24.881-0.00043-45.051 20.17-45.051 45.051-0.00043 24.881 20.17 45.051 45.051 45.051 36.152-0.20272 72.845-0.0898 109.18-0.0898 8.9834 0 22.962 0.009 36.879 0.0165 9.7409 0.38215 35.645-0.43398 53.537-23.548 17.892-23.115 7.1203-72.79-0.31513-94.017s-30.566-42.361-53.247-42.361c-26.664 0-50.367 14.562-62.311 36.07z",
307
+ fill: "#0b9ee5"
308
+ }), /*#__PURE__*/React__namespace.createElement("path", {
309
+ id: "path4220-7",
310
+ opacity: ".98",
311
+ d: "m-335.78 758.74c-0.00043 24.881 20.17 45.051 45.051 45.051 36.152-0.20272 72.845-0.0898 109.18-0.0898 10.101 0 27.126 0.009 42.523 0.0156 11.975-0.4199 32.775-4.017 47.893-23.547 4.439-5.7347 7.1108-13.107 8.5098-21.271-35.448-0.0105-239.67-0.15823-253.16-0.15823z",
312
+ fill: "#60bce9"
313
+ })), /*#__PURE__*/React__namespace.createElement("path", {
314
+ id: "path4220-2",
315
+ d: "m-144.69 643.79c-19.529 0-37.464 7.8167-50.359 20.447-4.6476 4.6419-8.6513 9.9041-11.953 15.623 0 40.944 0.0195 77.914 0.0195 123.83 8.4824 0.007 16.983 0.0137 25.438 0.0137 10.101 0 27.126 0.009 42.523 0.0156 11.975-0.4199 32.775-4.017 47.893-23.547 17.892-23.115 7.1209-72.791-0.31446-94.018s-30.565-42.361-53.246-42.361z",
316
+ fill: "#fff",
317
+ fillOpacity: ".31373"
318
+ })), /*#__PURE__*/React__namespace.createElement("g", {
319
+ id: "g4244",
320
+ transform: "translate(2.926 -1.3827)"
321
+ }, /*#__PURE__*/React__namespace.createElement("path", {
322
+ id: "path4329",
323
+ fill: "#003232",
324
+ d: "m211.54 98.88c11.484 8.7901 14.857 8.43 22.486 19.238 3.6519 5.1733 5.5602 11.69 5.5645 18.164-0.00018 17.949-14.551 32.499-32.5 32.498-17.948-0.00018-32.498-14.55-32.498-32.498 0.006-0.50098 0.0236-1.0018 0.0527-1.502-3.4629-1.1175-6.9173-1.9297-9.6543-1.9297-2.7565 0-6.2409 0.82134-9.7285 1.9512 0.036 0.49286 0.0607 0.98649 0.0742 1.4805-0.00018 17.948-14.55 32.498-32.498 32.498-17.948-0.00019-32.498-14.55-32.498-32.498 0.006-3.5239 0.71774-6.9687 1.8781-10.26 5.474-20.521 8.7944-44.229 27.665-46.855 8.2552-1.1488 15.952 8.848 25.107 8.848 9.1558-0.00028 9.318-14.58 23.088-14.836 16.828-0.3123 31.185 16.304 43.462 25.701zm-4.7539 13.92c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-84.125 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"
325
+ }), /*#__PURE__*/React__namespace.createElement("path", {
326
+ id: "path4329-2",
327
+ fill: "url(#linearGradient4263)",
328
+ d: "m157.24 77.869c-2.1199 2.1753-3.6401 4.4832-5.4018 6.5241-0.53185 0.61614-1.2448 1.3191-1.8477 1.7949-1.2058 0.9517-2.5477 1.6107-4.168 1.7793-0.27005 0.0281-0.54787 0.04296-0.83398 0.04297 5.0928 13.298 11.821 26.014 20 44.834 2.737 0 6.1914 0.8122 9.6543 1.9297-0.0291 0.5002-0.0467 1.001-0.0527 1.502 0 8.4131 3.196 16.08 8.4414 21.852 0.34969 0.38474 0.70861 0.75939 1.0762 1.127 5.881 5.8809 14.007 9.5194 22.98 9.5195 0.5609 0.00004 1.118-0.0149 1.6719-0.043 3.3236-0.16829 6.5154-0.83435 9.502-1.9277 0.99554-0.36446 1.9688-0.77802 2.916-1.2344 1.4208-0.68453 2.7833-1.4677 4.0801-2.3438 8.645-5.84 14.33-15.731 14.33-26.949-0.004-6.474-2.0849-12.873-5.5645-18.164-7.0668-10.745-14.684-12.763-22.486-19.238-11.815-9.8048-26.968-25.716-42.627-25.716-6.2104 0-9.3385 2.3185-11.67 4.7112zm49.543 34.924c4.9706 0 9.5876 1.5119 13.418 4.0996 0.6384 0.43129 1.255 0.89176 1.8476 1.3809 0.59266 0.4891 1.1622 1.0059 1.7051 1.5488 4.3431 4.3431 7.0293 10.343 7.0293 16.971 0 12.841-10.085 23.326-22.766 23.969-0.40906 0.0207-0.82015 0.0312-1.2344 0.0312-4.97 0-9.5878-1.5105-13.418-4.0976-0.00044-0.0003-0.002 0.00029-0.002 0-6.384-4.3129-10.58-11.618-10.58-19.902 0-6.6275 2.6862-12.628 7.0293-16.971 0.54288-0.54289 1.1124-1.0597 1.7051-1.5488 0.59266-0.4891 1.2073-0.94957 1.8457-1.3809 3.8304-2.5878 8.4493-4.0996 13.42-4.0996z"
329
+ }), /*#__PURE__*/React__namespace.createElement("path", {
330
+ id: "path4329-7",
331
+ d: "m121.43 79.077c-0.51208-0.01011-1.027 0.01805-1.543 0.08985-18.871 2.626-22.19 26.335-27.664 46.856-1.1604 3.2913-1.8729 6.7359-1.8789 10.26 0 17.948 14.55 32.498 32.498 32.498s32.498-14.55 32.498-32.498c-0.0135-0.49402-0.0382-0.98762-0.0742-1.4805 3.5012-1.0071 5.7853-1.8693 9.6893-1.9248-4.8944-11.377-14.29-31.914-19.961-44.863-8.5828 0.000001-15.883-8.7859-23.565-8.9376zm1.2344 33.723c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z",
332
+ fill: "url(#linearGradient4240)"
333
+ })));
334
+ };
335
+ var Add = function Add(props) {
336
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
337
+ d: "M13.226 13.225h6.549a1.225 1.225 0 1 0 0-2.45h-6.55v-6.55a1.225 1.225 0 1 0-2.45 0v6.55h-6.55a1.225 1.225 0 1 0 0 2.45h6.55v6.55A1.224 1.224 0 0 0 12 21c.677 0 1.225-.548 1.225-1.225v-6.55z"
338
+ }));
339
+ };
340
+ var Clock = function Clock(props) {
341
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
342
+ 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"
343
+ }));
344
+ };
345
+ var Success = function Success(props) {
346
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
347
+ 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"
348
+ }));
349
+ };
350
+ var Cancel = function Cancel(props) {
351
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
352
+ d: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 16.105a7.105 7.105 0 0 0 5.681-11.373l-9.949 9.95A7.074 7.074 0 0 0 12 19.104zm0-14.21a7.105 7.105 0 0 0-5.681 11.373l9.949-9.95A7.074 7.074 0 0 0 12 4.896z"
353
+ }));
354
+ };
355
+ var DragHandle = function DragHandle(props) {
356
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
357
+ d: "M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"
358
+ }));
359
+ };
360
+ var AutoUpdateActive = function AutoUpdateActive(props) {
361
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
362
+ transform: "translate(-3 -3)"
363
+ }, /*#__PURE__*/React__namespace.createElement("path", {
364
+ d: "M12.385 3.295l5 3-5 3V7.723l-.085.014c-3.08.548-5.418 3.24-5.418 6.479 0 3.634 2.945 6.58 6.577 6.58 2.914 0 5.385-1.896 6.248-4.523l2.815-1.626c-.225 4.814-4.197 8.648-9.063 8.648-5.012 0-9.074-4.065-9.074-9.08 0-4.65 3.495-8.484 8-9.015V3.295z",
365
+ transform: "translate(0.2,1.2) rotate(30 13.454 13.295)"
366
+ }), /*#__PURE__*/React__namespace.createElement("text", {
367
+ fontFamily: "Roboto-Black, Roboto",
368
+ fontWeight: 700,
369
+ fontSize: 6
370
+ }, /*#__PURE__*/React__namespace.createElement("tspan", {
371
+ x: 9.2,
372
+ y: 17.3
373
+ }, "AUTO"))));
374
+ };
375
+ var AutoUpdateInActive = function AutoUpdateInActive(props) {
376
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
377
+ transform: "translate(-3 -3)"
378
+ }, /*#__PURE__*/React__namespace.createElement("path", {
379
+ d: "M15.172 3.109l.214 2.455 2.792 1.675-2.514 1.508 1.095 12.499c1.763-.729 3.141-2.202 3.742-4.028l2.815-1.626c-.182 3.872-2.787 7.11-6.332 8.228l.193 2.201-1.992.175-.174-1.988c-.25.02-.503.031-.759.031-5.011 0-9.074-4.065-9.074-9.079 0-4.65 3.495-8.484 8-9.016V4.24l.09.054-.088-1.01 1.992-.174zm-1.995 5.559l.149-.023c-3.193.45-5.65 3.196-5.65 6.515 0 3.634 2.944 6.58 6.576 6.58.182 0 .363-.007.54-.021L13.758 9.89l-.579.348V8.668z",
380
+ transform: "rotate(30 13.454 13.295)"
381
+ }), /*#__PURE__*/React__namespace.createElement("text", {
382
+ fontFamily: "Roboto-Black, Roboto",
383
+ fontWeight: 700,
384
+ fontSize: 6
385
+ }, /*#__PURE__*/React__namespace.createElement("tspan", {
386
+ x: 9.2,
387
+ y: 17.3
388
+ }, "AUTO"))));
389
+ };
390
+ var Pause = function Pause(props) {
391
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
392
+ d: "M8.579 4c.865 0 1.565.7 1.565 1.564v12.87c0 .866-.7 1.566-1.565 1.566-.863 0-1.565-.7-1.565-1.565v-4.87H7v-3.13h.014V5.564C7.014 4.7 7.716 4 8.579 4zm6.915 0c.865 0 1.565.7 1.565 1.564v12.871c0 .865-.7 1.565-1.565 1.565-.863 0-1.565-.7-1.565-1.565v-4.87h-.014v-3.13h.014v-4.87C13.93 4.7 14.631 4 15.494 4z"
393
+ }));
394
+ };
395
+ var Play = function Play(props) {
396
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
397
+ d: "M15.18 12.688l-3.909 2.81c-.161.115-.325.175-.486.175-.303 0-.629-.234-.629-.748v-5.85c0-.514.325-.747.63-.747.16 0 .324.059.485.174l3.91 2.81c.24.172.378.423.378.688 0 .265-.137.517-.379.688M12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8"
398
+ }));
399
+ };
400
+ var Info = function Info(props) {
401
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
402
+ d: "M12.0004012,4 C16.4182338,4 20,7.58096384 20,11.9995988 C20,16.4182338 16.4182338,20 12.0004012,20 C7.58176621,20 4,16.4182338 4,11.9995988 C4,7.58096384 7.58176621,4 12.0004012,4 Z M13.0518404,10 L10,10 L10,11.6134693 L10.9489304,11.6134693 L10.9489304,15.3873607 L10,15.3873607 L10,17 L14,17 L14,15.3873607 L13.0518404,15.3873607 L13.0518404,10 Z M11.9907922,6 C11.1541947,6 10.5,6.65419468 10.5,7.49079217 C10.5,8.32738965 11.1541947,9 11.9907922,9 C12.8273897,9 13.5,8.32738965 13.5,7.49079217 C13.5,6.65419468 12.8273897,6 11.9907922,6 Z"
403
+ }));
404
+ };
405
+ var TextIcon = function TextIcon(_a) {
406
+ var _b = _a.text,
407
+ text = _b === void 0 ? '0.5x' : _b,
408
+ props = __rest(_a, ["text"]);
409
+
410
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("text", {
411
+ fontFamily: "Roboto-Black, Roboto",
412
+ fontSize: 12,
413
+ fontWeight: 400
414
+ }, /*#__PURE__*/React__namespace.createElement("tspan", {
415
+ x: text.length > 2 ? 1 : 5,
416
+ y: 16
417
+ }, text)));
418
+ };
419
+ var FastForward = function FastForward(props) {
420
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
421
+ d: "M12.1 5.86c.247 0 .5.089.745.267l6.008 4.316c.368.265.58.65.58 1.057 0 .408-.211.793-.581 1.058l-6.005 4.316c-.248.177-.5.267-.747.267-.466 0-.967-.36-.967-1.147v-3.016l-5.419 3.896c-.207.148-.417.234-.624.26l-.124.007c-.465 0-.966-.36-.966-1.147V7.006c0-.787.5-1.147.966-1.147.247 0 .5.09.746.268l5.421 3.894V7.006c0-.735.436-1.097.873-1.142z"
422
+ }));
423
+ };
424
+ var SliderThumb = function SliderThumb(props) {
425
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("polygon", {
426
+ transform: "translate(6.5 5.5)",
427
+ points: "6,0 11,5 11,12 0,12 0,5"
428
+ }));
429
+ };
430
+ var Options = function Options(props) {
431
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
432
+ d: "M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0-2c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
433
+ }));
434
+ };
435
+ var ChevronLeft = function ChevronLeft(props) {
436
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
437
+ d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
438
+ transform: "translate(12.002235, 12.335000) rotate(-90.000000) translate(-12.002235, -12.335000) "
439
+ }));
440
+ };
441
+ var ChevronRight = function ChevronRight(props) {
442
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
443
+ d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
444
+ transform: "translate(12.002235, 12.335000) rotate(90.000000) translate(-12.002235, -12.335000) "
445
+ }));
446
+ };
447
+ var ChevronUp = function ChevronUp(props) {
448
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
449
+ d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
450
+ transform: "translate(12.002235, 12.335000) translate(-12.002235, -12.335000) "
451
+ }));
452
+ };
453
+ var ChevronDown = function ChevronDown(props) {
454
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
455
+ d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
456
+ transform: "translate(12.002235, 12.335000) rotate(180.000000) translate(-12.002235, -12.335000) "
457
+ }));
458
+ };
459
+ var Layers = function Layers(props) {
460
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
461
+ d: "M18.0513516,15.3519052 L22,17.2314624 L12,22 L2,17.2314624 L6.03531364,15.3519052 L12,18.18517 L18.0513516,15.3519052 Z M18.0513516,10.2257273 L22,12.1052846 L12,16.8738221 L2,12.1052846 L6.03531364,10.2257273 L12,13.0589921 L18.0513516,10.2257273 Z M12,2 L22,7.00696444 L12,11.775502 L2,7.00696444 L12,2 Z"
462
+ }));
463
+ };
464
+ var Copy = function Copy(props) {
465
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
466
+ d: "M8 7v2H6a1 1 0 0 0-.993.883L5 10v9a1 1 0 0 0 .883.993L6 20h6a1 1 0 0 0 .993-.883L13 19h2v1.6a1.4 1.4 0 0 1-1.263 1.394l-.135.006H4.399a1.4 1.4 0 0 1-1.393-1.265L3 20.6V8.4a1.4 1.4 0 0 1 1.264-1.394L4.4 7H8zm7.584-5v2H12a1 1 0 0 0-.993.883L11 5v9a1 1 0 0 0 .883.993L12 15h6a1 1 0 0 0 .993-.883L19 14V7.42h2v8.18a1.4 1.4 0 0 1-1.263 1.394l-.135.006h-9.203a1.4 1.4 0 0 1-1.393-1.265L9 15.6V3.4a1.4 1.4 0 0 1 1.264-1.394L10.4 2h5.185zM17 2l4 4h-2.5c-.777 0-1.42-.598-1.493-1.357L17 4.499V2z"
467
+ }));
468
+ };
469
+ var Filter = function Filter(props) {
470
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
471
+ d: "M14.155 12.567c1.362 0 2.523.848 2.992 2.043h1.895a1.173 1.173 0 0 1 0 2.346h-1.895A3.213 3.213 0 0 1 14.155 19a3.213 3.213 0 0 1-2.992-2.044h-5.99a1.172 1.172 0 1 1 0-2.346h5.99a3.214 3.214 0 0 1 2.992-2.043zm0 1.755a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922zM10.06 5c1.362 0 2.524.848 2.992 2.044h5.99a1.173 1.173 0 1 1 0 2.344h-5.99a3.214 3.214 0 0 1-2.992 2.044 3.216 3.216 0 0 1-2.992-2.044H5.173a1.172 1.172 0 1 1 0-2.344h1.895A3.216 3.216 0 0 1 10.06 5zm0 1.754a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922z"
472
+ }));
473
+ };
474
+ var Clear = function Clear(props) {
475
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
476
+ d: "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M15.44426,7.26697571 L12.0002861,10.7110482 L8.55573996,7.26697571 C8.19978253,6.9110081 7.62292549,6.9110081 7.26696807,7.26697571 C6.91101064,7.62294331 6.91101064,8.19981687 7.26696807,8.55578447 L10.7115142,11.9998569 L7.26696807,15.4445017 C6.91101064,15.8004693 6.91101064,16.3767705 7.26696807,16.7333104 C7.44494678,16.910722 7.67843653,17 7.91192629,17 C8.14484377,17 8.37776125,16.910722 8.55573996,16.7333104 L12.0002861,13.289238 L15.44426,16.7333104 C15.6222388,16.910722 15.8551562,17 16.088646,17 C16.3221357,17 16.5550532,16.910722 16.7330319,16.7333104 C17.0889894,16.3767705 17.0889894,15.8004693 16.7330319,15.4445017 L13.289058,11.9998569 L16.7330319,8.55578447 C17.0889894,8.19981687 17.0889894,7.62294331 16.7330319,7.26697571 C16.3770745,6.9110081 15.8002175,6.9110081 15.44426,7.26697571 Z"
477
+ }));
478
+ };
479
+ var Search = function Search(props) {
480
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
481
+ 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"
482
+ }));
483
+ };
484
+ var Flag = function Flag(props) {
485
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
486
+ 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"
487
+ }));
488
+ };
489
+ var Resize = function Resize(_a) {
490
+ var _b = _a.isRightAligned,
491
+ isRightAligned = _b === void 0 ? false : _b,
492
+ props = __rest(_a, ["isRightAligned"]);
493
+
494
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
495
+ sx: __assign(__assign({
496
+ width: 20,
497
+ height: 20,
498
+ top: -10,
499
+ position: 'relative'
500
+ }, isRightAligned ? {
501
+ left: 10,
502
+ transform: 'rotate(90deg)'
503
+ } : {
504
+ left: -10
505
+ }), {
506
+ zIndex: 1
507
+ }),
508
+ "data-testid": "resizeHandle"
509
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
510
+ d: "M19.687 18.037v1h-6v-1h6zm3.5-3.5v1h-13v-1h13z",
511
+ transform: "rotate(-45 16.687 16.787)"
512
+ }));
513
+ };
514
+ var PresetWorkspace = function PresetWorkspace(props) {
515
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
516
+ viewBox: "0 0 24 24"
517
+ }, props), /*#__PURE__*/React__namespace.createElement("path", {
518
+ d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M9,12 L4.5,12 L4.5,19.5 L9,19.5 L9,12 Z M19.5,12 L11,12 L11,19.5 L19.5,19.5 L19.5,12 Z M19.5,6 L4.5,6 L4.5,10 L19.5,10 L19.5,6 Z"
519
+ }));
520
+ };
521
+ var Preset = function Preset(props) {
522
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
523
+ d: "M22,2 L22,22 L2,22 L2,2 L22,2 Z M19.5,6 L4.5,6 L4.5,19.5 L19.5,19.5 L19.5,6 Z"
524
+ }));
525
+ };
526
+ var PresetTiles = function PresetTiles(props) {
527
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
528
+ 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"
529
+ }));
530
+ };
531
+ var List = function List(props) {
532
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
533
+ d: "M4.5,16 C5.88071187,16 7,17.1192881 7,18.5 C7,19.8807119 5.88071187,21 4.5,21 C3.11928813,21 2,19.8807119 2,18.5 C2,17.1192881 3.11928813,16 4.5,16 Z M22,18 L22,20 L9,20 L9,18 L22,18 Z M7,9 L7,14 L2,14 L2,9 L7,9 Z M22,11 L22,13 L9,13 L9,11 L22,11 Z M4.5,2 L7,7 L2,7 L4.5,2 Z M22,4 L22,6 L9,6 L9,4 L22,4 Z"
534
+ }));
535
+ };
536
+ var Home = function Home(props) {
537
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
538
+ d: "M14.5857657,15.5482973 L14.5857657,19 L19,19 L19,11.1704471 L12.0003998,5 L5,11.1704471 L5,19 L9.41503399,19 L9.41503399,15.5482973 C9.41503399,14.0740894 10.5785686,12.8676932 12.0003998,12.8676932 C13.4222311,12.8676932 14.5857657,14.0740894 14.5857657,15.5482973 Z"
539
+ }));
540
+ };
541
+ var Minus = function Minus(props) {
542
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
543
+ 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"
544
+ }));
545
+ };
546
+ var Sort = function Sort(props) {
547
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
548
+ 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"
549
+ }));
550
+ };
551
+ var Equalizer = function Equalizer(props) {
552
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
553
+ 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"
554
+ }));
555
+ };
556
+ var Link = function Link(props) {
557
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
558
+ d: "m11 9-4.128-.018a.921.921 0 0 0-.91.82l-.006.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-1.55 1.198-2.817 2.704-2.905L6.872 7H11v2zm5 3a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm4 2.09c0 1.607-1.288 2.91-2.872 2.91H13v-1.98h4.128a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18z"
559
+ }));
560
+ };
561
+ var LinkOff = function LinkOff(props) {
562
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
563
+ d: "m20.693 18.631-1.285 1.532L15.638 17H13v-1.98l.277-.001-2.406-2.02L9 13a1 1 0 0 1-.41-1.913L6.314 9.175a.93.93 0 0 0-.35.627l-.007.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-.778.302-1.486.795-2.008l-2.24-1.88L3.84 4.49 6.834 7H11v2l-1.794-.008L11.6 11H15a1 1 0 0 1 0 2h-1.018l2.407 2.019h.739a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18a2.915 2.915 0 0 1-1.606 2.612l2.3 1.93z"
564
+ }));
565
+ };
566
+ var Cached = function Cached(props) {
567
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
568
+ d: "m19.691 9.79-1.771 1.225a6 6 0 0 1-6.355 6.969v-3.088l-2.681 1.86c-1.223.86-1.923 1.345-2.1 1.458l-.029.019-.31.215L11.564 22v-2.012A8 8 0 0 0 19.691 9.79zM12.564 2v2.02a8 8 0 0 0-8.237 10.255l1.765-1.223a6 6 0 0 1 6.473-7.026v3.078l2.592-1.798h-.003l2.029-1.4a8.063 8.063 0 0 0-.004-.004l.504-.35L12.564 2z"
569
+ }));
570
+ };
571
+ var CalendarToday = function CalendarToday(props) {
572
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
573
+ d: "M7.342 6.437v1.115c0 .673.548 1.22 1.22 1.22h.06c.671 0 1.22-.547 1.22-1.22V6.437h4.313v1.115c0 .673.548 1.22 1.22 1.22h.058c.673 0 1.22-.547 1.22-1.22V6.437h1.058a2.292 2.292 0 0 1 2.286 2.285v7.993A2.292 2.292 0 0 1 17.71 19H6.285A2.292 2.292 0 0 1 4 16.715V8.722a2.292 2.292 0 0 1 2.285-2.285h1.057zm9.444 7.637a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zm-4.787 0a1.44 1.44 0 1 0-.002 2.88 1.44 1.44 0 0 0 .002-2.88zm9.575-3.897a1.44 1.44 0 1 0-.001 2.881 1.44 1.44 0 0 0 0-2.88zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zM8.62 4.73c.264 0 .478.214.478.478v2.344a.477.477 0 0 1-.478.477h-.058a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478zm6.812 0c.264 0 .478.214.478.478v2.344a.478.478 0 0 1-.478.477h-.057a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478z"
574
+ }));
575
+ };
576
+ var WebAssetOff = function WebAssetOff(props) {
577
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
578
+ d: "M5.89856955,4.50717511 L9.893,8.5 L6,8.5 L6,17 L18,17 L18,16.606 L19.9956851,18.6017419 C19.956118,18.649691 19.9142229,18.6957771 19.87,18.74 C19.4544824,19.1555176 18.8311491,19.4088509 18,19.5 L6,19.5 C5.1805214,19.4148333 4.56096049,19.1624284 4.1413173,18.7427852 C3.7216741,18.323142 3.50790167,17.7422136 3.5,17 L3.5,7 C3.52565636,6.18855517 3.73942879,5.5818885 4.1413173,5.18 C4.52680219,4.79451511 5.11255294,4.57024015 5.89856955,4.50717511 Z M18,4.5 C18.81657,4.52323671 19.4399034,4.74990338 19.87,5.18 C20.3000966,5.61009662 20.5100966,6.21676329 20.5,7 L20.5,16.278 L18,13.778 L18,8.5 L12.721,8.5 L8.721,4.5 L18,4.5 Z",
579
+ id: "Combined-Shape"
580
+ }), /*#__PURE__*/React__namespace.createElement("rect", {
581
+ id: "Rectangle",
582
+ transform: "translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) ",
583
+ x: "11",
584
+ y: "0",
585
+ width: "2",
586
+ height: "24"
587
+ })));
588
+ };
589
+ var Notifications = function Notifications(props) {
590
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
591
+ d: "M13.436 17.083a1.444 1.444 0 1 1-2.871 0zM12 4c3.094 0 5.61 2.48 5.61 5.53v2.98c0 1.569 1.197 2.663 1.208 2.672.169.15.227.388.145.598a.55.55 0 0 1-.514.348H5.551a.552.552 0 0 1-.514-.348.536.536 0 0 1 .146-.598c.01-.01 1.206-1.103 1.206-2.672V9.53C6.39 6.48 8.907 4 12 4z"
592
+ }));
593
+ };
594
+ var Update = function Update(props) {
595
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
596
+ d: "m8.73 3.39-.252.098a9.5 9.5 0 1 0 9.4 16.303l-1.391-1.455a7.5 7.5 0 1 1 2.504-8.85l.071.185-3.535 1.427 3.117 2.043v-.005l2.579 1.696.933.612 1.75-7.731-2.99 1.209-.071-.184A9.5 9.5 0 0 0 8.73 3.391zM13.04 7h-2V12l-3.218 1.857 1 1.732 2.749-1.587h1.469V7z"
597
+ }));
598
+ };
599
+ var SubdirectoryArrowRight = function SubdirectoryArrowRight(props) {
600
+ return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
601
+ 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"
602
+ }));
603
+ };
604
+
605
+ /* *
606
+ * Licensed under the Apache License, Version 2.0 (the "License");
607
+ * you may not use this file except in compliance with the License.
608
+ * You may obtain a copy of the License at
609
+ *
610
+ * http://www.apache.org/licenses/LICENSE-2.0
611
+ *
612
+ * Unless required by applicable law or agreed to in writing, software
613
+ * distributed under the License is distributed on an "AS IS" BASIS,
614
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
615
+ * See the License for the specific language governing permissions and
616
+ * limitations under the License.
617
+ *
618
+ * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
619
+ * Copyright 2022 - Finnish Meteorological Institute (FMI)
620
+ * */
621
+
622
+ var index = /*#__PURE__*/Object.freeze({
623
+ __proto__: null,
624
+ SplitHorizontal: SplitHorizontal,
625
+ SplitVertical: SplitVertical,
626
+ Expand: Expand,
627
+ UnExpand: UnExpand,
628
+ Delete: Delete,
629
+ DrawRegion: DrawRegion,
630
+ DrawPolygon: DrawPolygon,
631
+ DrawFIRLand: DrawFIRLand,
632
+ Location: Location,
633
+ ThumbsUp: ThumbsUp,
634
+ Edit: Edit,
635
+ Export: Export,
636
+ ListItem: ListItem,
637
+ TimeSeriesManager: TimeSeriesManager,
638
+ Close: Close,
639
+ KeyOption: KeyOption,
640
+ KeyCommand: KeyCommand,
641
+ ArrowLeft: ArrowLeft,
642
+ ArrowRight: ArrowRight,
643
+ ArrowDown: ArrowDown,
644
+ ArrowUp: ArrowUp,
645
+ Exclamation: Exclamation,
646
+ Visibility: Visibility,
647
+ VisibilityOff: VisibilityOff,
648
+ HamburgerMenu: HamburgerMenu,
649
+ GeoWebLogo: GeoWebLogo,
650
+ Add: Add,
651
+ Clock: Clock,
652
+ Success: Success,
653
+ Cancel: Cancel,
654
+ DragHandle: DragHandle,
655
+ AutoUpdateActive: AutoUpdateActive,
656
+ AutoUpdateInActive: AutoUpdateInActive,
657
+ Pause: Pause,
658
+ Play: Play,
659
+ Info: Info,
660
+ TextIcon: TextIcon,
661
+ FastForward: FastForward,
662
+ SliderThumb: SliderThumb,
663
+ Options: Options,
664
+ ChevronLeft: ChevronLeft,
665
+ ChevronRight: ChevronRight,
666
+ ChevronUp: ChevronUp,
667
+ ChevronDown: ChevronDown,
668
+ Layers: Layers,
669
+ Copy: Copy,
670
+ Filter: Filter,
671
+ Clear: Clear,
672
+ Search: Search,
673
+ Flag: Flag,
674
+ Resize: Resize,
675
+ PresetWorkspace: PresetWorkspace,
676
+ Preset: Preset,
677
+ PresetTiles: PresetTiles,
678
+ List: List,
679
+ Home: Home,
680
+ Minus: Minus,
681
+ Sort: Sort,
682
+ Equalizer: Equalizer,
683
+ Link: Link,
684
+ LinkOff: LinkOff,
685
+ Cached: Cached,
686
+ CalendarToday: CalendarToday,
687
+ WebAssetOff: WebAssetOff,
688
+ Notifications: Notifications,
689
+ Update: Update,
690
+ SubdirectoryArrowRight: SubdirectoryArrowRight
691
+ });
692
+
693
+ /* *
694
+ * Licensed under the Apache License, Version 2.0 (the "License");
695
+ * you may not use this file except in compliance with the License.
696
+ * You may obtain a copy of the License at
697
+ *
698
+ * http://www.apache.org/licenses/LICENSE-2.0
699
+ *
700
+ * Unless required by applicable law or agreed to in writing, software
701
+ * distributed under the License is distributed on an "AS IS" BASIS,
702
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
703
+ * See the License for the specific language governing permissions and
704
+ * limitations under the License.
705
+ *
706
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
707
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
708
+ * */
709
+ var gwButtonVariants = ['primary', 'secondary', 'tertiary', 'flat', 'tool', 'boxed'];
710
+
711
+ var defaultButtonStyle = function defaultButtonStyle(button) {
712
+ return {
713
+ // default styling
714
+ color: button["default"].color,
715
+ backgroundColor: button["default"].fill,
716
+ textTransform: 'capitalize',
717
+ // hover styling
718
+ '&:hover': {
719
+ backgroundColor: button.mouseOver.fill,
720
+ borderColor: button.mouseOver.borderColor
1002
721
  },
1003
- captionError: {
1004
- color: '#C00000',
1005
- opacity: 1
722
+ // active styling
723
+ '&.Mui-selected': {
724
+ backgroundColor: button.active.fill,
725
+ color: button.active.color,
726
+ borderColor: button.active.borderColor,
727
+ '&:hover': {
728
+ backgroundColor: button.activeMouseOver.fill
729
+ }
1006
730
  },
1007
- captionDisabled: {
1008
- color: '#707070',
1009
- opacity: 1
731
+ // disabled styling
732
+ '&.Mui-disabled': {
733
+ backgroundColor: button.disabled.fill,
734
+ color: button.disabled.color,
735
+ borderColor: button.disabled.borderColor
1010
736
  }
1011
- },
1012
- functional: {
1013
- success: '#72BB23',
1014
- successOutline: {
1015
- fill: '#FCFFEB',
1016
- border: ' 1px solid #72BB23'
1017
- },
1018
- error: '#C00000',
1019
- errorOutline: {
1020
- fill: '#F9E8EA',
1021
- border: '1px solid #C00000'
1022
- },
1023
- warning: '#FFA800',
1024
- warningOutline: {
1025
- fill: '#FFF8EB',
1026
- border: '1px solid #FFA800'
737
+ };
738
+ };
739
+ var buttonStyle = function buttonStyle(button) {
740
+ return __assign(__assign({}, defaultButtonStyle(button)), {
741
+ padding: '12px 8px',
742
+ height: '40px',
743
+ borderStyle: 'solid',
744
+ borderWidth: '1px',
745
+ borderColor: button["default"].borderColor,
746
+ borderRadius: '5px',
747
+ // size styling
748
+ '&[class*="sizeSmall"]': {
749
+ fontSize: '12px',
750
+ height: '32px',
751
+ lineHeight: '12px'
1027
752
  },
1028
- warningHighlight: {
1029
- fill: '#FFA800',
1030
- opacity: 0.2
753
+ // icon styling
754
+ '& .MuiButton-startIcon': {
755
+ margin: 0
1031
756
  },
1032
- notification: '#0062E6',
1033
- notificationOutline: {
1034
- fill: '#DFF2FD',
1035
- border: '1px solid #0062E6'
757
+ '& .MuiSvgIcon-root': {
758
+ marginRight: '8px',
759
+ fontSize: '24px!important'
1036
760
  }
761
+ });
762
+ };
763
+ var variantsToClassName = function variantsToClassName(buttonVariants) {
764
+ return buttonVariants.reduce(function (variants, _a) {
765
+ var _b;
766
+
767
+ var variant = _a.props.variant,
768
+ style = _a.style;
769
+ return __assign(__assign({}, variants), (_b = {}, _b["&." + variant] = style, _b));
770
+ }, {});
771
+ };
772
+ var buttonVariants = function buttonVariants(buttons) {
773
+ return gwButtonVariants.map(function (variant) {
774
+ return {
775
+ props: {
776
+ variant: variant
777
+ },
778
+ style: buttonStyle(buttons[variant])
779
+ };
780
+ });
781
+ };
782
+
783
+ var hex2rgba = function hex2rgba(hex, alpha) {
784
+ if (alpha === void 0) {
785
+ alpha = 1;
1037
786
  }
1038
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
1039
787
 
1040
- var elevations$1 = {
1041
- elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
1042
- elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1043
- elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
1044
- elevation_04: '0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1045
- elevation_06: '0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14)',
1046
- elevation_08: '0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',
1047
- elevation_09: '0 5px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14)',
1048
- elevation_12: '0 7px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14)',
1049
- elevation_16: '0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14)',
1050
- elevation_24: '0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14)'
788
+ var _a = __read(hex.match(/\w\w/g).map(function (x) {
789
+ return parseInt(x, 16);
790
+ }), 3),
791
+ r = _a[0],
792
+ g = _a[1],
793
+ b = _a[2];
794
+
795
+ return "rgba(" + r + "," + g + "," + b + "," + alpha + ")";
1051
796
  };
1052
- var lightTheme = createTheme('light', parseColors(colors$1), createShadows(elevations$1));
797
+ var parseColors = function parseColors(colors) {
798
+ return Object.keys(colors).reduce(function (segmentList, key) {
799
+ var _a;
1053
800
 
1054
- var geowebColors = __assign({}, colors$1);
801
+ var segment = colors[key];
802
+ var parsedSegment = Object.keys(segment).reduce(function (list, name) {
803
+ var _a, _b;
1055
804
 
1056
- var GWTheme = material.createTheme({
1057
- palette: {
1058
- secondary: {
1059
- main: '#0075a9'
1060
- },
1061
- action: {
1062
- active: '#ffa800'
1063
- },
1064
- text: {
1065
- disabled: '#051039'
1066
- },
1067
- geowebColors: parseColors(geowebColors)
1068
- },
1069
- shape: {
1070
- borderRadius: 3
1071
- },
1072
- typography: {
1073
- h6: {
1074
- fontSize: '16px'
1075
- },
1076
- subtitle1: {
1077
- fontSize: '16px',
1078
- fontWeight: 500,
1079
- lineHeight: 1.5,
1080
- letterSpacing: '0.15px',
1081
- opacity: 0.87,
1082
- color: '#051039'
1083
- },
1084
- subtitle2: {
1085
- fontSize: '14px',
1086
- fontWeight: 500,
1087
- lineHeight: 1.71,
1088
- letterSpacing: '0.1px',
1089
- opacity: 0.87,
1090
- color: '#051039'
1091
- },
1092
- body1: {
1093
- fontSize: '16px',
1094
- lineHeight: 1.56,
1095
- letterSpacing: '0.44px',
1096
- color: '#051039'
805
+ var value = segment[name];
806
+ var color = value.fill || value.color; // converts hex to rgba value if color and opacity property has been set
807
+
808
+ if (value && color && (value.opacity || value.opacity === 0)) {
809
+ return __assign(__assign({}, list), (_a = {}, _a[name] = __assign(__assign({}, value), {
810
+ rgba: hex2rgba(color, value.opacity)
811
+ }), _a));
812
+ }
813
+
814
+ return __assign(__assign({}, list), (_b = {}, _b[name] = value, _b));
815
+ }, {});
816
+ return __assign(__assign({}, segmentList), (_a = {}, _a[key] = parsedSegment, _a));
817
+ }, {});
818
+ };
819
+ var createShadows = function createShadows(elevations) {
820
+ var SHADOW_LIST_SIZE = 25;
821
+ var elevationList = Object.keys(elevations).map(function (elevationName) {
822
+ return elevations[elevationName];
823
+ });
824
+ return Array(SHADOW_LIST_SIZE).fill('none').map(function (value, index) {
825
+ if (index > 0) {
826
+ var elevationIndex = index - 1;
827
+
828
+ if (elevationList[elevationIndex]) {
829
+ return elevationList[elevationIndex];
830
+ }
831
+ }
832
+
833
+ return value;
834
+ });
835
+ };
836
+ var BORDER_RADIUS = 3;
837
+ var breakpoints = {
838
+ mobile: 0,
839
+ tablet: 768,
840
+ desktop: 1024,
841
+ dekstopHD: 1440,
842
+ dekstopHDWide: 1920
843
+ };
844
+ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
845
+ return material.createTheme({
846
+ breakpoints: {
847
+ values: {
848
+ xs: breakpoints.mobile,
849
+ sm: breakpoints.tablet,
850
+ md: breakpoints.desktop,
851
+ lg: breakpoints.dekstopHD,
852
+ xl: breakpoints.dekstopHDWide
853
+ }
1097
854
  },
1098
- body2: {
1099
- fontSize: '14px',
1100
- lineHeight: 1.43,
1101
- letterSpacing: '0.25px',
1102
- color: '#051039'
855
+ palette: {
856
+ mode: paletteType,
857
+ secondary: {
858
+ main: geowebColors.typographyAndIcons.iconLinkActive
859
+ },
860
+ background: {
861
+ paper: geowebColors.background.surfaceApp,
862
+ "default": geowebColors.background.surfaceBrowser
863
+ },
864
+ text: {
865
+ primary: geowebColors.typographyAndIcons.text
866
+ },
867
+ // geoweb color palette
868
+ geowebColors: geowebColors
1103
869
  },
1104
- overline: {
1105
- textTransform: 'none',
1106
- fontSize: '12px',
1107
- lineHeight: 1.43,
1108
- letterSpacing: '0.25px',
1109
- color: '#051039',
1110
- opacity: 0.7
870
+ shape: {
871
+ borderRadius: BORDER_RADIUS
1111
872
  },
1112
- caption: {
1113
- fontSize: '12px',
1114
- lineHeight: 1.33,
1115
- letterSpacing: '0.4px',
1116
- color: '#051039',
1117
- opacity: 0.7
873
+ typography: {
874
+ fontFamily: ['Roboto', 'Helvetica', 'Arial', 'sans-serif'].join(',')
1118
875
  },
1119
- button: {
1120
- fontWeight: 500,
1121
- fontSize: '14px',
1122
- color: '0075a9'
1123
- }
1124
- },
1125
- components: {
1126
- MuiTooltip: {
1127
- styleOverrides: {
1128
- tooltip: {
1129
- borderRadius: '2px',
1130
- fontSize: '16px',
1131
- fontWeight: 'normal',
1132
- padding: '10px',
1133
- backgroundColor: '#232323'
876
+ shadows: shadows,
877
+ components: {
878
+ MuiButton: {
879
+ variants: buttonVariants(geowebColors.buttons)
880
+ },
881
+ MuiToggleButton: {
882
+ styleOverrides: {
883
+ root: variantsToClassName(buttonVariants(geowebColors.buttons))
1134
884
  }
1135
- }
1136
- },
1137
- MuiIconButton: {
1138
- styleOverrides: {
1139
- root: {
1140
- color: '#0075a9'
885
+ },
886
+ MuiIconButton: {
887
+ // TODO: https://gitlab.com/opengeoweb/opengeoweb/-/issues/1926 remove default styling and create CustomIconButton
888
+ styleOverrides: {
889
+ root: defaultButtonStyle(geowebColors.buttons.flat)
1141
890
  }
1142
- }
1143
- },
1144
- MuiCheckbox: {
1145
- styleOverrides: {
1146
- root: {
1147
- '&.Mui-disabled': {
1148
- color: '#CCCCCC!important'
891
+ },
892
+ MuiCssBaseline: {
893
+ styleOverrides: "\n html {\n -webkit-font-smoothing: auto;\n }\n "
894
+ },
895
+ MuiMenuItem: {
896
+ styleOverrides: {
897
+ root: {
898
+ minHeight: '48px!important',
899
+ fontSize: '0.875rem',
900
+ letterSpacing: '0.25px',
901
+ divider: {
902
+ borderBottomColor: geowebColors.greys.accessibleLight
903
+ },
904
+ li: {
905
+ '&:hover': {
906
+ backgroundColor: geowebColors.tab.mouseOver.rgba
907
+ }
908
+ },
909
+ '&.Mui-selected': {
910
+ background: 'none',
911
+ boxShadow: "inset 4px 0px 0px 0px " + geowebColors.typographyAndIcons.iconLinkActive
912
+ }
913
+ }
914
+ }
915
+ },
916
+ MuiRadio: {
917
+ styleOverrides: {
918
+ root: {
919
+ color: geowebColors.typographyAndIcons.iconLinkActive,
920
+ '&.Mui-disabled': {
921
+ color: geowebColors.typographyAndIcons.iconLinkDisabled + "!important"
922
+ },
923
+ '&.Mui-checked': {
924
+ color: geowebColors.typographyAndIcons.iconLinkActive
925
+ }
926
+ }
927
+ }
928
+ },
929
+ MuiCheckbox: {
930
+ styleOverrides: {
931
+ root: {
932
+ color: geowebColors.typographyAndIcons.iconLinkActive,
933
+ '&.Mui-disabled': {
934
+ color: geowebColors.typographyAndIcons.iconLinkDisabled + "!important"
935
+ },
936
+ '&.Mui-checked': {
937
+ color: geowebColors.typographyAndIcons.iconLinkActive
938
+ }
939
+ }
940
+ }
941
+ },
942
+ MuiPaper: {
943
+ styleOverrides: {
944
+ root: {
945
+ backgroundImage: 'unset'
1149
946
  },
1150
- '&.Mui-checked': {
1151
- color: '#0075a9'
947
+ outlined: {
948
+ borderColor: geowebColors.cards.cardContainerBorder
949
+ }
950
+ }
951
+ },
952
+ MuiCard: {
953
+ styleOverrides: {
954
+ root: {
955
+ backgroundColor: geowebColors.cards.cardContainer
956
+ }
957
+ }
958
+ },
959
+ MuiSlider: {
960
+ styleOverrides: {
961
+ root: {
962
+ color: geowebColors.typographyAndIcons.iconLinkActive
963
+ }
964
+ }
965
+ },
966
+ MuiTable: {
967
+ styleOverrides: {
968
+ root: {
969
+ borderSpacing: '0 0.25rem',
970
+ borderCollapse: 'separate'
971
+ }
972
+ }
973
+ },
974
+ MuiTableRow: {
975
+ styleOverrides: {
976
+ head: {
977
+ '&:hover': {
978
+ boxShadow: shadows[0]
979
+ }
980
+ },
981
+ root: {
982
+ transition: 'box-shadow 100ms ease-out',
983
+ boxShadow: shadows[0],
984
+ borderRadius: BORDER_RADIUS,
985
+ '&:hover': {
986
+ boxShadow: shadows[1]
987
+ },
988
+ position: 'relative'
989
+ }
990
+ }
991
+ },
992
+ MuiTableCell: {
993
+ styleOverrides: {
994
+ head: {
995
+ borderBottom: 'none',
996
+ fontSize: '0.875rem',
997
+ fontWeight: 400
998
+ },
999
+ body: {
1000
+ padding: 12,
1001
+ fontWeight: 500,
1002
+ backgroundColor: geowebColors.background.surface,
1003
+ borderStyle: 'solid',
1004
+ borderColor: 'transparent',
1005
+ borderWidth: 1,
1006
+ borderTopColor: geowebColors.cards.cardContainerBorder,
1007
+ borderBottomColor: geowebColors.cards.cardContainerBorder,
1008
+ '&:first-child': {
1009
+ borderLeftColor: geowebColors.cards.cardContainerBorder,
1010
+ borderRadius: BORDER_RADIUS + "px 0px 0px " + BORDER_RADIUS + "px"
1011
+ },
1012
+ '&:last-child': {
1013
+ borderRightColor: geowebColors.cards.cardContainerBorder,
1014
+ borderRadius: "0px " + BORDER_RADIUS + "px " + BORDER_RADIUS + "px 0px"
1015
+ }
1016
+ }
1017
+ }
1018
+ },
1019
+ MuiTabs: {
1020
+ styleOverrides: {
1021
+ root: {
1022
+ position: 'relative',
1023
+ '&:after': {
1024
+ content: '""',
1025
+ position: 'absolute',
1026
+ bottom: 0,
1027
+ height: 1,
1028
+ width: '100%',
1029
+ zIndex: 0,
1030
+ backgroundColor: hex2rgba(geowebColors.greys.accessible, 0.2)
1031
+ }
1032
+ },
1033
+ indicator: {
1034
+ zIndex: 1,
1035
+ backgroundColor: geowebColors.typographyAndIcons.iconLinkActive
1036
+ }
1037
+ }
1038
+ },
1039
+ MuiTab: {
1040
+ styleOverrides: {
1041
+ root: {
1042
+ textTransform: 'initial',
1043
+ '&.Mui-selected': {
1044
+ color: geowebColors.typographyAndIcons.iconLinkActive
1045
+ },
1046
+ '&:hover': {
1047
+ opacity: 1,
1048
+ color: geowebColors.typographyAndIcons.iconLinkActive,
1049
+ backgroundColor: geowebColors.tab.mouseOver.rgba
1050
+ }
1051
+ }
1052
+ }
1053
+ },
1054
+ MuiListItem: {
1055
+ styleOverrides: {
1056
+ root: {
1057
+ color: geowebColors.typographyAndIcons.text,
1058
+ fontSize: '14px',
1059
+ minHeight: '36px'
1060
+ },
1061
+ divider: {
1062
+ borderBottomColor: hex2rgba(geowebColors.greys.accessible, 0.2)
1152
1063
  }
1153
1064
  }
1154
- }
1155
- },
1156
- MuiSelect: {
1157
- styleOverrides: {
1158
- icon: {
1159
- color: '#0075a9'
1160
- },
1161
- select: {
1162
- '&:focus': {
1163
- backgroundColor: 'rgba(0, 117, 169, 0.05)'
1065
+ },
1066
+ MuiListItemIcon: {
1067
+ styleOverrides: {
1068
+ root: {
1069
+ color: geowebColors.typographyAndIcons.icon,
1070
+ width: '24px',
1071
+ height: '24px'
1164
1072
  }
1165
1073
  }
1166
- }
1167
- },
1168
- MuiAlert: {
1169
- styleOverrides: {
1170
- standardError: {
1171
- border: '1px solid #c00000',
1172
- borderRadius: '0px',
1173
- backgroundColor: '#fff0ea'
1174
- },
1175
- standardWarning: {
1176
- border: '1px solid #ffa800',
1177
- borderRadius: '0px',
1178
- backgroundColor: '#fff8eb'
1179
- },
1180
- standardInfo: {
1181
- border: '1px solid #0062e6',
1182
- borderRadius: '0px',
1183
- backgroundColor: '#eaf3ff'
1184
- },
1185
- standardSuccess: {
1186
- border: '1px solid #72bb23',
1187
- borderRadius: '0px',
1188
- backgroundColor: '#fcffeb'
1189
- },
1190
- action: {
1191
- color: '#0075a9'
1192
- },
1193
- message: {
1194
- fontSize: '14px',
1195
- lineHeight: 1.43,
1196
- letterSpacing: '0.25px',
1197
- color: '#051039'
1198
- }
1199
- }
1200
- },
1201
- MuiTabs: {
1202
- styleOverrides: {
1203
- root: {
1204
- backgroundColor: '#ffffff',
1205
- minHeight: '30px'
1206
- },
1207
- scrollButtons: {
1208
- width: '20px'
1074
+ },
1075
+ MuiBackdrop: {
1076
+ styleOverrides: {
1077
+ root: {
1078
+ backgroundColor: geowebColors.backdrops.black.rgba
1079
+ }
1209
1080
  }
1210
- }
1211
- },
1212
- MuiTab: {
1213
- styleOverrides: {
1214
- root: {
1215
- minHeight: '30px',
1216
- textTransform: 'none',
1217
- minWidth: '76px',
1218
- '@media (min-width: 600px)': {
1219
- minWidth: '76px'
1081
+ },
1082
+ MuiTooltip: {
1083
+ styleOverrides: {
1084
+ tooltip: {
1085
+ backgroundColor: geowebColors.tooltips.tooltipContainer.rgba,
1086
+ color: geowebColors.tooltips.tooltipText.color,
1087
+ padding: '8px 12px',
1088
+ fontSize: 16,
1089
+ fontWeight: 400,
1090
+ fontStretch: 'normal',
1091
+ fontStyle: 'normal',
1092
+ letterSpacing: 0.44,
1093
+ lineHeight: 1.56
1220
1094
  }
1221
- },
1222
- labelIcon: {
1223
- minHeight: '30px'
1224
1095
  }
1225
- }
1226
- },
1227
- MuiListItem: {
1228
- styleOverrides: {
1229
- root: {
1230
- '&$selected': {
1231
- backgroundColor: 'rgba(0, 117, 169, 0.15)',
1232
- borderLeft: '4px solid #0075a9',
1096
+ },
1097
+ MuiLink: {
1098
+ styleOverrides: {
1099
+ root: {
1100
+ color: geowebColors.typographyAndIcons.textLinkActive,
1101
+ textDecoration: 'none',
1233
1102
  '&:hover': {
1234
- backgroundColor: 'rgba(0, 117, 169, 0.10)'
1103
+ textDecoration: 'underline',
1104
+ textDecorationColor: geowebColors.typographyAndIcons.textLinkActive
1235
1105
  }
1236
1106
  }
1237
- },
1238
- button: {
1239
- '&:hover': {
1240
- backgroundColor: 'rgba(0, 117, 169, 0.15)'
1241
- }
1242
1107
  }
1243
- }
1244
- },
1245
- MuiMenuItem: {
1246
- styleOverrides: {
1247
- root: {
1248
- '&.Mui-selected': {
1249
- backgroundColor: 'rgba(0, 117, 169, 0.15)',
1250
- borderLeft: '4px solid #0075a9',
1251
- '&:hover': {
1252
- backgroundColor: 'rgba(0, 117, 169, 0.10)'
1108
+ },
1109
+ MuiAlert: {
1110
+ styleOverrides: {
1111
+ standardError: {
1112
+ border: geowebColors.functional.errorOutline.border,
1113
+ borderRadius: '0px',
1114
+ backgroundColor: geowebColors.functional.errorOutline.fill,
1115
+ '& .MuiAlert-icon': {
1116
+ color: geowebColors.functional.error,
1117
+ opacity: 1
1253
1118
  }
1254
1119
  },
1255
- '&:hover': {
1256
- backgroundColor: 'rgba(0, 117, 169, 0.15)'
1257
- }
1258
- }
1259
- }
1260
- },
1261
- MuiFormLabel: {
1262
- styleOverrides: {
1263
- root: {
1264
- color: 'rgba(5, 16, 57, 0.7)',
1265
- '&.Mui-focused': {
1266
- color: '#0075a9'
1120
+ standardWarning: {
1121
+ border: geowebColors.functional.warningOutline.border,
1122
+ borderRadius: '0px',
1123
+ backgroundColor: geowebColors.functional.warningOutline.fill,
1124
+ '& .MuiAlert-icon': {
1125
+ color: geowebColors.functional.warning,
1126
+ opacity: 1
1127
+ }
1267
1128
  },
1268
- '&.Mui-error': {
1269
- color: '#d32f2f!important'
1129
+ standardInfo: {
1130
+ border: geowebColors.functional.notificationOutline.border,
1131
+ borderRadius: '0px',
1132
+ backgroundColor: geowebColors.functional.notificationOutline.fill,
1133
+ '& .MuiAlert-icon': {
1134
+ color: geowebColors.functional.notification,
1135
+ opacity: 1
1136
+ }
1137
+ },
1138
+ standardSuccess: {
1139
+ border: geowebColors.functional.successOutline.border,
1140
+ borderRadius: '0px',
1141
+ backgroundColor: geowebColors.functional.successOutline.fill,
1142
+ '& .MuiAlert-icon': {
1143
+ color: geowebColors.functional.success,
1144
+ opacity: 1
1145
+ }
1146
+ },
1147
+ action: {
1148
+ color: geowebColors.buttons.tertiary["default"].color
1149
+ },
1150
+ message: {
1151
+ fontSize: '14px',
1152
+ lineHeight: 1.43,
1153
+ letterSpacing: '0.25px',
1154
+ color: geowebColors.typographyAndIcons.text
1270
1155
  }
1271
1156
  }
1272
- }
1273
- },
1274
- MuiOutlinedInput: {
1275
- styleOverrides: {
1276
- root: {
1277
- '&$focused $notchedOutline': {
1278
- borderColor: '#0075a9'
1279
- }
1157
+ },
1158
+ MuiTextField: {
1159
+ defaultProps: {
1160
+ variant: 'filled'
1280
1161
  }
1281
- }
1282
- },
1283
- MuiFilledInput: {
1284
- styleOverrides: {
1285
- root: {
1286
- backgroundColor: 'rgba(0, 117, 169, 0.05)',
1287
- color: '#051039',
1288
- '&.Mui-disabled': {
1289
- backgroundColor: 'white'
1162
+ },
1163
+ MuiFilledInput: {
1164
+ styleOverrides: {
1165
+ root: {
1166
+ backgroundColor: geowebColors.textInputField["default"].rgba,
1167
+ '&.Mui-focused': {
1168
+ backgroundColor: geowebColors.textInputField.active.rgba,
1169
+ '&:after': {
1170
+ borderColor: 'transparent'
1171
+ }
1172
+ },
1173
+ '&.Mui-disabled': {
1174
+ backgroundColor: geowebColors.textInputField.disabled.rgba
1175
+ },
1176
+ '&.Mui-error': {
1177
+ '&:after': {
1178
+ borderColor: geowebColors.captions.captionError.color
1179
+ }
1180
+ }
1290
1181
  },
1291
- '&.Mui-focused': {
1292
- backgroundColor: 'rgba(0,0,0,0.09)'
1293
- }
1294
- },
1295
- underline: {
1296
- '&.Mui-disabled:before': {
1297
- borderBottomStyle: 'none'
1182
+ underline: {
1183
+ '&:after': {
1184
+ borderWidth: '1px'
1185
+ },
1186
+ '&.Mui-disabled:before': {
1187
+ borderBottomStyle: 'solid'
1188
+ }
1298
1189
  }
1299
1190
  }
1300
- }
1301
- },
1302
- MuiRadio: {
1303
- styleOverrides: {
1304
- root: {
1305
- '&.Mui-disabled': {
1306
- color: '#CCCCCC!important'
1307
- },
1308
- '&.Mui-checked': {
1309
- color: '#0075a9'
1191
+ },
1192
+ MuiFormLabel: {
1193
+ styleOverrides: {
1194
+ root: {
1195
+ color: geowebColors.captions.captionStatus.color,
1196
+ opacity: geowebColors.captions.captionStatus.opacity,
1197
+ '&.Mui-focused': {
1198
+ color: geowebColors.captions.captionInformation.color,
1199
+ opacity: geowebColors.captions.captionInformation.opacity
1200
+ },
1201
+ '&.Mui-error': {
1202
+ color: geowebColors.captions.captionError.color,
1203
+ opacity: geowebColors.captions.captionError.opacity
1204
+ },
1205
+ '&.Mui-disabled': {
1206
+ color: geowebColors.captions.captionDisabled.color,
1207
+ opacity: geowebColors.captions.captionDisabled.opacity
1208
+ }
1310
1209
  }
1311
1210
  }
1312
- }
1313
- },
1314
- MuiCardContent: {
1315
- styleOverrides: {
1316
- root: {
1317
- '&:last-child': {
1318
- paddingBottom: 0
1211
+ },
1212
+ MuiFormHelperText: {
1213
+ styleOverrides: {
1214
+ root: {
1215
+ color: geowebColors.captions.captionStatus.color,
1216
+ opacity: geowebColors.captions.captionStatus.opacity,
1217
+ '&.Mui-error': {
1218
+ color: geowebColors.captions.captionError.color,
1219
+ opacity: geowebColors.captions.captionError.opacity
1220
+ },
1221
+ '&.Mui-disabled': {
1222
+ color: geowebColors.captions.captionDisabled.color,
1223
+ opacity: geowebColors.captions.captionDisabled.opacity
1224
+ }
1319
1225
  }
1320
1226
  }
1321
1227
  }
1322
- },
1323
- MuiDialog: {
1324
- styleOverrides: {
1325
- paperWidthLg: {
1326
- maxWidth: '1280px'
1327
- }
1328
- }
1329
- },
1330
- MuiButton: {
1331
- variants: buttonVariants(geowebColors.buttons)
1332
- },
1333
- MuiToggleButton: {
1334
- styleOverrides: {
1335
- root: variantsToClassName(buttonVariants(geowebColors.buttons))
1336
- }
1337
1228
  }
1338
- }
1339
- });
1229
+ });
1230
+ };
1340
1231
 
1341
1232
  /* *
1342
1233
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1355,14 +1246,14 @@
1355
1246
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
1356
1247
  * */
1357
1248
 
1358
- var colors = {
1249
+ var colors$1 = {
1359
1250
  background: {
1360
- surface: '#303030',
1361
- surfaceApp: '#2B2B2B',
1362
- surfaceBrowser: '#181818'
1251
+ surface: '#FFFFFF',
1252
+ surfaceApp: '#F5F5F5',
1253
+ surfaceBrowser: '#CFCFCF'
1363
1254
  },
1364
1255
  brand: {
1365
- brand: '#404040'
1256
+ brand: '#00547d'
1366
1257
  },
1367
1258
  buttons: {
1368
1259
  primary: {
@@ -1384,7 +1275,7 @@
1384
1275
  activeMouseOver: {},
1385
1276
  disabled: {
1386
1277
  fill: 'transparent',
1387
- color: '#B0B0B0',
1278
+ color: '#707070',
1388
1279
  borderColor: 'transparent'
1389
1280
  }
1390
1281
  },
@@ -1395,12 +1286,12 @@
1395
1286
  borderColor: 'transparent'
1396
1287
  },
1397
1288
  mouseOver: {
1398
- fill: '#064C84',
1289
+ fill: '#064c84',
1399
1290
  color: '#FFFFFF',
1400
1291
  borderColor: '#3DA6FF'
1401
1292
  },
1402
1293
  active: {
1403
- fill: '#0876B6',
1294
+ fill: '#0876b6',
1404
1295
  color: '#FFFFFF',
1405
1296
  borderColor: 'transparent'
1406
1297
  },
@@ -1414,66 +1305,66 @@
1414
1305
  tertiary: {
1415
1306
  "default": {
1416
1307
  fill: 'transparent',
1417
- color: '#E5E5E5',
1418
- borderColor: '#E5E5E5'
1308
+ color: '#575F7A',
1309
+ borderColor: '#575F7A'
1419
1310
  },
1420
1311
  mouseOver: {
1421
- fill: '#494949',
1422
- color: '#E5E5E5',
1423
- borderColor: '#E5E5E5'
1312
+ fill: '#E3E4E7',
1313
+ color: '#575F7A',
1314
+ borderColor: '#575F7A'
1424
1315
  },
1425
1316
  active: {
1426
1317
  fill: 'transparent',
1427
- color: '#488BFD',
1428
- borderColor: '#48A8FA'
1318
+ color: '#186DFF',
1319
+ borderColor: '#186DFF'
1429
1320
  },
1430
1321
  activeMouseOver: {
1431
1322
  fill: 'rgba(24, 109, 255, 0.1)',
1432
- color: '#488BFD',
1433
- borderColor: '#488BFD'
1323
+ color: '#186DFF',
1324
+ borderColor: '#186DFF'
1434
1325
  },
1435
1326
  disabled: {
1436
1327
  fill: 'transparent',
1437
- color: '#B0B0B0',
1328
+ color: '#707070',
1438
1329
  borderColor: 'transparent'
1439
1330
  }
1440
1331
  },
1441
1332
  flat: {
1442
1333
  "default": {
1443
1334
  fill: 'transparent',
1444
- color: '#E5E5E5',
1335
+ color: '#575F7A',
1445
1336
  borderColor: 'transparent'
1446
1337
  },
1447
1338
  mouseOver: {
1448
- fill: '#494949',
1449
- color: '#E5E5E5',
1339
+ fill: '#E3E4E7',
1340
+ color: '#575F7A',
1450
1341
  borderColor: 'transparent'
1451
1342
  },
1452
1343
  active: {
1453
1344
  fill: 'transparent',
1454
- color: '#488BFD',
1345
+ color: '#186DFF',
1455
1346
  borderColor: 'transparent'
1456
1347
  },
1457
1348
  activeMouseOver: {
1458
1349
  fill: 'rgba(24, 109, 255, 0.1)',
1459
- color: '#488BFD',
1350
+ color: '#186DFF',
1460
1351
  borderColor: 'transparent'
1461
1352
  },
1462
1353
  disabled: {
1463
1354
  fill: 'transparent',
1464
- color: '#B0B0B0',
1355
+ color: '#707070',
1465
1356
  borderColor: 'transparent'
1466
1357
  }
1467
1358
  },
1468
1359
  tool: {
1469
1360
  "default": {
1470
- fill: '#393939',
1471
- color: '#E5E5E5',
1361
+ fill: '#ECEDEE',
1362
+ color: '#575F7A',
1472
1363
  borderColor: 'transparent'
1473
1364
  },
1474
1365
  mouseOver: {
1475
- fill: '#494949',
1476
- color: '#E5E5E5',
1366
+ fill: '#E3E4E7',
1367
+ color: '#575F7A',
1477
1368
  borderColor: 'transparent'
1478
1369
  },
1479
1370
  active: {
@@ -1488,20 +1379,20 @@
1488
1379
  },
1489
1380
  disabled: {
1490
1381
  fill: 'transparent',
1491
- color: '#B0B0B0',
1382
+ color: '#707070',
1492
1383
  borderColor: 'transparent'
1493
1384
  }
1494
1385
  },
1495
1386
  boxed: {
1496
1387
  "default": {
1497
1388
  fill: 'transparent',
1498
- color: '#E5E5E5',
1499
- borderColor: '#e5e5e5'
1389
+ color: '#575F7A',
1390
+ borderColor: '#575f7a'
1500
1391
  },
1501
1392
  mouseOver: {
1502
- fill: '#494949',
1503
- color: '#E5E5E5',
1504
- borderColor: '#e5e5e5'
1393
+ fill: '#E3E4E7',
1394
+ color: '#575F7A',
1395
+ borderColor: '#575f7a'
1505
1396
  },
1506
1397
  active: {
1507
1398
  fill: '#186DFF',
@@ -1515,7 +1406,7 @@
1515
1406
  },
1516
1407
  disabled: {
1517
1408
  fill: 'transparent',
1518
- color: '#B0B0B0',
1409
+ color: '#707070',
1519
1410
  borderColor: 'transparent'
1520
1411
  }
1521
1412
  },
@@ -1524,42 +1415,42 @@
1524
1415
  }
1525
1416
  },
1526
1417
  typographyAndIcons: {
1527
- text: '#FFFFFF',
1528
- icon: '#FFFFFF',
1418
+ text: '#051039',
1419
+ icon: '#051039',
1529
1420
  buttonIcon: '#FFFFFF',
1530
- iconLinkActive: '#488BFD',
1531
- iconLinkDisabled: '#5E5E5E',
1532
- textLinkActive: '#488BFD',
1533
- buttonIconTertiaryFlat: '#C5C5C5',
1534
- inactiveText: '#B0B0B0'
1421
+ iconLinkActive: '#186DFF',
1422
+ iconLinkDisabled: '#CCCCCC',
1423
+ textLinkActive: '#186DFF',
1424
+ buttonIconTertiaryFlat: '#575F7A',
1425
+ inactiveText: '#707070'
1535
1426
  },
1536
1427
  textInputField: {
1537
1428
  "default": {
1538
- fill: '#000000',
1539
- opacity: 0.15
1429
+ fill: '#051039',
1430
+ opacity: 0.07
1540
1431
  },
1541
1432
  active: {
1542
- fill: '#909090',
1543
- opacity: 0.2
1433
+ fill: '#051039',
1434
+ opacity: 0.02
1544
1435
  },
1545
1436
  disabled: {
1546
- color: '#000000',
1437
+ fill: '#000000',
1547
1438
  opacity: 0
1548
1439
  }
1549
1440
  },
1550
1441
  tab: {
1551
1442
  mouseOver: {
1552
- fill: '#000000',
1553
- opacity: 0.17
1443
+ fill: '#051039',
1444
+ opacity: 0.07
1554
1445
  }
1555
1446
  },
1556
1447
  greys: {
1557
- accessible: '#A2A2A2',
1558
- accessibleLight: '#6F6F6F'
1448
+ accessible: '#767676',
1449
+ accessibleLight: '#C5C5C5'
1559
1450
  },
1560
1451
  cards: {
1561
- cardContainer: '#303030',
1562
- cardContainerBorder: '#404040'
1452
+ cardContainer: '#FFFFFF',
1453
+ cardContainerBorder: '#EEEEEE'
1563
1454
  },
1564
1455
  backdrops: {
1565
1456
  black: {
@@ -1572,8 +1463,8 @@
1572
1463
  }
1573
1464
  },
1574
1465
  screenManager: {
1575
- activeWindow: '#242424',
1576
- inactiveWindow: '#303030'
1466
+ activeWindow: '#FFFFFF',
1467
+ inactiveWindow: '#E8E5E5'
1577
1468
  },
1578
1469
  timeSlider: {
1579
1470
  // player
@@ -1610,894 +1501,945 @@
1610
1501
  opacity: 0.67
1611
1502
  },
1612
1503
  playerTimeMarkers: {
1613
- fill: '#2C2C2C'
1614
- },
1615
- playerTimeText: {
1616
- color: '#FFFFFF',
1617
- fontFamily: 'Roboto',
1618
- fontSize: 14
1619
- },
1620
- // timeline
1621
- timelineIndicator: {
1622
- fill: '#A2A2A2'
1623
- },
1624
- timelineText: {
1625
- fontSize: 14,
1626
- color: '#FFFFFF',
1627
- fontFamily: 'Roboto'
1628
- },
1629
- timelineTimeScale: {
1630
- fill: '#979797'
1631
- },
1632
- timelineNightTime: {
1633
- fill: '#070808',
1634
- opacity: 0.3
1635
- },
1636
- timelineTimelineSurface: {
1637
- fill: '#303030'
1638
- },
1639
- timelineMonthChangeDash: {
1640
- fill: '#A2A2A2',
1641
- opacity: 0.5
1642
- },
1643
- timelineSelectionBackground: {
1644
- fill: '#11D1C6',
1645
- opacity: 0.25
1646
- },
1647
- // time scale
1648
- timeScaleText: {
1649
- fontSize: 12
1650
- },
1651
- timeScalePointer: {
1652
- fill: '#F8F9F9'
1653
- },
1654
- timeScaleHorizontalScale: {
1655
- fill: '#000000',
1656
- opacity: 0.8
1657
- },
1658
- timeScaleTimeIndicators: {
1659
- fill: '#A2A2A2'
1660
- },
1661
- timeScaleTimeIndicatorsActive: {
1662
- fill: '#FFFFFF'
1663
- },
1664
- timeScaleShadowButtonScale: {
1665
- filter: 'drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.28)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.24)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.40))'
1666
- }
1667
- },
1668
- customSlider: {
1669
- rail: '#488BFD',
1670
- railDisabled: '#5E5E5E',
1671
- track: '#186DFF',
1672
- trackDisabled: '#5E5E5E',
1673
- thumb: '#F8F9F9',
1674
- thumbDisabled: '#5E5E5E',
1675
- mark: '#FFFFFF',
1676
- markDisabled: '#303030',
1677
- switchTrack: '#72BB23',
1678
- switchTrackDisabled: '#E8E5E5'
1679
- },
1680
- syncGroups: {
1681
- drawerOpen: {
1682
- fill: '#232323'
1683
- }
1684
- },
1685
- layerManager: {
1686
- tableRowDefaultText: {
1687
- color: '#FFFFFF',
1688
- opacity: 0.87,
1689
- fontSize: 12
1690
- },
1691
- tableRowDefaultCardContainer: {
1692
- fill: '#303030',
1693
- border: '1px solid #404040'
1694
- },
1695
- tableRowDisabledText: {
1696
- color: '#909090',
1697
- opacity: 0.87,
1698
- fontSize: 12
1699
- },
1700
- tableRowDisabledCardContainer: {
1701
- fill: '#2B2B2B',
1702
- border: '1px solid #404040'
1703
- }
1704
- },
1705
- tooltips: {
1706
- tooltipContainer: {
1707
- fill: '#232323',
1708
- opacity: 1
1504
+ fill: '#2C2C2C'
1709
1505
  },
1710
- tooltipText: {
1711
- color: '#FFFFFF'
1712
- }
1713
- },
1714
- captions: {
1715
- captionStatus: {
1506
+ playerTimeText: {
1716
1507
  color: '#FFFFFF',
1717
- opacity: 0.7
1718
- },
1719
- captionInformation: {
1720
- color: '#9EC2FF',
1721
- opacity: 1
1508
+ fontFamily: 'Roboto',
1509
+ fontSize: 14
1722
1510
  },
1723
- captionError: {
1724
- color: '#FF8F8F',
1725
- opacity: 1
1511
+ // timeline
1512
+ timelineIndicator: {
1513
+ fill: '#767676'
1726
1514
  },
1727
- captionDisabled: {
1728
- color: '#B0B0B0',
1729
- opacity: 1
1730
- }
1731
- },
1732
- functional: {
1733
- success: '#72BB23',
1734
- successOutline: {
1735
- fill: 'rgba(114, 187, 35, 0.25)',
1736
- border: ' 1px solid #72BB23'
1515
+ timelineText: {
1516
+ fontSize: 14,
1517
+ color: '#051039',
1518
+ fontFamily: 'Roboto'
1737
1519
  },
1738
- error: '#C00000',
1739
- errorOutline: {
1740
- fill: 'rgba(192, 0, 0, 0.25)',
1741
- border: '1px solid #C00000'
1520
+ timelineTimeScale: {
1521
+ fill: '#979797'
1742
1522
  },
1743
- warning: '#FFA800',
1744
- warningOutline: {
1745
- fill: 'rgba(255, 168, 0, 0.25)',
1746
- border: '1px solid #FFA800'
1523
+ timelineNightTime: {
1524
+ fill: '#070808',
1525
+ opacity: 0.1
1747
1526
  },
1748
- warningHighlight: {
1749
- fill: '#FFA800',
1750
- opacity: 0.2
1527
+ timelineTimelineSurface: {
1528
+ fill: '#FFFFFF'
1751
1529
  },
1752
- notification: '#186DFF',
1753
- notificationOutline: {
1754
- fill: 'rgba(24, 109, 255, 0.25)',
1755
- border: '1px solid #186DFF'
1756
- }
1757
- }
1758
- }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
1759
-
1760
- var elevations = {
1761
- elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
1762
- elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1763
- elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
1764
- elevation_04: '0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1765
- elevation_06: '0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14)',
1766
- elevation_08: '0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',
1767
- elevation_09: '0 5px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14)',
1768
- elevation_12: '0 7px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14)',
1769
- elevation_16: '0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14)',
1770
- elevation_24: '0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14)'
1771
- };
1772
- var darkTheme = createTheme('dark', parseColors(colors), createShadows(elevations));
1773
-
1774
- var ThemeContext = /*#__PURE__*/React__namespace.createContext({
1775
- toggleTheme: null,
1776
- isDark: null
1777
- });
1778
- var ThemeProvider = function ThemeProvider(_a) {
1779
- var children = _a.children,
1780
- _b = _a.theme,
1781
- defaultTheme = _b === void 0 ? lightTheme : _b,
1782
- _c = _a.disableCssBaseline,
1783
- disableCssBaseline = _c === void 0 ? false : _c;
1784
-
1785
- var _d = __read(React__namespace.useState(false), 2),
1786
- isDark = _d[0],
1787
- setDark = _d[1];
1788
-
1789
- var currentTheme = React__namespace.useMemo(function () {
1790
- return isDark ? darkTheme : defaultTheme;
1791
- }, [isDark, defaultTheme]);
1792
-
1793
- var toggleTheme = function toggleTheme() {
1794
- return setDark(!isDark);
1795
- };
1796
-
1797
- return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
1798
- value: {
1799
- toggleTheme: toggleTheme,
1800
- isDark: isDark
1801
- }
1802
- }, /*#__PURE__*/React__namespace.createElement(material.ThemeProvider, {
1803
- theme: currentTheme
1804
- }, !disableCssBaseline && /*#__PURE__*/React__namespace.createElement(material.CssBaseline, null), children));
1805
- };
1806
- var useThemeContext = function useThemeContext() {
1807
- return React__namespace.useContext(ThemeContext);
1808
- }; // Wrapper for storybook stories. Will include later an additional wrapper after upgrade to MUI5
1809
-
1810
- var ThemeWrapper = function ThemeWrapper(_a) {
1811
- var children = _a.children,
1812
- _b = _a.theme,
1813
- theme = _b === void 0 ? lightTheme : _b,
1814
- _c = _a.disableCssBaseline,
1815
- disableCssBaseline = _c === void 0 ? false : _c;
1816
- return /*#__PURE__*/React__namespace.createElement(material.StyledEngineProvider, {
1817
- injectFirst: true
1818
- }, /*#__PURE__*/React__namespace.createElement(ThemeProvider, {
1819
- theme: theme,
1820
- disableCssBaseline: disableCssBaseline
1821
- }, children));
1822
- }; // Wrapper for storybook stories with GWTheme. Will be deprecated
1823
-
1824
- var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
1825
- var children = _a.children,
1826
- props = __rest(_a, ["children"]);
1827
-
1828
- return /*#__PURE__*/React__namespace.createElement(ThemeWrapper, __assign({
1829
- theme: GWTheme,
1830
- disableCssBaseline: true
1831
- }, props), children);
1832
- };
1833
-
1834
- /* *
1835
- * Licensed under the Apache License, Version 2.0 (the "License");
1836
- * you may not use this file except in compliance with the License.
1837
- * You may obtain a copy of the License at
1838
- *
1839
- * http://www.apache.org/licenses/LICENSE-2.0
1840
- *
1841
- * Unless required by applicable law or agreed to in writing, software
1842
- * distributed under the License is distributed on an "AS IS" BASIS,
1843
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1844
- * See the License for the specific language governing permissions and
1845
- * limitations under the License.
1846
- *
1847
- * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1848
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
1849
- * */
1850
- var HorizontalSplit = function HorizontalSplit() {
1851
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("svg", {
1852
- width: "24",
1853
- height: "24"
1854
- }, /*#__PURE__*/React__namespace.createElement("path", {
1855
- d: "M22 2v20H2V2h20zM8 3.999 4 4v16l4-.001v-16zM20 4l-10-.001v16L20 20V4zm-5 4c.3 0 .545.244.545.545v2.91h2.91a.544.544 0 1 1 0 1.09h-2.91v2.91a.545.545 0 1 1-1.09 0v-2.91h-2.91a.544.544 0 1 1 0-1.09h2.91v-2.91c0-.301.244-.545.545-.545z"
1856
- })));
1857
- };
1858
- var VerticalSplit = function VerticalSplit() {
1859
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("svg", {
1860
- width: "24",
1861
- height: "24"
1862
- }, /*#__PURE__*/React__namespace.createElement("path", {
1863
- d: "M22 22H2V2h20v20zM20.001 8 20 4H4l.001 4h16zM20 20l.001-10h-16L4 20h16zm-4-5c0 .3-.244.545-.545.545h-2.91v2.91a.544.544 0 1 1-1.09 0v-2.91h-2.91a.545.545 0 1 1 0-1.09h2.91v-2.91a.544.544 0 1 1 1.09 0v2.91h2.91c.301 0 .545.244.545.545z"
1864
- })));
1865
- };
1866
- var Expand = function Expand() {
1867
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("svg", {
1868
- width: "24",
1869
- height: "24"
1870
- }, /*#__PURE__*/React__namespace.createElement("path", {
1871
- d: "M6.36 9.5c.752.001 1.36.607 1.36 1.355v5.436h5.42c.751 0 1.36.607 1.36 1.355A1.357 1.357 0 0 1 13.14 19H5v-8.145A1.36 1.36 0 0 1 6.36 9.5zM19 4v8.145c0 .749-.609 1.354-1.36 1.355a1.359 1.359 0 0 1-1.36-1.355V6.709h-5.42c-.75 0-1.36-.607-1.36-1.355 0-.374.152-.713.398-.958.248-.245.587-.396.963-.396H19z"
1872
- })));
1873
- };
1874
- var UnExpand = function UnExpand() {
1875
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("svg", {
1876
- width: "24",
1877
- height: "24"
1878
- }, /*#__PURE__*/React__namespace.createElement("path", {
1879
- d: "M3.86084312,12 C3.48526636,12 3.14555369,12.1508094 2.89848993,12.3958747 C2.6524224,12.6409399 2.5,12.9802611 2.5,13.3543081 C2.5,14.1024021 3.1096896,14.7086162 3.86084312,14.7086162 L9.27930998,14.7086162 L9.27930998,20.1446997 C9.27930998,20.8937859 9.88899958,21.4990078 10.6401531,21.5 C11.3913066,21.4990078 12,20.8937859 12,20.1446997 L12,12 L3.86084312,12 Z M21.1401531,8.29138381 L15.72069,8.29138381 L15.72069,2.85530026 C15.72069,2.10720627 15.1119966,1.50099217 14.3608431,1.5 C13.6086934,1.50099217 13.0009962,2.10819843 13,2.85530026 L13,11 L21.1401531,11 C21.5157299,11 21.8554425,10.8491906 22.1015101,10.6041253 C22.3475776,10.3590601 22.5,10.0197389 22.5,9.64569191 C22.5,8.89759791 21.8913066,8.29138381 21.1401531,8.29138381",
1880
- id: "path-1"
1881
- })));
1882
- };
1883
- var Delete = function Delete(props) {
1884
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1885
- d: "M17.504 8.228c.588 0 1.027.48.973 1.066l-.876 9.64A1.197 1.197 0 0 1 16.434 20H8.41c-.59 0-1.115-.48-1.167-1.066l-.877-9.64a.962.962 0 0 1 .973-1.066zm-2.115 1.228a.82.82 0 0 0-.819.82v7.674a.818.818 0 0 0 1.638 0v-7.675a.819.819 0 0 0-.819-.819zm-2.968 0a.819.819 0 0 0-.819.82v7.674a.818.818 0 1 0 1.638 0v-7.675a.82.82 0 0 0-.82-.819zm-2.968 0a.819.819 0 0 0-.818.82v7.674a.818.818 0 1 0 1.637 0v-7.675a.82.82 0 0 0-.82-.819zM13.432 4c.21 0 .404.168.436.376l.107.758 3.256-.01a1.606 1.606 0 0 1 1.61 1.6l.001.535-12.841.038L6 6.76a1.605 1.605 0 0 1 1.6-1.61l3.262-.008.103-.758a.454.454 0 0 1 .434-.38z"
1886
- }));
1887
- };
1888
- var RegionDraw = function RegionDraw(props) {
1889
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1890
- d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
1891
- }));
1892
- };
1893
- var PolygonDraw = function PolygonDraw(props) {
1894
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1895
- d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
1896
- }));
1897
- };
1898
- var FIRLandDraw = function FIRLandDraw(props) {
1899
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1900
- d: "m8.792 0 4.37 2.748h5.106v7.48l.043.078a.585.585 0 0 1 .178-.048.691.691 0 0 1 .344.062l.105.06v.16l.033.04.048.255c.163.103.286.169.37.197a.295.295 0 0 0 .218 0c-.013.124-.013.192 0 .204.04.037.162.08.37.13a.874.874 0 0 1 .025.237.202.202 0 0 1-.07.124.25.25 0 0 0-.032.187c.007.03.058.003.076.106.007.04-.005.114 0 .225.002.047.01.13.026.251a1.363 1.363 0 0 1-.102.373c-.04.078-.138.203-.293.375a.19.19 0 0 1 0 .113c-.017.049-.063.047-.064.069-.01.155.003.436-.033.794-.004.046-.026.107-.07.117-.045.011-.103-.056-.157-.06-.08-.007-.148.036-.214.027-.019-.002-.056-.06-.077-.063-.05-.007-.144.04-.258.035a.293.293 0 0 1-.094-.025l-.066-.03-.085.116-.014.202c.086.035.128.063.127.083 0 .01-.025.02-.072.034l-.055.015-.013.047-.07.024c.024.002.04.029.048.08a.528.528 0 0 1-.02.205c.075.064.136.1.182.11.045.009.116 0 .211-.029.071.091.156.137.256.137.15 0 .131-.174.214-.137.04.018.052.128.125.24.012.02.036.043.072.068l.063.04v.221a.442.442 0 0 0-.115.262c-.007.135.097.198.06.301-.036.104-.129.01-.187.062-.04.034-.075.106-.107.217a.51.51 0 0 0-.202.098c-.052.052-.013.15-.09.194-.077.044-.243-.003-.3.03-.075.043-.032.161-.081.185-.032.015-.107.016-.13.033-.025.021-.034.062-.024.122a.785.785 0 0 1 .235.08c.078.046.193.11.211.222.01.058-.049.096-.08.13-.027.032-.024.06-.057.098a.864.864 0 0 1-.214.176c-.045.027-.09-.106-.152-.079-.103.048-.339.152-.63.31-.016.009-.063-.006-.143-.042l-.066-.032v.176h-.14c-.011-.044-.027-.071-.047-.08a.152.152 0 0 0-.068-.007l-.055.007-.073-.131-.235.035c-.089-.144-.142-.203-.16-.179-.01.014-.126-.045-.114.022.005.028.044.079.117.152l.06.06-.027.091-.32-.122-.183.152h-.139l-.02.07.102.151v.102l-.102.065.02.05.082-.02.164.12v.21l.246.089-.077.223.077.067.035.11.079.056.064.121.096.113.02.15.023.071-.023.08.016.091-.036.12.068.054-.032.03.007.129-.082.105-.035.043-.05.02a3.573 3.573 0 0 1-.15.273l-.06.084-.065.076v.05l-.02.052c.001.131.024.205.068.22.066.023.165-.131.227-.118.032.006-.04.048-.057.118-.003.014.016.037.057.069a.682.682 0 0 0-.275.18c-.063.06-.18.125-.26.215a.133.133 0 0 0-.024.042l-.03.098a.117.117 0 0 1-.073.072c-.102.036-.125-.132-.158-.13-.088.006-.093.15-.097.166-.004.02.02.046.054.074.008.006.01.018.01.033l-.009.1.011.03c.035.022.151-.055.155-.05.053.056.22-.022.274.05.025.033-.113.08-.051.204.062.124.15.03.198.1.017.024-.022.04-.02.092 0 .021.014.066.042.133-.013.054-.027.086-.042.094-.02.011-.052-.02-.073-.019a.109.109 0 0 0-.085.046c-.02.025.018.118 0 .164-.014.035-.105.022-.107.063-.002.05.164.085.087.184-.077.099-.123-.016-.169-.016-.046 0-.114.06-.186.053-.02-.002-.008-.063-.035-.072-.021-.007-.08.038-.105.035-.018-.002-.021-.038-.04-.035-.022.003-.06.045-.085.042-.029-.004-.085-.114-.129-.114-.034.001-.052.114-.09.107-.09-.016-.132.056-.162.007-.015-.025.014-.077.02-.127.002-.027-.022-.055-.02-.077.003-.018.024-.024.02-.036-.03-.07-.122-.027-.17-.115-.031-.058-.042-.108-.032-.15.02-.05.04-.084.059-.105.027-.03.077-.001.106-.025.033-.028.044-.108.054-.13.023-.045.06.053.063 0 0-.02.092-.136.085-.192-.007-.06-.022.06-.085 0-.017-.016-.019-.047-.012-.085.008-.042.104-.059.125-.108.016-.037.059-.115.054-.155-.005-.038-.058-.038-.052-.052l.052-.127c.005-.014.064.026.07.013.019-.047-.017-.145 0-.187.007-.018.125.02.128 0 .005-.022-.105-.101-.094-.138.01-.027.108-.062.122-.1.006-.016-.013-.04-.057-.074-.074.03-.126.037-.156.022-.045-.023.021-.117-.065-.14-.086-.02-.178.024-.257.024-.053 0-.089-.03-.107-.09-.054-.035-.14-.049-.2-.065-.024-.006-.035-.007-.05-.018l-.025-.024v-.215l-.165-.148a.814.814 0 0 1-.12.09c-.02.012-.06.004-.098.022a.391.391 0 0 0-.082.064.44.44 0 0 0-.144-.028.157.157 0 0 0-.093.044 1.378 1.378 0 0 0-.182-.029c-.053-.002-.095.04-.128.013-.097-.078.06-.191 0-.24-.06-.05-.177 0-.245-.03-.069-.03-.025-.05-.08-.14-.053-.092-.16-.137-.16-.241 0-.07.032-.132.094-.188a.558.558 0 0 0-.079-.157c-.012-.014-.042-.024-.091-.029.002-.04-.006-.06-.023-.06-.027 0-.036.015-.056.06-.02.046.004.083-.033.136-.02.03-.07.081-.153.157l-.068.06-.171-.08a.953.953 0 0 1-.24.046c-.053 0-.087-.015-.102-.046-.01-.053-.004-.083.018-.089.022-.006.071.007.15.04a1.621 1.621 0 0 1 0-.143c.002-.043.043-.06.037-.095-.006-.04-.061-.097-.102-.112-.153-.058-.298.059-.434.35-.04.016-.066.022-.078.02-.08-.018-.125-.044-.167-.044a.488.488 0 0 0-.14.024c-.115-.062.035-.218 0-.252-.018-.016-.056-.018-.114-.004l-.065.018-.27.123.03.075-.03.09.117.19c.01.048-.004.078-.042.09a.492.492 0 0 1-.155.007l-.083-.007-.061-.09h-.21c.002-.004-.027.018-.037 0-.015-.028-.016-.1-.026-.11-.029-.03-.075-.032-.074-.035.005-.013-.023-.028-.068-.017-.014.004-.022.03-.04.034a.704.704 0 0 1-.065.011l-.05.006-.287-.11c-.007-.03-.015-.048-.026-.057l-.02-.006-.03.006-.13-.118-.053.013c-.009-.013-.023-.017-.042-.013a.19.19 0 0 0-.047.021l-.032.02v.053l-.09.212-.06-.02-.059.05h-.156a.29.29 0 0 0-.113-.117c-.067-.036-.139-.006-.14-.017a.184.184 0 0 0-.052-.108.24.24 0 0 0-.085-.064l.014-.013.02-.017v-.039l-.088.04-.083.093a.37.37 0 0 0-.105-.026c-.062.001-.098.028-.1.026-.059-.049-.108-.082-.148-.133-.032-.04-.056-.1-.095-.138-.06-.06-.173-.108-.189-.167-.02-.074.018-.09.114-.15.074-.046.182-.14.317-.187.014-.005.046-.002.097.01l.058.014.05.122.121.1a.215.215 0 0 0 .051.125c.04.042.073.03.104 0a.188.188 0 0 0 .024-.054l.018-.057.21.015.033-.028h.068l.055.028h.118l.091-.015.056.077.083-.029.133.084.108.067.049.076c-.006.023-.006.04 0 .05.022.04.071.075.092.096.03.03.084.07.163.116.009-.032.049-.057.121-.075.054-.014.13-.025.227-.033l.104-.008-.024-.164-.2-.11-.045.04a.446.446 0 0 0-.138-.076.222.222 0 0 0-.082-.004l-.049.01-.15-.04a.378.378 0 0 0-.068-.09.135.135 0 0 0-.076-.023.093.093 0 0 0-.026-.078.219.219 0 0 0-.06-.043l-.044-.02v-.062l.153-.021.122-.082a.121.121 0 0 1 .072 0 .188.188 0 0 1 .046.031l.031.029h.184v-.06h-.174a.225.225 0 0 0-.042-.062c-.011-.01-.021-.01-.03 0V19.097l.132-.04c.067.048.123.08.166.094a.519.519 0 0 0 .186.02l.02-.007c.01-.01.265-.037.358-.123a.275.275 0 0 0 .088-.14l.005-.05h.068l.02.004a.937.937 0 0 0 .33.052.377.377 0 0 0 .248-.084l.037-.043-.02-.07a.807.807 0 0 1-.315.1c-.046 0-.09-.048-.156-.064a.967.967 0 0 0-.19-.013 1.722 1.722 0 0 0-.171-.096c-.136-.06-.249-.094-.315-.129a.124.124 0 0 1-.063-.067c.042.007.063-.005.063-.035 0-.046-.06.002-.063 0a.257.257 0 0 0-.05-.035l-.092-.046a.668.668 0 0 0-.102-.048l-.069-.024-.222-.113a.169.169 0 0 0-.02-.096.555.555 0 0 0-.057-.066l-.048-.05.104-.164c-.025.008-.043.008-.054 0-.033-.025-.06-.086-.076-.093-.026-.01-.056.065-.072.037a.317.317 0 0 1-.032-.118c-.016-.14.064-.186.24-.135l.082.028.2-.202.632-.742a3.91 3.91 0 0 0 .547-1.083c.054-.17.14-.364.194-.61.044-.206.1-.58.165-1.123.076-.118.138-.277.187-.479a1.1 1.1 0 0 0 .035-.41l-.018-.081.07-.044.136-.028c-.01.044-.01.068 0 .072.007.002.022-.003.045-.017l.04-.027v.074c-.026.064-.026.115 0 .154.039.058.034.032.17.103.05.025.13.017.243-.024.032-.01.04-.118.099-.147a.473.473 0 0 1 .154-.032l.077-.005.237.48-.058.274c.058.069.094.114.108.137.025.042.001.061.029.073.036.017.078.007.124-.029l.048-.044h.237l.06.253v.077l-.068.048-.067-.048-.037.127-.125.124h-.073l-.128.08-.05-.08-.195-.028c-.067.019-.108.039-.121.061-.01.015-.013.04-.01.076l.01.061.205.449-.05.077c.024.038.03.067.015.09-.014.022-.045.028-.091.018.027.068.057.104.091.107.012.001.032-.018.059-.06l.029-.047.108.028-.16.11c.014.018.003.053-.036.103a1.064 1.064 0 0 1-.11.118l-.082.073-.156.054.084.034.061.05h.063l.026.073c.084-.023.134-.032.15-.026l.055.025.055.034.147.114.229-.037.196.088.03.077c.08.022.139.043.174.062.033.017.066.064.095.08.041.022.2-.053.3-.08.062-.017.06.027.12 0 .083-.038.03-.175.154-.27.06-.046.063-.092.133-.14.1-.069.21-.138.317-.2.068-.04.172-.06.236-.13.169-.182.216-.422.217-.425 0 0-.004-.125-.03-.181a.71.71 0 0 0-.074-.099l-.048-.057.057-.037.013-.112h-.588a2.03 2.03 0 0 0-.16-.217c-.029-.031-.05-.047-.063-.046l-.01.006.032-.511.2-.312.183-.02-.029-.051h-.153c-.01-.045-.024-.069-.041-.07-.012-.002-.028.006-.05.023l-.035.033-.075-.008c-.032.063-.064.094-.094.093-.025 0-.14-.071-.355-.113a.156.156 0 0 0-.069.01l-.05.018-.164-.096a.137.137 0 0 1 0-.112.153.153 0 0 1 .066-.064l.06-.028.019-.08c-.025-.026-.037-.047-.037-.06 0-.04.036-.075.037-.123 0-.04-.036-.094-.035-.14l.004-.25c0-.03-.018-.06-.038-.097a.344.344 0 0 1-.045-.176c.001-.029.073-.105.095-.168.01-.03.016-.1.019-.21a.437.437 0 0 1 .138-.235c.066-.064.157-.13.275-.197.014-.008.03-.08.08-.132.034-.036.095-.056.13-.072.066-.031.16-.021.247-.055.065-.024.094-.082.213-.142.052-.027.15-.07.294-.127l.116-.046h.114c.05-.044.155-.08.315-.104.05-.008.123-.014.218-.018.06.013.102.02.129.018.031-.002.064-.036.125-.046.012-.002.036.007.074.028a.171.171 0 0 1 .128-.028c.04.009.113.043.216.102a.63.63 0 0 1 .203-.094l-.1-.293V3.715h-4.498L9.191 1.451 7.096 6.745l1.02 6.83-2.729 6.828 2.144.327.497-.327a.52.52 0 0 1 .205-.09c.033-.01.074-.004.12-.02.044-.016.104-.06.16-.067.037-.006.14.034.306.12l.108.057.087-.01.136.12.134.04.032-.049.29.073.03-.064.11-.065.12-.03.03-.105.01-.055c.063-.024.116-.024.158 0 .063.036.1.178.124.16 0 0 .04-.005.094.03.007.005.015.02.025.045.026-.01.046-.01.06 0a.45.45 0 0 1 .087.1c-.01-.031-.02-.058-.03-.08-.013-.033-.046-.048-.03-.065.007-.008.113.094.148.087.017-.004-.077-.078-.06-.116.006-.01.042-.01.109 0a.164.164 0 0 0 .017-.026l.03.003.038.007.074.15-.045.056a3.95 3.95 0 0 1-.222.233c-.1.074-.199.138-.295.19-.023.012-.095-.015-.124 0-.044.022-.102.103-.199.161-.02.013-.056-.014-.079 0l-.029.018-.04.026-.353-.044c-.014-.012-.023-.035-.027-.07a.983.983 0 0 1 0-.16 1.745 1.745 0 0 1-.272-.063c-.025-.009-.055-.054-.088-.067-.025-.01-.053.013-.083 0a.908.908 0 0 1-.124-.067c-.01.025-.024.04-.042.047a.128.128 0 0 1-.05.004l-.035-.004-.052.043-.05-.014c.022.122.013.19-.028.204a.507.507 0 0 1-.106.024l-.876.68L4 21.218l3.096-7.642-.993-6.831L8.792 0zm.73 19.28c.045.02.072.035.084.046.037.036.04.074.06.098.02.024.033.045.042.063l.008.026-.08.016-.035.041-.047-.02a.344.344 0 0 0-.052-.033l-.014-.004a.14.14 0 0 0-.056.016l-.038.02-.116-.036-.128.088-.053.062v-.09l-.155-.116-.015-.11.087-.021h.102c-.042.023-.025.03.053.021a3.52 3.52 0 0 0 .353-.067zm-.068-.73.054.02c-.02.038-.02.06 0 .067a.272.272 0 0 0 .1-.003l.057-.009.08.046h.196l.106.167c-.002.032.003.052.017.058.009.004.027.006.055.004l.048-.004.092.071.093.019-.03.11a.357.357 0 0 0-.084.061l-.044.039-.028-.014-.241.077-.11-.095c-.056.017-.089.022-.099.018-.066-.033-.051-.049-.05-.054.005-.052-.033-.106-.112-.16a2.11 2.11 0 0 0-.093-.029c-.028-.007-.018-.069-.04-.072-.019-.003-.07.053-.084.054-.03.002-.048.012-.056.03l-.003.035-.162.01c-.126-.1-.143-.196-.05-.287a.344.344 0 0 1 .292-.09l.096.018v-.087zm.576-.431.083.1.003-.002.01.009.04.027c.093.06.244.14.454.235.157.157.291.264.403.321.032.017.066.01.112 0l.05-.012.062.012v.041l-.031-.004c-.018-.002-.028 0-.032.004-.038.048-.042.114-.09.136a.866.866 0 0 1-.28.055c-.025-.031-.107-.065-.246-.102a.32.32 0 0 0-.13-.116.458.458 0 0 0-.149-.016l-.074.002-.125-.2c.024-.12-.009-.204-.098-.254-.133-.074-.337.103-.356.086-.103-.09-.081-.164-.059-.188.015-.017.079-.008.169-.033.034-.01.043-.052.12-.08a.76.76 0 0 1 .164-.021zm5.102-3.682a.16.16 0 0 0 .081.072c.032.012.108.025.227.04a.116.116 0 0 0 .067.052.53.53 0 0 0 .087.015l.066.006.1.146c.03.09.03.164 0 .225a1.72 1.72 0 0 1-.122.204l-.067.098-.103.083a.467.467 0 0 0-.255.046.823.823 0 0 0-.14.109l-.065.06h-.13l-.072.084.025.141c-.017.123-.042.19-.077.205-.17.07-.324.111-.388.065a1.96 1.96 0 0 1-.15-.126l-.069-.064-.36-.173-.179.026-.063-.074v-.137l.164-.162.639-.385.055.007c.08-.051.12-.103.12-.153 0-.034.01-.064.03-.092l.036-.039h.077c.09-.088.16-.148.212-.181.035-.022.08-.005.135-.026a.848.848 0 0 0 .119-.072zm-2.48-2.798.17.24-.068.334-.133.17-.209.178h-.205l.017-.225.12-.316.307-.38zm2.154-1.332.1.072-.12.08-.263.099-.184.022-.19.118-.278.053-.23.137-.067-.103.172-.171 1.06-.307zm1.26-.068.067.045-.1.057-.095-.012-.312.073-.201-.027-.133.06-.16.017-.124-.059v-.086l.098-.049.249.05.61-.058.102-.011z",
1901
- fill: "inherit",
1902
- fillRule: "evenodd"
1903
- }));
1904
- };
1905
- var Location = function Location(props) {
1906
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1907
- d: "M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3"
1908
- }));
1909
- };
1910
- var ThumbsUp = function ThumbsUp(props) {
1911
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
1912
- fontSize: "inherit",
1913
- viewBox: "0 0 58 69"
1914
- }, props), /*#__PURE__*/React__namespace.createElement("title", null, "Thumbs up"), /*#__PURE__*/React__namespace.createElement("g", {
1915
- id: "Thumbs-up",
1916
- stroke: "none",
1917
- strokeWidth: "1",
1918
- fill: "none",
1919
- fillRule: "evenodd"
1920
- }, /*#__PURE__*/React__namespace.createElement("path", {
1921
- d: "M3.99883665,31.7843145 C7.41834232,30.0745617 7.39773108,30.3805485 10.9988366,28.8843145 C14.5999422,27.3880805 16.06167,27.0500418 18.1988366,25.8843145 C19.0904815,25.3979628 19.820202,24.8243341 20.5488366,24.1634286 C20.9845024,23.7682595 22.8819728,21.7794437 23.5488366,20.8277879 C24.2586546,19.8148341 25.1756722,18.5003429 25.9988366,16.8843145 C28.3936103,12.1829184 28.889513,9.4076237 29.8988366,6.88431453 C30.4506375,5.50481234 31.0206747,4.13576029 31.6089482,2.77715837 C31.8562473,2.20602771 32.1648239,1.47549588 32.9988366,0.88431453 C33.2365758,0.715795602 34.0556054,0.253858312 35.0144255,0.0843145301 C36.0262338,-0.0945989315 37.1937102,0.0296108539 37.9980376,0.28431453 C38.7449403,0.520833719 39.4692925,0.860990256 40.1710941,1.30478414 C40.2879689,1.37869154 41.2393256,2.13799569 41.8988366,3.58269657 C42.290748,4.4412034 42.5040976,4.92788584 42.7988366,6.88431453 C42.9953293,8.18860032 43.0453293,9.52193365 42.9488366,10.8843145 C42.947848,11.8251839 42.6645146,13.1585172 42.0988366,14.8843145 C41.9160014,15.4421169 41.6403041,16.2990156 41.2988366,17.1941099 C40.9325633,18.1542284 40.4965053,19.1582935 40.1988366,19.8843145 C39.1594737,22.4193462 37.7498356,25.6900566 37.4561402,26.5124038 C37.2603433,27.0606352 37.1745754,27.6512721 37.1988366,28.2843145 C37.21217,28.4109812 37.2455033,28.5187344 37.2988366,28.6075742 C37.35217,28.6964139 37.45217,28.821994 37.5988366,28.9843145 C38.7401033,28.7100145 39.6802034,28.5266812 40.4191367,28.4343145 C41.6262088,28.2834305 44.7342553,28.0975232 47.4943878,28.1962584 C50.2545202,28.2949937 51.7465936,28.4428269 52.9988366,28.8843145 C53.8336653,29.1786396 54.540332,29.8453063 55.1188366,30.8843145 C55.3507184,31.5616882 55.477385,32.2303996 55.4988366,32.8904489 C55.5202882,33.5504981 55.4369549,34.21512 55.2488366,34.8843145 C54.956044,35.585751 54.5393773,36.1190843 53.9988366,36.4843145 C53.4582959,36.8495447 52.6416293,37.1495447 51.5488366,37.3843145 C51.46217,37.6709812 51.4455033,37.9376479 51.4988366,38.1843145 C51.55217,38.4309812 51.7188366,38.5976479 51.9988366,38.6843145 C53.0027645,38.7154727 53.6750204,38.7821393 54.0156044,38.8843145 C54.7031375,39.0905745 55.3642149,39.4239078 55.9988366,39.8843145 C56.4980387,40.3674862 56.831372,40.7202741 56.9988366,40.9426784 C57.2459451,41.2708552 57.8988366,42.3863253 57.8988366,43.8843145 C57.8988366,44.882974 57.53217,45.882974 56.7988366,46.8843145 C56.4100652,47.2645006 55.9767318,47.5818962 55.4988366,47.8365013 C55.0209415,48.0911064 54.5157721,48.2737108 53.9833285,48.3843145 L52.6988366,48.3843145 C52.2988366,48.6576479 52.0988366,48.9643145 52.0988366,49.3043145 C52.0988366,49.6443145 52.1655033,49.9376479 52.2988366,50.1843145 L53.4440689,50.6343145 C54.0486381,50.9097065 54.566894,51.3263732 54.9988366,51.8843145 C55.2403033,52.1962176 55.7126861,53.1830494 55.7488366,53.8843145 C55.7849872,54.5855797 55.7892838,54.8412841 55.675362,55.3021772 C55.5409724,55.8458769 55.3321306,56.373256 54.9488366,56.8843145 C54.6880408,57.2320423 54.3421972,57.542124 54.0113058,57.8145598 C53.720974,58.0536013 53.0623839,58.3923099 52.0355354,58.6843145 C51.8426264,58.739172 51.4970601,58.8058387 50.9988366,58.8843145 L49.2488366,58.9843145 C48.96217,59.1509812 48.7955033,59.3509812 48.7488366,59.5843145 C48.70217,59.8176479 48.7855033,60.0643145 48.9988366,60.3243145 L50.0168579,60.6843145 C51.0110333,61.2176479 51.5216929,61.9496429 51.5488366,62.8802998 C51.5895523,64.276285 51.475285,65.4556464 50.0016466,66.7843145 C49.4876586,67.2477386 48.8545536,67.4912052 48.1023318,67.7343145 C47.6452927,67.8820242 46.8607943,68.0486909 45.7488366,68.2343145 L40.0010327,68.6843145 C38.1462353,68.7443145 36.81217,68.7776479 35.9988366,68.7843145 C34.7788366,68.7943145 28.6377735,68.7414839 25.3910307,68.5132824 C22.1442879,68.2850808 21.4236621,68.1168902 18.9258088,67.5843145 C16.4279556,67.0517389 16.0894589,66.9976619 13.9988366,66.0843145 C12.6050885,65.4754163 11.2717551,64.6754163 9.99883665,63.6843145 L5.99912679,59.8445931 C5.6005732,59.505994 5.13964906,59.1744645 4.61635438,58.8500046 C3.83141237,58.3633147 3.44878136,58.2942773 2.99883665,57.9843145 C2.44718062,57.6042838 2.05635486,57.1737105 1.71932092,56.7662516 C1.30382099,56.2639309 0.723401214,54.7703696 0.498836646,53.8721113 C0.239479861,52.8346842 0.182966814,51.4491222 0.134208514,50.425802 C0.00166588165,47.644049 0.0975252306,47.2982714 0.0687602378,44.8458357 C0.0452570713,42.8420109 -0.0277106081,40.4082829 0.0112302522,39.9409643 C0.224109489,37.3862585 0.450803729,36.3915418 0.898836646,34.8843145 C1.09883665,34.2114947 1.78104521,33.1945675 2.17275045,32.889441 C2.5644557,32.5843145 3.13875358,32.2143561 3.99883665,31.7843145 Z",
1922
- id: "Path-2",
1923
- fill: "#FFBF00"
1924
- }), /*#__PURE__*/React__namespace.createElement("path", {
1925
- d: "M37.1988366,28.2843145 C36.6491114,28.3570112 36.2566531,28.4236779 36.0214618,28.4843145 C35.0603746,28.7321005 34.3937143,29.0314706 34.021481,29.207818 C33.777778,29.3232735 32.5285093,30.04554 31.6988366,30.8956082 C31.0356177,31.5751308 30.7670551,32.3363186 30.5620165,32.9344937 C29.9561734,34.7019667 30.4904911,36.5989836 30.5988366,36.8981554 C30.8174274,37.5017447 31.0945063,37.9694877 31.2988366,38.4843145 C31.4064264,38.7553957 31.4498365,39.7521385 31.3985954,40.9130014 C31.388536,41.1408948 31.3995111,42.8738523 30.5816296,45.1307691 C30.125032,46.3907349 29.4940749,47.743868 28.6988366,48.906031 C27.6082165,50.4998658 26.3589437,51.7345157 26.1988366,51.8770596 C25.2520649,52.7199732 23.8988366,53.516454 23.3777374,54.1031009 C22.8566381,54.6897478 22.8988366,54.7174426 22.8988366,54.8843145 C22.8988366,55.0643438 22.9342857,55.2139882 23.0063234,55.32641 C23.2544011,55.7135594 23.9363916,55.6592779 25.0988366,54.8843145 C25.8683088,54.3713331 26.8213311,53.5952018 27.5988366,52.8259025 C28.3369913,52.0955388 28.9092218,51.3713331 29.2988366,50.8843145 C29.6096134,50.4958436 30.1890589,49.8244169 30.7488366,48.8700346 C31.0160857,48.4143934 31.4327524,47.5858201 31.9988366,46.3843145 C31.9988366,46.7176479 32.33217,47.2176479 32.9988366,47.8843145 C33.1686748,48.0541527 33.5020081,48.3041527 33.9988366,48.6343145 C33.535822,48.6343145 33.2024887,48.6676479 32.9988366,48.7343145 C31.9774176,49.1343145 31.4345654,49.3440777 30.8488366,49.8843145 C30.1709576,50.5095446 29.6310297,51.1756019 29.3988366,52.3843145 C29.1722814,53.5636787 29.3142136,54.632966 29.6488366,55.5921767 C29.928312,56.3933044 30.3156141,57.1176481 30.9865396,57.7652076 C31.1856402,57.9573742 31.5230725,58.2304098 31.9988366,58.5843145 C30.2988366,59.4509812 29.4488366,60.8843145 29.4488366,62.8843145 C29.4488366,65.8843145 31.4988366,68.7843145 35.9988366,68.7843145 C37.2162866,68.7843145 38.5382158,68.7607397 39.9988366,68.6843145 C41.1579568,68.623665 43.0746234,68.473665 45.7488366,68.2343145 C42.81999,68.0652276 40.9033233,67.948561 39.9988366,67.8843145 C38.4397862,67.7735739 34.9576244,67.4218793 34.5109642,67.2843145 C33.8898949,67.0930342 33.3876529,66.66767 32.9988366,66.3843145 C31.7988366,65.509797 31.6488366,63.8668327 31.6488366,63.3843145 C31.6488366,62.6767971 32.115551,61.4820497 32.7124803,60.9291427 C33.2967248,60.387985 34.101504,59.9827037 34.9988366,59.8343145 C36.8129843,59.5343145 37.8279851,59.6343145 38.9968712,59.6343145 C41.8836014,59.6343145 46.4559662,59.9063364 47.0327603,59.9503801 C47.6352731,59.9963876 48.2906319,60.1194654 48.9988366,60.3196132 C48.7881139,60.0647262 48.7047806,59.8196266 48.7488366,59.5843145 C48.7928927,59.3490025 48.9595594,59.1490025 49.2488366,58.9843145 C41.7042463,58.5910176 37.2875796,58.2576842 35.9988366,57.9843145 C34.0657222,57.57426 33.0783849,56.5232188 32.4988366,55.3843145 C32.1808463,54.7594131 31.9988366,54.0680377 32.1988366,52.8843145 C32.4054546,51.661422 33.0758788,51.154421 33.9988366,50.7343145 C35.0343809,50.2629616 36.2160776,50.213626 38.0168693,50.1343145 C41.4226671,49.9843145 41.9988366,49.8715355 44.9988366,49.8843145 C47.4322993,49.8928339 49.8656327,49.9928339 52.2988366,50.1843145 C52.1655033,49.9452767 52.0988366,49.6535253 52.0988366,49.3090604 C52.0988366,48.9645954 52.2988366,48.6563468 52.6988366,48.3843145 C49.4970675,48.4374708 47.2644784,48.4840975 46.0010696,48.5241946 C42.8267531,48.6249387 40.1650305,48.7843145 38.0159019,48.6090596 C36.5073153,48.3843145 35.5349602,47.7454709 35.0988366,47.3586886 C33.5267511,45.9644623 33.6909724,44.1458838 33.6988366,43.902953 C33.7490538,42.3517256 34.2594453,41.6540102 34.9988366,41.2843145 C36.9988366,40.2843145 38.521019,40.3843145 40.9988366,39.8843145 L51.9988366,38.6843145 C51.7847588,38.5992008 51.6347588,38.4325341 51.5488366,38.1843145 C51.4629145,37.9360949 51.4629145,37.6694283 51.5488366,37.3843145 C48.6830402,37.6590904 46.693269,37.8590904 45.579523,37.9843145 C44.2653604,38.1320725 42.7384649,38.3154059 40.9988366,38.5343145 C38.9988366,38.6009812 37.6749072,38.5733169 37.0270482,38.4513217 C35.0988366,38.2216852 33.4888366,37.4843145 33.4388366,34.8545872 C33.3888366,32.7744565 33.7430954,32.2207578 33.8988366,31.9295788 C34.3117653,31.1575537 34.9128559,30.575799 35.3988366,30.1843145 C36.0681111,29.6451768 36.8014444,29.2451768 37.5988366,28.9843145 C37.4503711,28.8228789 37.3503711,28.6970685 37.2988366,28.6068833 C37.2473022,28.516698 37.2139689,28.4091751 37.1988366,28.2843145 Z",
1926
- id: "Path",
1927
- fill: "#F28700"
1928
- })));
1929
- };
1930
- var Edit = function Edit(props) {
1931
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1932
- 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"
1933
- }));
1934
- };
1935
- var Export = function Export(props) {
1936
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1937
- d: "M14.744 5.476a1.252 1.252 0 1 0 0 2.504h2.752v9.516H6.48v-1.753a1.251 1.251 0 1 0-2.504 0v3.004c0 .693.561 1.253 1.252 1.253h13.52C19.44 20 20 19.44 20 18.747V6.727c0-.69-.56-1.251-1.252-1.251zM9.133 2.385a1.252 1.252 0 0 0-1.77 0L1.773 7.974l5.54 5.54c.49.49 1.281.49 1.77 0l.022-.026a1.25 1.25 0 0 0-.021-1.745L6.568 9.225h1.371c.914 0 2.756.618 4.045 2.763 1.29 2.145.352 2.526.653 2.526.301 0 1.943-1.798.721-4.295-1.71-3.498-4.6-3.498-5.346-3.498H6.568l2.565-2.565a1.253 1.253 0 0 0 0-1.771z"
1938
- }));
1939
- };
1940
- var ListItem = function ListItem(props) {
1941
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1942
- d: "M3 3h4v4H3V3zm0 7h4v4H3v-4zm0 7h4v4H3v-4zm7-14h11v4H10V3zm0 7h11v4H10v-4zm0 7h11v4H10v-4z"
1943
- }));
1944
- };
1945
- var TimeSeriesManager = function TimeSeriesManager() {
1946
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
1947
- style: {
1948
- width: 22,
1949
- height: 22
1950
- }
1951
- }, /*#__PURE__*/React__namespace.createElement("path", {
1952
- d: "M4,3 L4,19 L22,19 L22,21 L2,21 L2,3 L4,3 Z M21.205593,3.52920887 L22.0247451,4.1027853 L15.9984337,15.1373978 L10.8379459,10.3032107 L5.81915204,17.4707911 L5,16.8972147 L10.7357644,8.70569425 L15.8962522,13.5398814 L21.205593,3.52920887 Z"
1953
- }));
1954
- };
1955
- var Close = function Close(props) {
1956
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
1957
- d: "m13.805 12 4.821-4.822a1.276 1.276 0 1 0-1.804-1.804L12 10.195 7.178 5.374a1.276 1.276 0 1 0-1.804 1.804L10.196 12l-4.822 4.822a1.276 1.276 0 1 0 1.804 1.805L12 13.805l4.822 4.822a1.274 1.274 0 0 0 1.804 0c.499-.5.499-1.306 0-1.805L13.805 12z"
1958
- }));
1959
- };
1960
- var OptionKey = function OptionKey() {
1961
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
1962
- viewBox: "0 0 12 11",
1963
- style: {
1964
- width: 12,
1965
- height: 11
1966
- }
1967
- }, /*#__PURE__*/React__namespace.createElement("path", {
1968
- d: "m4.01.88 4.55 9.11h3.14V11H7.74L3.19 1.9H.06V.88h3.95zm7.69 0V1.9H6.97V.88h4.73z"
1969
- }));
1970
- };
1971
- var CommandKey = function CommandKey() {
1972
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
1973
- viewBox: "0 0 12 12",
1974
- style: {
1975
- width: 12,
1976
- height: 12
1977
- }
1978
- }, /*#__PURE__*/React__namespace.createElement("path", {
1979
- d: "M9.04.63c1.04 0 2.15.81 2.15 2.17 0 1-.79 2.13-2.15 2.13H7.9v2.02H9c1.4 0 2.19 1.15 2.19 2.05 0 1.6-1.19 2.26-2.19 2.26S6.89 10.5 6.89 9V7.97H4.86V9c0 1.5-1.11 2.26-2.15 2.26C1.7 11.26.56 10.5.56 9c0-1 .99-2.05 2.15-2.05h1.14V4.93H2.71C1.55 4.93.525 4 .561 2.72.598 1.442 1.7.63 2.71.63c1.04 0 2.15.75 2.15 2.17v1.12h2.03V2.8C6.89 1.38 8 .63 9.04.63zM3.85 7.96H2.71A1.14 1.14 0 1 0 3.85 9.1V7.96zm5.19 0H7.9V9.1a1.14 1.14 0 1 0 1.14-1.14zM6.89 4.93H4.86v2.02h2.03V4.93zM2.71 1.64a1.14 1.14 0 0 0 0 2.28h1.14V2.78c0-.63-.51-1.14-1.14-1.14zm6.33 0c-.63 0-1.14.51-1.14 1.14v1.14h1.14a1.14 1.14 0 0 0 0-2.28z"
1980
- }));
1981
- };
1982
- var ArrowLeft = function ArrowLeft() {
1983
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
1984
- viewBox: "0 0 12 6",
1985
- style: {
1986
- width: 12,
1987
- height: 6
1988
- }
1989
- }, /*#__PURE__*/React__namespace.createElement("path", {
1990
- d: "M3.355 0 .395 2.96l2.96 2.96V3.47h8.01V2.45h-8.01z"
1991
- }));
1992
- };
1993
- var ArrowRight = function ArrowRight() {
1994
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
1995
- viewBox: "0 0 12 6",
1996
- style: {
1997
- width: 12,
1998
- height: 6
1530
+ timelineMonthChangeDash: {
1531
+ fill: '#767676',
1532
+ opacity: 0.5
1533
+ },
1534
+ timelineSelectionBackground: {
1535
+ fill: '#11D1C6',
1536
+ opacity: 0.25
1537
+ },
1538
+ // time scale
1539
+ timeScaleText: {
1540
+ fontSize: 12
1541
+ },
1542
+ timeScalePointer: {
1543
+ fill: '#F8F9F9'
1544
+ },
1545
+ timeScaleHorizontalScale: {
1546
+ fill: '#070808',
1547
+ opacity: 0.2
1548
+ },
1549
+ timeScaleTimeIndicators: {
1550
+ fill: '#767676'
1551
+ },
1552
+ timeScaleTimeIndicatorsActive: {
1553
+ fill: '#051039'
1554
+ },
1555
+ timeScaleShadowButtonScale: {
1556
+ filter: 'drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.28)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.24)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.40))'
1999
1557
  }
2000
- }, /*#__PURE__*/React__namespace.createElement("path", {
2001
- d: "m8.405 5.92 2.96-2.96L8.405 0v2.45H.395v1.02h8.01z"
2002
- }));
2003
- };
2004
- var ArrowDown = function ArrowDown() {
2005
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2006
- viewBox: "0 0 6 12",
2007
- style: {
2008
- width: 6,
2009
- height: 12
1558
+ },
1559
+ customSlider: {
1560
+ rail: '#488BFD',
1561
+ railDisabled: '#CCCCCC',
1562
+ track: '#186DFF',
1563
+ trackDisabled: '#CCCCCC',
1564
+ thumb: '#F8F9F9',
1565
+ thumbDisabled: '#CCCCCC',
1566
+ mark: '#FFFFFF',
1567
+ markDisabled: '#FFFFFF',
1568
+ switchTrack: '#72BB23',
1569
+ switchTrackDisabled: '#767676'
1570
+ },
1571
+ syncGroups: {
1572
+ drawerOpen: {
1573
+ fill: '#E8E5E5'
2010
1574
  }
2011
- }, /*#__PURE__*/React__namespace.createElement("path", {
2012
- d: "m-.08 8.89 2.96 2.96 2.96-2.96H3.39V.88H2.37v8.01z"
2013
- }));
2014
- };
2015
- var ArrowUp = function ArrowUp() {
2016
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2017
- viewBox: "0 0 6 11",
2018
- style: {
2019
- width: 6,
2020
- height: 11
1575
+ },
1576
+ layerManager: {
1577
+ tableRowDefaultText: {
1578
+ color: '#051039',
1579
+ opacity: 0.87,
1580
+ fontSize: 12
1581
+ },
1582
+ tableRowDefaultCardContainer: {
1583
+ fill: '#FFFFFF',
1584
+ border: '1px solid #EEEEEE'
1585
+ },
1586
+ tableRowDisabledText: {
1587
+ color: '#767676',
1588
+ opacity: 0.87,
1589
+ fontSize: 12
1590
+ },
1591
+ tableRowDisabledCardContainer: {
1592
+ fill: '#F5F5F5',
1593
+ border: '1px solid #EEEEEE'
2021
1594
  }
2022
- }, /*#__PURE__*/React__namespace.createElement("path", {
2023
- d: "M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z"
2024
- }));
2025
- };
2026
- var Exclamation = function Exclamation(props) {
2027
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2028
- d: "M12.862 16.72c-.22.226-.507.339-.86.339-.364 0-.662-.113-.894-.34-.232-.226-.347-.52-.347-.885 0-.32.118-.59.356-.81a1.25 1.25 0 0 1 .884-.331c.332 0 .613.11.845.33.232.222.347.491.347.811 0 .365-.11.66-.33.886zm.216-9.805-.134 6.669H11.06l-.15-6.67h2.169zM12 4.5a7.501 7.501 0 0 0 0 15 7.5 7.5 0 0 0 0-15z"
2029
- }));
2030
- };
2031
- var Visibility = function Visibility() {
2032
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("path", {
2033
- d: "M14.4980749,15.8618431 C15.8661433,15.0851043 16.779689,13.6936347 16.779689,12.1014551 C16.779689,10.5092755 15.8661433,9.11870594 14.4980749,8.34106705 C17.6257313,9.18620931 19.3529176,11.4300215 19.8092405,12.1014551 C19.3529176,12.7719886 17.6266313,15.0167008 14.4980749,15.8618431 L14.4980749,15.8618431 Z M4.18985949,12.1014551 C4.64618231,11.4300215 6.37336867,9.18710936 9.49922496,8.3419671 C8.13295665,9.11870594 7.21851093,10.5101755 7.21851093,12.1014551 C7.21851093,13.6936347 8.13295665,15.0842042 9.49922496,15.8618431 C6.37336867,15.0167008 4.64618231,12.7728886 4.18985949,12.1014551 L4.18985949,12.1014551 Z M11.99955,13.8583429 C10.9950998,13.8583429 10.180559,13.0717036 10.180559,12.1014551 C10.180559,11.1312066 10.9950998,10.3445672 11.99955,10.3445672 C13.0031002,10.3445672 13.8176409,11.1312066 13.8176409,12.1014551 C13.8176409,13.0717036 13.0031002,13.8583429 11.99955,13.8583429 L11.99955,13.8583429 Z M20.7983899,11.7666383 C20.6813841,11.5713286 17.8696435,7 11.99955,7 C6.12945647,7 3.31681584,11.5713286 3.19980999,11.7666383 L3,12.1014551 L3.19980999,12.4362718 C3.31681584,12.6306815 6.12945647,17.2020101 11.99955,17.2020101 C17.8696435,17.2020101 20.6813841,12.6306815 20.7983899,12.4362718 L21,12.1014551 L20.7983899,11.7666383 Z"
2034
- }));
2035
- };
2036
- var VisibilityOff = function VisibilityOff() {
2037
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, null, /*#__PURE__*/React__namespace.createElement("path", {
2038
- d: "M12 15.309c-.755 0-1.45-.088-2.092-.236l.798-.797c.41.124.844.192 1.294.192 2.453 0 4.442-1.988 4.442-4.44 0-.495-.085-.907-.234-1.255l.03-.03c1.72.906 2.781 2.167 3.218 2.766-.724.992-3.151 3.8-7.456 3.8zm-7.456-3.8c.442-.607 1.522-1.89 3.276-2.796-.166.36-.261.79-.261 1.315 0 1.228.499 2.34 1.305 3.144l-1.102 1.104c-1.72-.906-2.78-2.169-3.218-2.767zm5.646-3.524c.818 0 1.482.665 1.482 1.483 0 .818-.664 1.481-1.482 1.481s-1.482-.663-1.482-1.481c0-.818.664-1.483 1.482-1.483zm10.608 3.19c-.073-.125-1.245-2.026-3.603-3.388l2.009-2.01c.406-.406.406-1.065 0-1.473-.407-.405-1.066-.405-1.473 0l-2.58 2.582c-.93-.295-1.98-.478-3.151-.478-5.87 0-8.681 4.57-8.798 4.766L3 11.51l.202.335c.073.124 1.244 2.025 3.603 3.387l-2.009 2.01c-.406.406-.406 1.065 0 1.472.204.203.47.305.737.305.266 0 .532-.102.736-.305l2.58-2.58c.93.293 1.98.476 3.151.476 5.87 0 8.681-4.57 8.798-4.765l.202-.335-.202-.335z"
2039
- }));
2040
- };
2041
- var HamburgerMenu = function HamburgerMenu(props) {
2042
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2043
- d: "M18.693 7.732H5.306C4.584 7.732 4 7.12 4 6.366 4 5.611 4.584 5 5.306 5h13.387C19.414 5 20 5.611 20 6.366c0 .754-.586 1.366-1.307 1.366m0 5.634H5.306C4.584 13.366 4 12.754 4 12c0-.755.584-1.367 1.306-1.367h13.387c.721 0 1.307.612 1.307 1.367 0 .753-.586 1.365-1.307 1.365m0 5.634H5.306C4.584 19 4 18.388 4 17.634c0-.754.584-1.367 1.306-1.367h13.387c.721 0 1.307.613 1.307 1.367S19.414 19 18.693 19"
2044
- }));
2045
- };
2046
- var GeoWebLogo = function GeoWebLogo() {
2047
- return /*#__PURE__*/React__namespace.createElement("svg", {
2048
- id: "svg4550",
2049
- style: {
2050
- width: 44,
2051
- height: 30
1595
+ },
1596
+ tooltips: {
1597
+ tooltipContainer: {
1598
+ fill: '#232323',
1599
+ opacity: 1
2052
1600
  },
2053
- xmlns: "http://www.w3.org/2000/svg,Rdf:http://www.w3.org/1999/02/22-rdf-syntax-ns#,Cc:http://creativecommons.org/ns#,Dc:http://purl.org/dc/elements/1.1/",
2054
- height: "55.156mm",
2055
- viewBox: "0 0 289.84072 195.43326",
2056
- width: "81.799mm",
2057
- version: "1.1",
2058
- xmlnsXlink: "http://www.w3.org/1999/xlink"
2059
- }, /*#__PURE__*/React__namespace.createElement("defs", {
2060
- id: "defs14"
2061
- }, /*#__PURE__*/React__namespace.createElement("linearGradient", {
2062
- id: "linearGradient4263",
2063
- y2: "113.1",
2064
- gradientUnits: "userSpaceOnUse",
2065
- y1: "76.066",
2066
- gradientTransform: "translate(0 -.0012816)",
2067
- x2: "199.26",
2068
- x1: "160.9"
2069
- }, /*#__PURE__*/React__namespace.createElement("stop", {
2070
- id: "stop4259",
2071
- stopColor: "#fff",
2072
- stopOpacity: ".33333",
2073
- offset: "0"
2074
- }), /*#__PURE__*/React__namespace.createElement("stop", {
2075
- id: "stop4261",
2076
- stopColor: "#fff",
2077
- stopOpacity: "0",
2078
- offset: "1"
2079
- })), /*#__PURE__*/React__namespace.createElement("linearGradient", {
2080
- id: "linearGradient4240",
2081
- y2: "79.833",
2082
- gradientUnits: "userSpaceOnUse",
2083
- x2: "120.82",
2084
- y1: "120.77",
2085
- x1: "128.56"
2086
- }, /*#__PURE__*/React__namespace.createElement("stop", {
2087
- id: "stop4236",
2088
- stopColor: "#fff",
2089
- stopOpacity: "0",
2090
- offset: "0"
2091
- }), /*#__PURE__*/React__namespace.createElement("stop", {
2092
- id: "stop4238",
2093
- stopColor: "#fff",
2094
- stopOpacity: ".33333",
2095
- offset: "1"
2096
- }))), /*#__PURE__*/React__namespace.createElement("g", {
2097
- id: "layer1",
2098
- transform: "translate(353.49 -626.07)"
2099
- }, /*#__PURE__*/React__namespace.createElement("g", {
2100
- id: "g4"
2101
- }, /*#__PURE__*/React__namespace.createElement("path", {
2102
- id: "path4220",
2103
- d: "m-207 679.86c-7.6546-3.9726-16.149-6.0541-24.773-6.0703-24.585 0.0315-46.045 16.665-52.207 40.465-2.23-0.35755-4.4838-0.54689-6.7422-0.56642-24.881-0.00043-45.051 20.17-45.051 45.051-0.00043 24.881 20.17 45.051 45.051 45.051 36.152-0.20272 72.845-0.0898 109.18-0.0898 8.9834 0 22.962 0.009 36.879 0.0165 9.7409 0.38215 35.645-0.43398 53.537-23.548 17.892-23.115 7.1203-72.79-0.31513-94.017s-30.566-42.361-53.247-42.361c-26.664 0-50.367 14.562-62.311 36.07z",
2104
- fill: "#0b9ee5"
2105
- }), /*#__PURE__*/React__namespace.createElement("path", {
2106
- id: "path4220-7",
2107
- opacity: ".98",
2108
- d: "m-335.78 758.74c-0.00043 24.881 20.17 45.051 45.051 45.051 36.152-0.20272 72.845-0.0898 109.18-0.0898 10.101 0 27.126 0.009 42.523 0.0156 11.975-0.4199 32.775-4.017 47.893-23.547 4.439-5.7347 7.1108-13.107 8.5098-21.271-35.448-0.0105-239.67-0.15823-253.16-0.15823z",
2109
- fill: "#60bce9"
2110
- })), /*#__PURE__*/React__namespace.createElement("path", {
2111
- id: "path4220-2",
2112
- d: "m-144.69 643.79c-19.529 0-37.464 7.8167-50.359 20.447-4.6476 4.6419-8.6513 9.9041-11.953 15.623 0 40.944 0.0195 77.914 0.0195 123.83 8.4824 0.007 16.983 0.0137 25.438 0.0137 10.101 0 27.126 0.009 42.523 0.0156 11.975-0.4199 32.775-4.017 47.893-23.547 17.892-23.115 7.1209-72.791-0.31446-94.018s-30.565-42.361-53.246-42.361z",
2113
- fill: "#fff",
2114
- fillOpacity: ".31373"
2115
- })), /*#__PURE__*/React__namespace.createElement("g", {
2116
- id: "g4244",
2117
- transform: "translate(2.926 -1.3827)"
2118
- }, /*#__PURE__*/React__namespace.createElement("path", {
2119
- id: "path4329",
2120
- fill: "#003232",
2121
- d: "m211.54 98.88c11.484 8.7901 14.857 8.43 22.486 19.238 3.6519 5.1733 5.5602 11.69 5.5645 18.164-0.00018 17.949-14.551 32.499-32.5 32.498-17.948-0.00018-32.498-14.55-32.498-32.498 0.006-0.50098 0.0236-1.0018 0.0527-1.502-3.4629-1.1175-6.9173-1.9297-9.6543-1.9297-2.7565 0-6.2409 0.82134-9.7285 1.9512 0.036 0.49286 0.0607 0.98649 0.0742 1.4805-0.00018 17.948-14.55 32.498-32.498 32.498-17.948-0.00019-32.498-14.55-32.498-32.498 0.006-3.5239 0.71774-6.9687 1.8781-10.26 5.474-20.521 8.7944-44.229 27.665-46.855 8.2552-1.1488 15.952 8.848 25.107 8.848 9.1558-0.00028 9.318-14.58 23.088-14.836 16.828-0.3123 31.185 16.304 43.462 25.701zm-4.7539 13.92c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24zm-84.125 0c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24-10.745-24-24-24z"
2122
- }), /*#__PURE__*/React__namespace.createElement("path", {
2123
- id: "path4329-2",
2124
- fill: "url(#linearGradient4263)",
2125
- d: "m157.24 77.869c-2.1199 2.1753-3.6401 4.4832-5.4018 6.5241-0.53185 0.61614-1.2448 1.3191-1.8477 1.7949-1.2058 0.9517-2.5477 1.6107-4.168 1.7793-0.27005 0.0281-0.54787 0.04296-0.83398 0.04297 5.0928 13.298 11.821 26.014 20 44.834 2.737 0 6.1914 0.8122 9.6543 1.9297-0.0291 0.5002-0.0467 1.001-0.0527 1.502 0 8.4131 3.196 16.08 8.4414 21.852 0.34969 0.38474 0.70861 0.75939 1.0762 1.127 5.881 5.8809 14.007 9.5194 22.98 9.5195 0.5609 0.00004 1.118-0.0149 1.6719-0.043 3.3236-0.16829 6.5154-0.83435 9.502-1.9277 0.99554-0.36446 1.9688-0.77802 2.916-1.2344 1.4208-0.68453 2.7833-1.4677 4.0801-2.3438 8.645-5.84 14.33-15.731 14.33-26.949-0.004-6.474-2.0849-12.873-5.5645-18.164-7.0668-10.745-14.684-12.763-22.486-19.238-11.815-9.8048-26.968-25.716-42.627-25.716-6.2104 0-9.3385 2.3185-11.67 4.7112zm49.543 34.924c4.9706 0 9.5876 1.5119 13.418 4.0996 0.6384 0.43129 1.255 0.89176 1.8476 1.3809 0.59266 0.4891 1.1622 1.0059 1.7051 1.5488 4.3431 4.3431 7.0293 10.343 7.0293 16.971 0 12.841-10.085 23.326-22.766 23.969-0.40906 0.0207-0.82015 0.0312-1.2344 0.0312-4.97 0-9.5878-1.5105-13.418-4.0976-0.00044-0.0003-0.002 0.00029-0.002 0-6.384-4.3129-10.58-11.618-10.58-19.902 0-6.6275 2.6862-12.628 7.0293-16.971 0.54288-0.54289 1.1124-1.0597 1.7051-1.5488 0.59266-0.4891 1.2073-0.94957 1.8457-1.3809 3.8304-2.5878 8.4493-4.0996 13.42-4.0996z"
2126
- }), /*#__PURE__*/React__namespace.createElement("path", {
2127
- id: "path4329-7",
2128
- d: "m121.43 79.077c-0.51208-0.01011-1.027 0.01805-1.543 0.08985-18.871 2.626-22.19 26.335-27.664 46.856-1.1604 3.2913-1.8729 6.7359-1.8789 10.26 0 17.948 14.55 32.498 32.498 32.498s32.498-14.55 32.498-32.498c-0.0135-0.49402-0.0382-0.98762-0.0742-1.4805 3.5012-1.0071 5.7853-1.8693 9.6893-1.9248-4.8944-11.377-14.29-31.914-19.961-44.863-8.5828 0.000001-15.883-8.7859-23.565-8.9376zm1.2344 33.723c13.255 0 24 10.745 24 24s-10.745 24-24 24-24-10.745-24-24 10.745-24 24-24z",
2129
- fill: "url(#linearGradient4240)"
2130
- })));
2131
- };
2132
- var Add = function Add(props) {
2133
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2134
- d: "M13.226 13.225h6.549a1.225 1.225 0 1 0 0-2.45h-6.55v-6.55a1.225 1.225 0 1 0-2.45 0v6.55h-6.55a1.225 1.225 0 1 0 0 2.45h6.55v6.55A1.224 1.224 0 0 0 12 21c.677 0 1.225-.548 1.225-1.225v-6.55z"
2135
- }));
2136
- };
2137
- var Clock = function Clock(props) {
2138
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2139
- 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",
2140
- fill: "inherit" // "#72BB23"
2141
- ,
2142
- fillRule: "evenodd"
2143
- }));
2144
- };
2145
- var Success = function Success(props) {
2146
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2147
- 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",
2148
- fill: "inherit",
2149
- fillRule: "evenodd"
2150
- }));
2151
- };
2152
- var Cancel = function Cancel(props) {
2153
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2154
- d: "M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 16.105a7.105 7.105 0 0 0 5.681-11.373l-9.949 9.95A7.074 7.074 0 0 0 12 19.104zm0-14.21a7.105 7.105 0 0 0-5.681 11.373l9.949-9.95A7.074 7.074 0 0 0 12 4.896z",
2155
- fill: "inherit",
2156
- fillRule: "evenodd"
2157
- }));
2158
- };
2159
- var DragHandle = function DragHandle(props) {
2160
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2161
- d: "M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z",
2162
- fillRule: "evenodd"
2163
- }));
2164
- };
2165
- var AutoUpdateActive = function AutoUpdateActive(props) {
2166
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
2167
- transform: "translate(-3 -3)"
2168
- }, /*#__PURE__*/React__namespace.createElement("rect", {
2169
- width: 24,
2170
- height: 24,
2171
- fill: "transparent"
2172
- }), /*#__PURE__*/React__namespace.createElement("path", {
2173
- d: "M12.385 3.295l5 3-5 3V7.723l-.085.014c-3.08.548-5.418 3.24-5.418 6.479 0 3.634 2.945 6.58 6.577 6.58 2.914 0 5.385-1.896 6.248-4.523l2.815-1.626c-.225 4.814-4.197 8.648-9.063 8.648-5.012 0-9.074-4.065-9.074-9.08 0-4.65 3.495-8.484 8-9.015V3.295z",
2174
- transform: "translate(0.2,1.2) rotate(30 13.454 13.295)"
2175
- }), /*#__PURE__*/React__namespace.createElement("text", {
2176
- fontFamily: "Roboto-Black, Roboto",
2177
- fontWeight: 700,
2178
- fontSize: 6
2179
- }, /*#__PURE__*/React__namespace.createElement("tspan", {
2180
- x: 9.2,
2181
- y: 17.3
2182
- }, "AUTO"))));
2183
- };
2184
- var AutoUpdateInActive = function AutoUpdateInActive(props) {
2185
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", {
2186
- transform: "translate(-3 -3)"
2187
- }, /*#__PURE__*/React__namespace.createElement("rect", {
2188
- width: 24,
2189
- height: 24,
2190
- fill: "transparent"
2191
- }), /*#__PURE__*/React__namespace.createElement("path", {
2192
- d: "M15.172 3.109l.214 2.455 2.792 1.675-2.514 1.508 1.095 12.499c1.763-.729 3.141-2.202 3.742-4.028l2.815-1.626c-.182 3.872-2.787 7.11-6.332 8.228l.193 2.201-1.992.175-.174-1.988c-.25.02-.503.031-.759.031-5.011 0-9.074-4.065-9.074-9.079 0-4.65 3.495-8.484 8-9.016V4.24l.09.054-.088-1.01 1.992-.174zm-1.995 5.559l.149-.023c-3.193.45-5.65 3.196-5.65 6.515 0 3.634 2.944 6.58 6.576 6.58.182 0 .363-.007.54-.021L13.758 9.89l-.579.348V8.668z",
2193
- transform: "rotate(30 13.454 13.295)"
2194
- }), /*#__PURE__*/React__namespace.createElement("text", {
2195
- fontFamily: "Roboto-Black, Roboto",
2196
- fontWeight: 700,
2197
- fontSize: 6
2198
- }, /*#__PURE__*/React__namespace.createElement("tspan", {
2199
- x: 9.2,
2200
- y: 17.3
2201
- }, "AUTO"))));
2202
- };
2203
- var Pause = function Pause(props) {
2204
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("rect", {
2205
- width: 24,
2206
- height: 24,
2207
- fill: "transparent"
2208
- }), /*#__PURE__*/React__namespace.createElement("path", {
2209
- d: "M8.579 4c.865 0 1.565.7 1.565 1.564v12.87c0 .866-.7 1.566-1.565 1.566-.863 0-1.565-.7-1.565-1.565v-4.87H7v-3.13h.014V5.564C7.014 4.7 7.716 4 8.579 4zm6.915 0c.865 0 1.565.7 1.565 1.564v12.871c0 .865-.7 1.565-1.565 1.565-.863 0-1.565-.7-1.565-1.565v-4.87h-.014v-3.13h.014v-4.87C13.93 4.7 14.631 4 15.494 4z",
2210
- fillRule: "evenodd"
2211
- }));
2212
- };
2213
- var Play = function Play(props) {
2214
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("rect", {
2215
- width: 24,
2216
- height: 24,
2217
- fill: "transparent"
2218
- }), /*#__PURE__*/React__namespace.createElement("path", {
2219
- d: "M15.18 12.688l-3.909 2.81c-.161.115-.325.175-.486.175-.303 0-.629-.234-.629-.748v-5.85c0-.514.325-.747.63-.747.16 0 .324.059.485.174l3.91 2.81c.24.172.378.423.378.688 0 .265-.137.517-.379.688M12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8",
2220
- fillRule: "evenodd"
2221
- }));
2222
- };
2223
- var Info = function Info(props) {
2224
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2225
- d: "M12.0004012,4 C16.4182338,4 20,7.58096384 20,11.9995988 C20,16.4182338 16.4182338,20 12.0004012,20 C7.58176621,20 4,16.4182338 4,11.9995988 C4,7.58096384 7.58176621,4 12.0004012,4 Z M13.0518404,10 L10,10 L10,11.6134693 L10.9489304,11.6134693 L10.9489304,15.3873607 L10,15.3873607 L10,17 L14,17 L14,15.3873607 L13.0518404,15.3873607 L13.0518404,10 Z M11.9907922,6 C11.1541947,6 10.5,6.65419468 10.5,7.49079217 C10.5,8.32738965 11.1541947,9 11.9907922,9 C12.8273897,9 13.5,8.32738965 13.5,7.49079217 C13.5,6.65419468 12.8273897,6 11.9907922,6 Z",
2226
- id: "path-1",
2227
- fill: "inherit"
2228
- }));
2229
- };
2230
- var TextIcon = function TextIcon(_a) {
2231
- var _b = _a.text,
2232
- text = _b === void 0 ? 'text' : _b,
2233
- props = __rest(_a, ["text"]);
1601
+ tooltipText: {
1602
+ color: '#FFFFFF'
1603
+ }
1604
+ },
1605
+ captions: {
1606
+ captionStatus: {
1607
+ color: '#051039',
1608
+ opacity: 0.67
1609
+ },
1610
+ captionInformation: {
1611
+ color: '#1100FF',
1612
+ opacity: 1
1613
+ },
1614
+ captionError: {
1615
+ color: '#C00000',
1616
+ opacity: 1
1617
+ },
1618
+ captionDisabled: {
1619
+ color: '#707070',
1620
+ opacity: 1
1621
+ }
1622
+ },
1623
+ functional: {
1624
+ success: '#72BB23',
1625
+ successOutline: {
1626
+ fill: '#FCFFEB',
1627
+ border: ' 1px solid #72BB23'
1628
+ },
1629
+ error: '#C00000',
1630
+ errorOutline: {
1631
+ fill: '#F9E8EA',
1632
+ border: '1px solid #C00000'
1633
+ },
1634
+ warning: '#FFA800',
1635
+ warningOutline: {
1636
+ fill: '#FFF8EB',
1637
+ border: '1px solid #FFA800'
1638
+ },
1639
+ warningHighlight: {
1640
+ fill: '#FFA800',
1641
+ opacity: 0.2
1642
+ },
1643
+ notification: '#0062E6',
1644
+ notificationOutline: {
1645
+ fill: '#DFF2FD',
1646
+ border: '1px solid #0062E6'
1647
+ }
1648
+ }
1649
+ }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
2234
1650
 
2235
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("rect", {
2236
- width: 24,
2237
- height: 24,
2238
- fill: "transparent"
2239
- }), /*#__PURE__*/React__namespace.createElement("text", {
2240
- fontFamily: "Roboto-Black, Roboto",
2241
- fontSize: 12,
2242
- fontWeight: 400
2243
- }, /*#__PURE__*/React__namespace.createElement("tspan", {
2244
- x: text.length > 2 ? 1 : 5,
2245
- y: 16
2246
- }, text)));
2247
- };
2248
- var FastForward = function FastForward(props) {
2249
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2250
- d: "M12.1 5.86c.247 0 .5.089.745.267l6.008 4.316c.368.265.58.65.58 1.057 0 .408-.211.793-.581 1.058l-6.005 4.316c-.248.177-.5.267-.747.267-.466 0-.967-.36-.967-1.147v-3.016l-5.419 3.896c-.207.148-.417.234-.624.26l-.124.007c-.465 0-.966-.36-.966-1.147V7.006c0-.787.5-1.147.966-1.147.247 0 .5.09.746.268l5.421 3.894V7.006c0-.735.436-1.097.873-1.142z"
2251
- }));
1651
+ var elevations$1 = {
1652
+ elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
1653
+ elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1654
+ elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
1655
+ elevation_04: '0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
1656
+ elevation_06: '0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14)',
1657
+ elevation_08: '0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',
1658
+ elevation_09: '0 5px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14)',
1659
+ elevation_12: '0 7px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14)',
1660
+ elevation_16: '0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14)',
1661
+ elevation_24: '0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14)'
2252
1662
  };
2253
- var TextIconTimeStepButton = function TextIconTimeStepButton(_a) {
2254
- var _b = _a.text,
2255
- text = _b === void 0 ? '5m' : _b,
2256
- props = __rest(_a, ["text"]);
1663
+ var lightTheme = createTheme('light', parseColors(colors$1), createShadows(elevations$1));
1664
+
1665
+ var geowebColors = __assign({}, colors$1);
1666
+
1667
+ var GWTheme = material.createTheme({
1668
+ palette: {
1669
+ secondary: {
1670
+ main: '#0075a9'
1671
+ },
1672
+ action: {
1673
+ active: '#ffa800'
1674
+ },
1675
+ text: {
1676
+ disabled: '#051039'
1677
+ },
1678
+ geowebColors: parseColors(geowebColors)
1679
+ },
1680
+ shape: {
1681
+ borderRadius: 3
1682
+ },
1683
+ typography: {
1684
+ h6: {
1685
+ fontSize: '16px'
1686
+ },
1687
+ subtitle1: {
1688
+ fontSize: '16px',
1689
+ fontWeight: 500,
1690
+ lineHeight: 1.5,
1691
+ letterSpacing: '0.15px',
1692
+ opacity: 0.87,
1693
+ color: '#051039'
1694
+ },
1695
+ subtitle2: {
1696
+ fontSize: '14px',
1697
+ fontWeight: 500,
1698
+ lineHeight: 1.71,
1699
+ letterSpacing: '0.1px',
1700
+ opacity: 0.87,
1701
+ color: '#051039'
1702
+ },
1703
+ body1: {
1704
+ fontSize: '16px',
1705
+ lineHeight: 1.56,
1706
+ letterSpacing: '0.44px',
1707
+ color: '#051039'
1708
+ },
1709
+ body2: {
1710
+ fontSize: '14px',
1711
+ lineHeight: 1.43,
1712
+ letterSpacing: '0.25px',
1713
+ color: '#051039'
1714
+ },
1715
+ overline: {
1716
+ textTransform: 'none',
1717
+ fontSize: '12px',
1718
+ lineHeight: 1.43,
1719
+ letterSpacing: '0.25px',
1720
+ color: '#051039',
1721
+ opacity: 0.7
1722
+ },
1723
+ caption: {
1724
+ fontSize: '12px',
1725
+ lineHeight: 1.33,
1726
+ letterSpacing: '0.4px',
1727
+ color: '#051039',
1728
+ opacity: 0.7
1729
+ },
1730
+ button: {
1731
+ fontWeight: 500,
1732
+ fontSize: '14px',
1733
+ color: '0075a9'
1734
+ }
1735
+ },
1736
+ components: {
1737
+ MuiTooltip: {
1738
+ styleOverrides: {
1739
+ tooltip: {
1740
+ borderRadius: '2px',
1741
+ fontSize: '16px',
1742
+ fontWeight: 'normal',
1743
+ padding: '10px',
1744
+ backgroundColor: '#232323'
1745
+ }
1746
+ }
1747
+ },
1748
+ MuiIconButton: {
1749
+ styleOverrides: {
1750
+ root: {
1751
+ color: '#0075a9'
1752
+ }
1753
+ }
1754
+ },
1755
+ MuiCheckbox: {
1756
+ styleOverrides: {
1757
+ root: {
1758
+ '&.Mui-disabled': {
1759
+ color: '#CCCCCC!important'
1760
+ },
1761
+ '&.Mui-checked': {
1762
+ color: '#0075a9'
1763
+ }
1764
+ }
1765
+ }
1766
+ },
1767
+ MuiSelect: {
1768
+ styleOverrides: {
1769
+ icon: {
1770
+ color: '#0075a9'
1771
+ },
1772
+ select: {
1773
+ '&:focus': {
1774
+ backgroundColor: 'rgba(0, 117, 169, 0.05)'
1775
+ }
1776
+ }
1777
+ }
1778
+ },
1779
+ MuiAlert: {
1780
+ styleOverrides: {
1781
+ standardError: {
1782
+ border: '1px solid #c00000',
1783
+ borderRadius: '0px',
1784
+ backgroundColor: '#fff0ea'
1785
+ },
1786
+ standardWarning: {
1787
+ border: '1px solid #ffa800',
1788
+ borderRadius: '0px',
1789
+ backgroundColor: '#fff8eb'
1790
+ },
1791
+ standardInfo: {
1792
+ border: '1px solid #0062e6',
1793
+ borderRadius: '0px',
1794
+ backgroundColor: '#eaf3ff'
1795
+ },
1796
+ standardSuccess: {
1797
+ border: '1px solid #72bb23',
1798
+ borderRadius: '0px',
1799
+ backgroundColor: '#fcffeb'
1800
+ },
1801
+ action: {
1802
+ color: '#0075a9'
1803
+ },
1804
+ message: {
1805
+ fontSize: '14px',
1806
+ lineHeight: 1.43,
1807
+ letterSpacing: '0.25px',
1808
+ color: '#051039'
1809
+ }
1810
+ }
1811
+ },
1812
+ MuiTabs: {
1813
+ styleOverrides: {
1814
+ root: {
1815
+ backgroundColor: '#ffffff',
1816
+ minHeight: '30px'
1817
+ },
1818
+ scrollButtons: {
1819
+ width: '20px'
1820
+ }
1821
+ }
1822
+ },
1823
+ MuiTab: {
1824
+ styleOverrides: {
1825
+ root: {
1826
+ minHeight: '30px',
1827
+ textTransform: 'none',
1828
+ minWidth: '76px',
1829
+ '@media (min-width: 600px)': {
1830
+ minWidth: '76px'
1831
+ }
1832
+ },
1833
+ labelIcon: {
1834
+ minHeight: '30px'
1835
+ }
1836
+ }
1837
+ },
1838
+ MuiListItem: {
1839
+ styleOverrides: {
1840
+ root: {
1841
+ '&$selected': {
1842
+ backgroundColor: 'rgba(0, 117, 169, 0.15)',
1843
+ borderLeft: '4px solid #0075a9',
1844
+ '&:hover': {
1845
+ backgroundColor: 'rgba(0, 117, 169, 0.10)'
1846
+ }
1847
+ }
1848
+ },
1849
+ button: {
1850
+ '&:hover': {
1851
+ backgroundColor: 'rgba(0, 117, 169, 0.15)'
1852
+ }
1853
+ }
1854
+ }
1855
+ },
1856
+ MuiMenuItem: {
1857
+ styleOverrides: {
1858
+ root: {
1859
+ '&.Mui-selected': {
1860
+ backgroundColor: 'rgba(0, 117, 169, 0.15)',
1861
+ borderLeft: '4px solid #0075a9',
1862
+ '&:hover': {
1863
+ backgroundColor: 'rgba(0, 117, 169, 0.10)'
1864
+ }
1865
+ },
1866
+ '&:hover': {
1867
+ backgroundColor: 'rgba(0, 117, 169, 0.15)'
1868
+ }
1869
+ }
1870
+ }
1871
+ },
1872
+ MuiFormLabel: {
1873
+ styleOverrides: {
1874
+ root: {
1875
+ color: 'rgba(5, 16, 57, 0.7)',
1876
+ '&.Mui-focused': {
1877
+ color: '#0075a9'
1878
+ },
1879
+ '&.Mui-error': {
1880
+ color: '#d32f2f!important'
1881
+ }
1882
+ }
1883
+ }
1884
+ },
1885
+ MuiOutlinedInput: {
1886
+ styleOverrides: {
1887
+ root: {
1888
+ '&$focused $notchedOutline': {
1889
+ borderColor: '#0075a9'
1890
+ }
1891
+ }
1892
+ }
1893
+ },
1894
+ MuiFilledInput: {
1895
+ styleOverrides: {
1896
+ root: {
1897
+ backgroundColor: 'rgba(0, 117, 169, 0.05)',
1898
+ color: '#051039',
1899
+ '&.Mui-disabled': {
1900
+ backgroundColor: 'white'
1901
+ },
1902
+ '&.Mui-focused': {
1903
+ backgroundColor: 'rgba(0,0,0,0.09)'
1904
+ }
1905
+ },
1906
+ underline: {
1907
+ '&.Mui-disabled:before': {
1908
+ borderBottomStyle: 'none'
1909
+ }
1910
+ }
1911
+ }
1912
+ },
1913
+ MuiRadio: {
1914
+ styleOverrides: {
1915
+ root: {
1916
+ '&.Mui-disabled': {
1917
+ color: '#CCCCCC!important'
1918
+ },
1919
+ '&.Mui-checked': {
1920
+ color: '#0075a9'
1921
+ }
1922
+ }
1923
+ }
1924
+ },
1925
+ MuiCardContent: {
1926
+ styleOverrides: {
1927
+ root: {
1928
+ '&:last-child': {
1929
+ paddingBottom: 0
1930
+ }
1931
+ }
1932
+ }
1933
+ },
1934
+ MuiDialog: {
1935
+ styleOverrides: {
1936
+ paperWidthLg: {
1937
+ maxWidth: '1280px'
1938
+ }
1939
+ }
1940
+ },
1941
+ MuiButton: {
1942
+ variants: buttonVariants(geowebColors.buttons)
1943
+ },
1944
+ MuiToggleButton: {
1945
+ styleOverrides: {
1946
+ root: variantsToClassName(buttonVariants(geowebColors.buttons))
1947
+ }
1948
+ }
1949
+ }
1950
+ });
2257
1951
 
2258
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("text", {
2259
- fontFamily: "Roboto-Black, Roboto",
2260
- fontSize: 12
2261
- }, text.length === 3 ? /*#__PURE__*/React__namespace.createElement("tspan", {
2262
- x: 0,
2263
- y: 16
2264
- }, text) : /*#__PURE__*/React__namespace.createElement("tspan", {
2265
- x: 6,
2266
- y: 16
2267
- }, text)));
2268
- };
2269
- var SliderThumb = function SliderThumb(props) {
2270
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("polygon", {
2271
- transform: "translate(6.5 5.5)",
2272
- points: "6,0 11,5 11,12 0,12 0,5"
2273
- }));
2274
- };
2275
- var Options = function Options(props) {
2276
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2277
- d: "M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm0-2c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
2278
- fill: "inherit",
2279
- fillRule: "evenodd"
2280
- }));
2281
- };
2282
- var ChevronLeft = function ChevronLeft(props) {
2283
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2284
- d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
2285
- fill: "inherit",
2286
- transform: "translate(12.002235, 12.335000) rotate(-90.000000) translate(-12.002235, -12.335000) "
2287
- }));
2288
- };
2289
- var ChevronRight = function ChevronRight(props) {
2290
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2291
- d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
2292
- fill: "inherit",
2293
- transform: "translate(12.002235, 12.335000) rotate(90.000000) translate(-12.002235, -12.335000) "
2294
- }));
2295
- };
2296
- var ChevronUp = function ChevronUp(props) {
2297
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2298
- d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
2299
- fill: "inherit",
2300
- transform: "translate(12.002235, 12.335000) translate(-12.002235, -12.335000) "
2301
- }));
2302
- };
2303
- var ChevronDown = function ChevronDown(props) {
2304
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2305
- d: "M4.42691853,15.0304428 C3.85769382,15.6484814 3.85769382,16.5998089 4.42691853,17.2178475 C4.99671078,17.8207176 5.92075589,17.8207176 6.48948111,17.2178475 L12.002808,11.3748094 L17.5150678,17.2178475 C18.0859271,17.8207176 19.0089052,17.8207176 19.5776304,17.2178475 C19.8625265,16.9148119 20.0044707,16.518945 20.0044707,16.1241452 C20.0069177,15.7184762 19.8542266,15.3272053 19.5776304,15.0304428 L12.002808,7 L4.42691853,15.0304428 Z",
2306
- fill: "inherit",
2307
- transform: "translate(12.002235, 12.335000) rotate(180.000000) translate(-12.002235, -12.335000) "
2308
- }));
2309
- };
2310
- var Layers = function Layers(props) {
2311
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2312
- d: "M18.0513516,15.3519052 L22,17.2314624 L12,22 L2,17.2314624 L6.03531364,15.3519052 L12,18.18517 L18.0513516,15.3519052 Z M18.0513516,10.2257273 L22,12.1052846 L12,16.8738221 L2,12.1052846 L6.03531364,10.2257273 L12,13.0589921 L18.0513516,10.2257273 Z M12,2 L22,7.00696444 L12,11.775502 L2,7.00696444 L12,2 Z"
2313
- }));
2314
- };
2315
- var Copy = function Copy(props) {
2316
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2317
- d: "M8 7v2H6a1 1 0 0 0-.993.883L5 10v9a1 1 0 0 0 .883.993L6 20h6a1 1 0 0 0 .993-.883L13 19h2v1.6a1.4 1.4 0 0 1-1.263 1.394l-.135.006H4.399a1.4 1.4 0 0 1-1.393-1.265L3 20.6V8.4a1.4 1.4 0 0 1 1.264-1.394L4.4 7H8zm7.584-5v2H12a1 1 0 0 0-.993.883L11 5v9a1 1 0 0 0 .883.993L12 15h6a1 1 0 0 0 .993-.883L19 14V7.42h2v8.18a1.4 1.4 0 0 1-1.263 1.394l-.135.006h-9.203a1.4 1.4 0 0 1-1.393-1.265L9 15.6V3.4a1.4 1.4 0 0 1 1.264-1.394L10.4 2h5.185zM17 2l4 4h-2.5c-.777 0-1.42-.598-1.493-1.357L17 4.499V2z"
2318
- }));
2319
- };
2320
- var Filter = function Filter(props) {
2321
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2322
- d: "M14.155 12.567c1.362 0 2.523.848 2.992 2.043h1.895a1.173 1.173 0 0 1 0 2.346h-1.895A3.213 3.213 0 0 1 14.155 19a3.213 3.213 0 0 1-2.992-2.044h-5.99a1.172 1.172 0 1 1 0-2.346h5.99a3.214 3.214 0 0 1 2.992-2.043zm0 1.755a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922zM10.06 5c1.362 0 2.524.848 2.992 2.044h5.99a1.173 1.173 0 1 1 0 2.344h-5.99a3.214 3.214 0 0 1-2.992 2.044 3.216 3.216 0 0 1-2.992-2.044H5.173a1.172 1.172 0 1 1 0-2.344h1.895A3.216 3.216 0 0 1 10.06 5zm0 1.754a1.461 1.461 0 1 0 0 2.922 1.461 1.461 0 0 0 0-2.922z",
2323
- fillRule: "evenodd"
2324
- }));
2325
- };
2326
- var Clear = function Clear(props) {
2327
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2328
- d: "M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M15.44426,7.26697571 L12.0002861,10.7110482 L8.55573996,7.26697571 C8.19978253,6.9110081 7.62292549,6.9110081 7.26696807,7.26697571 C6.91101064,7.62294331 6.91101064,8.19981687 7.26696807,8.55578447 L10.7115142,11.9998569 L7.26696807,15.4445017 C6.91101064,15.8004693 6.91101064,16.3767705 7.26696807,16.7333104 C7.44494678,16.910722 7.67843653,17 7.91192629,17 C8.14484377,17 8.37776125,16.910722 8.55573996,16.7333104 L12.0002861,13.289238 L15.44426,16.7333104 C15.6222388,16.910722 15.8551562,17 16.088646,17 C16.3221357,17 16.5550532,16.910722 16.7330319,16.7333104 C17.0889894,16.3767705 17.0889894,15.8004693 16.7330319,15.4445017 L13.289058,11.9998569 L16.7330319,8.55578447 C17.0889894,8.19981687 17.0889894,7.62294331 16.7330319,7.26697571 C16.3770745,6.9110081 15.8002175,6.9110081 15.44426,7.26697571 Z",
2329
- fillRule: "evenodd"
2330
- }));
2331
- };
2332
- var Search = function Search(props) {
2333
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2334
- 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",
2335
- fillRule: "evenodd"
2336
- }));
2337
- };
2338
- var Flag = function Flag(props) {
2339
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2340
- d: "M3.5,2 C4.32842712,2 5,2.67254758 5,3.50217707 C5,4.06587846 4.68995624,4.55706015 4.2313286,4.8140279 L4.23043478,20 L2.73043478,20 L2.7296715,4.79139829 C2.29255482,4.52889206 2,4.04974907 2,3.50217707 C2,2.67254758 2.67157288,2 3.5,2 Z M22,3 L22,13.490099 C20.1111111,14.6485149 18.415404,15.2277228 16.9128788,15.2277228 C15.4318182,15.2277228 14.0795455,13.6188119 11.5037879,13.6188119 C9.78661616,13.6188119 7.61868687,14.4125413 5,16 L5,5.7029703 C7.18939394,4.28712871 9.35732323,3.57920792 11.5037879,3.57920792 C13.8219697,3.57920792 15.7537879,5.18811881 16.9128788,5.18811881 C18.0290404,5.18811881 19.7247475,4.45874587 22,3 Z",
2341
- fillRule: "evenodd"
2342
- }));
2343
- };
2344
- var Resize = function Resize(_a) {
2345
- var _b = _a.isRightAligned,
2346
- isRightAligned = _b === void 0 ? false : _b,
2347
- props = __rest(_a, ["isRightAligned"]);
1952
+ /* *
1953
+ * Licensed under the Apache License, Version 2.0 (the "License");
1954
+ * you may not use this file except in compliance with the License.
1955
+ * You may obtain a copy of the License at
1956
+ *
1957
+ * http://www.apache.org/licenses/LICENSE-2.0
1958
+ *
1959
+ * Unless required by applicable law or agreed to in writing, software
1960
+ * distributed under the License is distributed on an "AS IS" BASIS,
1961
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
1962
+ * See the License for the specific language governing permissions and
1963
+ * limitations under the License.
1964
+ *
1965
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
1966
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
1967
+ * */
2348
1968
 
2349
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({
2350
- sx: __assign(__assign({
2351
- width: 20,
2352
- height: 20,
2353
- top: -10,
2354
- position: 'relative'
2355
- }, isRightAligned ? {
2356
- left: -10
2357
- } : {
2358
- left: 10,
2359
- transform: 'rotate(90deg)'
2360
- }), {
2361
- zIndex: 1
2362
- }),
2363
- "data-testid": "resizeHandle"
2364
- }, props), /*#__PURE__*/React__namespace.createElement("rect", {
2365
- fill: "#ffffff"
2366
- }), /*#__PURE__*/React__namespace.createElement("path", {
2367
- d: "M19.687 18.037v1h-6v-1h6zm3.5-3.5v1h-13v-1h13z",
2368
- transform: "rotate(-45 16.687 16.787)"
2369
- }));
2370
- };
2371
- var Workspace = function Workspace(props) {
2372
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2373
- d: "M20,0 L20,20 L0,20 L0,0 L20,0 Z M7,10 L2.5,10 L2.5,17.5 L7,17.5 L7,10 Z M17.5,10 L9,10 L9,17.5 L17.5,17.5 L17.5,10 Z M17.5,4 L2.5,4 L2.5,8 L17.5,8 L17.5,4 Z",
2374
- fillRule: "evenodd"
2375
- }));
2376
- };
2377
- var Preset = function Preset(props) {
2378
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2379
- d: "M20,0 L20,20 L0,20 L0,0 L20,0 Z M17.5,4 L2.5,4 L2.5,17.5 L17.5,17.5 L17.5,4 Z",
2380
- fillRule: "evenodd"
2381
- }));
2382
- };
2383
- var PresetTiles = function PresetTiles(props) {
2384
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2385
- 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",
2386
- fillRule: "evenodd"
2387
- }));
2388
- };
2389
- var List = function List() {
2390
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2391
- style: {
2392
- width: 22,
2393
- height: 22
1969
+ var colors = {
1970
+ background: {
1971
+ surface: '#303030',
1972
+ surfaceApp: '#2B2B2B',
1973
+ surfaceBrowser: '#181818'
1974
+ },
1975
+ brand: {
1976
+ brand: '#404040'
1977
+ },
1978
+ buttons: {
1979
+ primary: {
1980
+ "default": {
1981
+ fill: '#186DFF',
1982
+ color: '#FFFFFF',
1983
+ borderColor: 'transparent'
1984
+ },
1985
+ mouseOver: {
1986
+ fill: '#1047B0',
1987
+ color: '#FFFFFF',
1988
+ borderColor: '#71A6FF'
1989
+ },
1990
+ active: {
1991
+ fill: '#186DFF',
1992
+ color: '#FFFFFF',
1993
+ borderColor: 'transparent'
1994
+ },
1995
+ activeMouseOver: {},
1996
+ disabled: {
1997
+ fill: 'transparent',
1998
+ color: '#B0B0B0',
1999
+ borderColor: 'transparent'
2000
+ }
2001
+ },
2002
+ secondary: {
2003
+ "default": {
2004
+ fill: '#0876b6',
2005
+ color: '#FFFFFF',
2006
+ borderColor: 'transparent'
2007
+ },
2008
+ mouseOver: {
2009
+ fill: '#064C84',
2010
+ color: '#FFFFFF',
2011
+ borderColor: '#3DA6FF'
2012
+ },
2013
+ active: {
2014
+ fill: '#0876B6',
2015
+ color: '#FFFFFF',
2016
+ borderColor: 'transparent'
2017
+ },
2018
+ activeMouseOver: {},
2019
+ disabled: {
2020
+ fill: 'transparent',
2021
+ color: '#707070',
2022
+ borderColor: 'transparent'
2023
+ }
2024
+ },
2025
+ tertiary: {
2026
+ "default": {
2027
+ fill: 'transparent',
2028
+ color: '#E5E5E5',
2029
+ borderColor: '#E5E5E5'
2030
+ },
2031
+ mouseOver: {
2032
+ fill: '#494949',
2033
+ color: '#E5E5E5',
2034
+ borderColor: '#E5E5E5'
2035
+ },
2036
+ active: {
2037
+ fill: 'transparent',
2038
+ color: '#488BFD',
2039
+ borderColor: '#48A8FA'
2040
+ },
2041
+ activeMouseOver: {
2042
+ fill: 'rgba(24, 109, 255, 0.1)',
2043
+ color: '#488BFD',
2044
+ borderColor: '#488BFD'
2045
+ },
2046
+ disabled: {
2047
+ fill: 'transparent',
2048
+ color: '#B0B0B0',
2049
+ borderColor: 'transparent'
2050
+ }
2051
+ },
2052
+ flat: {
2053
+ "default": {
2054
+ fill: 'transparent',
2055
+ color: '#E5E5E5',
2056
+ borderColor: 'transparent'
2057
+ },
2058
+ mouseOver: {
2059
+ fill: '#494949',
2060
+ color: '#E5E5E5',
2061
+ borderColor: 'transparent'
2062
+ },
2063
+ active: {
2064
+ fill: 'transparent',
2065
+ color: '#488BFD',
2066
+ borderColor: 'transparent'
2067
+ },
2068
+ activeMouseOver: {
2069
+ fill: 'rgba(24, 109, 255, 0.1)',
2070
+ color: '#488BFD',
2071
+ borderColor: 'transparent'
2072
+ },
2073
+ disabled: {
2074
+ fill: 'transparent',
2075
+ color: '#B0B0B0',
2076
+ borderColor: 'transparent'
2077
+ }
2078
+ },
2079
+ tool: {
2080
+ "default": {
2081
+ fill: '#393939',
2082
+ color: '#E5E5E5',
2083
+ borderColor: 'transparent'
2084
+ },
2085
+ mouseOver: {
2086
+ fill: '#494949',
2087
+ color: '#E5E5E5',
2088
+ borderColor: 'transparent'
2089
+ },
2090
+ active: {
2091
+ fill: '#186DFF',
2092
+ color: '#FFFFFF',
2093
+ borderColor: 'transparent'
2094
+ },
2095
+ activeMouseOver: {
2096
+ fill: '#1047B0',
2097
+ color: '#FFFFFF',
2098
+ borderColor: 'transparent'
2099
+ },
2100
+ disabled: {
2101
+ fill: 'transparent',
2102
+ color: '#B0B0B0',
2103
+ borderColor: 'transparent'
2104
+ }
2105
+ },
2106
+ boxed: {
2107
+ "default": {
2108
+ fill: 'transparent',
2109
+ color: '#E5E5E5',
2110
+ borderColor: '#e5e5e5'
2111
+ },
2112
+ mouseOver: {
2113
+ fill: '#494949',
2114
+ color: '#E5E5E5',
2115
+ borderColor: '#e5e5e5'
2116
+ },
2117
+ active: {
2118
+ fill: '#186DFF',
2119
+ color: '#FFFFFF',
2120
+ borderColor: 'transparent'
2121
+ },
2122
+ activeMouseOver: {
2123
+ fill: '#1047B0',
2124
+ color: '#FFFFFF',
2125
+ borderColor: 'transparent'
2126
+ },
2127
+ disabled: {
2128
+ fill: 'transparent',
2129
+ color: '#B0B0B0',
2130
+ borderColor: 'transparent'
2131
+ }
2132
+ },
2133
+ focusDefault: {
2134
+ outline: 'solid 2px #419cfe'
2394
2135
  }
2395
- }, /*#__PURE__*/React__namespace.createElement("path", {
2396
- d: "M4.5,16 C5.88071187,16 7,17.1192881 7,18.5 C7,19.8807119 5.88071187,21 4.5,21 C3.11928813,21 2,19.8807119 2,18.5 C2,17.1192881 3.11928813,16 4.5,16 Z M22,18 L22,20 L9,20 L9,18 L22,18 Z M7,9 L7,14 L2,14 L2,9 L7,9 Z M22,11 L22,13 L9,13 L9,11 L22,11 Z M4.5,2 L7,7 L2,7 L4.5,2 Z M22,4 L22,6 L9,6 L9,4 L22,4 Z"
2397
- }));
2398
- };
2399
- var Home = function Home() {
2400
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2401
- style: {
2402
- width: 20,
2403
- height: 20
2136
+ },
2137
+ typographyAndIcons: {
2138
+ text: '#FFFFFF',
2139
+ icon: '#FFFFFF',
2140
+ buttonIcon: '#FFFFFF',
2141
+ iconLinkActive: '#488BFD',
2142
+ iconLinkDisabled: '#5E5E5E',
2143
+ textLinkActive: '#488BFD',
2144
+ buttonIconTertiaryFlat: '#C5C5C5',
2145
+ inactiveText: '#B0B0B0'
2146
+ },
2147
+ textInputField: {
2148
+ "default": {
2149
+ fill: '#000000',
2150
+ opacity: 0.15
2151
+ },
2152
+ active: {
2153
+ fill: '#909090',
2154
+ opacity: 0.2
2155
+ },
2156
+ disabled: {
2157
+ color: '#000000',
2158
+ opacity: 0
2159
+ }
2160
+ },
2161
+ tab: {
2162
+ mouseOver: {
2163
+ fill: '#000000',
2164
+ opacity: 0.17
2165
+ }
2166
+ },
2167
+ greys: {
2168
+ accessible: '#A2A2A2',
2169
+ accessibleLight: '#6F6F6F'
2170
+ },
2171
+ cards: {
2172
+ cardContainer: '#303030',
2173
+ cardContainerBorder: '#404040'
2174
+ },
2175
+ backdrops: {
2176
+ black: {
2177
+ fill: '#000000',
2178
+ opacity: 0.5
2179
+ },
2180
+ white: {
2181
+ fill: '#FFFFFF',
2182
+ opacity: 0.24
2183
+ }
2184
+ },
2185
+ screenManager: {
2186
+ activeWindow: '#242424',
2187
+ inactiveWindow: '#303030'
2188
+ },
2189
+ timeSlider: {
2190
+ // player
2191
+ playerNeedleTimeTop: {
2192
+ fill: '#E3004F',
2193
+ opacity: 100
2194
+ },
2195
+ playerNeedleTime: {
2196
+ fill: '#FFD523',
2197
+ opacity: 0.75
2198
+ },
2199
+ playerNeedlePlayerTop: {
2200
+ fill: '#051039',
2201
+ opacity: 100
2202
+ },
2203
+ playerNeedlePlayer: {
2204
+ fill: '#67F0FF',
2205
+ opacity: 0.75
2206
+ },
2207
+ playerRailObservation: {
2208
+ fill: '#0876B6',
2209
+ opacity: 100
2210
+ },
2211
+ playerRailSelection: {
2212
+ fill: '#C6D111',
2213
+ opacity: 0.5
2214
+ },
2215
+ playerRailForecastData: {
2216
+ fill: '#FD64FF',
2217
+ opacity: 0.6
2218
+ },
2219
+ playerRailForecastNoData: {
2220
+ fill: '#051039',
2221
+ opacity: 0.67
2222
+ },
2223
+ playerTimeMarkers: {
2224
+ fill: '#2C2C2C'
2225
+ },
2226
+ playerTimeText: {
2227
+ color: '#FFFFFF',
2228
+ fontFamily: 'Roboto',
2229
+ fontSize: 14
2230
+ },
2231
+ // timeline
2232
+ timelineIndicator: {
2233
+ fill: '#A2A2A2'
2234
+ },
2235
+ timelineText: {
2236
+ fontSize: 14,
2237
+ color: '#FFFFFF',
2238
+ fontFamily: 'Roboto'
2239
+ },
2240
+ timelineTimeScale: {
2241
+ fill: '#979797'
2242
+ },
2243
+ timelineNightTime: {
2244
+ fill: '#070808',
2245
+ opacity: 0.3
2246
+ },
2247
+ timelineTimelineSurface: {
2248
+ fill: '#303030'
2249
+ },
2250
+ timelineMonthChangeDash: {
2251
+ fill: '#A2A2A2',
2252
+ opacity: 0.5
2253
+ },
2254
+ timelineSelectionBackground: {
2255
+ fill: '#11D1C6',
2256
+ opacity: 0.25
2257
+ },
2258
+ // time scale
2259
+ timeScaleText: {
2260
+ fontSize: 12
2261
+ },
2262
+ timeScalePointer: {
2263
+ fill: '#F8F9F9'
2264
+ },
2265
+ timeScaleHorizontalScale: {
2266
+ fill: '#000000',
2267
+ opacity: 0.8
2268
+ },
2269
+ timeScaleTimeIndicators: {
2270
+ fill: '#A2A2A2'
2271
+ },
2272
+ timeScaleTimeIndicatorsActive: {
2273
+ fill: '#FFFFFF'
2274
+ },
2275
+ timeScaleShadowButtonScale: {
2276
+ filter: 'drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.28)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.24)) drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.40))'
2404
2277
  }
2405
- }, /*#__PURE__*/React__namespace.createElement("path", {
2406
- d: "M14.5857657,15.5482973 L14.5857657,19 L19,19 L19,11.1704471 L12.0003998,5 L5,11.1704471 L5,19 L9.41503399,19 L9.41503399,15.5482973 C9.41503399,14.0740894 10.5785686,12.8676932 12.0003998,12.8676932 C13.4222311,12.8676932 14.5857657,14.0740894 14.5857657,15.5482973 Z"
2407
- }));
2408
- };
2409
- var Minus = function Minus() {
2410
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2411
- style: {
2412
- width: 22,
2413
- height: 22
2278
+ },
2279
+ customSlider: {
2280
+ rail: '#488BFD',
2281
+ railDisabled: '#5E5E5E',
2282
+ track: '#186DFF',
2283
+ trackDisabled: '#5E5E5E',
2284
+ thumb: '#F8F9F9',
2285
+ thumbDisabled: '#5E5E5E',
2286
+ mark: '#FFFFFF',
2287
+ markDisabled: '#303030',
2288
+ switchTrack: '#72BB23',
2289
+ switchTrackDisabled: '#E8E5E5'
2290
+ },
2291
+ syncGroups: {
2292
+ drawerOpen: {
2293
+ fill: '#232323'
2414
2294
  }
2415
- }, /*#__PURE__*/React__namespace.createElement("path", {
2416
- 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"
2417
- }));
2418
- };
2419
- var Sort = function Sort() {
2420
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2421
- style: {
2422
- width: 20,
2423
- height: 20
2295
+ },
2296
+ layerManager: {
2297
+ tableRowDefaultText: {
2298
+ color: '#FFFFFF',
2299
+ opacity: 0.87,
2300
+ fontSize: 12
2301
+ },
2302
+ tableRowDefaultCardContainer: {
2303
+ fill: '#303030',
2304
+ border: '1px solid #404040'
2305
+ },
2306
+ tableRowDisabledText: {
2307
+ color: '#909090',
2308
+ opacity: 0.87,
2309
+ fontSize: 12
2310
+ },
2311
+ tableRowDisabledCardContainer: {
2312
+ fill: '#2B2B2B',
2313
+ border: '1px solid #404040'
2424
2314
  }
2425
- }, /*#__PURE__*/React__namespace.createElement("path", {
2426
- 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"
2427
- }));
2428
- };
2429
- var Equalizer = function Equalizer() {
2430
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2431
- style: {
2432
- width: 20,
2433
- height: 20
2315
+ },
2316
+ tooltips: {
2317
+ tooltipContainer: {
2318
+ fill: '#232323',
2319
+ opacity: 1
2320
+ },
2321
+ tooltipText: {
2322
+ color: '#FFFFFF'
2434
2323
  }
2435
- }, /*#__PURE__*/React__namespace.createElement("path", {
2436
- 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"
2437
- }));
2438
- };
2439
- var Link = function Link() {
2440
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2441
- style: {
2442
- width: 24,
2443
- height: 24
2324
+ },
2325
+ captions: {
2326
+ captionStatus: {
2327
+ color: '#FFFFFF',
2328
+ opacity: 0.7
2329
+ },
2330
+ captionInformation: {
2331
+ color: '#9EC2FF',
2332
+ opacity: 1
2333
+ },
2334
+ captionError: {
2335
+ color: '#FF8F8F',
2336
+ opacity: 1
2337
+ },
2338
+ captionDisabled: {
2339
+ color: '#B0B0B0',
2340
+ opacity: 1
2444
2341
  }
2445
- }, /*#__PURE__*/React__namespace.createElement("path", {
2446
- d: "m11 9-4.128-.018a.921.921 0 0 0-.91.82l-.006.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-1.55 1.198-2.817 2.704-2.905L6.872 7H11v2zm5 3a1 1 0 0 1-1 1H9a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1zm4 2.09c0 1.607-1.288 2.91-2.872 2.91H13v-1.98h4.128a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18z"
2447
- }));
2448
- };
2449
- var LinkOff = function LinkOff() {
2450
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2451
- style: {
2452
- width: 24,
2453
- height: 24
2342
+ },
2343
+ functional: {
2344
+ success: '#72BB23',
2345
+ successOutline: {
2346
+ fill: 'rgba(114, 187, 35, 0.25)',
2347
+ border: ' 1px solid #72BB23'
2348
+ },
2349
+ error: '#C00000',
2350
+ errorOutline: {
2351
+ fill: 'rgba(192, 0, 0, 0.25)',
2352
+ border: '1px solid #C00000'
2353
+ },
2354
+ warning: '#FFA800',
2355
+ warningOutline: {
2356
+ fill: 'rgba(255, 168, 0, 0.25)',
2357
+ border: '1px solid #FFA800'
2358
+ },
2359
+ warningHighlight: {
2360
+ fill: '#FFA800',
2361
+ opacity: 0.2
2362
+ },
2363
+ notification: '#186DFF',
2364
+ notificationOutline: {
2365
+ fill: 'rgba(24, 109, 255, 0.25)',
2366
+ border: '1px solid #186DFF'
2454
2367
  }
2455
- }, /*#__PURE__*/React__namespace.createElement("path", {
2456
- d: "m20.693 18.631-1.285 1.532L15.638 17H13v-1.98l.277-.001-2.406-2.02L9 13a1 1 0 0 1-.41-1.913L6.314 9.175a.93.93 0 0 0-.35.627l-.007.108v4.18c0 .476.354.87.81.923l.106.007H11V17H6.872c-1.528 0-2.78-1.212-2.867-2.74L4 14.09V9.91c0-.778.302-1.486.795-2.008l-2.24-1.88L3.84 4.49 6.834 7H11v2l-1.794-.008L11.6 11H15a1 1 0 0 1 0 2h-1.018l2.407 2.019h.739a.924.924 0 0 0 .916-.93V9.91a.923.923 0 0 0-.916-.928L13 9V7h4.128C18.712 7 20 8.303 20 9.91v4.18a2.915 2.915 0 0 1-1.606 2.612l2.3 1.93z"
2457
- }));
2368
+ }
2369
+ }; // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
2370
+
2371
+ var elevations = {
2372
+ elevation_01: '0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)',
2373
+ elevation_02: '0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
2374
+ elevation_03: '0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 3px 3px 0 rgba(0, 0, 0, 0.14)',
2375
+ elevation_04: '0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.14)',
2376
+ elevation_06: '0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 6px 10px 0 rgba(0, 0, 0, 0.14)',
2377
+ elevation_08: '0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',
2378
+ elevation_09: '0 5px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 9px 12px 1px rgba(0, 0, 0, 0.14)',
2379
+ elevation_12: '0 7px 8px 0 rgba(0, 0, 0, 0.2), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 12px 17px 2px rgba(0, 0, 0, 0.14)',
2380
+ elevation_16: '0 8px 10px 0 rgba(0, 0, 0, 0.2), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.14)',
2381
+ elevation_24: '0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.14)'
2458
2382
  };
2459
- var Cached = function Cached() {
2460
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, {
2461
- style: {
2462
- width: 20,
2463
- height: 20
2383
+ var darkTheme = createTheme('dark', parseColors(colors), createShadows(elevations));
2384
+
2385
+ var ThemeContext = /*#__PURE__*/React__namespace.createContext({
2386
+ toggleTheme: null,
2387
+ isDark: null
2388
+ });
2389
+ var ThemeProvider = function ThemeProvider(_a) {
2390
+ var children = _a.children,
2391
+ _b = _a.theme,
2392
+ defaultTheme = _b === void 0 ? lightTheme : _b,
2393
+ _c = _a.disableCssBaseline,
2394
+ disableCssBaseline = _c === void 0 ? false : _c;
2395
+
2396
+ var _d = __read(React__namespace.useState(false), 2),
2397
+ isDark = _d[0],
2398
+ setDark = _d[1];
2399
+
2400
+ var currentTheme = React__namespace.useMemo(function () {
2401
+ return isDark ? darkTheme : defaultTheme;
2402
+ }, [isDark, defaultTheme]);
2403
+
2404
+ var toggleTheme = function toggleTheme() {
2405
+ return setDark(!isDark);
2406
+ };
2407
+
2408
+ return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, {
2409
+ value: {
2410
+ toggleTheme: toggleTheme,
2411
+ isDark: isDark
2464
2412
  }
2465
- }, /*#__PURE__*/React__namespace.createElement("path", {
2466
- d: "m19.691 9.79-1.771 1.225a6 6 0 0 1-6.355 6.969v-3.088l-2.681 1.86c-1.223.86-1.923 1.345-2.1 1.458l-.029.019-.31.215L11.564 22v-2.012A8 8 0 0 0 19.691 9.79zM12.564 2v2.02a8 8 0 0 0-8.237 10.255l1.765-1.223a6 6 0 0 1 6.473-7.026v3.078l2.592-1.798h-.003l2.029-1.4a8.063 8.063 0 0 0-.004-.004l.504-.35L12.564 2z"
2467
- }));
2468
- };
2469
- var CalendarToday = function CalendarToday(props) {
2470
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2471
- d: "M7.342 6.437v1.115c0 .673.548 1.22 1.22 1.22h.06c.671 0 1.22-.547 1.22-1.22V6.437h4.313v1.115c0 .673.548 1.22 1.22 1.22h.058c.673 0 1.22-.547 1.22-1.22V6.437h1.058a2.292 2.292 0 0 1 2.286 2.285v7.993A2.292 2.292 0 0 1 17.71 19H6.285A2.292 2.292 0 0 1 4 16.715V8.722a2.292 2.292 0 0 1 2.285-2.285h1.057zm9.444 7.637a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zm-4.787 0a1.44 1.44 0 1 0-.002 2.88 1.44 1.44 0 0 0 .002-2.88zm9.575-3.897a1.44 1.44 0 1 0-.001 2.881 1.44 1.44 0 0 0 0-2.88zm-4.788 0a1.44 1.44 0 1 0 0 2.88 1.44 1.44 0 0 0 0-2.88zM8.62 4.73c.264 0 .478.214.478.478v2.344a.477.477 0 0 1-.478.477h-.058a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478zm6.812 0c.264 0 .478.214.478.478v2.344a.478.478 0 0 1-.478.477h-.057a.478.478 0 0 1-.478-.477V5.208c0-.264.214-.478.478-.478z"
2472
- }));
2473
- };
2474
- var WebAssetOff = function WebAssetOff(props) {
2475
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("g", null, /*#__PURE__*/React__namespace.createElement("path", {
2476
- d: "M5.89856955,4.50717511 L9.893,8.5 L6,8.5 L6,17 L18,17 L18,16.606 L19.9956851,18.6017419 C19.956118,18.649691 19.9142229,18.6957771 19.87,18.74 C19.4544824,19.1555176 18.8311491,19.4088509 18,19.5 L6,19.5 C5.1805214,19.4148333 4.56096049,19.1624284 4.1413173,18.7427852 C3.7216741,18.323142 3.50790167,17.7422136 3.5,17 L3.5,7 C3.52565636,6.18855517 3.73942879,5.5818885 4.1413173,5.18 C4.52680219,4.79451511 5.11255294,4.57024015 5.89856955,4.50717511 Z M18,4.5 C18.81657,4.52323671 19.4399034,4.74990338 19.87,5.18 C20.3000966,5.61009662 20.5100966,6.21676329 20.5,7 L20.5,16.278 L18,13.778 L18,8.5 L12.721,8.5 L8.721,4.5 L18,4.5 Z",
2477
- id: "Combined-Shape"
2478
- }), /*#__PURE__*/React__namespace.createElement("rect", {
2479
- id: "Rectangle",
2480
- transform: "translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) ",
2481
- x: "11",
2482
- y: "0",
2483
- width: "2",
2484
- height: "24"
2485
- })));
2486
- };
2487
- var Notifications = function Notifications(props) {
2488
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2489
- d: "M13.436 17.083a1.444 1.444 0 1 1-2.871 0zM12 4c3.094 0 5.61 2.48 5.61 5.53v2.98c0 1.569 1.197 2.663 1.208 2.672.169.15.227.388.145.598a.55.55 0 0 1-.514.348H5.551a.552.552 0 0 1-.514-.348.536.536 0 0 1 .146-.598c.01-.01 1.206-1.103 1.206-2.672V9.53C6.39 6.48 8.907 4 12 4z"
2490
- }));
2491
- };
2492
- var Update = function Update(props) {
2493
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2494
- d: "m8.73 3.39-.252.098a9.5 9.5 0 1 0 9.4 16.303l-1.391-1.455a7.5 7.5 0 1 1 2.504-8.85l.071.185-3.535 1.427 3.117 2.043v-.005l2.579 1.696.933.612 1.75-7.731-2.99 1.209-.071-.184A9.5 9.5 0 0 0 8.73 3.391zM13.04 7h-2V12l-3.218 1.857 1 1.732 2.749-1.587h1.469V7z"
2495
- }));
2413
+ }, /*#__PURE__*/React__namespace.createElement(material.ThemeProvider, {
2414
+ theme: currentTheme
2415
+ }, !disableCssBaseline && /*#__PURE__*/React__namespace.createElement(material.CssBaseline, null), children));
2496
2416
  };
2497
- var SubdirectoryArrowRight = function SubdirectoryArrowRight(props) {
2498
- return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
2499
- 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"
2500
- }));
2417
+ var useThemeContext = function useThemeContext() {
2418
+ return React__namespace.useContext(ThemeContext);
2419
+ }; // Wrapper for storybook stories. Will include later an additional wrapper after upgrade to MUI5
2420
+
2421
+ var ThemeWrapper = function ThemeWrapper(_a) {
2422
+ var children = _a.children,
2423
+ _b = _a.theme,
2424
+ theme = _b === void 0 ? lightTheme : _b,
2425
+ _c = _a.disableCssBaseline,
2426
+ disableCssBaseline = _c === void 0 ? false : _c;
2427
+ return /*#__PURE__*/React__namespace.createElement(material.StyledEngineProvider, {
2428
+ injectFirst: true
2429
+ }, /*#__PURE__*/React__namespace.createElement(ThemeProvider, {
2430
+ theme: theme,
2431
+ disableCssBaseline: disableCssBaseline
2432
+ }, children));
2433
+ }; // Wrapper for storybook stories with GWTheme. Will be deprecated
2434
+
2435
+ var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
2436
+ var children = _a.children,
2437
+ props = __rest(_a, ["children"]);
2438
+
2439
+ return /*#__PURE__*/React__namespace.createElement(ThemeWrapper, __assign({
2440
+ theme: GWTheme,
2441
+ disableCssBaseline: true
2442
+ }, props), children);
2501
2443
  };
2502
2444
 
2503
2445
  exports.Add = Add;
@@ -2517,16 +2459,17 @@
2517
2459
  exports.Clear = Clear;
2518
2460
  exports.Clock = Clock;
2519
2461
  exports.Close = Close;
2520
- exports.CommandKey = CommandKey;
2521
2462
  exports.Copy = Copy;
2522
2463
  exports.Delete = Delete;
2523
2464
  exports.DragHandle = DragHandle;
2465
+ exports.DrawFIRLand = DrawFIRLand;
2466
+ exports.DrawPolygon = DrawPolygon;
2467
+ exports.DrawRegion = DrawRegion;
2524
2468
  exports.Edit = Edit;
2525
2469
  exports.Equalizer = Equalizer;
2526
2470
  exports.Exclamation = Exclamation;
2527
2471
  exports.Expand = Expand;
2528
2472
  exports.Export = Export;
2529
- exports.FIRLandDraw = FIRLandDraw;
2530
2473
  exports.FastForward = FastForward;
2531
2474
  exports.Filter = Filter;
2532
2475
  exports.Flag = Flag;
@@ -2534,8 +2477,10 @@
2534
2477
  exports.GeoWebLogo = GeoWebLogo;
2535
2478
  exports.HamburgerMenu = HamburgerMenu;
2536
2479
  exports.Home = Home;
2537
- exports.HorizontalSplit = HorizontalSplit;
2480
+ exports.Icons = index;
2538
2481
  exports.Info = Info;
2482
+ exports.KeyCommand = KeyCommand;
2483
+ exports.KeyOption = KeyOption;
2539
2484
  exports.Layers = Layers;
2540
2485
  exports.Link = Link;
2541
2486
  exports.LinkOff = LinkOff;
@@ -2544,22 +2489,21 @@
2544
2489
  exports.Location = Location;
2545
2490
  exports.Minus = Minus;
2546
2491
  exports.Notifications = Notifications;
2547
- exports.OptionKey = OptionKey;
2548
2492
  exports.Options = Options;
2549
2493
  exports.Pause = Pause;
2550
2494
  exports.Play = Play;
2551
- exports.PolygonDraw = PolygonDraw;
2552
2495
  exports.Preset = Preset;
2553
2496
  exports.PresetTiles = PresetTiles;
2554
- exports.RegionDraw = RegionDraw;
2497
+ exports.PresetWorkspace = PresetWorkspace;
2555
2498
  exports.Resize = Resize;
2556
2499
  exports.Search = Search;
2557
2500
  exports.SliderThumb = SliderThumb;
2558
2501
  exports.Sort = Sort;
2502
+ exports.SplitHorizontal = SplitHorizontal;
2503
+ exports.SplitVertical = SplitVertical;
2559
2504
  exports.SubdirectoryArrowRight = SubdirectoryArrowRight;
2560
2505
  exports.Success = Success;
2561
2506
  exports.TextIcon = TextIcon;
2562
- exports.TextIconTimeStepButton = TextIconTimeStepButton;
2563
2507
  exports.ThemeContext = ThemeContext;
2564
2508
  exports.ThemeProvider = ThemeProvider;
2565
2509
  exports.ThemeWrapper = ThemeWrapper;
@@ -2568,11 +2512,9 @@
2568
2512
  exports.TimeSeriesManager = TimeSeriesManager;
2569
2513
  exports.UnExpand = UnExpand;
2570
2514
  exports.Update = Update;
2571
- exports.VerticalSplit = VerticalSplit;
2572
2515
  exports.Visibility = Visibility;
2573
2516
  exports.VisibilityOff = VisibilityOff;
2574
2517
  exports.WebAssetOff = WebAssetOff;
2575
- exports.Workspace = Workspace;
2576
2518
  exports.darkTheme = darkTheme;
2577
2519
  exports.gwButtonVariants = gwButtonVariants;
2578
2520
  exports.lightTheme = lightTheme;