@sapui5/sap.ui.vbm 1.145.0 → 1.146.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 (45) hide show
  1. package/package.json +1 -1
  2. package/src/sap/ui/vbm/.library +1 -1
  3. package/src/sap/ui/vbm/Adapter.js +4 -4
  4. package/src/sap/ui/vbm/Adapter3D.js +1 -1
  5. package/src/sap/ui/vbm/Viewport.js +1 -1
  6. package/src/sap/ui/vbm/adapter3d/ColladaBounds.js +1 -1
  7. package/src/sap/ui/vbm/adapter3d/DragDropHandler.js +1 -1
  8. package/src/sap/ui/vbm/adapter3d/ModelHandler.js +1 -1
  9. package/src/sap/ui/vbm/adapter3d/ObjectFactory.js +1 -1
  10. package/src/sap/ui/vbm/adapter3d/PolygonHandler.js +1 -1
  11. package/src/sap/ui/vbm/adapter3d/RectangleTracker.js +1 -1
  12. package/src/sap/ui/vbm/adapter3d/SceneBuilder.js +1 -1
  13. package/src/sap/ui/vbm/adapter3d/VBIJSONParser.js +1 -1
  14. package/src/sap/ui/vbm/library.js +2 -2
  15. package/src/sap/ui/vbm/themes/base/AnalyticMap.less +5 -5
  16. package/src/sap/ui/vbm/themes/base/Cluster.less +41 -48
  17. package/src/sap/ui/vbm/themes/base/ContainerBase.less +14 -14
  18. package/src/sap/ui/vbm/themes/base/ContainerLegendItem.less +12 -27
  19. package/src/sap/ui/vbm/themes/base/DetailWindow.less +12 -8
  20. package/src/sap/ui/vbm/themes/base/ListPanel.less +17 -18
  21. package/src/sap/ui/vbm/themes/base/ListPanelStack.less +9 -10
  22. package/src/sap/ui/vbm/themes/base/MapContainer.less +49 -41
  23. package/src/sap/ui/vbm/themes/base/VBI.less +356 -491
  24. package/src/sap/ui/vbm/themes/base/Viewport.less +5 -1
  25. package/src/sap/ui/vbm/themes/base/library.source.less +1 -2
  26. package/src/sap/ui/vbm/themes/sap_fiori_3_dark/VBI.less +46 -55
  27. package/src/sap/ui/vbm/themes/sap_fiori_3_dark/library.source.less +1 -2
  28. package/src/sap/ui/vbm/themes/sap_fiori_3_hcb/VBI.less +46 -55
  29. package/src/sap/ui/vbm/themes/sap_fiori_3_hcb/library.source.less +1 -2
  30. package/src/sap/ui/vbm/themes/sap_horizon_dark/VBI.less +45 -54
  31. package/src/sap/ui/vbm/themes/sap_horizon_dark/library.source.less +1 -2
  32. package/src/sap/ui/vbm/themes/sap_horizon_hcb/VBI.less +45 -54
  33. package/src/sap/ui/vbm/themes/sap_horizon_hcb/library.source.less +1 -3
  34. package/src/sap/ui/vbm/themes/sap_horizon_hcw/VBI.less +45 -54
  35. package/src/sap/ui/vbm/themes/sap_horizon_hcw/library.source.less +1 -2
  36. package/src/sap/ui/vbm/vector/MapRenderer.js +497 -416
  37. package/src/sap/ui/vbm/vector/PayloadGenerator.js +1 -1
  38. package/src/sap/ui/vbm/vector/RectangularSelection.js +1 -1
  39. package/src/sap/ui/vbm/vector/VBITransformer.js +19 -4
  40. package/src/sap/ui/vbm/themes/base/GeoMap.less +0 -8
  41. package/src/sap/ui/vbm/themes/sap_fiori_3_dark/AnalyticMap.less +0 -4
  42. package/src/sap/ui/vbm/themes/sap_fiori_3_hcb/AnalyticMap.less +0 -4
  43. package/src/sap/ui/vbm/themes/sap_horizon_dark/AnalyticMap.less +0 -3
  44. package/src/sap/ui/vbm/themes/sap_horizon_hcb/AnalyticMap.less +0 -3
  45. package/src/sap/ui/vbm/themes/sap_horizon_hcw/AnalyticMap.less +0 -3
