@openui5/themelib_sap_horizon 1.108.19 → 1.108.20

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 (53) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  5. package/src/sap/m/themes/sap_horizon/IconTabBar.less +40 -17
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  7. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  8. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  9. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  10. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  11. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
  12. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  13. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  14. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  15. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +30 -7
  16. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  17. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  18. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  19. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  20. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  21. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
  22. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  23. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  24. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  25. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  26. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  27. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  28. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  29. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  30. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  31. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  32. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  33. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  34. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  35. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  36. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  37. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  38. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  39. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  40. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  41. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  42. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
  43. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  44. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  45. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  46. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  47. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  48. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  49. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  50. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  51. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  52. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  53. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
package/THIRDPARTY.txt CHANGED
@@ -478,7 +478,7 @@ License: Apache-2.0
478
478
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
479
479
  Contained in: lib/jsdoc/ui5/plugin.js
480
480
 
481
- Component: SAP Theming Base Content, version: 11.4.2
481
+ Component: SAP Theming Base Content, version: 11.6.8
482
482
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
483
483
  License: Apache-2.0
484
484
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.108.19",
3
+ "version": "1.108.20",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.108.19",
18
- "@openui5/sap.m": "1.108.19",
19
- "@openui5/sap.tnt": "1.108.19",
20
- "@openui5/sap.ui.codeeditor": "1.108.19",
21
- "@openui5/sap.ui.commons": "1.108.19",
22
- "@openui5/sap.ui.core": "1.108.19",
23
- "@openui5/sap.ui.dt": "1.108.19",
24
- "@openui5/sap.ui.fl": "1.108.19",
25
- "@openui5/sap.ui.mdc": "1.108.19",
26
- "@openui5/sap.ui.integration": "1.108.19",
27
- "@openui5/sap.ui.layout": "1.108.19",
28
- "@openui5/sap.ui.rta": "1.108.19",
29
- "@openui5/sap.ui.suite": "1.108.19",
30
- "@openui5/sap.ui.table": "1.108.19",
31
- "@openui5/sap.ui.unified": "1.108.19",
32
- "@openui5/sap.ui.ux3": "1.108.19",
33
- "@openui5/sap.uxap": "1.108.19"
17
+ "@openui5/sap.f": "1.108.20",
18
+ "@openui5/sap.m": "1.108.20",
19
+ "@openui5/sap.tnt": "1.108.20",
20
+ "@openui5/sap.ui.codeeditor": "1.108.20",
21
+ "@openui5/sap.ui.commons": "1.108.20",
22
+ "@openui5/sap.ui.core": "1.108.20",
23
+ "@openui5/sap.ui.dt": "1.108.20",
24
+ "@openui5/sap.ui.fl": "1.108.20",
25
+ "@openui5/sap.ui.mdc": "1.108.20",
26
+ "@openui5/sap.ui.integration": "1.108.20",
27
+ "@openui5/sap.ui.layout": "1.108.20",
28
+ "@openui5/sap.ui.rta": "1.108.20",
29
+ "@openui5/sap.ui.suite": "1.108.20",
30
+ "@openui5/sap.ui.table": "1.108.20",
31
+ "@openui5/sap.ui.unified": "1.108.20",
32
+ "@openui5/sap.ui.ux3": "1.108.20",
33
+ "@openui5/sap.uxap": "1.108.20"
34
34
  }
35
35
  }
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiBrand;
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 @sapUiBrand;
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;
@@ -184,6 +184,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
184
184
  border-color: @sapUiButtonLiteBorderColor;
185
185
  }
186
186
 
187
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
188
+ text-shadow: @sapUiContentTextShadow;
189
+ }
190
+
187
191
  /* ---------------------------------------------------------------------*/
188
192
  /* Disabled, hover and active states: */
189
193
  /* ---------------------------------------------------------------------*/
@@ -279,31 +283,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
279
283
  color: @sapUiButtonLiteTextColor;
280
284
  }
281
285
 
282
- // box shadow on hover
283
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
284
- box-shadow: @sapContent_Interaction_Shadow;
285
- }
286
-
287
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnEmphasized,
288
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnSuccess,
289
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNegative,
290
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNeutral,
291
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnCritical {
292
- box-shadow: none;
293
- }
294
-
295
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAccept {
296
- box-shadow: @sapContent_Positive_Shadow;
297
- }
298
-
299
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnReject {
300
- box-shadow: @sapContent_Negative_Shadow;
301
- }
302
-
303
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
304
- box-shadow: @sapContent_Critical_Shadow;
305
- }
306
-
307
286
  /* ----------------------*/
