@openui5/themelib_sap_horizon 1.122.1 → 1.123.1

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 (70) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/ShellBar.less +13 -4
  3. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +11 -3
  4. package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +8 -4
  5. package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +6 -3
  6. package/src/sap/m/themes/sap_horizon/ActionTile.less +10 -0
  7. package/src/sap/m/themes/sap_horizon/Button.less +1 -1
  8. package/src/sap/m/themes/sap_horizon/ListItemBase.less +0 -6
  9. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +10 -0
  10. package/src/sap/m/themes/sap_horizon/RadioButton.less +7 -4
  11. package/src/sap/m/themes/sap_horizon/Select.less +2 -2
  12. package/src/sap/m/themes/sap_horizon/Slider.less +4 -3
  13. package/src/sap/m/themes/sap_horizon/SplitButton.less +87 -3
  14. package/src/sap/m/themes/sap_horizon/library.source.less +0 -1
  15. package/src/sap/m/themes/sap_horizon_dark/ActionTile.less +10 -0
  16. package/src/sap/m/themes/sap_horizon_dark/Button.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +0 -6
  18. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +10 -0
  19. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +7 -4
  20. package/src/sap/m/themes/sap_horizon_dark/Select.less +2 -2
  21. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  22. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +87 -3
  23. package/src/sap/m/themes/sap_horizon_dark/library.source.less +0 -1
  24. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +10 -0
  25. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +6 -0
  26. package/src/sap/m/themes/sap_horizon_hcb/Select.less +10 -5
  27. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +18 -17
  28. package/src/sap/m/themes/sap_horizon_hcb/SplitButton.less +8 -19
  29. package/src/sap/m/themes/sap_horizon_hcw/ColumnListItem.less +1 -1
  30. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +10 -0
  31. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +6 -0
  32. package/src/sap/m/themes/sap_horizon_hcw/Select.less +10 -5
  33. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +21 -23
  34. package/src/sap/m/themes/sap_horizon_hcw/SplitButton.less +8 -19
  35. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +1 -1
  36. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +1 -1
  37. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +1 -1
  38. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  40. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  41. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  42. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  43. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  44. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  45. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  46. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  49. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  50. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  51. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +0 -5
  52. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +0 -5
  53. package/src/sap/ui/integration/themes/sap_horizon_hcb/ListContentItem.less +6 -0
  54. package/src/sap/ui/integration/themes/sap_horizon_hcb/library.source.less +1 -0
  55. package/src/sap/ui/integration/themes/sap_horizon_hcw/ListContentItem.less +6 -0
  56. package/src/sap/ui/integration/themes/sap_horizon_hcw/library.source.less +1 -0
  57. package/src/sap/ui/layout/themes/sap_horizon/FormLayout.less +7 -3
  58. package/src/sap/ui/layout/themes/sap_horizon_dark/FormLayout.less +7 -3
  59. package/src/sap/ui/layout/themes/sap_horizon_hcb/FormLayout.less +7 -3
  60. package/src/sap/ui/layout/themes/sap_horizon_hcw/FormLayout.less +7 -3
  61. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +5 -87
  62. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +6 -77
  63. package/src/sap/ui/unified/themes/sap_horizon_hcb/Menu.less +0 -7
  64. package/src/sap/ui/unified/themes/sap_horizon_hcw/Menu.less +0 -7
  65. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +8 -3
  66. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +1 -1
  67. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +8 -3
  68. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +1 -1
  69. package/src/sap/m/themes/sap_horizon/MenuListItem.less +0 -13
  70. package/src/sap/m/themes/sap_horizon_dark/MenuListItem.less +0 -13
@@ -35,6 +35,7 @@
35
35
 
36
36
  .sapMSB .sapMSBArrow .sapMBtnIcon {
37
37
  font-size: 1rem;
38
+ line-height: 2.125rem;
38
39
  }
39
40
 
40
41
  .sapMSB .sapMSBArrow .sapMBtnInner,
