@openui5/themelib_sap_horizon 1.114.9 → 1.114.10

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 (62) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
  4. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
  5. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  6. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  7. package/src/sap/m/themes/sap_horizon/IconTabBar.less +40 -17
  8. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  9. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  10. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  11. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  12. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  13. package/src/sap/m/themes/sap_horizon/RangeSlider.less +6 -8
  14. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  15. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
  16. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  17. package/src/sap/m/themes/sap_horizon/Slider.less +4 -9
  18. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  19. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  20. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +30 -7
  21. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  22. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  23. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  24. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  25. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  26. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +28 -8
  27. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  28. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  30. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -11
  31. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  32. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  34. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  35. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  36. package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +4 -6
  37. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  38. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +4 -32
  39. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  40. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  41. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  42. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  43. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  44. package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +4 -6
  45. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  46. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +4 -32
  47. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +2 -0
  48. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +2 -0
  49. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  50. package/src/sap/ui/core/themes/sap_horizon/base.less +139 -138
  51. package/src/sap/ui/core/themes/sap_horizon/global.less +20 -16
  52. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  53. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +112 -111
  54. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +21 -17
  55. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +26 -26
  57. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +16 -16
  58. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  59. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +19 -19
  60. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +16 -16
  61. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  62. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
@@ -164,6 +164,10 @@ div.sapMSltPicker .sapMSltPickerValueState {
164
164
  .sapMSltArrow {
165
165
  width: 2.25rem;
166
166
  height: 2.25rem;
167
+
168
+ &:hover {
169
+ box-shadow: @sapUiFieldHoverShadow;
170
+ }
167
171
  }
168
172
 
169
173
  .sapUiSizeCompact .sapMSltArrow {
@@ -174,7 +178,6 @@ div.sapMSltPicker .sapMSltPickerValueState {
174
178
  .sapMSltPressed >.sapMSltArrow,
175
179
  .sapMSlt:hover > .sapMSltArrow {
176
180
  background-color: @sapUiButtonActiveBackground;
177
- box-shadow: @sapUiFieldHoverShadow;
178
181
  overflow: none;
179
182
  border-radius: 0.125rem;
180
183
  }
@@ -12,10 +12,6 @@
12
12
  height: 1.5rem;
13
13
  margin-left: -1rem;
14
14
  top: -0.625rem;
15
-
16
- &:not(:focus) {
17
- box-shadow: @sapUiContentSelectedShadow;
18
- }
19
15
  }
20
16
 
21
17
  .sapMSlider {
@@ -23,7 +19,7 @@
23
19
  align-items: center;
24
20
  }
25
21
 
26
- .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
22
+ .sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
27
23
  font-family: SAP-icons;
28
24
  content: "\e29c";
29
25
  position: absolute;
@@ -48,15 +44,13 @@
48
44
  &:not(:focus) {
49
45
  border-color: @sapUiSliderHoverHandleBorderColor;
50
46
  background: @sapUiSliderHoverHandleBackground;
51
- box-shadow: @sapUiContentSelectedShadow;
52
47
  }
53
48
  }
54
49
 
55
50
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
56
- background: @sapUiSliderActiveHandleBackground;
57
- border: 0.125rem solid #4DB1FF;
51
+ background: @sapUiSliderActiveRangeHandleBackground;
52
+ border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
58
53
  outline: none;
59
- box-shadow: none;
60
54
  top: -0.625rem;
61
55
  }
62
56
 
@@ -104,7 +98,7 @@
104
98
  width: 0.5rem;
105
99
  height: 0.5rem;
106
100
  right: 0.125rem;
107
- top: 1.25rem;
101
+ top: 1.375rem;
108
102
  }
109
103
 
110
104
  .sapMSliderTooltip {
@@ -121,12 +115,14 @@
121
115
  }
122
116
 
123
117
  .sapMSliderTickmarks {
118
+ top: -0.75rem;
124
119
  display: flex;
125
120
  box-sizing: border-box;
126
121
  align-items: center;
127
122
  }
128
123
 
