@opengeoweb/theme 4.19.1 → 4.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/index.esm.js +98 -0
  2. package/index.umd.js +98 -0
  3. package/lib/types.d.ts +26 -0
  4. package/package.json +2 -1
package/index.esm.js CHANGED
@@ -1484,6 +1484,34 @@ var colors$1 = {
1484
1484
  opacity: 0.95
1485
1485
  }
1486
1486
  },
1487
+ timeSliderLite: {
1488
+ selected: {
1489
+ backgroundColor: '#EEF4FB'
1490
+ },
1491
+ needle: {
1492
+ stroke: '#303193'
1493
+ },
1494
+ needleShadow: {
1495
+ stroke: '#E7F0FA'
1496
+ },
1497
+ needleLabel: {
1498
+ backgroundColor: '#212121',
1499
+ borderColor: '#9e9e9e',
1500
+ color: '#212121'
1501
+ },
1502
+ timeline: {
1503
+ fill: '#FFFFFF',
1504
+ stroke: '#FFFFFF'
1505
+ },
1506
+ timelineBackground: {
1507
+ fill: '#2959E0',
1508
+ color: '#FFFFFF'
1509
+ },
1510
+ timelineBackgroundAlternative: {
1511
+ fill: '#4871E5',
1512
+ color: '#FFFFFF'
1513
+ }
1514
+ },
1487
1515
  customSlider: {
1488
1516
  rail: '#488BFD',
1489
1517
  railDisabled: '#CCCCCC',
@@ -1506,6 +1534,11 @@ var colors$1 = {
1506
1534
  }
1507
1535
  },
1508
1536
  layerManager: {
1537
+ headerRowText: {
1538
+ color: '#051039',
1539
+ opacity: 0.67,
1540
+ fontSize: 12
1541
+ },
1509
1542
  tableRowDefaultText: {
1510
1543
  color: '#051039',
1511
1544
  opacity: 0.87,
@@ -1525,6 +1558,18 @@ var colors$1 = {
1525
1558
  fill: '#F5F5F5',
1526
1559
  border: '1px solid #EEEEEE',
1527
1560
  borderColor: '#EEEEEE'
1561
+ },
1562
+ dragHandleHover: {
1563
+ backgroundColor: 'transparent'
1564
+ },
1565
+ root: {},
1566
+ opacitySelect: {
1567
+ root: {},
1568
+ button: {},
1569
+ popper: {}
1570
+ },
1571
+ baseLayerRow: {
1572
+ root: {}
1528
1573
  }
1529
1574
  },
1530
1575
  tooltips: {
@@ -1534,6 +1579,10 @@ var colors$1 = {
1534
1579
  },
1535
1580
  tooltipText: {
1536
1581
  color: '#FFFFFF'
1582
+ },
1583
+ tooltipSelect: {
1584
+ select: {},
1585
+ menu: {}
1537
1586
  }
1538
1587
  },
1539
1588
  captions: {
@@ -2633,6 +2682,34 @@ var colors = {
2633
2682
  opacity: 0.95
2634
2683
  }
2635
2684
  },
2685
+ timeSliderLite: {
2686
+ selected: {
2687
+ backgroundColor: '#EEF4FB'
2688
+ },
2689
+ needle: {
2690
+ stroke: '#303193'
2691
+ },
2692
+ needleShadow: {
2693
+ stroke: '#E7F0FA'
2694
+ },
2695
+ needleLabel: {
2696
+ backgroundColor: '#212121',
2697
+ borderColor: '#9e9e9e',
2698
+ color: '#212121'
2699
+ },
2700
+ timeline: {
2701
+ fill: '#FFFFFF',
2702
+ stroke: '#FFFFFF'
2703
+ },
2704
+ timelineBackground: {
2705
+ fill: '#2959E0',
2706
+ color: '#FFFFFF'
2707
+ },
2708
+ timelineBackgroundAlternative: {
2709
+ fill: '#4871E5',
2710
+ color: '#FFFFFF'
2711
+ }
2712
+ },
2636
2713
  customSlider: {
2637
2714
  rail: '#488BFD',
2638
2715
  railDisabled: '#5E5E5E',
@@ -2655,6 +2732,11 @@ var colors = {
2655
2732
  }
2656
2733
  },
2657
2734
  layerManager: {
2735
+ headerRowText: {
2736
+ color: '#FFFFFF',
2737
+ opacity: 0.67,
2738
+ fontSize: 12
2739
+ },
2658
2740
  tableRowDefaultText: {
2659
2741
  color: '#FFFFFF',
2660
2742
  opacity: 0.87,
@@ -2674,6 +2756,18 @@ var colors = {
2674
2756
  fill: '#2B2B2B',
2675
2757
  border: '1px solid #404040',
2676
2758
  borderColor: '#404040'
2759
+ },
2760
+ dragHandleHover: {
2761
+ backgroundColor: 'transparent'
2762
+ },
2763
+ root: {},
2764
+ opacitySelect: {
2765
+ root: {},
2766
+ button: {},
2767
+ popper: {}
2768
+ },
2769
+ baseLayerRow: {
2770
+ root: {}
2677
2771
  }
2678
2772
  },
2679
2773
  tooltips: {
@@ -2683,6 +2777,10 @@ var colors = {
2683
2777
  },
2684
2778
  tooltipText: {
2685
2779
  color: '#FFFFFF'
2780
+ },
2781
+ tooltipSelect: {
2782
+ select: {},
2783
+ menu: {}
2686
2784
  }
2687
2785
  },
2688
2786
  captions: {
package/index.umd.js CHANGED
@@ -1473,6 +1473,34 @@
1473
1473
  opacity: 0.95
1474
1474
  }
1475
1475
  },
1476
+ timeSliderLite: {
1477
+ selected: {
1478
+ backgroundColor: '#EEF4FB'
1479
+ },
1480
+ needle: {
1481
+ stroke: '#303193'
1482
+ },
1483
+ needleShadow: {
1484
+ stroke: '#E7F0FA'
1485
+ },
1486
+ needleLabel: {
1487
+ backgroundColor: '#212121',
1488
+ borderColor: '#9e9e9e',
1489
+ color: '#212121'
1490
+ },
1491
+ timeline: {
1492
+ fill: '#FFFFFF',
1493
+ stroke: '#FFFFFF'
1494
+ },
1495
+ timelineBackground: {
1496
+ fill: '#2959E0',
1497
+ color: '#FFFFFF'
1498
+ },
1499
+ timelineBackgroundAlternative: {
1500
+ fill: '#4871E5',
1501
+ color: '#FFFFFF'
1502
+ }
1503
+ },
1476
1504
  customSlider: {
1477
1505
  rail: '#488BFD',
1478
1506
  railDisabled: '#CCCCCC',
@@ -1495,6 +1523,11 @@
1495
1523
  }
1496
1524
  },