@@ -55,6 +56,14 @@
55
56
  padding: 0;
56
57
  background-color: @sapUiButtonBackground;
57
58
  border-radius: 0.5rem;
59
+ border: 0.0625rem solid @sapUiButtonBorderColor;
60
+ }
61
+
62
+ .sapMSB .sapMSBText .sapMBtnInner {
63
+ height: 2.125rem;
64
+ border-top: none;
65
+ border-bottom: none;
66
+ border-left: none;
58
67
  }
59
68
 
60
69
  .sapUiSizeCompact {
@@ -68,40 +77,98 @@
68
77
 
69
78
  .sapMSB.sapMSBEmphasized .sapMSBText {
70
79
  background-color: @sapUiButtonEmphasizedBackground;
80
+ border-color: @sapUiButtonEmphasizedBorderColor;
71
81
  }
72
82
 
73
83
  .sapMSB.sapMSBAccept .sapMSBText {
74
84
  background-color: @sapUiButtonAcceptBackground;
85
+ border-color: @sapUiButtonAcceptBorderColor;
75
86
  }
76
87
 
77
88
  .sapMSB.sapMSBReject .sapMSBText {
78
89
  background-color: @sapUiButtonRejectBackground;
90
+ border-color: @sapUiButtonRejectBorderColor;
79
91
  }
80
92
 
81
93
  .sapMSB.sapMSBSuccess .sapMSBText {
82
94
  background-color: @sapUiButtonSuccessBackground;
95
+ border-color: @sapUiButtonSuccessBorderColor;
83
96
  }
84
97
 
85
98
  .sapMSB.sapMSBNegative .sapMSBText {
86
99
  background-color: @sapUiButtonNegativeBackground;
100
+ border-color: @sapUiButtonNegativeBorderColor;
87
101
  }
88
102
 
89
103
  .sapMSB.sapMSBCritical .sapMSBText {
90
104
  background-color: @sapUiButtonCriticalBackground;
105
+ border-color: @sapUiButtonCriticalBorderColor;
91
106
  }
92
107
 
93
108
  .sapMSB.sapMSBNeutral .sapMSBText {
94
109
  background-color: @sapUiButtonNeutralBackground;
110
+ border-color: @sapUiButtonNeutralBorderColor;
95
111
  }
96
112
 
97
113
  .sapMSB.sapMSBAttention .sapMSBText {
98
114
  background-color: @sapUiButtonAttentionBackground;
115
+ border-color: @sapUiButtonAttentionBorderColor;
99
116
  }
100
117
 
101
118
  .sapMSB.sapMSBTransparent .sapMSBText {
102
119
  background-color: transparent;
103
120
  }
104
121
 
122
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
123
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
124
+ border-color: @sapUiButtonEmphasizedBorderColor;
125
+ }
126
+
127
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
128
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
129
+ border-color: @sapUiButtonAcceptBorderColor;
130
+ }
131
+
132
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
133
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
134
+ border-color: @sapUiButtonRejectBorderColor;
135
+ }
136
+
137
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
138
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
139
+ border-color: @sapUiButtonSuccessBorderColor;
140
+ }
141
+
142
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
143
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
144
+ border-color: @sapUiButtonNegativeBorderColor;
145
+ }
146
+
147
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
148
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
149
+ border-color: @sapUiButtonCriticalBorderColor;
150
+ }
151
+
152
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
153
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
154
+ border-color: @sapUiButtonNeutralBorderColor;
155
+ border-top-left-radius: 0.5rem;
156
+ border-bottom-left-radius: 0.5rem;
157
+ }
158
+
159
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
160
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
161
+ border-color: @sapUiButtonAttentionBorderColor;
162
+ }
163
+
164
+ .sapMBtn.sapMSBText:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
165
+ .sapMBtn.sapMSBArrow:hover > .sapMBtnHoverable.sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
166
+ border-color: @sapUiButtonBorderColor;
167
+ border-top-left-radius: 0.5rem;
168
+ border-bottom-left-radius: 0.5rem;
169
+ }
170
+
171
+ .sapMFooter-CTX .sapMMenuBtnSplit,
105
172
  .sapMMenuBtnSplit {
106
173
  .sapMBtnInner,
107
174
  span.sapMBtnInner.sapMBtnAccept,
@@ -111,6 +178,20 @@
111
178
  }