129
124
  .sapMSliderTick {
125
+ border-color: @sapUiContentMeasureIndicatorColor;
130
126
  margin: 0;
131
127
  height: .5rem;
132
128
  }
@@ -149,7 +145,7 @@
149
145
  }
150
146
 
151
147
  .sapMSlider::after {
152
- top: 0.875rem;
148
+ top: 0.75rem;
153
149
  right: 0.375rem;
154
150
  }
155
151
 
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentIconColor;
8
+ background: @sapUiContentBusyColor;
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiContentIconColor;
14
+ box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
15
15
  }
@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
35
35
  /* --------------------- */
36
36
  .sapMBtnInner {
37
37
  font-size: @sapMFontMediumSize;
38
- height: 2.25rem;
38
+ height: @sapUiElementHeight;
39
39
  min-width: 2.25rem;
40
40
  margin: 0;
41
41
  padding: 0;
@@ -19,11 +19,11 @@
19
19
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
20
20
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
21
21
  @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
22
- @_sap_m_Carousel_BulletInactiveBackground: none;
22
+ @_sap_m_Carousel_BulletInactiveBackground: transparent;
23
23
  @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
24
24
  @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
25
25
  @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
26
- @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
26
+ @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
27
27
  @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
28
28
  @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
29
29
  @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
@@ -100,21 +100,42 @@
100
100
 
101
101
  .sapMObjStatusInverted {
102
102
  box-sizing: border-box;
103
+ min-width: 1.375rem;
103
104
  & .sapMObjStatusText,
104
105
  & .sapMObjStatusIcon.sapMObjStatusIconOnly,
105
106
  & .sapMObjStatusIcon .sapMObjStatusIconOnly,
106
107
  & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
107
108
  & .sapMObjStatusLink .sapMObjStatusText {
108
- border-radius: @sapUiElementBorderCornerRadius;
109
+ border-radius: @sapUiButtonBorderCornerRadius;
109
110
  }
110
111
  & .sapMObjStatusIcon {
111
- border-radius: @sapUiElementBorderCornerRadius 0 0 @sapUiElementBorderCornerRadius;
112
+ border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
112
113
  }
113
114
  & .sapMObjStatusIcon + .sapMObjStatusText {
114
- border-radius: 0 @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius 0;
115
+ border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
115
116
  }
116
117
  }
117
118
 
119
+ .sapMObjStatusInverted .sapMObjStatusText,
120
+ .sapMObjStatusInverted .sapMObjStatusIcon {
121
+ color: @sapUiContentContrastTextColor;
122
+ border: 0.0625rem solid;
123
+ }
124
+
125
+ .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
126
+ .sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
127
+ padding: 0.1875rem 0.313rem;
128
+ }
129
+
130
+ .sapMObjStatusInverted .sapMObjStatusText {
131
+ padding: 0.1875rem 0.25rem;
132
+ }
133
+
134
+ .sapMObjStatusInverted .sapMObjStatusIcon {
135
+ padding: 0.1875rem 0 0.1875rem 0.25rem;
136
+ vertical-align: middle;
137
+ }
138
+
118
139
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
119
140
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
120
141
  background-color: @sapUiBaseBG;
@@ -214,24 +235,114 @@
214
235
  }
215
236
 
216
237
  .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
217
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon,
238
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
239
+ background-color: @sapUiIndication1Background;
240
+ border-color: @sapUiIndication1BorderColor;
241
+ color: @sapUiIndication1TextColor;
242
+ }
243
+
218
244
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
219
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon,
245
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
246
+ background-color: @sapUiIndication2Background;
247
+ border-color: @sapUiIndication2BorderColor;
248
+ color: @sapUiIndication2TextColor;
249
+ }
250
+
220
251
  .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
221
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon,
252
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
253
+ background-color: @sapUiIndication3Background;
254
+ border-color: @sapUiIndication3BorderColor;
255
+ color: @sapUiIndication3TextColor;
256
+ }
257
+
222
258
  .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