308
287
  /* Badges */
309
288
  /* ----------------------*/
@@ -314,4 +293,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
314
293
  color: @sapContent_BadgeTextColor;
315
294
  font-size: @sapFontSmallSize;
316
295
  text-align: center;
296
+ }
297
+
298
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
299
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
300
+
301
+ bdi {
302
+ color: @sapUiButtonLiteHoverTextColor;
303
+ }
317
304
  }
@@ -220,25 +220,25 @@
220
220
  }
221
221
 
222
222
 
223
- //More Button
224
- .sapMITHStartOverflow,
225
- .sapMITHEndOverflow {
226
- .sapMITBItem {
227
- color: @sapButton_TextColor;
228
- background: @sapButton_Hover_Background;
229
- border: 1px solid @sapButton_BorderColor;
223
+ //More Button
224
+ .sapMITHStartOverflow,
225
+ .sapMITHEndOverflow {
226
+ .sapMITBItem {
227
+ color: @sapButton_TextColor;
228
+ background: @sapButton_Background;
229
+ border: 1px solid @sapButton_BorderColor;
230
230
 
231
- .sapMITHShowSubItemsIcon {
232
- color: @sapButton_TextColor;
233
- }
231
+ .sapMITHShowSubItemsIcon {
232
+ color: @sapUiBaseText;
233
+ }
234
+ }
234
235
  }
235
- }
236
236
 
237
237
  .sapMITHEndOverflow,
238
238
  .sapMITHStartOverflow {
239
239
  .sapMITBItem:hover {
240
- background: @sapButton_Background;
241
- border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
240
+ background: @sapButton_Hover_Background;
241
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
242
242
  }
243
243
  }
244
244
 
@@ -251,7 +251,7 @@
251
251
 
252
252
  //Arrow button
253
253
  .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
254
- color: @sapButton_TextColor;
254
+ color: @sapUiBaseText;
255
255
  }
256
256
  }
257
257
 
@@ -388,7 +388,7 @@
388
388
  border-color: @sapContent_Selected_ForegroundColor;
389
389
  }
390
390
  .sapMBtnIcon {
391
- color: @_sap_m_IconTabBar_SelectedTextColor;
391
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
392
392
  }
393
393
  }
394
394
 
@@ -468,6 +468,28 @@
468
468
  .sapMITBFilterDefault {
469
469
  border-color: @sapUiContentSelectedForegroundColor;
470
470
  color: @sapUiContentSelectedForegroundColor;
471
+
472
+ .sapMITBFilterExpandBtnSeparator {
473
+ border-color: @sapUiBaseText;
474
+ }
475
+
476
+ .sapMBtnIcon {
477
+ color: @sapUiBaseText !important;
478
+ }
479
+ }
480
+
481
+ .sapMITBFilterDefault {
482
+ .sapMITBFilterWrapper:hover {
483
+ .sapMITBText {
484
+ color: @sapUiContentSelectedForegroundColor;
485
+ }
486
+ }
487
+
488
+ .sapMITBFilterExpandBtn:hover {
489
+ .sapMBtnIcon {
490
+ color: @sapUiBaseText;
491
+ }
492
+ }
471
493
  }
472
494
 
473
495
  .sapMITBFilterNeutral {
@@ -731,10 +753,11 @@ html.sap-desktop {
731
753
  .sapMITBItem {
732
754
  &:active{
733
755
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
756
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
734
757
  }
735
758
  &:active::after {
736
- // when overflow is pressed, make the focus white
737
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
759
+ // when overflow is pressed, hide the focus
760
+ border-color: transparent;
738
761
  }
739
762
  }
740
763
  }
@@ -74,10 +74,14 @@
74
74
  opacity: @sapUiContentDisabledOpacity;
75
75
  }
76
76
 
77
- .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
77
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
78
78
  background-color: @sapField_Focus_Background;
79
79
  outline: none;
80
80
 
81
+ &::before {
82
+ border-color: @sapUiFieldActiveBorderColor;
83
+ }
84
+
81
85
  &.sapMInputBaseReadonlyWrapper {
82
86
  background: @sapField_ReadOnly_Background;
83
87
  }
