@opengeoweb/theme 4.3.0 → 4.4.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 +92 -16
- package/index.umd.js +93 -15
- package/lib/components/Icons/Icons.d.ts +2 -0
- package/lib/components/Theme/types.d.ts +7 -0
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -347,6 +347,18 @@ var Play = function Play(props) {
|
|
|
347
347
|
d: "M15.18 12.688l-3.909 2.81c-.161.115-.325.175-.486.175-.303 0-.629-.234-.629-.748v-5.85c0-.514.325-.747.63-.747.16 0 .324.059.485.174l3.91 2.81c.24.172.378.423.378.688 0 .265-.137.517-.379.688M12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8"
|
|
348
348
|
}));
|
|
349
349
|
};
|
|
350
|
+
var StepBackward = function StepBackward(props) {
|
|
351
|
+
return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
|
|
352
|
+
d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
|
|
353
|
+
transform: "translate(4.000000, 4.000000) translate(8.149543, 8.000000) scale(-1, 1) translate(-8.149543, -8.000000) "
|
|
354
|
+
}));
|
|
355
|
+
};
|
|
356
|
+
var StepForward = function StepForward(props) {
|
|
357
|
+
return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
|
|
358
|
+
d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
|
|
359
|
+
transform: "translate(4.000000, 4.000000)"
|
|
360
|
+
}));
|
|
361
|
+
};
|
|
350
362
|
var Info = function Info(props) {
|
|
351
363
|
return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React.createElement("path", {
|
|
352
364
|
d: "M12.0004012,4 C16.4182338,4 20,7.58096384 20,11.9995988 C20,16.4182338 16.4182338,20 12.0004012,20 C7.58176621,20 4,16.4182338 4,11.9995988 C4,7.58096384 7.58176621,4 12.0004012,4 Z M13.0518404,10 L10,10 L10,11.6134693 L10.9489304,11.6134693 L10.9489304,15.3873607 L10,15.3873607 L10,17 L14,17 L14,15.3873607 L13.0518404,15.3873607 L13.0518404,10 Z M11.9907922,6 C11.1541947,6 10.5,6.65419468 10.5,7.49079217 C10.5,8.32738965 11.1541947,9 11.9907922,9 C12.8273897,9 13.5,8.32738965 13.5,7.49079217 C13.5,6.65419468 12.8273897,6 11.9907922,6 Z"
|
|
@@ -638,6 +650,8 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
638
650
|
Now: Now,
|
|
639
651
|
Pause: Pause,
|
|
640
652
|
Play: Play,
|
|
653
|
+
StepBackward: StepBackward,
|
|
654
|
+
StepForward: StepForward,
|
|
641
655
|
Info: Info,
|
|
642
656
|
TextIcon: TextIcon,
|
|
643
657
|
FastForward: FastForward,
|
|
@@ -981,8 +995,8 @@ var createTheme = function createTheme(paletteType, geowebColors, shadows) {
|
|
|
981
995
|
styleOverrides: {
|
|
982
996
|
root: {
|
|
983
997
|
color: geowebColors.typographyAndIcons.iconLinkActive,
|
|
984
|
-
'&.Mui-disabled': {
|
|
985
|
-
color:
|
|
998
|
+
'&.MuiCheckbox-root.Mui-disabled': {
|
|
999
|
+
color: geowebColors.typographyAndIcons.iconLinkDisabled
|
|
986
1000
|
},
|
|
987
1001
|
'&.Mui-checked': {
|
|
988
1002
|
color: geowebColors.typographyAndIcons.iconLinkActive
|
|
@@ -1661,7 +1675,7 @@ var colors$1 = {
|
|
|
1661
1675
|
},
|
|
1662
1676
|
timelineText: {
|
|
1663
1677
|
fontSize: 14,
|
|
1664
|
-
color: '#
|
|
1678
|
+
color: '#FFFFFF',
|
|
1665
1679
|
fontFamily: 'Roboto'
|
|
1666
1680
|
},
|
|
1667
1681
|
timelineTimeScale: {
|
|
@@ -1679,8 +1693,8 @@ var colors$1 = {
|
|
|
1679
1693
|
opacity: 0.5
|
|
1680
1694
|
},
|
|
1681
1695
|
timelineSelectionBackground: {
|
|
1682
|
-
fill: '#
|
|
1683
|
-
opacity: 0.
|
|
1696
|
+
fill: '#FFFFFF',
|
|
1697
|
+
opacity: 0.32
|
|
1684
1698
|
},
|
|
1685
1699
|
// time scale
|
|
1686
1700
|
timeScalePointer: {
|
|
@@ -1698,6 +1712,16 @@ var colors$1 = {
|
|
|
1698
1712
|
},
|
|
1699
1713
|
timeScaleShadowButtonScale: {
|
|
1700
1714
|
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))'
|
|
1715
|
+
},
|
|
1716
|
+
ledgendObservedBackground: {
|
|
1717
|
+
fill: '#00649F'
|
|
1718
|
+
},
|
|
1719
|
+
legendForecastBackground: {
|
|
1720
|
+
fill: '#9900B1'
|
|
1721
|
+
},
|
|
1722
|
+
legendNoDataBackground: {
|
|
1723
|
+
fill: '#575F7A',
|
|
1724
|
+
opacity: '0.95'
|
|
1701
1725
|
}
|
|
1702
1726
|
},
|
|
1703
1727
|
customSlider: {
|
|
@@ -1774,17 +1798,20 @@ var colors$1 = {
|
|
|
1774
1798
|
success: '#72BB23',
|
|
1775
1799
|
successOutline: {
|
|
1776
1800
|
fill: '#FCFFEB',
|
|
1777
|
-
border: '
|
|
1801
|
+
border: '1px solid #72BB23',
|
|
1802
|
+
borderColor: '#72BB23'
|
|
1778
1803
|
},
|
|
1779
1804
|
error: '#C00000',
|
|
1780
1805
|
errorOutline: {
|
|
1781
1806
|
fill: '#F9E8EA',
|
|
1782
|
-
border: '1px solid #C00000'
|
|
1807
|
+
border: '1px solid #C00000',
|
|
1808
|
+
borderColor: '#C00000'
|
|
1783
1809
|
},
|
|
1784
1810
|
warning: '#FFA800',
|
|
1785
1811
|
warningOutline: {
|
|
1786
1812
|
fill: '#FFF8EB',
|
|
1787
|
-
border: '1px solid #FFA800'
|
|
1813
|
+
border: '1px solid #FFA800',
|
|
1814
|
+
borderColor: '#FFA800'
|
|
1788
1815
|
},
|
|
1789
1816
|
warningHighlight: {
|
|
1790
1817
|
fill: '#FFA800',
|
|
@@ -1793,7 +1820,20 @@ var colors$1 = {
|
|
|
1793
1820
|
notification: '#0062E6',
|
|
1794
1821
|
notificationOutline: {
|
|
1795
1822
|
fill: '#DFF2FD',
|
|
1796
|
-
border: '1px solid #0062E6'
|
|
1823
|
+
border: '1px solid #0062E6',
|
|
1824
|
+
borderColor: '#0062E6'
|
|
1825
|
+
},
|
|
1826
|
+
summary: '#9595FF',
|
|
1827
|
+
summaryOutline: {
|
|
1828
|
+
fill: '#F8F9F9',
|
|
1829
|
+
border: '1px solid #8383F2',
|
|
1830
|
+
borderColor: '#8383F2'
|
|
1831
|
+
},
|
|
1832
|
+
disabled: '#9B9FB0',
|
|
1833
|
+
disabledOutline: {
|
|
1834
|
+
fill: '#F8F9F9',
|
|
1835
|
+
border: '1p solid #9B9FB0',
|
|
1836
|
+
borderColor: '#9B9FB0'
|
|
1797
1837
|
}
|
|
1798
1838
|
},
|
|
1799
1839
|
snackbar: {
|
|
@@ -1840,6 +1880,15 @@ var lightTheme = createTheme('light', parseColors(colors$1), createShadows(eleva
|
|
|
1840
1880
|
|
|
1841
1881
|
var geowebColors = Object.assign({}, colors$1);
|
|
1842
1882
|
var GWTheme = createTheme$1({
|
|
1883
|
+
breakpoints: {
|
|
1884
|
+
values: {
|
|
1885
|
+
xs: breakpoints.mobile,
|
|
1886
|
+
sm: breakpoints.tablet,
|
|
1887
|
+
md: breakpoints.desktop,
|
|
1888
|
+
lg: breakpoints.dekstopHD,
|
|
1889
|
+
xl: breakpoints.dekstopHDWide
|
|
1890
|
+
}
|
|
1891
|
+
},
|
|
1843
1892
|
palette: {
|
|
1844
1893
|
secondary: {
|
|
1845
1894
|
main: '#0075a9'
|
|
@@ -2458,8 +2507,8 @@ var colors = {
|
|
|
2458
2507
|
opacity: 0.5
|
|
2459
2508
|
},
|
|
2460
2509
|
timelineSelectionBackground: {
|
|
2461
|
-
fill: '#
|
|
2462
|
-
opacity: 0.
|
|
2510
|
+
fill: '#FFFFFF',
|
|
2511
|
+
opacity: 0.32
|
|
2463
2512
|
},
|
|
2464
2513
|
// time scale
|
|
2465
2514
|
timeScalePointer: {
|
|
@@ -2477,6 +2526,17 @@ var colors = {
|
|
|
2477
2526
|
},
|
|
2478
2527
|
timeScaleShadowButtonScale: {
|
|
2479
2528
|
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))'
|
|
2529
|
+
},
|
|
2530
|
+
// legend
|
|
2531
|
+
ledgendObservedBackground: {
|
|
2532
|
+
fill: '#00649F'
|
|
2533
|
+
},
|
|
2534
|
+
legendForecastBackground: {
|
|
2535
|
+
fill: '#9900B1'
|
|
2536
|
+
},
|
|
2537
|
+
legendNoDataBackground: {
|
|
2538
|
+
fill: '#575F7A',
|
|
2539
|
+
opacity: '0.95'
|
|
2480
2540
|
}
|
|
2481
2541
|
},
|
|
2482
2542
|
customSlider: {
|
|
@@ -2553,17 +2613,20 @@ var colors = {
|
|
|
2553
2613
|
success: '#72BB23',
|
|
2554
2614
|
successOutline: {
|
|
2555
2615
|
fill: 'rgba(114, 187, 35, 0.25)',
|
|
2556
|
-
border: '
|
|
2616
|
+
border: '1px solid #72BB23',
|
|
2617
|
+
borderColor: '#72BB23'
|
|
2557
2618
|
},
|
|
2558
2619
|
error: '#C00000',
|
|
2559
2620
|
errorOutline: {
|
|
2560
2621
|
fill: 'rgba(192, 0, 0, 0.25)',
|
|
2561
|
-
border: '1px solid #C00000'
|
|
2622
|
+
border: '1px solid #C00000',
|
|
2623
|
+
borderColor: '#C00000'
|
|
2562
2624
|
},
|
|
2563
2625
|
warning: '#FFA800',
|
|
2564
2626
|
warningOutline: {
|
|
2565
2627
|
fill: 'rgba(255, 168, 0, 0.25)',
|
|
2566
|
-
border: '1px solid #FFA800'
|
|
2628
|
+
border: '1px solid #FFA800',
|
|
2629
|
+
borderColor: '#FFA800'
|
|
2567
2630
|
},
|
|
2568
2631
|
warningHighlight: {
|
|
2569
2632
|
fill: '#FFA800',
|
|
@@ -2572,7 +2635,20 @@ var colors = {
|
|
|
2572
2635
|
notification: '#186DFF',
|
|
2573
2636
|
notificationOutline: {
|
|
2574
2637
|
fill: 'rgba(24, 109, 255, 0.25)',
|
|
2575
|
-
border: '1px solid #186DFF'
|
|
2638
|
+
border: '1px solid #186DFF',
|
|
2639
|
+
borderColor: '#186DFF'
|
|
2640
|
+
},
|
|
2641
|
+
summary: '#9595FF',
|
|
2642
|
+
summaryOutline: {
|
|
2643
|
+
fill: 'rgba(131, 131, 242, 0.25)',
|
|
2644
|
+
border: '1px solid #8383F2',
|
|
2645
|
+
borderColor: '#8383F2'
|
|
2646
|
+
},
|
|
2647
|
+
disabled: '#9B9FB0',
|
|
2648
|
+
disabledOutline: {
|
|
2649
|
+
fill: 'rgba(155, 159, 176, 0.25)',
|
|
2650
|
+
border: '1px solid #9B9FB0',
|
|
2651
|
+
borderColor: '#9B9FB0'
|
|
2576
2652
|
}
|
|
2577
2653
|
},
|
|
2578
2654
|
snackbar: {
|
|
@@ -2661,4 +2737,4 @@ var ThemeWrapperOldTheme = function ThemeWrapperOldTheme(_a) {
|
|
|
2661
2737
|
}, props), children);
|
|
2662
2738
|
};
|
|
2663
2739
|
|
|
2664
|
-
export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };
|
|
2740
|
+
export { Add, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, AutoUpdateActive, AutoUpdateInActive, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, Edit, Equalizer, Exclamation, Expand, Export, FastForward, Filter, Flag, GWTheme, GeoWebLogo, HamburgerMenu, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, Link, LinkOff, List, ListItem, Location, Minus, Notifications, Now, Options, Pause, Picture, Play, Preset, PresetTiles, PresetWorkspace, Resize, Search, SliderThumb, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, TextIcon, ThemeContext, ThemeProvider, ThemeWrapper, ThemeWrapperOldTheme, ThumbsUp, TimeSeriesManager, UnExpand, Update, Visibility, VisibilityOff, WebAssetOff, darkTheme, gwButtonVariants, lightTheme, useThemeContext };
|
package/index.umd.js
CHANGED
|
@@ -398,6 +398,18 @@
|
|
|
398
398
|
d: "M15.18 12.688l-3.909 2.81c-.161.115-.325.175-.486.175-.303 0-.629-.234-.629-.748v-5.85c0-.514.325-.747.63-.747.16 0 .324.059.485.174l3.91 2.81c.24.172.378.423.378.688 0 .265-.137.517-.379.688M12 4c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8"
|
|
399
399
|
}));
|
|
400
400
|
};
|
|
401
|
+
var StepBackward = function StepBackward(props) {
|
|
402
|
+
return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
|
|
403
|
+
d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
|
|
404
|
+
transform: "translate(4.000000, 4.000000) translate(8.149543, 8.000000) scale(-1, 1) translate(-8.149543, -8.000000) "
|
|
405
|
+
}));
|
|
406
|
+
};
|
|
407
|
+
var StepForward = function StepForward(props) {
|
|
408
|
+
return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
|
|
409
|
+
d: "M15.5794386,6.68811254 L8.12440829,1.33228882 C7.81918795,1.11107407 7.50556704,1 7.19941329,1 C6.62070805,1 6,1.44616308 6,2.42342823 L6,13.5775052 C6,14.5547703 6.62164144,15 7.19941329,15 C7.50556704,15 7.81918795,14.8889259 8.12720848,14.6686446 L15.5785052,9.31282085 C16.0377358,8.98426562 16.2990866,8.50636709 16.2990866,7.9995333 C16.2990866,7.4945663 16.0368025,7.01760117 15.5794386,6.68811254 M2,0 C3.05,0 3.9177686,0.820041322 3.99448723,1.85130541 L4,2 L4,14 C4,15.1 3.1,16 2,16 C0.9,16 0,15.1 0,14 L0,2 C0,0.9 0.9,0 2,0 Z",
|
|
410
|
+
transform: "translate(4.000000, 4.000000)"
|
|
411
|
+
}));
|
|
412
|
+
};
|
|
401
413
|
var Info = function Info(props) {
|
|
402
414
|
return /*#__PURE__*/React__namespace.createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__namespace.createElement("path", {
|
|
403
415
|
d: "M12.0004012,4 C16.4182338,4 20,7.58096384 20,11.9995988 C20,16.4182338 16.4182338,20 12.0004012,20 C7.58176621,20 4,16.4182338 4,11.9995988 C4,7.58096384 7.58176621,4 12.0004012,4 Z M13.0518404,10 L10,10 L10,11.6134693 L10.9489304,11.6134693 L10.9489304,15.3873607 L10,15.3873607 L10,17 L14,17 L14,15.3873607 L13.0518404,15.3873607 L13.0518404,10 Z M11.9907922,6 C11.1541947,6 10.5,6.65419468 10.5,7.49079217 C10.5,8.32738965 11.1541947,9 11.9907922,9 C12.8273897,9 13.5,8.32738965 13.5,7.49079217 C13.5,6.65419468 12.8273897,6 11.9907922,6 Z"
|
|
@@ -689,6 +701,8 @@
|
|
|
689
701
|
Now: Now,
|
|
690
702
|
Pause: Pause,
|
|
691
703
|
Play: Play,
|
|
704
|
+
StepBackward: StepBackward,
|
|
705
|
+
StepForward: StepForward,
|
|
692
706
|
Info: Info,
|
|
693
707
|
TextIcon: TextIcon,
|
|
694
708
|
FastForward: FastForward,
|
|
@@ -968,8 +982,8 @@
|
|
|
968
982
|
styleOverrides: {
|
|
969
983
|
root: {
|
|
970
984
|
color: geowebColors.typographyAndIcons.iconLinkActive,
|
|
971
|
-
'&.Mui-disabled': {
|
|
972
|
-
color: geowebColors.typographyAndIcons.iconLinkDisabled
|
|
985
|
+
'&.MuiCheckbox-root.Mui-disabled': {
|
|
986
|
+
color: geowebColors.typographyAndIcons.iconLinkDisabled
|
|
973
987
|
},
|
|
974
988
|
'&.Mui-checked': {
|
|
975
989
|
color: geowebColors.typographyAndIcons.iconLinkActive
|
|
@@ -1648,7 +1662,7 @@
|
|
|
1648
1662
|
},
|
|
1649
1663
|
timelineText: {
|
|
1650
1664
|
fontSize: 14,
|
|
1651
|
-
color: '#
|
|
1665
|
+
color: '#FFFFFF',
|
|
1652
1666
|
fontFamily: 'Roboto'
|
|
1653
1667
|
},
|
|
1654
1668
|
timelineTimeScale: {
|
|
@@ -1666,8 +1680,8 @@
|
|
|
1666
1680
|
opacity: 0.5
|
|
1667
1681
|
},
|
|
1668
1682
|
timelineSelectionBackground: {
|
|
1669
|
-
fill: '#
|
|
1670
|
-
opacity: 0.
|
|
1683
|
+
fill: '#FFFFFF',
|
|
1684
|
+
opacity: 0.32
|
|
1671
1685
|
},
|
|
1672
1686
|
// time scale
|
|
1673
1687
|
timeScalePointer: {
|
|
@@ -1685,6 +1699,16 @@
|
|
|
1685
1699
|
},
|
|
1686
1700
|
timeScaleShadowButtonScale: {
|
|
1687
1701
|
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))'
|
|
1702
|
+
},
|
|
1703
|
+
ledgendObservedBackground: {
|
|
1704
|
+
fill: '#00649F'
|
|
1705
|
+
},
|
|
1706
|
+
legendForecastBackground: {
|
|
1707
|
+
fill: '#9900B1'
|
|
1708
|
+
},
|
|
1709
|
+
legendNoDataBackground: {
|
|
1710
|
+
fill: '#575F7A',
|
|
1711
|
+
opacity: '0.95'
|
|
1688
1712
|
}
|
|
1689
1713
|
},
|
|
1690
1714
|
customSlider: {
|
|
@@ -1761,17 +1785,20 @@
|
|
|
1761
1785
|
success: '#72BB23',
|
|
1762
1786
|
successOutline: {
|
|
1763
1787
|
fill: '#FCFFEB',
|
|
1764
|
-
border: '
|
|
1788
|
+
border: '1px solid #72BB23',
|
|
1789
|
+
borderColor: '#72BB23'
|
|
1765
1790
|
},
|
|
1766
1791
|
error: '#C00000',
|
|
1767
1792
|
errorOutline: {
|
|
1768
1793
|
fill: '#F9E8EA',
|
|
1769
|
-
border: '1px solid #C00000'
|
|
1794
|
+
border: '1px solid #C00000',
|
|
1795
|
+
borderColor: '#C00000'
|
|
1770
1796
|
},
|
|
1771
1797
|
warning: '#FFA800',
|
|
1772
1798
|
warningOutline: {
|
|
1773
1799
|
fill: '#FFF8EB',
|
|
1774
|
-
border: '1px solid #FFA800'
|
|
1800
|
+
border: '1px solid #FFA800',
|
|
1801
|
+
borderColor: '#FFA800'
|
|
1775
1802
|
},
|
|
1776
1803
|
warningHighlight: {
|
|
1777
1804
|
fill: '#FFA800',
|
|
@@ -1780,7 +1807,20 @@
|
|
|
1780
1807
|
notification: '#0062E6',
|
|
1781
1808
|
notificationOutline: {
|
|
1782
1809
|
fill: '#DFF2FD',
|
|
1783
|
-
border: '1px solid #0062E6'
|
|
1810
|
+
border: '1px solid #0062E6',
|
|
1811
|
+
borderColor: '#0062E6'
|
|
1812
|
+
},
|
|
1813
|
+
summary: '#9595FF',
|
|
1814
|
+
summaryOutline: {
|
|
1815
|
+
fill: '#F8F9F9',
|
|
1816
|
+
border: '1px solid #8383F2',
|
|
1817
|
+
borderColor: '#8383F2'
|
|
1818
|
+
},
|
|
1819
|
+
disabled: '#9B9FB0',
|
|
1820
|
+
disabledOutline: {
|
|
1821
|
+
fill: '#F8F9F9',
|
|
1822
|
+
border: '1p solid #9B9FB0',
|
|
1823
|
+
borderColor: '#9B9FB0'
|
|
1784
1824
|
}
|
|
1785
1825
|
},
|
|
1786
1826
|
snackbar: {
|
|
@@ -1811,6 +1851,15 @@
|
|
|
1811
1851
|
var geowebColors = __assign({}, colors$1);
|
|
1812
1852
|
|
|
1813
1853
|
var GWTheme = material.createTheme({
|
|
1854
|
+
breakpoints: {
|
|
1855
|
+
values: {
|
|
1856
|
+
xs: breakpoints.mobile,
|
|
1857
|
+
sm: breakpoints.tablet,
|
|
1858
|
+
md: breakpoints.desktop,
|
|
1859
|
+
lg: breakpoints.dekstopHD,
|
|
1860
|
+
xl: breakpoints.dekstopHDWide
|
|
1861
|
+
}
|
|
1862
|
+
},
|
|
1814
1863
|
palette: {
|
|
1815
1864
|
secondary: {
|
|
1816
1865
|
main: '#0075a9'
|
|
@@ -2429,8 +2478,8 @@
|
|
|
2429
2478
|
opacity: 0.5
|
|
2430
2479
|
},
|
|
2431
2480
|
timelineSelectionBackground: {
|
|
2432
|
-
fill: '#
|
|
2433
|
-
opacity: 0.
|
|
2481
|
+
fill: '#FFFFFF',
|
|
2482
|
+
opacity: 0.32
|
|
2434
2483
|
},
|
|
2435
2484
|
// time scale
|
|
2436
2485
|
timeScalePointer: {
|
|
@@ -2448,6 +2497,17 @@
|
|
|
2448
2497
|
},
|
|
2449
2498
|
timeScaleShadowButtonScale: {
|
|
2450
2499
|
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))'
|
|
2500
|
+
},
|
|
2501
|
+
// legend
|
|
2502
|
+
ledgendObservedBackground: {
|
|
2503
|
+
fill: '#00649F'
|
|
2504
|
+
},
|
|
2505
|
+
legendForecastBackground: {
|
|
2506
|
+
fill: '#9900B1'
|
|
2507
|
+
},
|
|
2508
|
+
legendNoDataBackground: {
|
|
2509
|
+
fill: '#575F7A',
|
|
2510
|
+
opacity: '0.95'
|
|
2451
2511
|
}
|
|
2452
2512
|
},
|
|
2453
2513
|
customSlider: {
|
|
@@ -2524,17 +2584,20 @@
|
|
|
2524
2584
|
success: '#72BB23',
|
|
2525
2585
|
successOutline: {
|
|
2526
2586
|
fill: 'rgba(114, 187, 35, 0.25)',
|
|
2527
|
-
border: '
|
|
2587
|
+
border: '1px solid #72BB23',
|
|
2588
|
+
borderColor: '#72BB23'
|
|
2528
2589
|
},
|
|
2529
2590
|
error: '#C00000',
|
|
2530
2591
|
errorOutline: {
|
|
2531
2592
|
fill: 'rgba(192, 0, 0, 0.25)',
|
|
2532
|
-
border: '1px solid #C00000'
|
|
2593
|
+
border: '1px solid #C00000',
|
|
2594
|
+
borderColor: '#C00000'
|
|
2533
2595
|
},
|
|
2534
2596
|
warning: '#FFA800',
|
|
2535
2597
|
warningOutline: {
|
|
2536
2598
|
fill: 'rgba(255, 168, 0, 0.25)',
|
|
2537
|
-
border: '1px solid #FFA800'
|
|
2599
|
+
border: '1px solid #FFA800',
|
|
2600
|
+
borderColor: '#FFA800'
|
|
2538
2601
|
},
|
|
2539
2602
|
warningHighlight: {
|
|
2540
2603
|
fill: '#FFA800',
|
|
@@ -2543,7 +2606,20 @@
|
|
|
2543
2606
|
notification: '#186DFF',
|
|
2544
2607
|
notificationOutline: {
|
|
2545
2608
|
fill: 'rgba(24, 109, 255, 0.25)',
|
|
2546
|
-
border: '1px solid #186DFF'
|
|
2609
|
+
border: '1px solid #186DFF',
|
|
2610
|
+
borderColor: '#186DFF'
|
|
2611
|
+
},
|
|
2612
|
+
summary: '#9595FF',
|
|
2613
|
+
summaryOutline: {
|
|
2614
|
+
fill: 'rgba(131, 131, 242, 0.25)',
|
|
2615
|
+
border: '1px solid #8383F2',
|
|
2616
|
+
borderColor: '#8383F2'
|
|
2617
|
+
},
|
|
2618
|
+
disabled: '#9B9FB0',
|
|
2619
|
+
disabledOutline: {
|
|
2620
|
+
fill: 'rgba(155, 159, 176, 0.25)',
|
|
2621
|
+
border: '1px solid #9B9FB0',
|
|
2622
|
+
borderColor: '#9B9FB0'
|
|
2547
2623
|
}
|
|
2548
2624
|
},
|
|
2549
2625
|
snackbar: {
|
|
@@ -2696,6 +2772,8 @@
|
|
|
2696
2772
|
exports.Speed = Speed;
|
|
2697
2773
|
exports.SplitHorizontal = SplitHorizontal;
|
|
2698
2774
|
exports.SplitVertical = SplitVertical;
|
|
2775
|
+
exports.StepBackward = StepBackward;
|
|
2776
|
+
exports.StepForward = StepForward;
|
|
2699
2777
|
exports.SubdirectoryArrowRight = SubdirectoryArrowRight;
|
|
2700
2778
|
exports.Success = Success;
|
|
2701
2779
|
exports.TextIcon = TextIcon;
|
|
@@ -36,6 +36,8 @@ export declare const AutoUpdateInActive: (props: SvgIconProps) => JSX.Element;
|
|
|
36
36
|
export declare const Now: (props: SvgIconProps) => JSX.Element;
|
|
37
37
|
export declare const Pause: (props: SvgIconProps) => JSX.Element;
|
|
38
38
|
export declare const Play: (props: SvgIconProps) => JSX.Element;
|
|
39
|
+
export declare const StepBackward: (props: SvgIconProps) => JSX.Element;
|
|
40
|
+
export declare const StepForward: (props: SvgIconProps) => JSX.Element;
|
|
39
41
|
export declare const Info: (props: SvgIconProps) => JSX.Element;
|
|
40
42
|
interface TextIconProps extends SvgIconProps {
|
|
41
43
|
text?: string;
|
|
@@ -89,6 +89,9 @@ export declare type GeowebColorPalette = {
|
|
|
89
89
|
timeScaleTimeIndicators: CSSProperties;
|
|
90
90
|
timeScaleTimeIndicatorsActive: CSSProperties;
|
|
91
91
|
timeScaleShadowButtonScale: CSSProperties;
|
|
92
|
+
ledgendObservedBackground: CSSProperties;
|
|
93
|
+
legendForecastBackground: CSSProperties;
|
|
94
|
+
legendNoDataBackground: CSSProperties;
|
|
92
95
|
};
|
|
93
96
|
customSlider: {
|
|
94
97
|
rail: CSSProperties['color'];
|
|
@@ -135,6 +138,10 @@ export declare type GeowebColorPalette = {
|
|
|
135
138
|
warningHighlight: CSSProperties;
|
|
136
139
|
notification: CSSProperties['color'];
|
|
137
140
|
notificationOutline: CSSProperties;
|
|
141
|
+
summary: CSSProperties['color'];
|
|
142
|
+
summaryOutline: CSSProperties;
|
|
143
|
+
disabled: CSSProperties['color'];
|
|
144
|
+
disabledOutline: CSSProperties;
|
|
138
145
|
};
|
|
139
146
|
snackbar: {
|
|
140
147
|
background: CSSProperties['color'];
|