1497
1525
  layerManager: {
1526
+ headerRowText: {
1527
+ color: '#051039',
1528
+ opacity: 0.67,
1529
+ fontSize: 12
1530
+ },
1498
1531
  tableRowDefaultText: {
1499
1532
  color: '#051039',
1500
1533
  opacity: 0.87,
@@ -1514,6 +1547,18 @@
1514
1547
  fill: '#F5F5F5',
1515
1548
  border: '1px solid #EEEEEE',
1516
1549
  borderColor: '#EEEEEE'
1550
+ },
1551
+ dragHandleHover: {
1552
+ backgroundColor: 'transparent'
1553
+ },
1554
+ root: {},
1555
+ opacitySelect: {
1556
+ root: {},
1557
+ button: {},
1558
+ popper: {}
1559
+ },
1560
+ baseLayerRow: {
1561
+ root: {}
1517
1562
  }
1518
1563
  },
1519
1564
  tooltips: {
@@ -1523,6 +1568,10 @@
1523
1568
  },
1524
1569
  tooltipText: {
1525
1570
  color: '#FFFFFF'
1571
+ },
1572
+ tooltipSelect: {
1573
+ select: {},
1574
+ menu: {}
1526
1575
  }
1527
1576
  },
1528
1577
  captions: {
@@ -2606,6 +2655,34 @@
2606
2655
  opacity: 0.95
2607
2656
  }
2608
2657
  },
2658
+ timeSliderLite: {
2659
+ selected: {
2660
+ backgroundColor: '#EEF4FB'
2661
+ },
2662
+ needle: {
2663
+ stroke: '#303193'
2664
+ },
2665
+ needleShadow: {
2666
+ stroke: '#E7F0FA'
2667
+ },
2668
+ needleLabel: {
2669
+ backgroundColor: '#212121',
2670
+ borderColor: '#9e9e9e',
2671
+ color: '#212121'
2672
+ },
2673
+ timeline: {
2674
+ fill: '#FFFFFF',
2675
+ stroke: '#FFFFFF'
2676
+ },
2677
+ timelineBackground: {
2678
+ fill: '#2959E0',
2679
+ color: '#FFFFFF'
2680
+ },
2681
+ timelineBackgroundAlternative: {
2682
+ fill: '#4871E5',
2683
+ color: '#FFFFFF'
2684
+ }
2685
+ },
2609
2686
  customSlider: {
2610
2687
  rail: '#488BFD',
2611
2688
  railDisabled: '#5E5E5E',
@@ -2628,6 +2705,11 @@
2628
2705
  }