112
179
  }
113
180
 
181
+ .sapMBtn.sapMSBArrow > .sapMBtnGhost:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
182
+ border-color: @sapUiButtonBorderColor;
183
+ border-left-color: transparent;
184
+ border-top-left-radius: 0;
185
+ border-bottom-left-radius: 0;
186
+ }
187
+
188
+ .sapMBtn.sapMSBArrow > .sapMBtnNeutral:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
189
+ border-color: @sapUiButtonNeutralBorderColor;
190
+ border-left-color: transparent;
191
+ border-top-left-radius: 0;
192
+ border-bottom-left-radius: 0;
193
+ }
194
+
114
195
  .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
115
196
  content: "";
116
197
  position: absolute;
@@ -178,7 +259,7 @@
178
259
  border-color: @sapUiContentContrastFocusColor;
179
260
  }
180
261
 
181
- .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
262
+ .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
182
263
  margin-right: 2.25rem;
183
264
  }
184
265
 
@@ -202,7 +283,7 @@
202
283
  }
203
284
 
204
285
  .sapUiSizeCompact .sapMSB {
205
- .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
286
+ .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
206
287
  margin-right: 2rem;
207
288
  }
208
289
 
@@ -228,11 +309,14 @@
228
309
  left: 0;
229
310
  padding-right: 0;
230
311
  }
231
-
312
+
232
313
  .sapMBtnContent {
233
314
  top: 0;
234
315
  }
235
316
  }
317
+ .sapMSB .sapMSBText .sapMBtnInner {
318
+ height: 1.5rem;
319
+ }
236
320
  }
237
321
 
238
322
  .sapMMenuBtn .sapMBtnDisabled {
@@ -46,7 +46,6 @@
46
46
  @import "ListBase.less";
47
47
  @import "ListItemBase.less";
48
48
  @import "MenuButton.less";
49
- @import "MenuListItem.less";
50
49
  @import "MessageBox.less";
51
50
  @import "MessageStrip.less";
52
51
  @import "MessageView.less";
@@ -29,6 +29,16 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPI.sapMPINoValue {
33
+ padding-top: 0.3125rem;
34
+ padding-bottom: 0.6875rem;
35
+ }
36
+
37
+ .sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
38
+ height: 1rem;
39
+ margin: 0;
40
+ }
41
+
32
42
  .sapMPIValueMax .sapMPIBarRemaining {
33
43
  display: flex;
34
44
  }
@@ -41,6 +41,12 @@
41
41
  right: 0;
42
42
  }
43
43
 
44
+ /* Right to left */
45
+ .sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before {
46
+ left: 0;
47
+ right: 0.5rem;
48
+ }
49
+
44
50
  .sapMRbHasLabel .sapMRbB {
45
51
  width: 2.75rem;
46
52
  }
@@ -22,11 +22,7 @@
22
22
  /* arrow styles*/
23
23
 
24
24
  .sapMSlt > .sapMSltArrow {
25
- line-height: 2.25rem;
26
- }
27
-
28
- .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
29
- line-height: 1.625rem;
25
+ line-height: 2.125rem;
30
26
  }
31
27
 