@@ -12,9 +12,7 @@
12
12
  border-color: @sapUiMessageInformationBorderColor;
13
13
  color: @sapUiBaseText;
14
14
 
15
- .sapMBtnTransparent,
16
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
17
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
15
+ .sapMBtnTransparent {
18
16
  background-color: @sapInformationBackground;
19
17
  border-color: @sapInformationBackground;
20
18
  }
@@ -27,9 +25,7 @@
27
25
  .sapMMsgStripError {
28
26
  border-color: @sapUiMessageErrorBorderColor;
29
27
 
30
- .sapMBtnTransparent,
31
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
32
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
28
+ .sapMBtnTransparent {
33
29
  background-color: @sapErrorBackground;
34
30
  border-color: @sapErrorBackground;
35
31
  }
@@ -38,9 +34,7 @@
38
34
  .sapMMsgStripSuccess {
39
35
  border-color: @sapUiMessageSuccessBorderColor;
40
36
 
41
- .sapMBtnTransparent,
42
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
43
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
37
+ .sapMBtnTransparent {
44
38
  background-color: @sapSuccessBackground;
45
39
  border-color: @sapSuccessBackground;
46
40
  }
@@ -49,9 +43,7 @@
49
43
  .sapMMsgStripWarning {
50
44
  border-color: @sapUiMessageWarningBorderColor;
51
45
 
52
- .sapMBtnTransparent,
53
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
54
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
46
+ .sapMBtnTransparent {
55
47
  background-color: @sapWarningBackground;
56
48
  border-color: @sapWarningBackground;
57
49
  }
@@ -78,7 +78,8 @@
78
78
  }
79
79
 
80
80
  .sapMIBar-CTX.sapMFooter-CTX {
81
- box-shadow: @sapUiShadowLevel1;
81
+ box-shadow: @sapUiContentShadow1;
82
+ border: none;
82
83
  }
83
84
  }
84
85
 
@@ -76,10 +76,6 @@
76
76
  }
77
77
  }
78
78
 
79
- .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
80
- filter: drop-shadow(0 0 0.125rem fade(@sapContent_ShadowColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
81
- }
82
-
83
79
  .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
84
80
  stroke: @sapUiFieldHoverBorderColor;
85
81
  }
@@ -136,10 +132,6 @@
136
132
  }
137
133
  }
138
134
 
139
- .sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
140
- filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
141
- }
142
-
143
135
  .sapMRbWarn.sapMRbSel,
144
136
  .sapMRbWarn.sapMRbSel.sapMRbRo {
145
137
  .sapMRbBInn {
@@ -157,10 +149,6 @@
157
149
  }
158
150
  }
159
151
 
160
- .sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
161
- filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
162
- }
163
-
164
152
  .sapMRbSucc.sapMRbSel,
165
153
  .sapMRbSucc.sapMRbSel.sapMRbRo {
166
154
  .sapMRbBInn {
@@ -178,11 +166,6 @@
178
166
  }
179
167
  }
180
168
 
181
-
182
- .sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
183
- filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
184
- }
185
-
186
169
  .sapMRbInfo.sapMRbSel,
187
170
  .sapMRbInfo.sapMRbSel.sapMRbRo {
188
171
  .sapMRbBInn {
@@ -200,10 +183,6 @@
200
183
  }
201
184
  }
202
185
 
203
- .sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
204
- filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
205
- }
206
-
207
186
  .sapMRbRo .sapMRbBOut {
208
187
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
209
188
  }
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: @sapUiElementHeight;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -33,7 +32,7 @@
33
32
  height: ~"calc(100% - 1px)";
34
33
 
35
34
  border-radius: @sapUiFieldBorderCornerRadius;
36
- color: @sapUiButtonTextColor;
35
+ color: @sapUiFieldTextColor;
37
36
 
38
37
  &:first-of-type {
39
38
  margin-left: 0.25rem;
@@ -44,14 +43,14 @@
44
43
  }
45
44
 
46
45
  &:hover {
47
- box-shadow: @sapUiContentInteractionShadow;
48
- background-color: @sapUiButtonLiteHoverBackground;
46
+ box-shadow: @sapUiFieldHoverShadow;
47
+ background-color: @sapUiFieldHoverBackground;
49
48
  }
50
49
 
