@opengeoweb/theme 12.13.0 → 13.1.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.
package/index.esm.js
CHANGED
|
@@ -39,6 +39,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
39
39
|
* */
|
|
40
40
|
var dragHandlePath = 'M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm-5 5.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z';
|
|
41
41
|
var locationPath = 'M11.58 11.758a2.177 2.177 0 1 1 0-4.354 2.177 2.177 0 0 1 0 4.354m0-8.758A6.58 6.58 0 0 0 5 9.58C5 15.15 11.58 21 11.58 21s6.582-5.85 6.582-11.42A6.58 6.58 0 0 0 11.58 3';
|
|
42
|
+
var arrowUpPath = 'M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z';
|
|
42
43
|
|
|
43
44
|
var _excluded = ["text"],
|
|
44
45
|
_excluded2 = ["isRightAligned", "sx"];
|
|
@@ -230,7 +231,7 @@ var ArrowUp = function ArrowUp(props) {
|
|
|
230
231
|
viewBox: "0 0 6 11"
|
|
231
232
|
}, props, {
|
|
232
233
|
children: jsx("path", {
|
|
233
|
-
d:
|
|
234
|
+
d: arrowUpPath
|
|
234
235
|
})
|
|
235
236
|
}));
|
|
236
237
|
};
|
|
@@ -1763,6 +1764,14 @@ var Overlayers = function Overlayers(props) {
|
|
|
1763
1764
|
})
|
|
1764
1765
|
}));
|
|
1765
1766
|
};
|
|
1767
|
+
var SevereMountainWaves = function SevereMountainWaves(props) {
|
|
1768
|
+
return jsx(SvgIcon, Object.assign({}, props, {
|
|
1769
|
+
children: jsx("path", {
|
|
1770
|
+
d: "M11.18 6.883a16.44 16.44 0 0 0-9.54 3.532C1.2 10.763 0 11.926 0 12.005c0 .074 1.11 1.143 1.54 1.483a16.976 16.976 0 0 0 8.96 3.597c.665.063 2.327.063 3-.001a16.87 16.87 0 0 0 6.448-1.954c1.425-.768 2.61-1.636 3.559-2.607l.487-.499-.113-.142c-.265-.332-1.017-1.056-1.481-1.425a14.265 14.265 0 0 0-2.42-1.595c-2.71-1.464-5.615-2.118-8.8-1.979m2.2 2.042a14.413 14.413 0 0 1 6.72 2.333c.308.204.665.453.793.553l.234.183-.295.219c-1.919 1.419-4.299 2.419-6.572 2.762-1.102.166-2.671.213-3.68.11a14.978 14.978 0 0 1-7.575-2.993l-.134-.114.405-.299a15.072 15.072 0 0 1 3.544-1.91c2.04-.758 4.197-1.036 6.56-.844",
|
|
1771
|
+
fillRule: "evenodd"
|
|
1772
|
+
})
|
|
1773
|
+
}));
|
|
1774
|
+
};
|
|
1766
1775
|
|
|
1767
1776
|
/* *
|
|
1768
1777
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
@@ -1887,6 +1896,7 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
1887
1896
|
SandStorm: SandStorm,
|
|
1888
1897
|
Search: Search,
|
|
1889
1898
|
SevereAircraftIcing: SevereAircraftIcing,
|
|
1899
|
+
SevereMountainWaves: SevereMountainWaves,
|
|
1890
1900
|
SevereTurbulence: SevereTurbulence,
|
|
1891
1901
|
SevereWaves: SevereWaves,
|
|
1892
1902
|
Share: Share,
|
|
@@ -2128,11 +2138,11 @@ var createShadows = function createShadows(elevations) {
|
|
|
2128
2138
|
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
2129
2139
|
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
2130
2140
|
* */
|
|
2131
|
-
var focusButtonStyle$
|
|
2141
|
+
var focusButtonStyle$4 = {
|
|
2132
2142
|
outline: 'solid 2px #419cfe'
|
|
2133
2143
|
};
|
|
2134
2144
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/5ecf84d920b99428d7f98555
|
|
2135
|
-
var colors$
|
|
2145
|
+
var colors$4 = {
|
|
2136
2146
|
background: {
|
|
2137
2147
|
surface: '#FFFFFF',
|
|
2138
2148
|
surfaceApp: '#F5F5F5',
|
|
@@ -2164,7 +2174,7 @@ var colors$3 = {
|
|
|
2164
2174
|
color: '#626262',
|
|
2165
2175
|
borderColor: 'transparent'
|
|
2166
2176
|
},
|
|
2167
|
-
focus: focusButtonStyle$
|
|
2177
|
+
focus: focusButtonStyle$4
|
|
2168
2178
|
},
|
|
2169
2179
|
secondary: {
|
|
2170
2180
|
"default": {
|
|
@@ -2188,7 +2198,7 @@ var colors$3 = {
|
|
|
2188
2198
|
color: '#626262',
|
|
2189
2199
|
borderColor: 'transparent'
|
|
2190
2200
|
},
|
|
2191
|
-
focus: focusButtonStyle$
|
|
2201
|
+
focus: focusButtonStyle$4
|
|
2192
2202
|
},
|
|
2193
2203
|
tertiary: {
|
|
2194
2204
|
"default": {
|
|
@@ -2216,7 +2226,7 @@ var colors$3 = {
|
|
|
2216
2226
|
color: '#626262',
|
|
2217
2227
|
borderColor: 'transparent'
|
|
2218
2228
|
},
|
|
2219
|
-
focus: focusButtonStyle$
|
|
2229
|
+
focus: focusButtonStyle$4
|
|
2220
2230
|
},
|
|
2221
2231
|
flat: {
|
|
2222
2232
|
"default": {
|
|
@@ -2244,7 +2254,7 @@ var colors$3 = {
|
|
|
2244
2254
|
color: '#626262',
|
|
2245
2255
|
borderColor: 'transparent'
|
|
2246
2256
|
},
|
|
2247
|
-
focus: focusButtonStyle$
|
|
2257
|
+
focus: focusButtonStyle$4
|
|
2248
2258
|
},
|
|
2249
2259
|
tool: {
|
|
2250
2260
|
"default": {
|
|
@@ -2272,7 +2282,7 @@ var colors$3 = {
|
|
|
2272
2282
|
color: '#626262',
|
|
2273
2283
|
borderColor: 'transparent'
|
|
2274
2284
|
},
|
|
2275
|
-
focus: focusButtonStyle$
|
|
2285
|
+
focus: focusButtonStyle$4
|
|
2276
2286
|
},
|
|
2277
2287
|
boxed: {
|
|
2278
2288
|
"default": {
|
|
@@ -2300,7 +2310,7 @@ var colors$3 = {
|
|
|
2300
2310
|
color: '#626262',
|
|
2301
2311
|
borderColor: 'transparent'
|
|
2302
2312
|
},
|
|
2303
|
-
focus: focusButtonStyle$
|
|
2313
|
+
focus: focusButtonStyle$4
|
|
2304
2314
|
},
|
|
2305
2315
|
icon: {
|
|
2306
2316
|
"default": {
|
|
@@ -2328,7 +2338,7 @@ var colors$3 = {
|
|
|
2328
2338
|
color: '#626262',
|
|
2329
2339
|
borderColor: 'transparent'
|
|
2330
2340
|
},
|
|
2331
|
-
focus: focusButtonStyle$
|
|
2341
|
+
focus: focusButtonStyle$4
|
|
2332
2342
|
}
|
|
2333
2343
|
},
|
|
2334
2344
|
iconButtons: {
|
|
@@ -2358,7 +2368,7 @@ var colors$3 = {
|
|
|
2358
2368
|
color: '#626262',
|
|
2359
2369
|
borderColor: 'transparent'
|
|
2360
2370
|
},
|
|
2361
|
-
focus: focusButtonStyle$
|
|
2371
|
+
focus: focusButtonStyle$4
|
|
2362
2372
|
},
|
|
2363
2373
|
tool: {
|
|
2364
2374
|
"default": {
|
|
@@ -2386,7 +2396,7 @@ var colors$3 = {
|
|
|
2386
2396
|
color: '#626262',
|
|
2387
2397
|
borderColor: 'transparent'
|
|
2388
2398
|
},
|
|
2389
|
-
focus: focusButtonStyle$
|
|
2399
|
+
focus: focusButtonStyle$4
|
|
2390
2400
|
},
|
|
2391
2401
|
boxed: {
|
|
2392
2402
|
"default": {
|
|
@@ -2414,7 +2424,7 @@ var colors$3 = {
|
|
|
2414
2424
|
color: '#626262',
|
|
2415
2425
|
borderColor: 'transparent'
|
|
2416
2426
|
},
|
|
2417
|
-
focus: focusButtonStyle$
|
|
2427
|
+
focus: focusButtonStyle$4
|
|
2418
2428
|
}
|
|
2419
2429
|
},
|
|
2420
2430
|
typographyAndIcons: {
|
|
@@ -2817,7 +2827,7 @@ var colors$3 = {
|
|
|
2817
2827
|
}
|
|
2818
2828
|
};
|
|
2819
2829
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
|
|
2820
|
-
var elevations$
|
|
2830
|
+
var elevations$4 = {
|
|
2821
2831
|
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)',
|
|
2822
2832
|
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)',
|
|
2823
2833
|
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)',
|
|
@@ -2858,9 +2868,9 @@ var createTheme = function createTheme(_ref) {
|
|
|
2858
2868
|
var _ref$paletteType = _ref.paletteType,
|
|
2859
2869
|
paletteType = _ref$paletteType === void 0 ? 'light' : _ref$paletteType,
|
|
2860
2870
|
_ref$geowebColors = _ref.geowebColors,
|
|
2861
|
-
defaultGeowebColors = _ref$geowebColors === void 0 ? colors$
|
|
2871
|
+
defaultGeowebColors = _ref$geowebColors === void 0 ? colors$4 : _ref$geowebColors,
|
|
2862
2872
|
_ref$elevations = _ref.elevations,
|
|
2863
|
-
defaultShadows = _ref$elevations === void 0 ? elevations$
|
|
2873
|
+
defaultShadows = _ref$elevations === void 0 ? elevations$4 : _ref$elevations;
|
|
2864
2874
|
var geowebColors = parseColors(defaultGeowebColors);
|
|
2865
2875
|
var shadows = createShadows(defaultShadows);
|
|
2866
2876
|
return createTheme$1({
|
|
@@ -3535,11 +3545,11 @@ var createTheme = function createTheme(_ref) {
|
|
|
3535
3545
|
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
3536
3546
|
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
3537
3547
|
* */
|
|
3538
|
-
var focusButtonStyle$
|
|
3548
|
+
var focusButtonStyle$3 = {
|
|
3539
3549
|
outline: 'solid 2px #419cfe'
|
|
3540
3550
|
};
|
|
3541
3551
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
|
|
3542
|
-
var colors$
|
|
3552
|
+
var colors$3 = {
|
|
3543
3553
|
background: {
|
|
3544
3554
|
surface: '#303030',
|
|
3545
3555
|
surfaceApp: '#2B2B2B',
|
|
@@ -3571,7 +3581,7 @@ var colors$2 = {
|
|
|
3571
3581
|
color: '#B4B4B4',
|
|
3572
3582
|
borderColor: 'transparent'
|
|
3573
3583
|
},
|
|
3574
|
-
focus: focusButtonStyle$
|
|
3584
|
+
focus: focusButtonStyle$3
|
|
3575
3585
|
},
|
|
3576
3586
|
secondary: {
|
|
3577
3587
|
"default": {
|
|
@@ -3595,7 +3605,7 @@ var colors$2 = {
|
|
|
3595
3605
|
color: '#B4B4B4',
|
|
3596
3606
|
borderColor: 'transparent'
|
|
3597
3607
|
},
|
|
3598
|
-
focus: focusButtonStyle$
|
|
3608
|
+
focus: focusButtonStyle$3
|
|
3599
3609
|
},
|
|
3600
3610
|
tertiary: {
|
|
3601
3611
|
"default": {
|
|
@@ -3623,7 +3633,7 @@ var colors$2 = {
|
|
|
3623
3633
|
color: '#B4B4B4',
|
|
3624
3634
|
borderColor: 'transparent'
|
|
3625
3635
|
},
|
|
3626
|
-
focus: focusButtonStyle$
|
|
3636
|
+
focus: focusButtonStyle$3
|
|
3627
3637
|
},
|
|
3628
3638
|
flat: {
|
|
3629
3639
|
"default": {
|
|
@@ -3651,7 +3661,7 @@ var colors$2 = {
|
|
|
3651
3661
|
color: '#B4B4B4',
|
|
3652
3662
|
borderColor: 'transparent'
|
|
3653
3663
|
},
|
|
3654
|
-
focus: focusButtonStyle$
|
|
3664
|
+
focus: focusButtonStyle$3
|
|
3655
3665
|
},
|
|
3656
3666
|
tool: {
|
|
3657
3667
|
"default": {
|
|
@@ -3679,7 +3689,7 @@ var colors$2 = {
|
|
|
3679
3689
|
color: '#B4B4B4',
|
|
3680
3690
|
borderColor: 'transparent'
|
|
3681
3691
|
},
|
|
3682
|
-
focus: focusButtonStyle$
|
|
3692
|
+
focus: focusButtonStyle$3
|
|
3683
3693
|
},
|
|
3684
3694
|
boxed: {
|
|
3685
3695
|
"default": {
|
|
@@ -3707,7 +3717,7 @@ var colors$2 = {
|
|
|
3707
3717
|
color: '#B4B4B4',
|
|
3708
3718
|
borderColor: 'transparent'
|
|
3709
3719
|
},
|
|
3710
|
-
focus: focusButtonStyle$
|
|
3720
|
+
focus: focusButtonStyle$3
|
|
3711
3721
|
},
|
|
3712
3722
|
icon: {
|
|
3713
3723
|
"default": {
|
|
@@ -3735,7 +3745,7 @@ var colors$2 = {
|
|
|
3735
3745
|
color: '#B4B4B4',
|
|
3736
3746
|
borderColor: 'transparent'
|
|
3737
3747
|
},
|
|
3738
|
-
focus: focusButtonStyle$
|
|
3748
|
+
focus: focusButtonStyle$3
|
|
3739
3749
|
}
|
|
3740
3750
|
},
|
|
3741
3751
|
iconButtons: {
|
|
@@ -3765,7 +3775,7 @@ var colors$2 = {
|
|
|
3765
3775
|
color: '#B4B4B4',
|
|
3766
3776
|
borderColor: 'transparent'
|
|
3767
3777
|
},
|
|
3768
|
-
focus: focusButtonStyle$
|
|
3778
|
+
focus: focusButtonStyle$3
|
|
3769
3779
|
},
|
|
3770
3780
|
tool: {
|
|
3771
3781
|
"default": {
|
|
@@ -3793,7 +3803,7 @@ var colors$2 = {
|
|
|
3793
3803
|
color: '#B4B4B4',
|
|
3794
3804
|
borderColor: 'transparent'
|
|
3795
3805
|
},
|
|
3796
|
-
focus: focusButtonStyle$
|
|
3806
|
+
focus: focusButtonStyle$3
|
|
3797
3807
|
},
|
|
3798
3808
|
boxed: {
|
|
3799
3809
|
"default": {
|
|
@@ -3821,7 +3831,7 @@ var colors$2 = {
|
|
|
3821
3831
|
color: '#B4B4B4',
|
|
3822
3832
|
borderColor: 'transparent'
|
|
3823
3833
|
},
|
|
3824
|
-
focus: focusButtonStyle$
|
|
3834
|
+
focus: focusButtonStyle$3
|
|
3825
3835
|
}
|
|
3826
3836
|
},
|
|
3827
3837
|
typographyAndIcons: {
|
|
@@ -4225,7 +4235,7 @@ var colors$2 = {
|
|
|
4225
4235
|
}
|
|
4226
4236
|
};
|
|
4227
4237
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
|
|
4228
|
-
var elevations$
|
|
4238
|
+
var elevations$3 = {
|
|
4229
4239
|
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)',
|
|
4230
4240
|
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)',
|
|
4231
4241
|
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)',
|
|
@@ -4255,11 +4265,11 @@ var elevations$2 = {
|
|
|
4255
4265
|
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
4256
4266
|
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
4257
4267
|
* */
|
|
4258
|
-
var focusButtonStyle$
|
|
4268
|
+
var focusButtonStyle$2 = {
|
|
4259
4269
|
outline: 'solid 2px #FFFFFF'
|
|
4260
4270
|
};
|
|
4261
4271
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e5dc12278e35d433aa2d
|
|
4262
|
-
var colors$
|
|
4272
|
+
var colors$2 = Object.assign({}, colors$4, {
|
|
4263
4273
|
background: {
|
|
4264
4274
|
surface: '#9e1f1e',
|
|
4265
4275
|
surfaceApp: '#740c16',
|
|
@@ -4291,7 +4301,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4291
4301
|
color: '#B4B4B4',
|
|
4292
4302
|
borderColor: 'transparent'
|
|
4293
4303
|
},
|
|
4294
|
-
focus: focusButtonStyle$
|
|
4304
|
+
focus: focusButtonStyle$2
|
|
4295
4305
|
},
|
|
4296
4306
|
secondary: {
|
|
4297
4307
|
"default": {
|
|
@@ -4315,7 +4325,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4315
4325
|
color: '#B4B4B4',
|
|
4316
4326
|
borderColor: 'transparent'
|
|
4317
4327
|
},
|
|
4318
|
-
focus: focusButtonStyle$
|
|
4328
|
+
focus: focusButtonStyle$2
|
|
4319
4329
|
},
|
|
4320
4330
|
tertiary: {
|
|
4321
4331
|
"default": {
|
|
@@ -4343,7 +4353,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4343
4353
|
color: '#B4B4B4',
|
|
4344
4354
|
borderColor: 'transparent'
|
|
4345
4355
|
},
|
|
4346
|
-
focus: focusButtonStyle$
|
|
4356
|
+
focus: focusButtonStyle$2
|
|
4347
4357
|
},
|
|
4348
4358
|
flat: {
|
|
4349
4359
|
"default": {
|
|
@@ -4371,7 +4381,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4371
4381
|
color: '#B4B4B4',
|
|
4372
4382
|
borderColor: 'transparent'
|
|
4373
4383
|
},
|
|
4374
|
-
focus: focusButtonStyle$
|
|
4384
|
+
focus: focusButtonStyle$2
|
|
4375
4385
|
},
|
|
4376
4386
|
tool: {
|
|
4377
4387
|
"default": {
|
|
@@ -4399,7 +4409,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4399
4409
|
color: '#B4B4B4',
|
|
4400
4410
|
borderColor: 'transparent'
|
|
4401
4411
|
},
|
|
4402
|
-
focus: focusButtonStyle$
|
|
4412
|
+
focus: focusButtonStyle$2
|
|
4403
4413
|
},
|
|
4404
4414
|
boxed: {
|
|
4405
4415
|
"default": {
|
|
@@ -4427,7 +4437,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4427
4437
|
color: '#B4B4B4',
|
|
4428
4438
|
borderColor: 'transparent'
|
|
4429
4439
|
},
|
|
4430
|
-
focus: focusButtonStyle$
|
|
4440
|
+
focus: focusButtonStyle$2
|
|
4431
4441
|
},
|
|
4432
4442
|
icon: {
|
|
4433
4443
|
"default": {
|
|
@@ -4455,7 +4465,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4455
4465
|
color: '#B4B4B4',
|
|
4456
4466
|
borderColor: 'transparent'
|
|
4457
4467
|
},
|
|
4458
|
-
focus: focusButtonStyle$
|
|
4468
|
+
focus: focusButtonStyle$2
|
|
4459
4469
|
}
|
|
4460
4470
|
},
|
|
4461
4471
|
iconButtons: {
|
|
@@ -4485,7 +4495,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4485
4495
|
color: '#B4B4B4',
|
|
4486
4496
|
borderColor: 'transparent'
|
|
4487
4497
|
},
|
|
4488
|
-
focus: focusButtonStyle$
|
|
4498
|
+
focus: focusButtonStyle$2
|
|
4489
4499
|
},
|
|
4490
4500
|
tool: {
|
|
4491
4501
|
"default": {
|
|
@@ -4513,7 +4523,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4513
4523
|
color: '#B4B4B4',
|
|
4514
4524
|
borderColor: 'transparent'
|
|
4515
4525
|
},
|
|
4516
|
-
focus: focusButtonStyle$
|
|
4526
|
+
focus: focusButtonStyle$2
|
|
4517
4527
|
},
|
|
4518
4528
|
boxed: {
|
|
4519
4529
|
"default": {
|
|
@@ -4541,7 +4551,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4541
4551
|
color: '#B4B4B4',
|
|
4542
4552
|
borderColor: 'transparent'
|
|
4543
4553
|
},
|
|
4544
|
-
focus: focusButtonStyle$
|
|
4554
|
+
focus: focusButtonStyle$2
|
|
4545
4555
|
}
|
|
4546
4556
|
},
|
|
4547
4557
|
typographyAndIcons: {
|
|
@@ -4931,7 +4941,7 @@ var colors$1 = Object.assign({}, colors$3, {
|
|
|
4931
4941
|
}
|
|
4932
4942
|
});
|
|
4933
4943
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
|
|
4934
|
-
var elevations$
|
|
4944
|
+
var elevations$2 = {
|
|
4935
4945
|
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)',
|
|
4936
4946
|
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)',
|
|
4937
4947
|
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)',
|
|
@@ -4961,11 +4971,11 @@ var elevations$1 = {
|
|
|
4961
4971
|
* Copyright 2025 - Finnish Meteorological Institute (FMI)
|
|
4962
4972
|
* Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
|
|
4963
4973
|
* */
|
|
4964
|
-
var focusButtonStyle = {
|
|
4974
|
+
var focusButtonStyle$1 = {
|
|
4965
4975
|
outline: 'solid 2px #419cfe'
|
|
4966
4976
|
};
|
|
4967
4977
|
// https://www.figma.com/design/X1glYQsGXcHvH9ti7rXcPT/test-side-geoweb?node-id=106-1817&t=GCStbstNVLl6LZcT-0
|
|
4968
|
-
var colors = {
|
|
4978
|
+
var colors$1 = {
|
|
4969
4979
|
background: {
|
|
4970
4980
|
surface: '#FFCB66',
|
|
4971
4981
|
surfaceApp: '#F9F0DF',
|
|
@@ -4997,7 +5007,7 @@ var colors = {
|
|
|
4997
5007
|
color: '#626262',
|
|
4998
5008
|
borderColor: 'transparent'
|
|
4999
5009
|
},
|
|
5000
|
-
focus: focusButtonStyle
|
|
5010
|
+
focus: focusButtonStyle$1
|
|
5001
5011
|
},
|
|
5002
5012
|
secondary: {
|
|
5003
5013
|
"default": {
|
|
@@ -5021,7 +5031,7 @@ var colors = {
|
|
|
5021
5031
|
color: '#626262',
|
|
5022
5032
|
borderColor: 'transparent'
|
|
5023
5033
|
},
|
|
5024
|
-
focus: focusButtonStyle
|
|
5034
|
+
focus: focusButtonStyle$1
|
|
5025
5035
|
},
|
|
5026
5036
|
tertiary: {
|
|
5027
5037
|
"default": {
|
|
@@ -5049,7 +5059,7 @@ var colors = {
|
|
|
5049
5059
|
color: '#626262',
|
|
5050
5060
|
borderColor: 'transparent'
|
|
5051
5061
|
},
|
|
5052
|
-
focus: focusButtonStyle
|
|
5062
|
+
focus: focusButtonStyle$1
|
|
5053
5063
|
},
|
|
5054
5064
|
flat: {
|
|
5055
5065
|
"default": {
|
|
@@ -5077,7 +5087,7 @@ var colors = {
|
|
|
5077
5087
|
color: '#626262',
|
|
5078
5088
|
borderColor: 'transparent'
|
|
5079
5089
|
},
|
|
5080
|
-
focus: focusButtonStyle
|
|
5090
|
+
focus: focusButtonStyle$1
|
|
5081
5091
|
},
|
|
5082
5092
|
tool: {
|
|
5083
5093
|
"default": {
|
|
@@ -5105,7 +5115,7 @@ var colors = {
|
|
|
5105
5115
|
color: '#626262',
|
|
5106
5116
|
borderColor: 'transparent'
|
|
5107
5117
|
},
|
|
5108
|
-
focus: focusButtonStyle
|
|
5118
|
+
focus: focusButtonStyle$1
|
|
5109
5119
|
},
|
|
5110
5120
|
boxed: {
|
|
5111
5121
|
"default": {
|
|
@@ -5133,7 +5143,7 @@ var colors = {
|
|
|
5133
5143
|
color: '#626262',
|
|
5134
5144
|
borderColor: 'transparent'
|
|
5135
5145
|
},
|
|
5136
|
-
focus: focusButtonStyle
|
|
5146
|
+
focus: focusButtonStyle$1
|
|
5137
5147
|
},
|
|
5138
5148
|
icon: {
|
|
5139
5149
|
"default": {
|
|
@@ -5161,7 +5171,7 @@ var colors = {
|
|
|
5161
5171
|
color: '#626262',
|
|
5162
5172
|
borderColor: 'transparent'
|
|
5163
5173
|
},
|
|
5164
|
-
focus: focusButtonStyle
|
|
5174
|
+
focus: focusButtonStyle$1
|
|
5165
5175
|
}
|
|
5166
5176
|
},
|
|
5167
5177
|
iconButtons: {
|
|
@@ -5191,7 +5201,7 @@ var colors = {
|
|
|
5191
5201
|
color: '#626262',
|
|
5192
5202
|
borderColor: 'transparent'
|
|
5193
5203
|
},
|
|
5194
|
-
focus: focusButtonStyle
|
|
5204
|
+
focus: focusButtonStyle$1
|
|
5195
5205
|
},
|
|
5196
5206
|
tool: {
|
|
5197
5207
|
"default": {
|
|
@@ -5219,7 +5229,7 @@ var colors = {
|
|
|
5219
5229
|
color: '#626262',
|
|
5220
5230
|
borderColor: 'transparent'
|
|
5221
5231
|
},
|
|
5222
|
-
focus: focusButtonStyle
|
|
5232
|
+
focus: focusButtonStyle$1
|
|
5223
5233
|
},
|
|
5224
5234
|
boxed: {
|
|
5225
5235
|
"default": {
|
|
@@ -5247,7 +5257,7 @@ var colors = {
|
|
|
5247
5257
|
color: '#626262',
|
|
5248
5258
|
borderColor: 'transparent'
|
|
5249
5259
|
},
|
|
5250
|
-
focus: focusButtonStyle
|
|
5260
|
+
focus: focusButtonStyle$1
|
|
5251
5261
|
}
|
|
5252
5262
|
},
|
|
5253
5263
|
typographyAndIcons: {
|
|
@@ -5650,7 +5660,7 @@ var colors = {
|
|
|
5650
5660
|
}
|
|
5651
5661
|
};
|
|
5652
5662
|
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
|
|
5653
|
-
var elevations = {
|
|
5663
|
+
var elevations$1 = {
|
|
5654
5664
|
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)',
|
|
5655
5665
|
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)',
|
|
5656
5666
|
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)',
|
|
@@ -5676,84 +5686,817 @@ var elevations = {
|
|
|
5676
5686
|
* See the License for the specific language governing permissions and
|
|
5677
5687
|
* limitations under the License.
|
|
5678
5688
|
*
|
|
5679
|
-
* Copyright
|
|
5680
|
-
* Copyright
|
|
5681
|
-
* Copyright
|
|
5682
|
-
* */
|
|
5683
|
-
var ThemeTypes;
|
|
5684
|
-
(function (ThemeTypes) {
|
|
5685
|
-
ThemeTypes["DARK_THEME"] = "darkTheme";
|
|
5686
|
-
ThemeTypes["LIGHT_THEME"] = "lightTheme";
|
|
5687
|
-
ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
|
|
5688
|
-
ThemeTypes["DEMO_THEME"] = "demoTheme";
|
|
5689
|
-
})(ThemeTypes || (ThemeTypes = {}));
|
|
5690
|
-
|
|
5691
|
-
/* *
|
|
5692
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
5693
|
-
* you may not use this file except in compliance with the License.
|
|
5694
|
-
* You may obtain a copy of the License at
|
|
5695
|
-
*
|
|
5696
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
5697
|
-
*
|
|
5698
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
5699
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
5700
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
5701
|
-
* See the License for the specific language governing permissions and
|
|
5702
|
-
* limitations under the License.
|
|
5703
|
-
*
|
|
5704
|
-
* Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
5705
|
-
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
5706
|
-
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
5689
|
+
* Copyright 2025 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
5690
|
+
* Copyright 2025 - Finnish Meteorological Institute (FMI)
|
|
5691
|
+
* Copyright 2025 - The Norwegian Meteorological Institute (MET Norway)
|
|
5707
5692
|
* */
|
|
5708
|
-
var
|
|
5709
|
-
|
|
5710
|
-
case ThemeTypes.DARK_THEME:
|
|
5711
|
-
return namedDarkTheme;
|
|
5712
|
-
case ThemeTypes.LIGHT_THEME:
|
|
5713
|
-
return namedLightTheme;
|
|
5714
|
-
case ThemeTypes.XMAS2024_THEME:
|
|
5715
|
-
return namedXmas2024Theme;
|
|
5716
|
-
case ThemeTypes.DEMO_THEME:
|
|
5717
|
-
return namedDemoTheme;
|
|
5718
|
-
default:
|
|
5719
|
-
return namedLightTheme;
|
|
5720
|
-
}
|
|
5721
|
-
};
|
|
5722
|
-
var lightTheme = createTheme({
|
|
5723
|
-
paletteType: 'light',
|
|
5724
|
-
geowebColors: colors$3,
|
|
5725
|
-
elevations: elevations$3
|
|
5726
|
-
});
|
|
5727
|
-
var darkTheme = createTheme({
|
|
5728
|
-
paletteType: 'dark',
|
|
5729
|
-
geowebColors: colors$2,
|
|
5730
|
-
elevations: elevations$2
|
|
5731
|
-
});
|
|
5732
|
-
var xmas2024Theme = createTheme({
|
|
5733
|
-
paletteType: 'dark',
|
|
5734
|
-
geowebColors: colors$1,
|
|
5735
|
-
elevations: elevations$1
|
|
5736
|
-
});
|
|
5737
|
-
var demoTheme = createTheme({
|
|
5738
|
-
paletteType: 'light',
|
|
5739
|
-
geowebColors: colors,
|
|
5740
|
-
elevations: elevations
|
|
5741
|
-
});
|
|
5742
|
-
var namedLightTheme = {
|
|
5743
|
-
name: ThemeTypes.LIGHT_THEME,
|
|
5744
|
-
theme: lightTheme
|
|
5745
|
-
};
|
|
5746
|
-
var namedDarkTheme = {
|
|
5747
|
-
name: ThemeTypes.DARK_THEME,
|
|
5748
|
-
theme: darkTheme
|
|
5749
|
-
};
|
|
5750
|
-
var namedXmas2024Theme = {
|
|
5751
|
-
name: ThemeTypes.XMAS2024_THEME,
|
|
5752
|
-
theme: xmas2024Theme
|
|
5693
|
+
var focusButtonStyle = {
|
|
5694
|
+
outline: 'solid 2px #00a2b5'
|
|
5753
5695
|
};
|
|
5754
|
-
var
|
|
5755
|
-
|
|
5756
|
-
|
|
5696
|
+
var colors = {
|
|
5697
|
+
background: {
|
|
5698
|
+
surface: '#FFFFFF',
|
|
5699
|
+
surfaceApp: '#F5F5F5',
|
|
5700
|
+
surfaceBrowser: '#CFCFCF'
|
|
5701
|
+
},
|
|
5702
|
+
brand: {
|
|
5703
|
+
brand: '#FFFFFF'
|
|
5704
|
+
},
|
|
5705
|
+
logo: {
|
|
5706
|
+
image: 'assets/themes/eumetnet/app_icon.png'
|
|
5707
|
+
},
|
|
5708
|
+
buttons: {
|
|
5709
|
+
primary: {
|
|
5710
|
+
"default": {
|
|
5711
|
+
fill: '#004F59',
|
|
5712
|
+
color: '#FFFFFF',
|
|
5713
|
+
borderColor: 'transparent'
|
|
5714
|
+
},
|
|
5715
|
+
mouseOver: {
|
|
5716
|
+
fill: '#002b30',
|
|
5717
|
+
color: '#FFFFFF',
|
|
5718
|
+
borderColor: '#71A6FF'
|
|
5719
|
+
},
|
|
5720
|
+
active: {
|
|
5721
|
+
fill: '#004F59',
|
|
5722
|
+
color: '#FFFFFF',
|
|
5723
|
+
borderColor: 'transparent'
|
|
5724
|
+
},
|
|
5725
|
+
activeMouseOver: {},
|
|
5726
|
+
disabled: {
|
|
5727
|
+
fill: 'transparent',
|
|
5728
|
+
color: '#626262',
|
|
5729
|
+
borderColor: 'transparent'
|
|
5730
|
+
},
|
|
5731
|
+
focus: focusButtonStyle
|
|
5732
|
+
},
|
|
5733
|
+
secondary: {
|
|
5734
|
+
"default": {
|
|
5735
|
+
fill: '#374061',
|
|
5736
|
+
color: '#FFFFFF',
|
|
5737
|
+
borderColor: 'transparent'
|
|
5738
|
+
},
|
|
5739
|
+
mouseOver: {
|
|
5740
|
+
fill: '#002b30',
|
|
5741
|
+
color: '#FFFFFF',
|
|
5742
|
+
borderColor: 'transparent'
|
|
5743
|
+
},
|
|
5744
|
+
active: {
|
|
5745
|
+
fill: '#004F59',
|
|
5746
|
+
color: '#FFFFFF',
|
|
5747
|
+
borderColor: 'transparent'
|
|
5748
|
+
},
|
|
5749
|
+
activeMouseOver: {},
|
|
5750
|
+
disabled: {
|
|
5751
|
+
fill: 'transparent',
|
|
5752
|
+
color: '#626262',
|
|
5753
|
+
borderColor: 'transparent'
|
|
5754
|
+
},
|
|
5755
|
+
focus: focusButtonStyle
|
|
5756
|
+
},
|
|
5757
|
+
tertiary: {
|
|
5758
|
+
"default": {
|
|
5759
|
+
fill: 'transparent',
|
|
5760
|
+
color: '#374061',
|
|
5761
|
+
borderColor: '#374061'
|
|
5762
|
+
},
|
|
5763
|
+
mouseOver: {
|
|
5764
|
+
fill: '#badfe3',
|
|
5765
|
+
color: '#374061',
|
|
5766
|
+
borderColor: '#374061'
|
|
5767
|
+
},
|
|
5768
|
+
active: {
|
|
5769
|
+
fill: 'transparent',
|
|
5770
|
+
color: '#004f59',
|
|
5771
|
+
borderColor: '#004f59'
|
|
5772
|
+
},
|
|
5773
|
+
activeMouseOver: {
|
|
5774
|
+
fill: '#badfe3',
|
|
5775
|
+
color: '#004f59',
|
|
5776
|
+
borderColor: '#004f59'
|
|
5777
|
+
},
|
|
5778
|
+
disabled: {
|
|
5779
|
+
fill: 'transparent',
|
|
5780
|
+
color: '#626262',
|
|
5781
|
+
borderColor: 'transparent'
|
|
5782
|
+
},
|
|
5783
|
+
focus: focusButtonStyle
|
|
5784
|
+
},
|
|
5785
|
+
flat: {
|
|
5786
|
+
"default": {
|
|
5787
|
+
fill: 'transparent',
|
|
5788
|
+
color: '#374061',
|
|
5789
|
+
borderColor: 'transparent'
|
|
5790
|
+
},
|
|
5791
|
+
mouseOver: {
|
|
5792
|
+
fill: '#badfe3',
|
|
5793
|
+
color: '#374061',
|
|
5794
|
+
borderColor: 'transparent'
|
|
5795
|
+
},
|
|
5796
|
+
active: {
|
|
5797
|
+
fill: 'transparent',
|
|
5798
|
+
color: '#004f59',
|
|
5799
|
+
borderColor: 'transparent'
|
|
5800
|
+
},
|
|
5801
|
+
activeMouseOver: {
|
|
5802
|
+
fill: '#badfe3',
|
|
5803
|
+
color: '#004f59',
|
|
5804
|
+
borderColor: 'transparent'
|
|
5805
|
+
},
|
|
5806
|
+
disabled: {
|
|
5807
|
+
fill: 'transparent',
|
|
5808
|
+
color: '#626262',
|
|
5809
|
+
borderColor: 'transparent'
|
|
5810
|
+
},
|
|
5811
|
+
focus: focusButtonStyle
|
|
5812
|
+
},
|
|
5813
|
+
tool: {
|
|
5814
|
+
"default": {
|
|
5815
|
+
fill: '#e4ecedff',
|
|
5816
|
+
color: '#374061',
|
|
5817
|
+
borderColor: 'transparent'
|
|
5818
|
+
},
|
|
5819
|
+
mouseOver: {
|
|
5820
|
+
fill: '#badfe3',
|
|
5821
|
+
color: '#374061',
|
|
5822
|
+
borderColor: 'transparent'
|
|
5823
|
+
},
|
|
5824
|
+
active: {
|
|
5825
|
+
fill: '#004F59',
|
|
5826
|
+
color: '#FFFFFF',
|
|
5827
|
+
borderColor: 'transparent'
|
|
5828
|
+
},
|
|
5829
|
+
activeMouseOver: {
|
|
5830
|
+
fill: '#002b30',
|
|
5831
|
+
color: '#FFFFFF',
|
|
5832
|
+
borderColor: 'transparent'
|
|
5833
|
+
},
|
|
5834
|
+
disabled: {
|
|
5835
|
+
fill: 'transparent',
|
|
5836
|
+
color: '#626262',
|
|
5837
|
+
borderColor: 'transparent'
|
|
5838
|
+
},
|
|
5839
|
+
focus: focusButtonStyle
|
|
5840
|
+
},
|
|
5841
|
+
boxed: {
|
|
5842
|
+
"default": {
|
|
5843
|
+
fill: 'transparent',
|
|
5844
|
+
color: '#374061',
|
|
5845
|
+
borderColor: '#374061'
|
|
5846
|
+
},
|
|
5847
|
+
mouseOver: {
|
|
5848
|
+
fill: '#badfe3',
|
|
5849
|
+
color: '#374061',
|
|
5850
|
+
borderColor: '#374061'
|
|
5851
|
+
},
|
|
5852
|
+
active: {
|
|
5853
|
+
fill: '#004F59',
|
|
5854
|
+
color: '#FFFFFF',
|
|
5855
|
+
borderColor: 'transparent'
|
|
5856
|
+
},
|
|
5857
|
+
activeMouseOver: {
|
|
5858
|
+
fill: '#002b30',
|
|
5859
|
+
color: '#FFFFFF',
|
|
5860
|
+
borderColor: 'transparent'
|
|
5861
|
+
},
|
|
5862
|
+
disabled: {
|
|
5863
|
+
fill: 'transparent',
|
|
5864
|
+
color: '#626262',
|
|
5865
|
+
borderColor: 'transparent'
|
|
5866
|
+
},
|
|
5867
|
+
focus: focusButtonStyle
|
|
5868
|
+
},
|
|
5869
|
+
icon: {
|
|
5870
|
+
"default": {
|
|
5871
|
+
fill: 'transparent',
|
|
5872
|
+
color: '#374061',
|
|
5873
|
+
borderColor: 'transparent'
|
|
5874
|
+
},
|
|
5875
|
+
mouseOver: {
|
|
5876
|
+
fill: '#badfe3',
|
|
5877
|
+
color: '#374061',
|
|
5878
|
+
borderColor: 'transparent'
|
|
5879
|
+
},
|
|
5880
|
+
active: {
|
|
5881
|
+
fill: 'transparent',
|
|
5882
|
+
color: '#004F59',
|
|
5883
|
+
borderColor: 'transparent'
|
|
5884
|
+
},
|
|
5885
|
+
activeMouseOver: {
|
|
5886
|
+
fill: '#badfe3',
|
|
5887
|
+
color: '#004F59',
|
|
5888
|
+
borderColor: 'transparent'
|
|
5889
|
+
},
|
|
5890
|
+
disabled: {
|
|
5891
|
+
fill: 'transparent',
|
|
5892
|
+
color: '#626262',
|
|
5893
|
+
borderColor: 'transparent'
|
|
5894
|
+
},
|
|
5895
|
+
focus: focusButtonStyle
|
|
5896
|
+
}
|
|
5897
|
+
},
|
|
5898
|
+
iconButtons: {
|
|
5899
|
+
flat: {
|
|
5900
|
+
"default": {
|
|
5901
|
+
fill: 'transparent',
|
|
5902
|
+
color: '#374061',
|
|
5903
|
+
borderColor: 'transparent'
|
|
5904
|
+
},
|
|
5905
|
+
mouseOver: {
|
|
5906
|
+
fill: '#badfe3',
|
|
5907
|
+
color: '#374061',
|
|
5908
|
+
borderColor: 'transparent'
|
|
5909
|
+
},
|
|
5910
|
+
active: {
|
|
5911
|
+
fill: 'transparent',
|
|
5912
|
+
color: '#004f59',
|
|
5913
|
+
borderColor: 'transparent'
|
|
5914
|
+
},
|
|
5915
|
+
activeMouseOver: {
|
|
5916
|
+
fill: '#badfe3',
|
|
5917
|
+
color: '#004F59',
|
|
5918
|
+
borderColor: 'transparent'
|
|
5919
|
+
},
|
|
5920
|
+
disabled: {
|
|
5921
|
+
fill: 'transparent',
|
|
5922
|
+
color: '#626262',
|
|
5923
|
+
borderColor: 'transparent'
|
|
5924
|
+
},
|
|
5925
|
+
focus: focusButtonStyle
|
|
5926
|
+
},
|
|
5927
|
+
tool: {
|
|
5928
|
+
"default": {
|
|
5929
|
+
fill: '#e4ecedff',
|
|
5930
|
+
color: '#374061',
|
|
5931
|
+
borderColor: 'transparent'
|
|
5932
|
+
},
|
|
5933
|
+
mouseOver: {
|
|
5934
|
+
fill: '#badfe3',
|
|
5935
|
+
color: '#374061',
|
|
5936
|
+
borderColor: 'transparent'
|
|
5937
|
+
},
|
|
5938
|
+
active: {
|
|
5939
|
+
fill: '#004F59',
|
|
5940
|
+
color: '#FFFFFF',
|
|
5941
|
+
borderColor: 'transparent'
|
|
5942
|
+
},
|
|
5943
|
+
activeMouseOver: {
|
|
5944
|
+
fill: '#002b30',
|
|
5945
|
+
color: '#FFFFFF',
|
|
5946
|
+
borderColor: 'transparent'
|
|
5947
|
+
},
|
|
5948
|
+
disabled: {
|
|
5949
|
+
fill: 'transparent',
|
|
5950
|
+
color: '#626262',
|
|
5951
|
+
borderColor: 'transparent'
|
|
5952
|
+
},
|
|
5953
|
+
focus: focusButtonStyle
|
|
5954
|
+
},
|
|
5955
|
+
boxed: {
|
|
5956
|
+
"default": {
|
|
5957
|
+
fill: 'transparent',
|
|
5958
|
+
color: '#374061',
|
|
5959
|
+
borderColor: '#374061'
|
|
5960
|
+
},
|
|
5961
|
+
mouseOver: {
|
|
5962
|
+
fill: '#badfe3',
|
|
5963
|
+
color: '#374061',
|
|
5964
|
+
borderColor: '#374061'
|
|
5965
|
+
},
|
|
5966
|
+
active: {
|
|
5967
|
+
fill: '#004F59',
|
|
5968
|
+
color: '#FFFFFF',
|
|
5969
|
+
borderColor: 'transparent'
|
|
5970
|
+
},
|
|
5971
|
+
activeMouseOver: {
|
|
5972
|
+
fill: '#002b30',
|
|
5973
|
+
color: '#FFFFFF',
|
|
5974
|
+
borderColor: 'transparent'
|
|
5975
|
+
},
|
|
5976
|
+
disabled: {
|
|
5977
|
+
fill: 'transparent',
|
|
5978
|
+
color: '#626262',
|
|
5979
|
+
borderColor: 'transparent'
|
|
5980
|
+
},
|
|
5981
|
+
focus: focusButtonStyle
|
|
5982
|
+
}
|
|
5983
|
+
},
|
|
5984
|
+
typographyAndIcons: {
|
|
5985
|
+
text: '#051039',
|
|
5986
|
+
icon: '#051039',
|
|
5987
|
+
buttonIcon: '#FFFFFF',
|
|
5988
|
+
iconLinkActive: '#004F59',
|
|
5989
|
+
iconLinkDisabled: '#CCCCCC',
|
|
5990
|
+
textLinkActive: '#004F59',
|
|
5991
|
+
buttonIconTertiaryFlat: '#575F7A',
|
|
5992
|
+
inactiveText: '#626262',
|
|
5993
|
+
iconWarning: '#ffa800'
|
|
5994
|
+
},
|
|
5995
|
+
textInputField: {
|
|
5996
|
+
"default": {
|
|
5997
|
+
fill: '#e4ecedff',
|
|
5998
|
+
opacity: 1
|
|
5999
|
+
},
|
|
6000
|
+
mouseOver: {
|
|
6001
|
+
fill: '#d1e6e8',
|
|
6002
|
+
opacity: 1
|
|
6003
|
+
},
|
|
6004
|
+
active: {
|
|
6005
|
+
fill: '#badfe3',
|
|
6006
|
+
opacity: 1
|
|
6007
|
+
},
|
|
6008
|
+
disabled: {
|
|
6009
|
+
fill: '#000000',
|
|
6010
|
+
opacity: 0
|
|
6011
|
+
},
|
|
6012
|
+
label: {
|
|
6013
|
+
fill: '#051039',
|
|
6014
|
+
opacity: 0.67
|
|
6015
|
+
},
|
|
6016
|
+
error: {
|
|
6017
|
+
fill: '#FEEDEE',
|
|
6018
|
+
opacity: 1
|
|
6019
|
+
},
|
|
6020
|
+
errorMouseOver: {
|
|
6021
|
+
fill: '#ffc5c5',
|
|
6022
|
+
opacity: 1
|
|
6023
|
+
}
|
|
6024
|
+
},
|
|
6025
|
+
menuItem: {
|
|
6026
|
+
mouseOver: '#d8e9eb',
|
|
6027
|
+
selected: '#004F59',
|
|
6028
|
+
selectedMouseOver: '#002b30'
|
|
6029
|
+
},
|
|
6030
|
+
tab: {
|
|
6031
|
+
mouseOver: {
|
|
6032
|
+
fill: '#051039',
|
|
6033
|
+
opacity: 0.07
|
|
6034
|
+
}
|
|
6035
|
+
},
|
|
6036
|
+
greys: {
|
|
6037
|
+
accessible: '#626262',
|
|
6038
|
+
accessibleLight: '#C5C5C5'
|
|
6039
|
+
},
|
|
6040
|
+
cards: {
|
|
6041
|
+
cardContainer: '#FFFFFF',
|
|
6042
|
+
cardContainerBorder: '#EEEEEE',
|
|
6043
|
+
cardContainerMouseOver: '#d8e9eb',
|
|
6044
|
+
cardContainerDisabled: '#EBEBEB',
|
|
6045
|
+
cardContainerDisabledBorder: '#E3E2E2',
|
|
6046
|
+
cardContainerDisabledMouseOver: '#EFF5FF'
|
|
6047
|
+
},
|
|
6048
|
+
backdrops: {
|
|
6049
|
+
black: {
|
|
6050
|
+
fill: '#000000',
|
|
6051
|
+
opacity: 0.5
|
|
6052
|
+
},
|
|
6053
|
+
white: {
|
|
6054
|
+
fill: '#FFFFFF',
|
|
6055
|
+
opacity: 0.24
|
|
6056
|
+
}
|
|
6057
|
+
},
|
|
6058
|
+
workspace: {
|
|
6059
|
+
activeWindow: '#FFFFFF',
|
|
6060
|
+
inactiveWindow: '#E8E5E5',
|
|
6061
|
+
tabButtonHover: '#d1e6e8'
|
|
6062
|
+
},
|
|
6063
|
+
timeSlider: {
|
|
6064
|
+
// player
|
|
6065
|
+
playerNeedleTimeTop: {
|
|
6066
|
+
fill: '#E3004F',
|
|
6067
|
+
opacity: 100
|
|
6068
|
+
},
|
|
6069
|
+
playerNeedleTime: {
|
|
6070
|
+
fill: '#FFD523',
|
|
6071
|
+
opacity: 0.75
|
|
6072
|
+
},
|
|
6073
|
+
playerNeedlePlayerTop: {
|
|
6074
|
+
fill: '#051039',
|
|
6075
|
+
opacity: 100
|
|
6076
|
+
},
|
|
6077
|
+
playerNeedlePlayer: {
|
|
6078
|
+
fill: '#67F0FF',
|
|
6079
|
+
opacity: 0.75
|
|
6080
|
+
},
|
|
6081
|
+
playerTimeMarkers: {
|
|
6082
|
+
fill: '#051039'
|
|
6083
|
+
},
|
|
6084
|
+
playerTimeText: {
|
|
6085
|
+
color: '#FFFFFF',
|
|
6086
|
+
fontFamily: 'Roboto',
|
|
6087
|
+
fontSize: 14
|
|
6088
|
+
},
|
|
6089
|
+
// timeline
|
|
6090
|
+
timelineIndicator: {
|
|
6091
|
+
fill: '#767676'
|
|
6092
|
+
},
|
|
6093
|
+
timelineText: {
|
|
6094
|
+
fontSize: 12,
|
|
6095
|
+
color: '#FFFFFF',
|
|
6096
|
+
fontFamily: 'Roboto'
|
|
6097
|
+
},
|
|
6098
|
+
timelineTimeScale: {
|
|
6099
|
+
fill: '#FFFFFF'
|
|
6100
|
+
},
|
|
6101
|
+
timelineNightTime: {
|
|
6102
|
+
fill: '#051038',
|
|
6103
|
+
opacity: 0.67
|
|
6104
|
+
},
|
|
6105
|
+
timelineTimelineSurface: {
|
|
6106
|
+
fill: '#FFFFFF'
|
|
6107
|
+
},
|
|
6108
|
+
timelineMonthChangeDash: {
|
|
6109
|
+
fill: '#767676',
|
|
6110
|
+
opacity: 0.5
|
|
6111
|
+
},
|
|
6112
|
+
timelineSelectionBackground: {
|
|
6113
|
+
fill: '#FFFFFF',
|
|
6114
|
+
opacity: 0.15
|
|
6115
|
+
},
|
|
6116
|
+
timelineSelectionOutline: {
|
|
6117
|
+
fill: '#F0FF00',
|
|
6118
|
+
opacity: 0.4
|
|
6119
|
+
},
|
|
6120
|
+
// time scale
|
|
6121
|
+
timeScalePointer: {
|
|
6122
|
+
fill: '#F8F9F9'
|
|
6123
|
+
},
|
|
6124
|
+
timeScaleHorizontalScale: {
|
|
6125
|
+
fill: '#070808',
|
|
6126
|
+
opacity: 0.2
|
|
6127
|
+
},
|
|
6128
|
+
timeScaleTimeIndicators: {
|
|
6129
|
+
fill: '#767676'
|
|
6130
|
+
},
|
|
6131
|
+
timeScaleTimeIndicatorsActive: {
|
|
6132
|
+
fill: '#051039'
|
|
6133
|
+
},
|
|
6134
|
+
timeScaleShadowButtonScale: {
|
|
6135
|
+
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))'
|
|
6136
|
+
},
|
|
6137
|
+
ledgendObservedBackground: {
|
|
6138
|
+
fill: '#00649F'
|
|
6139
|
+
},
|
|
6140
|
+
legendForecastBackground: {
|
|
6141
|
+
fill: '#9900B1'
|
|
6142
|
+
},
|
|
6143
|
+
legendNoDataBackground: {
|
|
6144
|
+
fill: '#575F7A',
|
|
6145
|
+
opacity: 0.95
|
|
6146
|
+
}
|
|
6147
|
+
},
|
|
6148
|
+
timeSliderLite: {
|
|
6149
|
+
selected: {
|
|
6150
|
+
backgroundColor: '#EEF4FB'
|
|
6151
|
+
},
|
|
6152
|
+
needle: {
|
|
6153
|
+
stroke: '#303193'
|
|
6154
|
+
},
|
|
6155
|
+
needleDefault: {
|
|
6156
|
+
stroke: '#3BA587'
|
|
6157
|
+
},
|
|
6158
|
+
needleShadow: {
|
|
6159
|
+
stroke: '#E7F0FA'
|
|
6160
|
+
},
|
|
6161
|
+
needleLabel: {
|
|
6162
|
+
backgroundColor: '#212121',
|
|
6163
|
+
borderColor: '#9e9e9e',
|
|
6164
|
+
color: '#FFFFFF'
|
|
6165
|
+
},
|
|
6166
|
+
timeline: {
|
|
6167
|
+
fill: '#FFFFFF',
|
|
6168
|
+
stroke: '#FFFFFF'
|
|
6169
|
+
},
|
|
6170
|
+
timelineBackground: {
|
|
6171
|
+
fill: '#2959E0',
|
|
6172
|
+
color: '#FFFFFF'
|
|
6173
|
+
},
|
|
6174
|
+
timelineBackgroundAlternative: {
|
|
6175
|
+
fill: '#4871E5',
|
|
6176
|
+
color: '#FFFFFF'
|
|
6177
|
+
},
|
|
6178
|
+
timelineBackgroundDisabled: {
|
|
6179
|
+
fill: '#767E93',
|
|
6180
|
+
color: '#FFFFFF'
|
|
6181
|
+
},
|
|
6182
|
+
timelineBackgroundDisabledAlternative: {
|
|
6183
|
+
fill: '#8A91A3',
|
|
6184
|
+
color: '#FFFFFF'
|
|
6185
|
+
},
|
|
6186
|
+
timelineBackgroundObserved: {
|
|
6187
|
+
fill: '#8A91A3',
|
|
6188
|
+
color: '#FFFFFF'
|
|
6189
|
+
},
|
|
6190
|
+
timelineBackgroundObservedAlternative: {
|
|
6191
|
+
fill: '#767E93',
|
|
6192
|
+
color: '#FFFFFF'
|
|
6193
|
+
}
|
|
6194
|
+
},
|
|
6195
|
+
soundings: {
|
|
6196
|
+
tooltip: {
|
|
6197
|
+
background: '#ffffff'
|
|
6198
|
+
}
|
|
6199
|
+
},
|
|
6200
|
+
customSlider: {
|
|
6201
|
+
rail: '#488BFD',
|
|
6202
|
+
railDisabled: '#CCCCCC',
|
|
6203
|
+
track: '#004F59',
|
|
6204
|
+
trackDisabled: '#CCCCCC',
|
|
6205
|
+
thumb: '#F8F9F9',
|
|
6206
|
+
thumbDisabled: '#CCCCCC',
|
|
6207
|
+
mark: '#FFFFFF',
|
|
6208
|
+
markDisabled: '#FFFFFF'
|
|
6209
|
+
},
|
|
6210
|
+
customSwitch: {
|
|
6211
|
+
thumb: '#F8F9F9',
|
|
6212
|
+
thumbDisabled: '#F5F5F5',
|
|
6213
|
+
track: '#707070',
|
|
6214
|
+
trackActive: '#004F59'
|
|
6215
|
+
},
|
|
6216
|
+
syncGroups: {
|
|
6217
|
+
drawerOpen: {
|
|
6218
|
+
fill: '#E8E5E5'
|
|
6219
|
+
}
|
|
6220
|
+
},
|
|
6221
|
+
layerManager: {
|
|
6222
|
+
headerRowText: {
|
|
6223
|
+
color: '#051039',
|
|
6224
|
+
opacity: 0.67,
|
|
6225
|
+
fontSize: 12
|
|
6226
|
+
},
|
|
6227
|
+
tableRowDefaultText: {
|
|
6228
|
+
color: '#051039',
|
|
6229
|
+
opacity: 0.87,
|
|
6230
|
+
fontSize: 12
|
|
6231
|
+
},
|
|
6232
|
+
tableRowDefaultCardContainer: {
|
|
6233
|
+
fill: '#FFFFFF',
|
|
6234
|
+
border: '1px solid #EEEEEE',
|
|
6235
|
+
borderColor: '#EEEEEE'
|
|
6236
|
+
},
|
|
6237
|
+
tableRowDisabledText: {
|
|
6238
|
+
color: '#767676',
|
|
6239
|
+
opacity: 0.87,
|
|
6240
|
+
fontSize: 12
|
|
6241
|
+
},
|
|
6242
|
+
tableRowDisabledCardContainer: {
|
|
6243
|
+
fill: '#EBEBEB',
|
|
6244
|
+
border: '1px solid #E3E2E2',
|
|
6245
|
+
borderColor: '#E3E2E2'
|
|
6246
|
+
},
|
|
6247
|
+
dragHandleHover: {
|
|
6248
|
+
backgroundColor: 'transparent'
|
|
6249
|
+
},
|
|
6250
|
+
root: {},
|
|
6251
|
+
opacitySelect: {
|
|
6252
|
+
root: {},
|
|
6253
|
+
button: {},
|
|
6254
|
+
popper: {}
|
|
6255
|
+
},
|
|
6256
|
+
baseLayerRow: {
|
|
6257
|
+
root: {}
|
|
6258
|
+
}
|
|
6259
|
+
},
|
|
6260
|
+
tooltips: {
|
|
6261
|
+
tooltipContainer: {
|
|
6262
|
+
fill: '#232323',
|
|
6263
|
+
opacity: 1
|
|
6264
|
+
},
|
|
6265
|
+
tooltipText: {
|
|
6266
|
+
color: '#FFFFFF'
|
|
6267
|
+
},
|
|
6268
|
+
tooltipSelect: {
|
|
6269
|
+
select: {},
|
|
6270
|
+
menu: {}
|
|
6271
|
+
}
|
|
6272
|
+
},
|
|
6273
|
+
captions: {
|
|
6274
|
+
captionStatus: {
|
|
6275
|
+
color: '#051039',
|
|
6276
|
+
opacity: 0.67
|
|
6277
|
+
},
|
|
6278
|
+
captionInformation: {
|
|
6279
|
+
color: '#004F59',
|
|
6280
|
+
opacity: 1
|
|
6281
|
+
},
|
|
6282
|
+
captionError: {
|
|
6283
|
+
color: '#C00000',
|
|
6284
|
+
opacity: 1
|
|
6285
|
+
},
|
|
6286
|
+
captionErrorBackground: {
|
|
6287
|
+
color: '#C00000',
|
|
6288
|
+
opacity: 1
|
|
6289
|
+
},
|
|
6290
|
+
captionDisabled: {
|
|
6291
|
+
color: '#707070',
|
|
6292
|
+
opacity: 1
|
|
6293
|
+
}
|
|
6294
|
+
},
|
|
6295
|
+
functional: {
|
|
6296
|
+
success: '#72BB23',
|
|
6297
|
+
successOutline: {
|
|
6298
|
+
fill: '#FCFFEB',
|
|
6299
|
+
border: '1px solid #72BB23',
|
|
6300
|
+
borderColor: '#72BB23'
|
|
6301
|
+
},
|
|
6302
|
+
error: '#C00000',
|
|
6303
|
+
errorOutline: {
|
|
6304
|
+
fill: '#F9E8EA',
|
|
6305
|
+
border: '1px solid #C00000',
|
|
6306
|
+
borderColor: '#C00000'
|
|
6307
|
+
},
|
|
6308
|
+
warning: '#FFA800',
|
|
6309
|
+
warningOutline: {
|
|
6310
|
+
fill: '#FFF8EB',
|
|
6311
|
+
border: '1px solid #FFA800',
|
|
6312
|
+
borderColor: '#FFA800'
|
|
6313
|
+
},
|
|
6314
|
+
warningHighlight: {
|
|
6315
|
+
fill: '#FFA800',
|
|
6316
|
+
opacity: 0.2
|
|
6317
|
+
},
|
|
6318
|
+
notification: '#0062E6',
|
|
6319
|
+
notificationOutline: {
|
|
6320
|
+
fill: '#DFF2FD',
|
|
6321
|
+
border: '1px solid #0062E6',
|
|
6322
|
+
borderColor: '#0062E6'
|
|
6323
|
+
},
|
|
6324
|
+
summary: '#9595FF',
|
|
6325
|
+
summaryOutline: {
|
|
6326
|
+
fill: '#F8F9F9',
|
|
6327
|
+
border: '1px solid #8383F2',
|
|
6328
|
+
borderColor: '#8383F2'
|
|
6329
|
+
},
|
|
6330
|
+
disabled: '#9B9FB0',
|
|
6331
|
+
disabledOutline: {
|
|
6332
|
+
fill: '#F8F9F9',
|
|
6333
|
+
border: '1p solid #9B9FB0',
|
|
6334
|
+
borderColor: '#9B9FB0'
|
|
6335
|
+
}
|
|
6336
|
+
},
|
|
6337
|
+
snackbar: {
|
|
6338
|
+
background: '#051039',
|
|
6339
|
+
text: '#FFFFFF',
|
|
6340
|
+
action: '#98e1f1',
|
|
6341
|
+
actionHover: {
|
|
6342
|
+
fill: '#7BACFF',
|
|
6343
|
+
opacity: 0.2
|
|
6344
|
+
}
|
|
6345
|
+
},
|
|
6346
|
+
chip: {
|
|
6347
|
+
highlightDefault: {
|
|
6348
|
+
fill: '#FFA800',
|
|
6349
|
+
opacity: 0.15,
|
|
6350
|
+
borderColor: '#374061'
|
|
6351
|
+
},
|
|
6352
|
+
highlightDefaultMouseOver: {
|
|
6353
|
+
fill: '#DEDBD4',
|
|
6354
|
+
opacity: 1,
|
|
6355
|
+
borderColor: '#374061'
|
|
6356
|
+
},
|
|
6357
|
+
highlightActiveDefault: {
|
|
6358
|
+
fill: '#566F94',
|
|
6359
|
+
opacity: 1,
|
|
6360
|
+
borderColor: 'transparent'
|
|
6361
|
+
},
|
|
6362
|
+
highlightActiveMouseOver: {
|
|
6363
|
+
fill: '#345596',
|
|
6364
|
+
opacity: 1,
|
|
6365
|
+
borderColor: 'transparent'
|
|
6366
|
+
}
|
|
6367
|
+
},
|
|
6368
|
+
chips: {
|
|
6369
|
+
flat: {
|
|
6370
|
+
mouseOver: {
|
|
6371
|
+
backgroundColor: '#badfe3',
|
|
6372
|
+
color: '#374061',
|
|
6373
|
+
borderColor: '#374061'
|
|
6374
|
+
},
|
|
6375
|
+
activeMouseOver: {
|
|
6376
|
+
backgroundColor: '#002b30',
|
|
6377
|
+
color: '#FFFFFF',
|
|
6378
|
+
borderColor: 'transparent'
|
|
6379
|
+
}
|
|
6380
|
+
}
|
|
6381
|
+
}
|
|
6382
|
+
};
|
|
6383
|
+
// https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/609bb6a5287bd1abe0de39a7
|
|
6384
|
+
var elevations = {
|
|
6385
|
+
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)',
|
|
6386
|
+
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)',
|
|
6387
|
+
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)',
|
|
6388
|
+
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)',
|
|
6389
|
+
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)',
|
|
6390
|
+
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)',
|
|
6391
|
+
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)',
|
|
6392
|
+
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)',
|
|
6393
|
+
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)',
|
|
6394
|
+
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)'
|
|
6395
|
+
};
|
|
6396
|
+
|
|
6397
|
+
/* *
|
|
6398
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6399
|
+
* you may not use this file except in compliance with the License.
|
|
6400
|
+
* You may obtain a copy of the License at
|
|
6401
|
+
*
|
|
6402
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
6403
|
+
*
|
|
6404
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
6405
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
6406
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
6407
|
+
* See the License for the specific language governing permissions and
|
|
6408
|
+
* limitations under the License.
|
|
6409
|
+
*
|
|
6410
|
+
* Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
6411
|
+
* Copyright 2021 - Finnish Meteorological Institute (FMI)
|
|
6412
|
+
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
6413
|
+
* */
|
|
6414
|
+
var ThemeTypes;
|
|
6415
|
+
(function (ThemeTypes) {
|
|
6416
|
+
ThemeTypes["DARK_THEME"] = "darkTheme";
|
|
6417
|
+
ThemeTypes["LIGHT_THEME"] = "lightTheme";
|
|
6418
|
+
ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
|
|
6419
|
+
ThemeTypes["EUMETNET_THEME"] = "eumetnetTheme";
|
|
6420
|
+
ThemeTypes["DEMO_THEME"] = "demoTheme";
|
|
6421
|
+
})(ThemeTypes || (ThemeTypes = {}));
|
|
6422
|
+
|
|
6423
|
+
/* *
|
|
6424
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6425
|
+
* you may not use this file except in compliance with the License.
|
|
6426
|
+
* You may obtain a copy of the License at
|
|
6427
|
+
*
|
|
6428
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
6429
|
+
*
|
|
6430
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
6431
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
6432
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
6433
|
+
* See the License for the specific language governing permissions and
|
|
6434
|
+
* limitations under the License.
|
|
6435
|
+
*
|
|
6436
|
+
* Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
6437
|
+
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
6438
|
+
* Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
|
|
6439
|
+
* */
|
|
6440
|
+
var getThemeByName = function getThemeByName(themeName) {
|
|
6441
|
+
switch (themeName) {
|
|
6442
|
+
case ThemeTypes.DARK_THEME:
|
|
6443
|
+
return namedDarkTheme;
|
|
6444
|
+
case ThemeTypes.LIGHT_THEME:
|
|
6445
|
+
return namedLightTheme;
|
|
6446
|
+
case ThemeTypes.XMAS2024_THEME:
|
|
6447
|
+
return namedXmas2024Theme;
|
|
6448
|
+
case ThemeTypes.DEMO_THEME:
|
|
6449
|
+
return namedDemoTheme;
|
|
6450
|
+
case ThemeTypes.EUMETNET_THEME:
|
|
6451
|
+
return namedEumetnetTheme;
|
|
6452
|
+
default:
|
|
6453
|
+
return namedLightTheme;
|
|
6454
|
+
}
|
|
6455
|
+
};
|
|
6456
|
+
var lightTheme = createTheme({
|
|
6457
|
+
paletteType: 'light',
|
|
6458
|
+
geowebColors: colors$4,
|
|
6459
|
+
elevations: elevations$4
|
|
6460
|
+
});
|
|
6461
|
+
var darkTheme = createTheme({
|
|
6462
|
+
paletteType: 'dark',
|
|
6463
|
+
geowebColors: colors$3,
|
|
6464
|
+
elevations: elevations$3
|
|
6465
|
+
});
|
|
6466
|
+
var xmas2024Theme = createTheme({
|
|
6467
|
+
paletteType: 'dark',
|
|
6468
|
+
geowebColors: colors$2,
|
|
6469
|
+
elevations: elevations$2
|
|
6470
|
+
});
|
|
6471
|
+
var demoTheme = createTheme({
|
|
6472
|
+
paletteType: 'light',
|
|
6473
|
+
geowebColors: colors$1,
|
|
6474
|
+
elevations: elevations$1
|
|
6475
|
+
});
|
|
6476
|
+
var eumetnetTheme = createTheme({
|
|
6477
|
+
paletteType: 'light',
|
|
6478
|
+
geowebColors: colors,
|
|
6479
|
+
elevations: elevations
|
|
6480
|
+
});
|
|
6481
|
+
var namedLightTheme = {
|
|
6482
|
+
name: ThemeTypes.LIGHT_THEME,
|
|
6483
|
+
theme: lightTheme
|
|
6484
|
+
};
|
|
6485
|
+
var namedDarkTheme = {
|
|
6486
|
+
name: ThemeTypes.DARK_THEME,
|
|
6487
|
+
theme: darkTheme
|
|
6488
|
+
};
|
|
6489
|
+
var namedXmas2024Theme = {
|
|
6490
|
+
name: ThemeTypes.XMAS2024_THEME,
|
|
6491
|
+
theme: xmas2024Theme
|
|
6492
|
+
};
|
|
6493
|
+
var namedDemoTheme = {
|
|
6494
|
+
name: ThemeTypes.DEMO_THEME,
|
|
6495
|
+
theme: demoTheme
|
|
6496
|
+
};
|
|
6497
|
+
var namedEumetnetTheme = {
|
|
6498
|
+
name: ThemeTypes.EUMETNET_THEME,
|
|
6499
|
+
theme: eumetnetTheme
|
|
5757
6500
|
};
|
|
5758
6501
|
|
|
5759
6502
|
var ThemeContext = /*#__PURE__*/React.createContext({
|
|
@@ -6467,4 +7210,4 @@ var BackdropElement = function BackdropElement() {
|
|
|
6467
7210
|
return elem === null ? defaultElem : elem;
|
|
6468
7211
|
};
|
|
6469
7212
|
|
|
6470
|
-
export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropElement, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, breakpoints, colors$
|
|
7213
|
+
export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropElement, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereMountainWaves, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, arrowUpPath, breakpoints, colors$4 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$4 as elevationsLight, eumetnetTheme, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedEumetnetTheme, namedLightTheme, namedXmas2024Theme, parseColors, themeTranslations, useThemeContext, xmas2024Theme };
|