32
28
  .sapMSltArrow {
@@ -98,6 +94,15 @@ html[data-sap-ui-browser^="ff"] .sapMBar .sapMSlt.sapMSltFocused {
98
94
  border-color: @sapUiFieldWarningColor;
99
95
  }
100
96
 
97
+ .sapMSltLabelState, .sapMSltArrowState {
98
+ line-height: initial;
99
+ }
100
+
101
+ .sapUiSizeCompact .sapMSltLabelState,
102
+ .sapUiSizeCompact .sapMSltArrowState {
103
+ line-height: initial;
104
+ }
105
+
101
106
  /* disabled */
102
107
 
103
108
  .sapMSltDisabled {
@@ -3,29 +3,27 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Slider_Height: 2.75rem;
7
+ @_sap_m_Slider_Progress: .25rem;
8
+ @_sap_m_Slider_Progress_Border: 0.0625rem;
9
+
6
10
  .sapMSliderInner {
7
11
  background: @sapUiSliderBackground;
8
- border: 0.0625rem solid @sapUiSliderBorderColor;
12
+ border: @_sap_m_Slider_Progress_Border solid @sapUiSliderBorderColor;
9
13
  box-sizing: border-box;
10
- height: .25rem;
11
14
  }
12
15
 
13
16
  .sapMSliderProgress {
14
17
  background: @sapUiSliderSelectedBackground;
15
- border-color: @sapUiSliderSelectedBorderColor;
18
+ border: @_sap_m_Slider_Progress_Border solid @sapUiSliderSelectedBorderColor;
19
+ box-sizing: content-box;
20
+ margin-top: -1px;
21
+ margin-left: -1px;
22
+
16
23
  &:before {
17
24
  content: none;
18
25
  transform: none;
19
26
  }
20
- height: .25rem;
21
- border: 0.0625rem solid @sapSlider_Selected_BorderColor;
22
- top: -.125rem;
23
- margin: 0 -1px;
24
- }
25
-
26
- .sapMSliderProgressWithTickmarks {
27
- box-sizing: border-box;
28
- top: -.0625rem;
29
27
  }
30
28
 
31
29
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
@@ -131,7 +129,7 @@
131
129
  width: 0.5rem;
132
130
  height: 0.5rem;
133
131
  left: -0.875rem;
134
- top: -0.1875rem;
132
+ top: calc(50% ~"-" 0.25rem);
135
133
  }
136
134
 
137
135
  .sapMSlider::after {
@@ -144,7 +142,7 @@
144
142
  width: 0.5rem;
145
143
  height: 0.5rem;
146
144
  right: 0.125rem;
147
- top: 1.25rem;
145
+ top: calc(50% ~"-" 0.25rem);
148
146
  }
149
147
 
150
148
  /* pressed */
@@ -161,13 +159,16 @@
161
159
  margin: 0;
162
160
  }
163
161
 
162
+ .sapMSliderTickmarks {
163
+ top: -0.4375rem;
164
+ }
165
+
164
166
  .sapMSlider::after {
165
- top: 0.875rem;
166
- right: 0.375rem;
167
+ right: .125rem;
167
168
  }
168
169
 
169
170
  .sapMSliderInner::before {
170
- left: -0.75rem;
171
+ left: -0.8125rem;
171
172
  }
172
173
 
173
174
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -4,29 +4,18 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
7
- top: 0.25rem;
8
- bottom: 0.25rem;
9
- left: 0;
10
- right: 0;
7
+ top: 0.375rem;
8
+ bottom: 0.375rem;
9
+ left: 0.125rem;
10
+ right: 0.125rem;
11
11
  border: 0.125rem dotted @sapUiContentFocusColor;
12
- }
13
-
14
- .sapMSB:focus .sapMBtnInner {
15
- border-color: @sapUiButtonBackground;
16
- }
17
-
18
- .sapMSB:focus .sapMSBText .sapMBtnInner {
19
- border-right-color: @sapUiContentFocusColor;
20
- }
21
-
22
- .sapMSB:focus .sapMSBArrow .sapMBtnInner {
23
- border-left-color: @sapUiContentFocusColor;
12
+ border-radius: 0.35rem
24
13
  }
25
14
 
26
15
  .sapUiSizeCompact {
27
- .sapMSB:focus .sapMSBInner::after {
28
- top: 0.1875rem;
29
- bottom: 0.1875rem;
16
+ .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
17
+ top: 0.3125rem;
18
+ bottom: 0.3125rem;
30
19
  }
31
20
  }
