@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: "M-.08 2.96 2.88 0l2.96 2.96H3.39v8.01H2.37V2.96z"
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$3 = {
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$3 = {
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$3
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$3
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$3
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$3
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$3
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$3
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$3
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$3
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$3
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$3
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$3 = {
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$3 : _ref$geowebColors,
2871
+ defaultGeowebColors = _ref$geowebColors === void 0 ? colors$4 : _ref$geowebColors,
2862
2872
  _ref$elevations = _ref.elevations,
2863
- defaultShadows = _ref$elevations === void 0 ? elevations$3 : _ref$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$2 = {
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$2 = {
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$2
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$2
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$2
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$2
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$2
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$2
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$2
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$2
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$2
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$2
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$2 = {
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$1 = {
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$1 = Object.assign({}, colors$3, {
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$1
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$1
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$1
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$1
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$1
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$1
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$1
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$1
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$1
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$1
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$1 = {
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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
5680
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
5681
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
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 getThemeByName = function getThemeByName(themeName) {
5709
- switch (themeName) {
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 namedDemoTheme = {
5755
- name: ThemeTypes.DEMO_THEME,
5756
- theme: demoTheme
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$3 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$3 as elevationsLight, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedLightTheme, namedXmas2024Theme, parseColors, themeTranslations, useThemeContext, xmas2024Theme };
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 };