package/src/sap/ui/vbm/themes/base/Viewport.less CHANGED
@@ -1,10 +1,14 @@
1
+ /* ==================================== */
2
+ /* CSS for control sap.ui.vbm/Viewport */
3
+ /* Base theme */
4
+ /* ==================================== */
5
+
1
6
  .sapUiVbmViewport {
2
7
  padding: 0;
3
8
  margin: 0;
4
9
  outline-offset: -1px;
5
10
  min-width: 100px;
6
11
  touch-action: none;
7
- -ms-touch-action: none;
8
12
  overflow: hidden;
9
13
 
10
14
  canvas {
package/src/sap/ui/vbm/themes/base/library.source.less CHANGED
@@ -7,7 +7,6 @@
7
7
 
8
8
  @import "AnalyticMap.less";
9
9
  @import "Cluster.less";
10
- @import "GeoMap.less";
11
10
  @import "VBI.less";
12
11
  @import "Viewport.less";
13
12
  @import "DetailWindow.less";
@@ -15,4 +14,4 @@
15
14
  @import "ContainerBase.less";
16
15
  @import "ListPanel.less";
17
16
  @import "ListPanelStack.less";
18
- @import "MapContainer.less";
17
+ @import "MapContainer.less";
package/src/sap/ui/vbm/themes/sap_fiori_3_dark/VBI.less CHANGED
@@ -1,96 +1,87 @@
1
+ /* =============================== */
2
+ /* CSS for control sap.ui.vbm/VBI */
3
+ /* Quartz Dark theme */
4
+ /* =============================== */
1
5
 
2
6
  .vbi-detail {
3
- background-color: @sapUiBaseBG;
7
+ background-color: var(--sapBackgroundColor);
4
8
  }
5
9
 
6
- .vbi-detail-closebutton
7
- {
8
- background-color: @sapUiBaseBG;
10
+ .vbi-detail-closebutton {
11
+ background-color: var(--sapBackgroundColor);
9
12
  }
10
13
 
11
- .vbi-detail-content
12
- {
13
- background-color: @sapUiBaseBG;
14
+ .vbi-detail-content {
15
+ background-color: var(--sapBackgroundColor);
14
16
  }
15
17
 
16
- .vbi-detail-phone
17
- {
18
- background-color: @sapUiBaseBG;
18
+ .vbi-detail-phone {
19
+ background-color: var(--sapBackgroundColor);
19
20
  }
20
21
 
21
- .vbi-detail > .vbi-detail-arrow.vbi-detail-left
22
- {
23
- border-right-color: @sapUiBaseBG;
22
+ .vbi-detail > .vbi-detail-arrow.vbi-detail-left {
23
+ border-right-color: var(--sapBackgroundColor);
24
24
  }
25
25
 
26
- .vbi-detail > .vbi-detail-header
27
- {
28
- font-size: @sapUiFontHeader4Size;
29
- font-family: @sapUiFontHeaderFamily;
30
- font-weight: @sapUiFontHeaderWeight;
31
- color: @sapTextColor;
26
+ .vbi-detail > .vbi-detail-header {
27
+ font-size: @sapUiFontHeader4Size;
28
+ font-family: var(--sapFontHeaderFamily);
29
+ font-weight: @sapUiFontHeaderWeight;
30
+ color: var(--sapTextColor);
32
31
  }
33
32
 
34
- .vbi-detail-header-phone
35
- {
36
- font-family: @sapUiFontHeaderFamily;
37
- font-weight: @sapUiFontHeaderWeight;
38
- color: @sapTextColor;
33
+ .vbi-detail-header-phone {
34
+ font-family: var(--sapFontHeaderFamily);
35
+ font-weight: @sapUiFontHeaderWeight;
36
+ color: var(--sapTextColor);
39
37
  }
40
38
 
41
39
  .vbi-legend {
42
- box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0rem 0rem 0.9rem 0.0625rem;
43
- font-family: @sapUiFontFamily;
44
- background-color: @sapUiBaseBG;
45
- color: @sapTextColor;
40
+ box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0 0 0.9rem 0.0625rem;
41
+ font-family: var(--sapFontFamily);
42
+ background-color: var(--sapBackgroundColor);
43
+ color: var(--sapTextColor);
46
44
  }
47
45
 
48
- .vbi-legend > .vbi-legend-header
49
- {
50
- font-size: @sapMFontMediumSize;
46
+ .vbi-legend > .vbi-legend-header {
47
+ font-size: @sapMFontMediumSize;
51
48
  }
52
49
 
53
- .vbi-legend-button-col:hover
54
- {
55
- background-color: @sapUiHighlight;
50
+ .vbi-legend-button-col:hover {
51
+ background-color: var(--sapHighlightColor);
56
52
  }
57
53
 
58
- .vbi-legend-button-col:active
59
- {
54
+ .vbi-legend-button-col:active {
60
55
  background-color: darken(@sapUiHighlight, 20%);
61
56
  }
62
57
 
63
- .vbi-legend-button-exp:hover
64
- {
65
- background-color: @sapUiHighlight;
58
+ .vbi-legend-button-exp:hover {
59
+ background-color: var(--sapHighlightColor);
66
60
  }
67
61
 
68
- .vbi-legend-button-exp:active
69
- {
62
+ .vbi-legend-button-exp:active {
70
63
  background-color: darken(@sapUiHighlight, 20%);
71
64
  }
72
65
 
73
- .vbi-legend-table
74
- {
75
- font-size: @sapMFontSmallSize;
66
+ .vbi-legend-table {
67
+ font-size: var(--sapFontSmallSize);
76
68
  }
77
69
 
78
- .vbi-legend-table-click
79
- {
70
+ .vbi-legend-table-click {
71
+
80
72
  tr:hover {
81
- background-color: @sapUiHighlight;
82
- };
73
+ background-color: var(--sapHighlightColor);
74
+ }
75
+
83
76
  tr:active {
84
77
  background-color: darken(@sapUiHighlight, 20%);
85
- };
78
+ }
86
79
  }
87
80
 
88
- .vbi-legend-content-celltext
89
- {
81
+ .vbi-legend-content-celltext {
90
82
  color: @sapUiChartLegendLabelFontColor;
91
83
  }
92
84
 
93
- .vbi-legend-content-celldiv-square
94
- {
95
- border-color: @sapUiContentForegroundColor;
96
- }
85
+ .vbi-legend-content-celldiv-square {
86
+ border-color: var(--sapContent_ForegroundColor);
87
+ }
package/src/sap/ui/vbm/themes/sap_fiori_3_dark/library.source.less CHANGED
@@ -6,5 +6,4 @@
6
6
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/base.less";
7
7
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_dark/global.less";
8
8
 
9
- @import "AnalyticMap.less";
10
- @import "VBI.less";
9
+ @import "VBI.less";
package/src/sap/ui/vbm/themes/sap_fiori_3_hcb/VBI.less CHANGED
@@ -1,96 +1,87 @@
1
+ /* ================================= */
2
+ /* CSS for control sap.ui.vbm/VBI */
3
+ /* Quartz High Contrast Black theme */
4
+ /* ================================= */
1
5
 
2
6
  .vbi-detail {
3
- background-color: @sapUiBaseBG;
7
+ background-color: var(--sapBackgroundColor);
4
8
  }
5
9
 
6
- .vbi-detail-closebutton
7
- {
8
- background-color: @sapUiBaseBG;
10
+ .vbi-detail-closebutton {
11
+ background-color: var(--sapBackgroundColor);
9
12
  }
10
13
 
11
- .vbi-detail-content
12
- {
13
- background-color: @sapUiBaseBG;
14
+ .vbi-detail-content {
15
+ background-color: var(--sapBackgroundColor);
14
16
  }
15
17
 
16
- .vbi-detail-phone
17
- {
18
- background-color: @sapUiBaseBG;
18
+ .vbi-detail-phone {
19
+ background-color: var(--sapBackgroundColor);
19
20
  }
20
21
 
21
- .vbi-detail > .vbi-detail-arrow.vbi-detail-left
22
- {
23
- border-right-color: @sapUiBaseBG;
22
+ .vbi-detail > .vbi-detail-arrow.vbi-detail-left {
23
+ border-right-color: var(--sapBackgroundColor);
24
24
  }
25
25
 
26
- .vbi-detail > .vbi-detail-header
27
- {
28
- font-size: @sapUiFontHeader4Size;
29
- font-family: @sapUiFontHeaderFamily;
30
- font-weight: @sapUiFontHeaderWeight;
31
- color: @sapTextColor;
26
+ .vbi-detail > .vbi-detail-header {
27
+ font-size: @sapUiFontHeader4Size;
28
+ font-family: var(--sapFontHeaderFamily);
29
+ font-weight: @sapUiFontHeaderWeight;
30
+ color: var(--sapTextColor);
32
31
  }
33
32
 
34
- .vbi-detail-header-phone
35
- {
36
- font-family: @sapUiFontHeaderFamily;
37
- font-weight: @sapUiFontHeaderWeight;
38
- color: @sapTextColor;
33
+ .vbi-detail-header-phone {
34
+ font-family: var(--sapFontHeaderFamily);
35
+ font-weight: @sapUiFontHeaderWeight;
36
+ color: var(--sapTextColor);
39
37
  }
40
38
 
41
39
  .vbi-legend {
42
- box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0rem 0rem 0.9rem 0.0625rem;
43
- font-family: @sapUiFontFamily;
44
- background-color: @sapUiBaseBG;
45
- color: @sapTextColor;
40
+ box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0 0 0.9rem 0.0625rem;
41
+ font-family: var(--sapFontFamily);
42
+ background-color: var(--sapBackgroundColor);
43
+ color: var(--sapTextColor);
46
44
  }
47
45
 
48
- .vbi-legend > .vbi-legend-header
49
- {
50
- font-size: @sapMFontMediumSize;
46
+ .vbi-legend > .vbi-legend-header {
47
+ font-size: @sapMFontMediumSize;
51
48
  }
52
49
 
53
- .vbi-legend-button-col:hover
54
- {
55
- background-color: @sapUiHighlight;
50
+ .vbi-legend-button-col:hover {
51
+ background-color: var(--sapHighlightColor);
56
52
  }
57
53
 
58
- .vbi-legend-button-col:active
59
- {
54
+ .vbi-legend-button-col:active {
60
55
  background-color: darken(@sapUiHighlight, 20%);
61
56
  }
62
57
 
63
- .vbi-legend-button-exp:hover
64
- {
65
- background-color: @sapUiHighlight;
58
+ .vbi-legend-button-exp:hover {
59
+ background-color: var(--sapHighlightColor);
66
60
  }
67
61
 
68
- .vbi-legend-button-exp:active
69
- {
62
+ .vbi-legend-button-exp:active {
70
63
  background-color: darken(@sapUiHighlight, 20%);
71
64
  }
72
65
 
73
- .vbi-legend-table
74
- {
75
- font-size: @sapMFontSmallSize;
66
+ .vbi-legend-table {
67
+ font-size: var(--sapFontSmallSize);
76
68
  }
77
69
 
78
- .vbi-legend-table-click
79
- {
70
+ .vbi-legend-table-click {
71
+
80
72
  tr:hover {
81
- background-color: @sapUiHighlight;
82
- };
73
+ background-color: var(--sapHighlightColor);
74
+ }
75
+
83
76
  tr:active {
84
77
  background-color: darken(@sapUiHighlight, 20%);
85
- };
78
+ }
86
79
  }
87
80
 
88
- .vbi-legend-content-celltext
89
- {
81
+ .vbi-legend-content-celltext {
90
82
  color: @sapUiChartLegendLabelFontColor;
91
83
  }
92
84
 
93
- .vbi-legend-content-celldiv-square
94
- {
95
- border-color: @sapUiContentForegroundColor;
96
- }
85
+ .vbi-legend-content-celldiv-square {
86
+ border-color: var(--sapContent_ForegroundColor);
87
+ }
package/src/sap/ui/vbm/themes/sap_fiori_3_hcb/library.source.less CHANGED
@@ -6,5 +6,4 @@
6
6
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/base.less";
7
7
  @import "../../../../../sap/ui/core/themes/sap_fiori_3_hcb/global.less";
8
8
 
9
- @import "AnalyticMap.less";
10
- @import "VBI.less";
9
+ @import "VBI.less";
package/src/sap/ui/vbm/themes/sap_horizon_dark/VBI.less CHANGED
@@ -1,96 +1,87 @@
1
+ /* =============================== */
2
+ /* CSS for control sap.ui.vbm/VBI */
3
+ /* Evening Horizon theme */
4
+ /* =============================== */
1
5
 
2
6
  .vbi-detail {
3
- background-color: @sapUiBaseBG;
7
+ background-color: var(--sapBackgroundColor);
4
8
  }
5
9
 
6
- .vbi-detail-closebutton
7
- {
8
- background-color: @sapUiBaseBG;
10
+ .vbi-detail-closebutton {
11
+ background-color: var(--sapBackgroundColor);
9
12
  }
10
13
 
11
- .vbi-detail-content
12
- {
13
- background-color: @sapUiBaseBG;
14
+ .vbi-detail-content {
15
+ background-color: var(--sapBackgroundColor);
14
16
  }
15
17
 
16
- .vbi-detail-phone
17
- {
18
- background-color: @sapUiBaseBG;
18
+ .vbi-detail-phone {
19
+ background-color: var(--sapBackgroundColor);
19
20
  }
20
21
 
21
- .vbi-detail > .vbi-detail-arrow.vbi-detail-left
22
- {
23
- border-right-color: @sapUiBaseBG;
22
+ .vbi-detail > .vbi-detail-arrow.vbi-detail-left {
23
+ border-right-color: var(--sapBackgroundColor);
24
24
  }
25
25
 
26
- .vbi-detail > .vbi-detail-header
27
- {
28
- font-size: @sapUiFontHeader4Size;
29
- font-family: @sapUiFontHeaderFamily;
30
- font-weight: @sapUiFontHeaderWeight;
31
- color: @sapTextColor;
26
+ .vbi-detail > .vbi-detail-header {
27
+ font-size: @sapUiFontHeader4Size;
28
+ font-family: var(--sapFontHeaderFamily);
29
+ font-weight: @sapUiFontHeaderWeight;
30
+ color: var(--sapTextColor);
32
31
  }
33
32
 
34
- .vbi-detail-header-phone
35
- {
36
- font-family: @sapUiFontHeaderFamily;
37
- font-weight: @sapUiFontHeaderWeight;
38
- color: @sapTextColor;
33
+ .vbi-detail-header-phone {
34
+ font-family: var(--sapFontHeaderFamily);
35
+ font-weight: @sapUiFontHeaderWeight;
36
+ color: var(--sapTextColor);
39
37
  }
40
38
 
41
39
  .vbi-legend {
42
40
  box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0rem 0rem 0.9rem 0.0625rem;
43
- font-family: @sapUiFontFamily;
44
- background-color: @sapUiBaseBG;
45
- color: @sapTextColor;
41
+ font-family: var(--sapFontFamily);
42
+ background-color: var(--sapBackgroundColor);
43
+ color: var(--sapTextColor);
46
44
  }
47
45
 
48
- .vbi-legend > .vbi-legend-header
49
- {
50
- font-size: @sapMFontMediumSize;
46
+ .vbi-legend > .vbi-legend-header {
47
+ font-size: @sapMFontMediumSize;
51
48
  }
52
49
 
53
- .vbi-legend-button-col:hover
54
- {
55
- background-color: @sapUiHighlight;
50
+ .vbi-legend-button-col:hover {
51
+ background-color: var(--sapHighlightColor);
56
52
  }
57
53
 
58
- .vbi-legend-button-col:active
59
- {
54
+ .vbi-legend-button-col:active {
60
55
  background-color: darken(@sapUiHighlight, 20%);
61
56
  }
62
57
 
63
- .vbi-legend-button-exp:hover
64
- {
65
- background-color: @sapUiHighlight;
58
+ .vbi-legend-button-exp:hover {
59
+ background-color: var(--sapHighlightColor);
66
60
  }
67
61
 
68
- .vbi-legend-button-exp:active
69
- {
62
+ .vbi-legend-button-exp:active {
70
63
  background-color: darken(@sapUiHighlight, 20%);
71
64
  }
72
65
 
73
- .vbi-legend-table
74
- {
75
- font-size: @sapMFontSmallSize;
66
+ .vbi-legend-table {
67
+ font-size: var(--sapFontSmallSize);
76
68
  }
77
69
 
78
- .vbi-legend-table-click
79
- {
70
+ .vbi-legend-table-click {
71
+
80
72
  tr:hover {
81
- background-color: @sapUiHighlight;
82
- };
73
+ background-color: var(--sapHighlightColor);
74
+ }
75
+
83
76
  tr:active {
84
77
  background-color: darken(@sapUiHighlight, 20%);
85
- };
78
+ }
86
79
  }
87
80
 
88
- .vbi-legend-content-celltext
89
- {
81
+ .vbi-legend-content-celltext {
90
82
  color: @sapUiChartLegendLabelFontColor;
91
83
  }
92
84
 
93
- .vbi-legend-content-celldiv-square
94
- {
95
- border-color: @sapUiContentForegroundColor;
96
- }
85
+ .vbi-legend-content-celldiv-square {
86
+ border-color: var(--sapContent_ForegroundColor);
87
+ }
package/src/sap/ui/vbm/themes/sap_horizon_dark/library.source.less CHANGED
@@ -6,5 +6,4 @@
6
6
  @import "../../../../../sap/ui/core/themes/sap_horizon_dark/base.less";
7
7
  @import "../../../../../sap/ui/core/themes/sap_horizon_dark/global.less";
8
8
 
9
- @import "AnalyticMap.less";
10
- @import "VBI.less";
9
+ @import "VBI.less";
package/src/sap/ui/vbm/themes/sap_horizon_hcb/VBI.less CHANGED
@@ -1,96 +1,87 @@
1
+ /* ================================== */
2
+ /* CSS for control sap.ui.vbm/VBI */
3
+ /* Horizon High Contrast Black theme */
4
+ /* ================================== */
1
5
 
2
6
  .vbi-detail {
3
- background-color: @sapUiBaseBG;
7
+ background-color: var(--sapBackgroundColor);
4
8
  }
5
9
 
6
- .vbi-detail-closebutton
7
- {
8
- background-color: @sapUiBaseBG;
10
+ .vbi-detail-closebutton {
11
+ background-color: var(--sapBackgroundColor);
9
12
  }
10
13
 
11
- .vbi-detail-content
12
- {
13
- background-color: @sapUiBaseBG;
14
+ .vbi-detail-content {
15
+ background-color: var(--sapBackgroundColor);
14
16
  }
15
17
 
16
- .vbi-detail-phone
17
- {
18
- background-color: @sapUiBaseBG;
18
+ .vbi-detail-phone {
19
+ background-color: var(--sapBackgroundColor);
19
20
  }
20
21
 
21
- .vbi-detail > .vbi-detail-arrow.vbi-detail-left
22
- {
23
- border-right-color: @sapUiBaseBG;
22
+ .vbi-detail > .vbi-detail-arrow.vbi-detail-left {
23
+ border-right-color: var(--sapBackgroundColor);
24
24
  }
25
25
 
26
- .vbi-detail > .vbi-detail-header
27
- {
28
- font-size: @sapUiFontHeader4Size;
29
- font-family: @sapUiFontHeaderFamily;
30
- font-weight: @sapUiFontHeaderWeight;
31
- color: @sapTextColor;
26
+ .vbi-detail > .vbi-detail-header {
27
+ font-size: @sapUiFontHeader4Size;
28
+ font-family: var(--sapFontHeaderFamily);
29
+ font-weight: @sapUiFontHeaderWeight;
30
+ color: var(--sapTextColor);
32
31
  }
33
32
 
34
- .vbi-detail-header-phone
35
- {
36
- font-family: @sapUiFontHeaderFamily;
37
- font-weight: @sapUiFontHeaderWeight;
38
- color: @sapTextColor;
33
+ .vbi-detail-header-phone {
34
+ font-family: var(--sapFontHeaderFamily);
35
+ font-weight: @sapUiFontHeaderWeight;
36
+ color: var(--sapTextColor);
39
37
  }
40
38
 
41
39
  .vbi-legend {
42
40
  box-shadow: lighten(@sapUiContentForegroundColor, 20%) 0rem 0rem 0.9rem 0.0625rem;
43
- font-family: @sapUiFontFamily;
44
- background-color: @sapUiBaseBG;
45
- color: @sapTextColor;
41
+ font-family: var(--sapFontFamily);
42
+ background-color: var(--sapBackgroundColor);
43
+ color: var(--sapTextColor);
46
44
  }
47
45
 
48
- .vbi-legend > .vbi-legend-header
49
- {
50
- font-size: @sapMFontMediumSize;
46
+ .vbi-legend > .vbi-legend-header {
47
+ font-size: @sapMFontMediumSize;
51
48
  }
52
49
 
53
- .vbi-legend-button-col:hover
54
- {
55
- background-color: @sapUiHighlight;
50
+ .vbi-legend-button-col:hover {
51
+ background-color: var(--sapHighlightColor);
56
52
  }
57
53
 
58
- .vbi-legend-button-col:active
59
- {
54
+ .vbi-legend-button-col:active {
60
55
  background-color: darken(@sapUiHighlight, 20%);
61
56
  }
62
57
 
63
- .vbi-legend-button-exp:hover
64
- {
65
- background-color: @sapUiHighlight;
58
+ .vbi-legend-button-exp:hover {
59
+ background-color: var(--sapHighlightColor);
66
60
  }
67
61
 
68
- .vbi-legend-button-exp:active
69
- {
62
+ .vbi-legend-button-exp:active {
70
63
  background-color: darken(@sapUiHighlight, 20%);
71
64
  }
72
65
 
73
- .vbi-legend-table
74
- {
75
- font-size: @sapMFontSmallSize;
66
+ .vbi-legend-table {
67
+ font-size: var(--sapFontSmallSize);
76
68
  }
77
69
 
78
- .vbi-legend-table-click
79
- {
70
+ .vbi-legend-table-click {
71
+
80
72
  tr:hover {
81
- background-color: @sapUiHighlight;
82
- };
73
+ background-color: var(--sapHighlightColor);
74
+ }
75
+
83
76
  tr:active {
84
77
  background-color: darken(@sapUiHighlight, 20%);
85
- };
78
+ }
86
79
  }
87
80
 
88
- .vbi-legend-content-celltext
89
- {
81
+ .vbi-legend-content-celltext {
90
82
  color: @sapUiChartLegendLabelFontColor;
91
83
  }
92
84
 
93
- .vbi-legend-content-celldiv-square
94
- {
95
- border-color: @sapUiContentForegroundColor;
96
- }
85
+ .vbi-legend-content-celldiv-square {
86
+ border-color: var(--sapContent_ForegroundColor);
87
+ }
package/src/sap/ui/vbm/themes/sap_horizon_hcb/library.source.less CHANGED
@@ -6,6 +6,4 @@
6
6
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/base.less";
7
7
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
8
8
 
9
-
10
- @import "AnalyticMap.less";
11
- @import "VBI.less";
9
+ @import "VBI.less";