32
21
 
@@ -25,5 +25,5 @@
25
25
  // hence adding the selection indicator box-shadow to the <td> element
26
26
  html[data-sap-ui-browser^="sf"] .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected > td,
27
27
  html[data-sap-ui-browser^="sf"] .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow > td {
28
- box-shadow: inset 0px -10.0625rem @sapUiListSelectionBorderColor;
28
+ box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
29
29
  }
@@ -29,6 +29,16 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPI.sapMPINoValue {
33
+ padding-top: 0.3125rem;
34
+ padding-bottom: 0.6875rem;
35
+ }
36
+
37
+ .sapUiSizeCompact .sapMPI.sapMPINoValue:not(.sapMPIDisplayOnly) {
38
+ height: 1rem;
39
+ margin: 0;
40
+ }
41
+
32
42
  .sapMPIValueMax .sapMPIBarRemaining {
33
43
  display: flex;
34
44
  }
@@ -41,6 +41,12 @@
41
41
  right: 0;
42
42
  }
43
43
 
44
+ /* Right to left */
45
+ .sapMRbG[dir=rtl] .sapMRbHasLabel.sapMRb:focus:before {
46
+ left: 0;
47
+ right: 0.5rem;
48
+ }
49
+
44
50
  .sapMRbHasLabel .sapMRbB {
45
51
  width: 2.75rem;
46
52
  }
@@ -22,11 +22,7 @@
22
22
  /* arrow styles */
23
23
 
24
24
  .sapMSlt > .sapMSltArrow {
25
- line-height: 2.25rem;
26
- }
27
-
28
- .sapUiSizeCompact .sapMSlt > .sapMSltArrow {
29
- line-height: 1.625rem;
25
+ line-height: 2.125rem;
30
26
  }
31
27
 
32
28
  .sapMSltArrow {
@@ -99,6 +95,15 @@ html[data-sap-ui-browser^="ff"] .sapMBar .sapMSlt.sapMSltFocused {
99
95
  border-color: @sapUiFieldWarningColor;
100
96
  }
101
97
 
98
+ .sapMSltLabelState, .sapMSltArrowState {
99
+ line-height: initial;
100
+ }
101
+
102
+ .sapUiSizeCompact .sapMSltLabelState,
103
+ .sapUiSizeCompact .sapMSltArrowState {
104
+ line-height: initial;
105
+ }
106
+
102
107
  /* disabled */
103
108
 
104
109
  .sapMSltDisabled {
@@ -3,27 +3,27 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Slider_Height: 2.75rem;
7
+ @_sap_m_Slider_Progress: .25rem;
8
+ @_sap_m_Slider_Progress_Border: 0.0625rem;
9
+
6
10
  .sapMSliderInner {
7
11
  background: @sapUiSliderBackground;
8
- border: 0.0625rem solid @sapUiSliderBorderColor;
12
+ border: @_sap_m_Slider_Progress_Border solid @sapUiSliderBorderColor;
13
+ box-sizing: border-box;
9
14
  }
10
15
 
11
16
  .sapMSliderProgress {
12
17
  background: @sapUiSliderSelectedBackground;
13
- border-color: @sapUiSliderSelectedBorderColor;
18
+ border: @_sap_m_Slider_Progress_Border solid @sapUiSliderSelectedBorderColor;
19
+ box-sizing: content-box;
20
+ margin-top: -0.0625rem;
21
+ margin-left: -0.0625rem;
22
+
14
23
  &:before {
15
24
  content: none;
16
25
  transform: none;
17
26
  }
18
- height: .25rem;
19
- border: 0.0625rem solid @sapSlider_Selected_BorderColor;
20
- top: -.125rem;
21
- margin: 0 -1px;
22
- }
23
-
24
- .sapMSliderProgressWithTickmarks {
25
- box-sizing: border-box;
26
- top: -.0625rem;
27
27
  }
28
28
 
29
29
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderProgress:hover ~ .sapMSliderHandle,
@@ -93,6 +93,7 @@
93
93
 
94
94
  .sapMSliderTickmarks {
95
95
  display: flex;
96
+ box-sizing: border-box;
96
97
  align-items: center;
97
98
  top: -0.8125rem;
98
99
  }
@@ -128,26 +129,20 @@
128
129
  width: 0.5rem;
129
130
  height: 0.5rem;
130
131
  left: -0.875rem;
131
- top: -0.1875rem;
132
+ top: calc(50% ~"-" 0.25rem);
132
133
  }
133
134
 
134
135
  .sapMSlider::after {
135
136
  content: "";
136
137
  position: absolute;
137
- background-color: @sapUiContentMeasureIndicatorColor;
138
138
  box-sizing: border-box;
139
139
  border: 0.0625rem solid @sapUiContentMeasureIndicatorColor;
140
+ background-color: @sapUiContentMeasureIndicatorColor;
140
141
  border-radius: 50%;
141
142
  width: 0.5rem;
142
143
  height: 0.5rem;
143
144
  right: 0.125rem;
144
- top: 1.25rem;
145
- }
146
-
147
- .sapMSliderInner {
148
- z-index: 2;
149
- box-sizing: border-box;
150
- height: .25rem;
145
+ top: calc(50% ~"-" 0.25rem);
151
146
  }
152
147
 
153
148
  /* pressed */
@@ -164,13 +159,16 @@
164
159
  margin: 0;
165
160
  }