223
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon,
259
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
260
+ background-color: @sapUiIndication4Background;
261
+ border-color: @sapUiIndication4BorderColor;
262
+ color: @sapUiIndication4TextColor;
263
+ }
264
+
224
265
  .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
225
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon,
266
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
267
+ background-color: @sapUiIndication5Background;
268
+ border-color: @sapUiIndication5BorderColor;
269
+ color: @sapUiIndication5TextColor;
270
+ }
271
+
226
272
  .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
227
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon,
273
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
274
+ background-color: @sapUiIndication6Background;
275
+ border-color: @sapUiIndication6BorderColor;
276
+ color: @sapUiIndication6TextColor;
277
+ }
228
278
  .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
229
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon,
279
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
280
+ background-color: @sapUiIndication7Background;
281
+ border-color: @sapUiIndication7BorderColor;
282
+ color: @sapUiIndication7TextColor;
283
+ }
230
284
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
231
285
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
232
- background-color: @sapUiBaseBG;
233
- border: 0.0625rem solid @sapUiContentForegroundBorderColor;
234
- color: @sapUiBaseText;
286
+ background-color: @sapUiIndication8Background;
287
+ border-color: @sapUiIndication8BorderColor;
288
+ color: @sapUiIndication8TextColor;
289
+ }
290
+
291
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
292
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
293
+ background-color: @sapUiIndication1ActiveBackground;
294
+ border-color: @sapUiIndication1ActiveBorderColor;
295
+ color: @sapUiIndication1ActiveTextColor;
296
+
297
+ }
298
+
299
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
300
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
301
+ background-color: @sapUiIndication2ActiveBackground;
302
+ border-color: @sapUiIndication2ActiveBorderColor;
303
+ color: @sapUiIndication2ActiveTextColor;
304
+ }
305
+
306
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
307
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
308
+ background-color: @sapUiIndication3ActiveBackground;
309
+ border-color: @sapUiIndication3ActiveBorderColor;
310
+ color: @sapUiIndication3ActiveTextColor;
311
+ }
312
+
313
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
314
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
315
+ background-color: @sapUiIndication4ActiveBackground;
316
+ border-color: @sapUiIndication4ActiveBorderColor;
317
+ color: @sapUiIndication4ActiveTextColor;
318
+ }
319
+
320
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
321
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
322
+ background-color: @sapUiIndication5ActiveBackground;
323
+ border-color: @sapUiIndication5ActiveBorderColor;
324
+ color: @sapUiIndication5ActiveTextColor;
325
+ }
326
+
327
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
328
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
329
+ background-color: @sapUiIndication6ActiveBackground;
330
+ border-color: @sapUiIndication6ActiveBorderColor;
331
+ color: @sapUiIndication6ActiveTextColor;
332
+ }
333
+
334
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
335
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
336
+ background-color: @sapUiIndication7ActiveBackground;
337
+ border-color: @sapUiIndication7ActiveBorderColor;
338
+ color: @sapUiIndication7ActiveTextColor;
339
+ }
340
+
341
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
342
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
343
+ background-color: @sapUiIndication8ActiveBackground;
344
+ border-color: @sapUiIndication8ActiveBorderColor;
345
+ color: @sapUiIndication8ActiveTextColor;
235
346
  }
236
347
 
237
348
  html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
@@ -76,7 +76,8 @@
76
76
  opacity: 1;
77
77
 
78
78
  .sapMIBar-CTX.sapMFooter-CTX {
79
- box-shadow: @sapUiShadowLevel1;
79
+ box-shadow: @sapUiContentShadow1;
80
+ border: none;
80
81
  }
81
82
  }
82
83
 
@@ -25,7 +25,6 @@
25
25
  }
26
26
  .sapMSliderInner .sapMSliderHandle {
27
27
  background: @sapUiSliderRangeHandleBackground;
28
- box-shadow: @sapUiContentSelectedShadow;
29
28
  top: -0.6875rem;
30
29
  }
31
30
 