51
50
  &:active,
52
51
  &.sapMSFBA // Firefox specific
53
52
  {
54
- box-shadow: @sapUiContentInteractionShadow;
53
+ box-shadow: @sapUiFieldHoverShadow;
55
54
  color: @sapUiButtonSelectedTextColor;
56
55
  background-color: @sapUiButtonLiteActiveBackground;
57
56
  }
@@ -69,4 +68,8 @@
69
68
  &:hover .sapMSFF {
70
69
  box-shadow: none;
71
70
  }
71
+
72
+ .sapMSFB:hover {
73
+ color: @sapUiButtonSelectedTextColor;
74
+ }
72
75
  }
@@ -50,8 +50,7 @@
50
50
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
51
51
  background: @sapUiButtonHoverBackground;
52
52
  border-radius: 0.5rem;
53
- box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
54
- border-color: transparent;
53
+ border-color: @sapUiButtonHoverBorderColor;
55
54
  }
56
55
 
57
56
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
@@ -59,7 +58,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
59
58
  }
60
59
 
61
60
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
62
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
61
+ border-color: @sapUiButtonHoverBorderColor;
63
62
  }
64
63
 
65
64
  /* Custom focus outline: */
@@ -6,6 +6,8 @@
6
6
  /* hover and down on toggled button */
7
7
  .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
8
8
  .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
9
+ box-shadow: none;
10
+
9
11
  &.sapMBtnReject {
10
12
  background-color: @sapUiButtonRejectSelectedHoverBackground;
11
13
  border-color: @sapUiButtonRejectSelectedHoverBorderColor;
@@ -68,25 +70,6 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
68
70
  color: @sapUiButtonSelectedTextColor;
69
71
  }
70
72
 
71
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive) {
72
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
73
- }
74
-
75
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnEmphasized {
76
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
77
- }
78
-
79
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept {
80
- box-shadow: 0 0 0.125rem 0 fade(@sapPositiveColor, 72);
81
- }
82
-
83
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject {
84
- box-shadow: 0 0 0.125rem 0 fade(@sapNegativeColor, 72);
85
- }
86
-
87
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention {
88
- box-shadow: 0 0 0.125rem 0 fade(@sapCriticalColor, 72);
89
- }
90
73
 
91
74
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
92
75
  border-color: @sapUiContentFocusColor;
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiBrand;
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 @sapUiBrand;
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;
@@ -184,6 +184,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
184
184
  border-color: @sapUiButtonLiteBorderColor;
185
185
  }
186
186
 
187
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
188
+ text-shadow: @sapUiContentTextShadow;
189
+ }
190
+
187
191
  /* ---------------------------------------------------------------------*/
188
192
  /* Disabled, hover and active states: */
189
193
  /* ---------------------------------------------------------------------*/
@@ -279,31 +283,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
279
283
  color: @sapUiButtonLiteTextColor;
280
284
  }
281
285
 
282
- // box shadow on hover
283
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
284
- box-shadow: @sapContent_Interaction_Shadow;
285
- }
286
-
287
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnEmphasized,
288
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnSuccess,
289
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNegative,
290
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNeutral,
291
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnCritical {
292
- box-shadow: none;
293
- }
294
-
295
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAccept {
296
- box-shadow: @sapContent_Positive_Shadow;
297
- }
298
-
299
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnReject {
300
- box-shadow: @sapContent_Negative_Shadow;
301
- }
302
-
303
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
304
- box-shadow: @sapContent_Critical_Shadow;
305
- }
306
-
307
286
  /* ----------------------*/
308
287
  /* Badges */
309
288
  /* ----------------------*/
@@ -314,4 +293,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
314
293
  color: @sapContent_BadgeTextColor;
315
294
  font-size: @sapFontSmallSize;
316
295
  text-align: center;
296
+ }
297
+
298
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
299
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
300
+
301
+ bdi {
302
+ color: @sapUiButtonLiteHoverTextColor;
303
+ }
317
304
  }
@@ -228,7 +228,7 @@
228
228
  border: 1px solid @sapButton_BorderColor;
229
229
 
230
230
  .sapMITHShowSubItemsIcon {
231
- color: @sapButton_TextColor;
231
+ color: @sapUiBaseText;
232
232
  }
233
233
  }
234
234
  }