166
161
 
162
+ .sapMSliderTickmarks {
163
+ top: -0.4375rem;
164
+ }
165
+
167
166
  .sapMSlider::after {
168
- top: 0.875rem;
169
- right: 0.375rem;
167
+ right: .125rem;
170
168
  }
171
169
 
172
170
  .sapMSliderInner::before {
173
- left: -0.75rem;
171
+ left: -0.8125rem;
174
172
  }
175
173
 
176
174
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -4,29 +4,18 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
7
- top: 0.25rem;
8
- bottom: 0.25rem;
9
- left: 0;
10
- right: 0;
7
+ top: 0.375rem;
8
+ bottom: 0.375rem;
9
+ left: 0.125rem;
10
+ right: 0.125rem;
11
11
  border: 0.125rem dotted @sapUiContentFocusColor;
12
- }
13
-
14
- .sapMSB:focus .sapMBtnInner {
15
- border-color: @sapUiButtonBackground;
16
- }
17
-
18
- .sapMSB:focus .sapMSBText .sapMBtnInner {
19
- border-right-color: @sapUiContentFocusColor;
20
- }
21
-
22
- .sapMSB:focus .sapMSBArrow .sapMBtnInner {
23
- border-left-color: @sapUiContentFocusColor;
12
+ border-radius: 0.35rem
24
13
  }
25
14
 
26
15
  .sapUiSizeCompact {
27
- .sapMSB:focus .sapMSBInner::after {
28
- top: 0.1875rem;
29
- bottom: 0.1875rem;
16
+ .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
17
+ top: 0.3125rem;
18
+ bottom: 0.3125rem;
30
19
  }
31
20
  }
32
21
 
@@ -10,7 +10,7 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
@@ -10,7 +10,7 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
@@ -16,7 +16,7 @@
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
19
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
20
20
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
21
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
@@ -16,7 +16,7 @@
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_SelectedAndFocusedBorderStyleColor: none;
18
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
19
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
20
20
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
21
21
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
22
22
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.1</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.1</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.1</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.122.1</version>
9
+ <version>1.123.1</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -45,11 +45,6 @@
45
45
  }
46
46
  }
47
47
 
48
- .sapUiMnuItmSbMnu {
49
- right: -0.5rem;
50
- padding-right: 0;
51
- }
52
-
53
48
  &:focus {
54
49
  .sapUiIcon {
55
50
  border: 0.0625rem solid @_sap_ui_dt_ContextMenu_Focus_BorderColor;