@@ -33,13 +32,12 @@
33
32
  &:hover {
34
33
  background-color: @sapUiSliderHoverHandleBackground;
35
34
  border-color: @sapUiSliderHoverHandleBorderColor;
36
- box-shadow: @sapUiContentSelectedShadow;
37
35
  }
38
36
 
39
37
  &.sapMSliderHandlePressed {
40
38
  &:not(:focus) {
41
39
  background: transparent;
42
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
40
+ border: 0.125rem solid @sapUiContentFocusColor;
43
41
  outline: none;
44
42
  box-shadow: none;
45
43
  top: -0.6875rem;
@@ -48,7 +46,7 @@
48
46
 
49
47
  &:focus {
50
48
  background: @sapUiSliderActiveRangeHandleBackground;
51
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
49
+ border: 0.125rem solid @sapUiContentFocusColor;
52
50
  outline: none;
53
51
  box-shadow: none;
54
52
  top: -0.6875rem;
@@ -69,7 +67,7 @@
69
67
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle.sapMSliderHandlePressed {
70
68
  &:not(:focus) {
71
69
  background: transparent;
72
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
70
+ border: 0.125rem solid @sapUiContentFocusColor;
73
71
  outline: none;
74
72
  box-shadow: none;
75
73
  top: -0.5rem;
@@ -78,7 +76,7 @@
78
76
 
79
77
  .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
80
78
  background: @sapUiSliderActiveRangeHandleBackground;
81
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
79
+ border: 0.125rem solid @sapUiContentFocusColor;
82
80
  outline: none;
83
81
  box-shadow: none;
84
82
  top: -0.5rem;
@@ -36,8 +36,8 @@
36
36
  }
37
37
 
38
38
  &:hover {
39
- box-shadow: @sapUiContentInteractionShadow;
40
- background-color: @sapUiButtonLiteHoverBackground;
39
+ box-shadow: @sapUiFieldHoverShadow;
40
+ background-color: @sapUiButtonHoverBackground;
41
41
  border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
42
42
  border-right: 1px solid transparent;
43
43
  }
@@ -49,9 +49,9 @@
49
49
  &:active,
50
50
  &.sapMSFBA // Firefox specific
51
51
  {
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ box-shadow: @sapUiFieldHoverShadow;
53
53
  color: @sapUiButtonSelectedTextColor;
54
- background-color: @sapUiButtonLiteActiveBackground;
54
+ background-color: @sapUiButtonHoverBackground;
55
55
  }
56
56
  }
57
57
 
@@ -32,7 +32,6 @@
32
32
  .sapMSliderHandle:hover {
33
33
  background: @sapUiSliderHoverHandleBackground;
34
34
  border-color: @sapUiSliderHoverHandleBorderColor;
35
- box-shadow: @sapUiContentSelectedShadow;
36
35
  }
37
36
 
38
37
  /* slider handle */
@@ -45,10 +44,6 @@
45
44
  margin-left: -1rem;
46
45
  top: -0.625rem;
47
46
 
48
- &:not(:focus) {
49
- box-shadow: @sapUiContentSelectedShadow;
50
- }
51
-
52
47
  &:focus:before {
53
48
  content: '';
54
49
  position: absolute;
@@ -62,7 +57,7 @@
62
57
  }
63
58
  }
64
59
 
65
- .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
60
+ .sapMSliderInner .sapMSliderHandle:not(:focus):not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
66
61
  font-family: SAP-icons;
67
62
  content: "\e29c";
68
63
  position: absolute;
@@ -75,34 +70,17 @@
75
70
  color: @sapContent_Selected_ForegroundColor;
76
71
  }
77
72
 
78
- .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
79
- &:after {
80
- top: 0.1875rem;
81
- right: 0.4375rem;
82
- }
83
- }
84
-
85
73
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle {
86
74
  &:hover {
87
75
  background: @sapUiSliderHoverHandleBackground;
88
76
  border-color: @sapUiSliderHoverHandleBorderColor;
89
- box-shadow: @sapUiContentSelectedShadow;
90
- }
91
-
92
- &:focus:active {
93
- background: @sapUiSliderActiveHandleBackground;
94
- border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
95
- box-shadow: none;
96
- &:before {
97
- content: none;
98
- }
99
77
  }
100
78
  }