@@ -236,8 +236,8 @@
236
236
  .sapMITHEndOverflow:hover,
237
237
  .sapMITHStartOverflow:hover {
238
238
  .sapMITBItem {
239
- background: @sapButton_Background;
240
- border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
239
+ background: @sapButton_Hover_Background;
240
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
241
241
  }
242
242
  }
243
243
 
@@ -250,7 +250,7 @@
250
250
 
251
251
  //Arrow button
252
252
  .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
253
- color: @sapButton_TextColor;
253
+ color: @sapUiBaseText;
254
254
  }
255
255
  }
256
256
 
@@ -387,7 +387,7 @@
387
387
  border-color: @sapContent_Selected_ForegroundColor;
388
388
  }
389
389
  .sapMBtnIcon {
390
- color: @_sap_m_IconTabBar_SelectedTextColor;
390
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
391
391
  }
392
392
  }
393
393
 
@@ -467,6 +467,28 @@
467
467
  .sapMITBFilterDefault {
468
468
  border-color: @sapUiContentSelectedForegroundColor;
469
469
  color: @sapUiContentSelectedForegroundColor;
470
+
471
+ .sapMITBFilterExpandBtnSeparator {
472
+ border-color: @sapUiBaseText;
473
+ }
474
+
475
+ .sapMBtnIcon {
476
+ color: @sapUiBaseText !important;
477
+ }
478
+ }
479
+
480
+ .sapMITBFilterDefault {
481
+ .sapMITBFilterWrapper:hover {
482
+ .sapMITBText {
483
+ color: @sapUiContentSelectedForegroundColor;
484
+ }
485
+ }
486
+
487
+ .sapMITBFilterExpandBtn:hover {
488
+ .sapMBtnIcon {
489
+ color: @sapUiBaseText;
490
+ }
491
+ }
470
492
  }
471
493
 
472
494
  .sapMITBFilterNeutral {
@@ -729,10 +751,11 @@ html.sap-desktop {
729
751
  .sapMITBItem {
730
752
  &:active{
731
753
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
754
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
732
755
  }
733
756
  &:active::after {
734
- // when overflow is pressed, make the focus white
735
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
757
+ // when overflow is pressed, hide the focus
758
+ border-color: transparent;
736
759
  }
737
760
  }
738
761
  }
@@ -75,10 +75,14 @@
75
75
  opacity: @sapUiContentDisabledOpacity;
76
76
  }
77
77
 
78
- .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
78
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
79
79
  background-color: @sapField_Focus_Background;
80
80
  outline: none;
81
81
 
82
+ &::before {
83
+ border-color: @sapUiFieldActiveBorderColor;
84
+ }
85
+
82
86
  &.sapMInputBaseReadonlyWrapper {
83
87
  background: @sapField_ReadOnly_Background;
84
88
  }
@@ -11,9 +11,7 @@
11
11
  background-color: @sapInformationBackground;
12
12
  border-color: @sapUiMessageInformationBorderColor;
13
13
 
14
- .sapMBtnTransparent,
15
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
16
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
14
+ .sapMBtnTransparent {
17
15
  background-color: @sapInformationBackground;
18
16
  border-color: @sapInformationBackground;
19
17
  }
@@ -26,9 +24,7 @@
26
24
  .sapMMsgStripError {
27
25
  border-color: @sapUiMessageErrorBorderColor;
28
26
 
29
- .sapMBtnTransparent,
30
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
31
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
27
+ .sapMBtnTransparent {
32
28
  background-color: @sapErrorBackground;
33
29
  border-color: @sapErrorBackground;
34
30
  }
@@ -37,9 +33,7 @@
37
33
  .sapMMsgStripSuccess {
38
34
  border-color: @sapUiMessageSuccessBorderColor;
39
35
 
40
- .sapMBtnTransparent,
41
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
42
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
36
+ .sapMBtnTransparent {
43
37
  background-color: @sapSuccessBackground;
44
38
  border-color: @sapSuccessBackground;
45
39
  }
@@ -48,9 +42,7 @@
48
42
  .sapMMsgStripWarning {
49
43
  border-color: @sapUiMessageWarningBorderColor;
50
44
 
51
- .sapMBtnTransparent,
52
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
53
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
45
+ .sapMBtnTransparent {
54
46
  background-color: @sapWarningBackground;
55
47
  border-color: @sapWarningBackground;
56
48
  }