2629
2706
  },
2630
2707
  layerManager: {
2708
+ headerRowText: {
2709
+ color: '#FFFFFF',
2710
+ opacity: 0.67,
2711
+ fontSize: 12
2712
+ },
2631
2713
  tableRowDefaultText: {
2632
2714
  color: '#FFFFFF',
2633
2715
  opacity: 0.87,
@@ -2647,6 +2729,18 @@
2647
2729
  fill: '#2B2B2B',
2648
2730
  border: '1px solid #404040',
2649
2731
  borderColor: '#404040'
2732
+ },
2733
+ dragHandleHover: {
2734
+ backgroundColor: 'transparent'
2735
+ },
2736
+ root: {},
2737
+ opacitySelect: {
2738
+ root: {},
2739
+ button: {},
2740
+ popper: {}
2741
+ },
2742
+ baseLayerRow: {
2743
+ root: {}
2650
2744
  }
2651
2745
  },
2652
2746
  tooltips: {
@@ -2656,6 +2750,10 @@
2656
2750
  },
2657
2751
  tooltipText: {
2658
2752
  color: '#FFFFFF'
2753
+ },
2754
+ tooltipSelect: {
2755
+ select: {},
2756
+ menu: {}
2659
2757
  }
2660
2758
  },
2661
2759
  captions: {
package/lib/types.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import { Theme } from '@mui/material/styles';
3
+ import { SxProps } from '@mui/system';
2
4
  export interface CSSProperties extends React.CSSProperties {
3
5
  rgba?: string;
4
6
  opacity?: number;
@@ -100,6 +102,15 @@ export declare type GeowebColorPalette = {
100
102
  legendForecastBackground: CSSProperties;
101
103
  legendNoDataBackground: CSSProperties;
102
104
  };
105
+ timeSliderLite: {
106
+ selected: CSSProperties;
107
+ needle: CSSProperties;
108
+ needleShadow: CSSProperties;
109
+ needleLabel: CSSProperties;
110
+ timeline: CSSProperties;
111
+ timelineBackground: CSSProperties;
112
+ timelineBackgroundAlternative: CSSProperties;
113
+ };
103
114
  customSlider: {
104
115
  rail: CSSProperties['color'];
105
116
  railDisabled: CSSProperties['color'];
@@ -120,14 +131,29 @@ export declare type GeowebColorPalette = {
120
131
  drawerOpen: CSSProperties;
121
132
  };
122
133
  layerManager: {
134
+ headerRowText: CSSProperties;
123
135
  tableRowDefaultText: CSSProperties;
124
136
  tableRowDefaultCardContainer: CSSProperties;
125
137
  tableRowDisabledText: CSSProperties;
126
138
  tableRowDisabledCardContainer: CSSProperties;
139
+ dragHandleHover: CSSProperties;
140
+ root: SxProps<Theme>;
141
+ opacitySelect: {
142
+ root: SxProps<Theme>;
143
+ button: SxProps<Theme>;
144
+ popper: SxProps<Theme>;
145
+ };
146
+ baseLayerRow: {
147
+ root: SxProps<Theme>;
148
+ };
127
149
  };
128
150
  tooltips: {
129
151
  tooltipContainer: CSSProperties;
130
152
  tooltipText: CSSProperties;
153
+ tooltipSelect: {
154
+ select: SxProps<Theme>;
155
+ menu: SxProps<Theme>;
156
+ };
131
157
  };
132
158
  captions: {
133
159
  captionStatus: CSSProperties;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/theme",
3
- "version": "4.19.1",
3
+ "version": "4.20.0",
4
4
  "description": "GeoWeb Theme library for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -14,6 +14,7 @@
14
14
  "peerDependencies": {
15
15
  "react": "^18.2.0",
16
16
  "@mui/material": "^5.12.0",
17
+ "@mui/system": "^5.12.0",
17
18
  "@mui/x-date-pickers": "^6.2.1"
18
19
  }
19
20
  }