101
79
 
102
80
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
103
- background: @sapUiSliderHandleBackground;
81
+ background: @sapUiSliderActiveRangeHandleBackground;
82
+ border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
104
83
  outline: none;
105
- box-shadow: none;
106
84
  top: -0.625rem;
107
85
  }
108
86
 
@@ -123,6 +101,7 @@
123
101
  }
124
102
 
125
103
  .sapMSliderTick {
104
+ border-color: @sapUiContentMeasureIndicatorColor;
126
105
  margin: 0;
127
106
  height: .5rem;
128
107
  }
@@ -210,13 +189,6 @@
210
189
  top: 0.125rem;
211
190
  right: 0.25rem;
212
191
  }
213
-
214
- .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus:active {
215
- &:after {
216
- top: 0.0625rem;
217
- right: 0.1875rem;
218
- }
219
- }
220
192
  }
221
193
 
222
194
  .sapMSliderTick[data-ui5-active-tickmark="true"] {
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentIconColor;
8
+ background: @sapUiContentBusyColor;
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiContentIconColor;
14
+ box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
15
15
  }
@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
35
35
  /* --------------------- */
36
36
  .sapMBtnInner {
37
37
  font-size: @sapMFontMediumSize;
38
- height: 2.25rem;
38
+ height: @sapUiElementHeight;
39
39
  min-width: 2.25rem;
40
40
  margin: 0;
41
41
  padding: 0;
@@ -19,11 +19,11 @@
19
19
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
20
20
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
21
21
  @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
22
- @_sap_m_Carousel_BulletInactiveBackground: none;
22
+ @_sap_m_Carousel_BulletInactiveBackground: transparent;
23
23
  @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
24
24
  @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
25
25
  @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
26
- @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
26
+ @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
27
27
  @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
28
28
  @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
29
29
  @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
@@ -100,21 +100,42 @@
100
100
 
101
101
  .sapMObjStatusInverted {
102
102
  box-sizing: border-box;
103
+ min-width: 1.375rem;
103
104
  & .sapMObjStatusText,
104
105
  & .sapMObjStatusIcon.sapMObjStatusIconOnly,
105
106
  & .sapMObjStatusIcon .sapMObjStatusIconOnly,
106
107
  & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
107
108
  & .sapMObjStatusLink .sapMObjStatusText {
108
- border-radius: @sapUiElementBorderCornerRadius;
109
+ border-radius: @sapUiButtonBorderCornerRadius;
109
110
  }
110
111
  & .sapMObjStatusIcon {
111
- border-radius: @sapUiElementBorderCornerRadius 0 0 @sapUiElementBorderCornerRadius;
112
+ border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
112
113
  }
113
114
  & .sapMObjStatusIcon + .sapMObjStatusText {
114
- border-radius: 0 @sapUiElementBorderCornerRadius @sapUiElementBorderCornerRadius 0;
115
+ border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
115
116
  }
116
117
  }
117
118
 
119
+ .sapMObjStatusInverted .sapMObjStatusText,
120
+ .sapMObjStatusInverted .sapMObjStatusIcon {
121
+ color: @sapUiContentContrastTextColor;
122
+ border: 0.0625rem solid;
123
+ }
124
+
125
+ .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
126
+ .sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
127
+ padding: 0.1875rem 0.313rem;
128
+ }
129
+
130
+ .sapMObjStatusInverted .sapMObjStatusText {
131
+ padding: 0.1875rem 0.25rem;
132
+ }
133
+
134
+ .sapMObjStatusInverted .sapMObjStatusIcon {
135
+ padding: 0.1875rem 0 0.1875rem 0.25rem;
136
+ vertical-align: middle;
137
+ }
138
+
118
139
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
119
140
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
120
141
  background-color: @sapUiBaseBG;
@@ -214,24 +235,114 @@
214
235
  }
215
236
 
216
237
  .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
217
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon,
238
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
239
+ background-color: @sapUiIndication1Background;
240
+ border-color: @sapUiIndication1BorderColor;
241
+ color: @sapUiIndication1TextColor;
242
+ }
243
+
218
244
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
219
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon,
245
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
246
+ background-color: @sapUiIndication2Background;
247
+ border-color: @sapUiIndication2BorderColor;
248
+ color: @sapUiIndication2TextColor;
249
+ }
250
+
220
251
  .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
221
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon,
252
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
253
+ background-color: @sapUiIndication3Background;
254
+ border-color: @sapUiIndication3BorderColor;
255
+ color: @sapUiIndication3TextColor;
256
+ }
257
+
222
258
  .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
223
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon,
259
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
260
+ background-color: @sapUiIndication4Background;
261
+ border-color: @sapUiIndication4BorderColor;
262
+ color: @sapUiIndication4TextColor;
263
+ }
264
+
224
265
  .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
225
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon,
266
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
267
+ background-color: @sapUiIndication5Background;
268
+ border-color: @sapUiIndication5BorderColor;
269
+ color: @sapUiIndication5TextColor;
270
+ }
271
+
226
272
  .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
227
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon,
273
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
274
+ background-color: @sapUiIndication6Background;
275
+ border-color: @sapUiIndication6BorderColor;
276
+ color: @sapUiIndication6TextColor;
277
+ }
228
278
  .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
229
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon,
279
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
280
+ background-color: @sapUiIndication7Background;
281
+ border-color: @sapUiIndication7BorderColor;
282
+ color: @sapUiIndication7TextColor;
283
+ }
230
284
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
231
285
  .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
232
- background-color: @sapUiBaseBG;
233
- border: 0.0625rem solid @sapUiContentForegroundBorderColor;
234
- color: @sapUiBaseText;
286
+ background-color: @sapUiIndication8Background;
287
+ border-color: @sapUiIndication8BorderColor;
288
+ color: @sapUiIndication8TextColor;
289
+ }
290
+
291
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
292
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
293
+ background-color: @sapUiIndication1ActiveBackground;
294
+ border-color: @sapUiIndication1ActiveBorderColor;
295
+ color: @sapUiIndication1ActiveTextColor;
296
+
297
+ }
298
+
299
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
300
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
301
+ background-color: @sapUiIndication2ActiveBackground;
302
+ border-color: @sapUiIndication2ActiveBorderColor;
303
+ color: @sapUiIndication2ActiveTextColor;
304
+ }
305
+
306
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
307
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
308
+ background-color: @sapUiIndication3ActiveBackground;
309
+ border-color: @sapUiIndication3ActiveBorderColor;
310
+ color: @sapUiIndication3ActiveTextColor;
311
+ }
312
+
313
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
314
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
315
+ background-color: @sapUiIndication4ActiveBackground;
316
+ border-color: @sapUiIndication4ActiveBorderColor;
317
+ color: @sapUiIndication4ActiveTextColor;
318
+ }
319
+
320
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
321
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
322
+ background-color: @sapUiIndication5ActiveBackground;
323
+ border-color: @sapUiIndication5ActiveBorderColor;
324
+ color: @sapUiIndication5ActiveTextColor;
325
+ }
326
+
327
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
328
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
329
+ background-color: @sapUiIndication6ActiveBackground;
330
+ border-color: @sapUiIndication6ActiveBorderColor;
331
+ color: @sapUiIndication6ActiveTextColor;
332
+ }
333
+
334
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
335
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
336
+ background-color: @sapUiIndication7ActiveBackground;
337
+ border-color: @sapUiIndication7ActiveBorderColor;
338
+ color: @sapUiIndication7ActiveTextColor;
339
+ }
340
+
341
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
342
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
343
+ background-color: @sapUiIndication8ActiveBackground;
344
+ border-color: @sapUiIndication8ActiveBorderColor;
345
+ color: @sapUiIndication8ActiveTextColor;
235
346
  }
236
347
 
237
348
  html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {