@openui5/themelib_sap_horizon 1.114.9 → 1.114.11

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 (71) 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 +29 -30
  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/MenuButton.less +22 -4
  10. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  11. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  12. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  13. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  14. package/src/sap/m/themes/sap_horizon/RangeSlider.less +6 -8
  15. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  16. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +135 -14
  17. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  18. package/src/sap/m/themes/sap_horizon/Slider.less +4 -9
  19. package/src/sap/m/themes/sap_horizon/SplitButton.less +46 -23
  20. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  21. package/src/sap/m/themes/sap_horizon_dark/Button.less +29 -30
  22. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +30 -7
  23. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  24. package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +18 -3
  25. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  26. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  27. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  28. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  29. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +28 -8
  30. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  31. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +135 -14
  32. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  33. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -11
  34. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +46 -37
  35. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  36. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  37. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  38. package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +4 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  40. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  41. package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +4 -6
  42. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  43. package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less +1 -1
  44. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +4 -32
  45. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  46. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  47. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  48. package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +4 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  50. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +4 -6
  52. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  53. package/src/sap/m/themes/sap_horizon_hcw/SegmentedButton.less +1 -1
  54. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +4 -32
  55. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +2 -0
  56. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +2 -0
  57. package/src/sap/ui/commons/themes/sap_horizon/MenuButton.less +12 -0
  58. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  59. package/src/sap/ui/core/themes/sap_horizon/base.less +139 -138
  60. package/src/sap/ui/core/themes/sap_horizon/global.less +20 -16
  61. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  62. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +112 -111
  63. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +21 -17
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +26 -26
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +16 -16
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +19 -19
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +16 -16
  70. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  71. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
@@ -19,10 +19,14 @@
19
19
  text-shadow: none;
20
20
  color: @sapUiButtonTextColor;
21
21
  border-top: 1px solid @sapUiButtonBorderColor;
22
- border-left: 1px solid @sapUiButtonBorderColor;
22
+ border-left: 1px solid transparent;
23
23
  border-bottom: 1px solid @sapUiButtonBorderColor;
24
24
  border-right: 1px solid transparent;
25
- background-color: @sapUiButtonBackground;
25
+ background-color: transparent;
26
+ margin-left: 1px;
27
+ margin-right: 1px;
28
+ margin-top: -1px;
29
+ margin-bottom: -1px;
26
30
  }
27
31
  &:not(.sapMSegBBtnMixed) .sapMImg {
28
32
  padding-left: 0.5625rem;
@@ -31,55 +35,172 @@
31
35
  }
32
36
  }
33
37
 
38
+ .sapMSegB .sapMSegBBtn .sapMSegBBtnInnerWrapper {
39
+ border-top: 1px solid @sapUiButtonBorderColor;
40
+ border-bottom: 1px solid @sapUiButtonBorderColor;
41
+ background-color: @sapUiButtonBackground;
42
+ }
43
+
34
44
  .sapMSegB .sapMSegBBtn {
35
45
  position: relative;
36
46
  }
37
47
 
38
- .sapMSegBBtn:first-child .sapMSegBBtnInner,
48
+ .sapMSegBBtn:first-child .sapMSegBBtnInner {
49
+ border-top-left-radius: @sapUiButtonBorderCornerRadius;
50
+ border-bottom-left-radius: @sapUiButtonBorderCornerRadius;
51
+ border-left: 1px solid @sapUiButtonBorderColor;
52
+ margin-left: -1px;
53
+ }
54
+
39
55
  .sapMSegBBtn:first-child .sapMSegBBtnInnerWrapper {
40
56
  border-top-left-radius: @sapUiButtonBorderCornerRadius;
41
57
  border-bottom-left-radius: @sapUiButtonBorderCornerRadius;
42
58
  }
43
59
 
44
- .sapMSegBBtn:last-child .sapMSegBBtnInner,
45
- .sapMSegBBtn:last-child .sapMSegBBtnInnerWrapper {
60
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInnerWrapper {
61
+ border-top-right-radius: @sapUiButtonBorderCornerRadius;
62
+ border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
63
+ border-right: 1px solid @sapUiButtonBorderColor;
64
+ }
65
+
66
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner{
46
67
  border-top-right-radius: @sapUiButtonBorderCornerRadius;
47
68
  border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
69
+ border-right: 1px solid @sapUiButtonBorderColor;
70
+ margin-right: -1px;
48
71
  }
49
72
 
50
73
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
51
74
  background: @sapUiButtonHoverBackground;
52
75
  border-radius: 0.5rem;
53
- box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
54
- border-color: transparent;
76
+ border-color: @sapUiButtonHoverBorderColor;
55
77
  }
56
78
 
57
79
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
58
- border-color: inherit;
80
+ border-color: @sapUiButtonSelectedBorderColor;
59
81
  }
60
82
 
61
83
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
62
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
84
+ border-color: @sapUiButtonHoverBorderColor;
63
85
  }
64
86
 
65
87
  /* Custom focus outline: */
66
88
  html.sap-desktop {
67
- .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
89
+ .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
68
90
  content: "";
69
91
  position: absolute;
70
92
  box-sizing: border-box;
71
93
  left: 0.125rem;
72
94
  top: 0.375rem;
95
+ right: 0.2rem;
96
+ bottom: 0.375rem;
97
+ pointer-events: none;
98
+ border: 0.125rem solid @sapUiContentFocusColor;
99
+ border-radius: 0.375rem;
100
+ }
101
+ .sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
102
+ &.sapUiSizeCompact .sapMSegBBtn:first-child.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
103
+ top: 0.3rem;
104
+ bottom: 0.3rem;
105
+ }
106
+ }
107
+
108
+ /* Custom focus outline: */
109
+ html.sap-desktop {
110
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
111
+ content: "";
112
+ position: absolute;
113
+ box-sizing: border-box;
114
+ left: 0.2rem;
115
+ top: 0.375rem;
73
116
  right: 0.125rem;
74
117
  bottom: 0.375rem;
75
118
  pointer-events: none;
76
119
  border: 0.125rem solid @sapUiContentFocusColor;
77
120
  border-radius: 0.375rem;
78
121
  }
122
+ .sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
123
+ &.sapUiSizeCompact .sapMSegBBtn.sapMSegBtnLastVisibleButton.sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
124
+ top: 0.3rem;
125
+ bottom: 0.3rem;
126
+ }
127
+ }
128
+
129
+ html.sap-desktop {
130
+ .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
131
+ content: "";
132
+ position: absolute;
133
+ box-sizing: border-box;
134
+ left: 0.2rem;
135
+ top: 0.375rem;
136
+ right: 0.2rem;
137
+ bottom: 0.375rem;
138
+ pointer-events: none;
139
+ border: 0.125rem solid @sapUiContentFocusColor;
140
+ border-radius: 0.375rem;
141
+ }
79
142
  .sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
80
143
  &.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
81
- top: 0.325rem;
82
- bottom: 0.325rem;
144
+ top: 0.3rem;
145
+ bottom: 0.3rem;
146
+ }
147
+ }
148
+
149
+ .sapMSegB.sapMSegBIcons {
150
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
151
+ margin-right: -1px;
152
+ }
153
+ }
154
+
155
+ .sapMSegB.sapMSegBIcons {
156
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
157
+ margin-right: -1px;
158
+ }
159
+ }
160
+
161
+ /* Custom focus outline: */
162
+ html.sap-desktop {
163
+ .sapMSegB.sapMSegBIcons {
164
+ .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBtnLastVisibleButton):not(.sapMSegBBtnMixed):focus .sapMSegBBtnInner:after {
165
+ content: "";
166
+ position: absolute;
167
+ box-sizing: border-box;
168
+ left: 0.2rem;
169
+ top: 0.375rem;
170
+ right: 0.15rem;
171
+ bottom: 0.375rem;
172
+ pointer-events: none;
173
+ border: 0.125rem solid @sapUiContentFocusColor;
174
+ border-radius: 0.375rem;
175
+ }
176
+ }
177
+ .sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBBtnMixed):not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner:after,
178
+ &.sapUiSizeCompact .sapMSegB.sapMSegBIcons .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBBtnMixed):not(.sapMSegBtnLastVisibleButton):focus .sapMSegBBtnInner:after {
179
+ top: 0.3rem;
180
+ bottom: 0.3rem;
181
+ }
182
+ }
183
+
184
+ /* Custom focus outline: */
185
+ html.sap-desktop {
186
+ .sapMSegB.sapMSegBIcons {
187
+ .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBBtnMixed):first-child:focus .sapMSegBBtnInner:after {
188
+ content: "";
189
+ position: absolute;
190
+ box-sizing: border-box;
191
+ left: 0.15rem;
192
+ top: 0.375rem;
193
+ right: 0.15rem;
194
+ bottom: 0.375rem;
195
+ pointer-events: none;
196
+ border: 0.125rem solid @sapUiContentFocusColor;
197
+ border-radius: 0.375rem;
198
+ }
199
+ .sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBBtnMixed):first-child:focus .sapMSegBBtnInner:after,
200
+ &.sapUiSizeCompact .sapMSegBBtn.sapMSegBBtnFocusable:not(.sapMSegBBtnMixed):first-child:focus .sapMSegBBtnInner:after {
201
+ top: 0.3rem;
202
+ bottom: 0.3rem;
203
+ }
83
204
  }
84
205
  }
85
206
 
@@ -128,7 +249,7 @@ html.sap-desktop {
128
249
 
129
250
  .sapMSegBBtn.sapMSegBBtnSel:hover {
130
251
  .sapMSegBBtnInner {
131
- border-color: @sapUiButtonSelectedHoverBorderColor;
252
+ border-color: @sapUiButtonSelectedBorderColor;
132
253
  }
133
254
  }
134
255
 
@@ -207,7 +328,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
207
328
  border-bottom-left-radius: 0.5rem;
208
329
  }
209
330
 
210
- .sapMSegBBtn:last-child .sapMSegBBtnInner {
331
+ .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
211
332
  border-top-right-radius: 0.5rem;
212
333
  border-bottom-right-radius: 0.5rem;
213
334
  }
@@ -164,18 +164,20 @@ 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 {
170
174
  width: 2rem;
171
175
  height: 1.625rem;
172
-
173
176
  }
174
177
 
175
178
  .sapMSltPressed >.sapMSltArrow,
176
179
  .sapMSlt:hover > .sapMSltArrow {
177
180
  background-color: @sapUiButtonActiveBackground;
178
- box-shadow: @sapUiFieldHoverShadow;
179
181
  overflow: none;
180
182
  border-radius: 0.125rem;
181
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 #0070F2;
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
 
@@ -128,6 +122,7 @@
128
122
  }
129
123
 
130
124
  .sapMSliderTick {
125
+ border-color: @sapUiContentMeasureIndicatorColor;
131
126
  margin: 0;
132
127
  height: .5rem;
133
128
  }
@@ -8,13 +8,11 @@
8
8
  border-color: @sapUiContentContrastFocusColor;
9
9
  }
10
10
 
11
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
12
11
  .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed),
13
12
  .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnTransparent:not(.sapMToggleBtnPressed) {
14
13
  border-left-color: @sapUiButtonBorderColor;
15
14
  }
16
15
 
17
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
18
16
  .sapContrast.sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed),
19
17
  .sapContrast .sapMIBar-CTX .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) .sapMBtnActive.sapMBtnTransparent:not(.sapMToggleBtnPressed) {
20
18
  border-left-color: @sapUiButtonLiteActiveBorderColor;
@@ -45,7 +43,7 @@
45
43
  }
46
44
 
47
45
  .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
48
- margin-right: 2.3125rem;
46
+ margin-right: 2.25rem;
49
47
  }
50
48
 
51
49
  .sapMSB .sapMSBInner {
@@ -61,10 +59,10 @@
61
59
 
62
60
  .sapUiSizeCompact {
63
61
  .sapMSB .sapMSBInner {
64
- padding: 0.15rem 0;
62
+ padding: 0.1875rem 0;
65
63
  }
66
64
  .sapMSB .sapMSBText {
67
- height: 1.75rem;
65
+ height: 1.625rem;
68
66
  }
69
67
  }
70
68
 
@@ -100,8 +98,13 @@
100
98
  background-color: @sapUiButtonAttentionBackground;
101
99
  }
102
100
 
103
- .sapMSB .sapMBtnInner {
104
- border: none;
101
+ .sapMMenuBtnSplit {
102
+ .sapMBtnInner,
103
+ span.sapMBtnInner.sapMBtnAccept,
104
+ span.sapMBtnInner.sapMBtnAttention,
105
+ span.sapMBtnInner.sapMBtnReject {
106
+ border-color: transparent;
107
+ }
105
108
  }
106
109
 
107
110
  .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -117,12 +120,18 @@
117
120
  border-radius: 0.35rem;
118
121
  }
119
122
 
120
- .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
121
- .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
123
+ .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
124
+ background-color: @sapUiButtonEmphasizedTextColor;
125
+ }
126
+
127
+ .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
128
+ background-color: @sapUiButtonInformationTextColor;
129
+ }
130
+
122
131
  .sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
123
132
  .sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
124
133
  .sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
125
- background-color: @sapUiButtonEmphasizedTextColor;
134
+ background-color: @sapUiButtonSuccessTextColor;
126
135
  }
127
136
 
128
137
  .sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -158,7 +167,10 @@
158
167
  border-radius: 0.375rem;
159
168
  }
160
169
 
161
- .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
170
+ .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
171
+ .sapMSB.sapMSBCritical:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
172
+ .sapMSB.sapMSBNegative:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
173
+ .sapMSB.sapMSBSuccess:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
162
174
  border-color: @sapUiContentContrastFocusColor;
163
175
  }
164
176
 
@@ -167,7 +179,7 @@
167
179
  }
168
180
 
169
181
  .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
170
- border: 0.125rem solid @sapUiContentFocusColor;
182
+ border: 0.0625rem solid @sapUiContentFocusColor;
171
183
  min-width: 2.3125rem;
172
184
 
173
185
  &.sapMBtnText > .sapUiIcon {
@@ -176,16 +188,10 @@
176
188
 
177
189
  .sapUiIcon {
178
190
  position: absolute;
179
- top: -0.0625rem;
180
- left: -0.0625rem;
181
- padding-left: 0.0625rem;
191
+ left: 0.0625rem;
182
192
  padding-right: 0.0625rem;
183
193
  }
184
194
 
185
- .sapMBtnContent {
186
- padding-left: 0.0625rem;
187
- }
188
-
189
195
  .sapUiIcon + .sapMBtnContent {
190
196
  padding-left: 1.4375rem;
191
197
  }
@@ -198,8 +204,8 @@
198
204
 
199
205
  :not(.sapMBtnDisabled) > span.sapMBtnInner {
200
206
  &.sapMBtnInner.sapMBtnText {
201
- padding-left: 0.4375rem;
202
- padding-right: 0.5rem;
207
+ padding-right: 0.3125rem;
208
+ padding-left: 0.3125rem;
203
209
  }
204
210
  &.sapMBtnEmphasized.sapMBtnActive {
205
211
  min-width: 2rem;
@@ -211,8 +217,18 @@
211
217
  }
212
218
  }
213
219
 
214
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
215
- left: -0.0625rem;
220
+ .sapUiSizeCompact {
221
+ .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
222
+ .sapUiIcon {
223
+ position: absolute;
224
+ left: 0;
225
+ padding-right: 0;
226
+ }
227
+
228
+ .sapMBtnContent {
229
+ top: 0;
230
+ }
231
+ }
216
232
  }
217
233
 
218
234
  .sapMMenuBtn .sapMBtnDisabled {
@@ -237,6 +253,13 @@ html.sap-desktop .sapMMenuBtnSplit .sapMBtn:focus > .sapMFocusable:after {
237
253
  right: 0.125rem;
238
254
  }
239
255
 
256
+ .sapUiSizeCompact {
257
+ .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
258
+ left: 0.0625rem;
259
+ right: 0.0625rem;
260
+ }
261
+ }
262
+
240
263
  html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
241
264
  width: auto;
242
265
  height: auto;
@@ -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;
@@ -159,6 +159,19 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMBtnActive.sapMFocusable
159
159
  border-color: @sapUiContentFocusColor;
160
160
  }
161
161
 
162
+ // Value State Message buttons
163
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnCritical.sapMBtnActive {
164
+ border-color: @sapUiButtonCriticalBorderColor;
165
+ }
166
+
167
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnNegative.sapMBtnActive {
168
+ border-color: @sapUiButtonNegativeBorderColor;
169
+ }
170
+
171
+ :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnSuccess.sapMBtnActive {
172
+ border-color: @sapButton_Success_BorderColor;
173
+ }
174
+
162
175
  html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
163
176
  content: "";
164
177
  position: absolute;
@@ -173,10 +186,9 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before
173
186
  }
174
187
 
175
188
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator):before,
176
- html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBadgeIndicator):before,
177
- html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBadgeIndicator):before,
178
- html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBadgeIndicator):before,
179
- html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIndicator):before {
189
+ html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
190
+ html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before,
191
+ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator):before {
180
192
  border: 0.125rem solid @sapUiContentContrastFocusColor;
181
193
  }
182
194
 
@@ -184,6 +196,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
184
196
  border-color: @sapUiButtonLiteBorderColor;
185
197
  }
186
198
 
199
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
200
+ text-shadow: @sapUiContentTextShadow;
201
+ }
202
+
187
203
  /* ---------------------------------------------------------------------*/
188
204
  /* Disabled, hover and active states: */
189
205
  /* ---------------------------------------------------------------------*/
@@ -279,31 +295,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
279
295
  color: @sapUiButtonLiteTextColor;
280
296
  }
281
297
 
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
298
  /* ----------------------*/
308
299
  /* Badges */
309
300
  /* ----------------------*/
@@ -314,4 +305,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
314
305
  color: @sapContent_BadgeTextColor;
315
306
  font-size: @sapFontSmallSize;
316
307
  text-align: center;
308
+ }
309
+
310
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
311
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
312
+
313
+ bdi {
314
+ color: @sapUiButtonLiteHoverTextColor;
315
+ }
317
316
  }
@@ -227,7 +227,7 @@
227
227
  border: 1px solid @sapButton_BorderColor;
228
228
 
229
229
  .sapMITHShowSubItemsIcon {
230
- color: @sapButton_TextColor;
230
+ color: @sapUiBaseText;
231
231
  }
232
232
  }
233
233
  }
@@ -235,8 +235,8 @@
235
235
  .sapMITHEndOverflow:hover,
236
236
  .sapMITHStartOverflow:hover {
237
237
  .sapMITBItem {
238
- background: @sapButton_Background;
239
- border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
238
+ background: @sapButton_Hover_Background;
239
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
240
240
  }
241
241
  }
242
242
 
@@ -249,7 +249,7 @@
249
249
 
250
250
  //Arrow button
251
251
  .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
252
- color: @sapButton_TextColor;
252
+ color: @sapUiBaseText;
253
253
  }
254
254
  }
255
255
 
@@ -386,7 +386,7 @@
386
386
  border-color: @sapContent_Selected_ForegroundColor;
387
387
  }
388
388
  .sapMBtnIcon {
389
- color: @_sap_m_IconTabBar_SelectedTextColor;
389
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
390
390
  }
391
391
  }
392
392
 
@@ -466,6 +466,28 @@
466
466
  .sapMITBFilterDefault {
467
467
  border-color: @sapUiContentSelectedForegroundColor;
468
468
  color: @sapUiContentSelectedForegroundColor;
469
+
470
+ .sapMITBFilterExpandBtnSeparator {
471
+ border-color: @sapUiBaseText;
472
+ }
473
+
474
+ .sapMBtnIcon {
475
+ color: @sapUiBaseText !important;
476
+ }
477
+ }
478
+
479
+ .sapMITBFilterDefault {
480
+ .sapMITBFilterWrapper:hover {
481
+ .sapMITBText {
482
+ color: @sapUiContentSelectedForegroundColor;
483
+ }
484
+ }
485
+
486
+ .sapMITBFilterExpandBtn:hover {
487
+ .sapMBtnIcon {
488
+ color: @sapUiBaseText;
489
+ }
490
+ }
469
491
  }
470
492
 
471
493
  .sapMITBFilterNeutral {
@@ -732,10 +754,11 @@ html.sap-desktop {
732
754
  .sapMITBItem {
733
755
  &:active{
734
756
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
757
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
735
758
  }
736
759
  &:active::after {
737
- // when overflow is pressed, make the focus white
738
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
760
+ // when overflow is pressed, hide the focus
761
+ border-color: transparent;
739
762
  }
740
763
  }
741
764
  }
@@ -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
  }
@@ -60,9 +60,6 @@
60
60
  }
61
61
 
62
62
  .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
63
- padding-right: 0.4375rem;
64
- padding-left: 0.4375rem;
65
-
66
63
  .sapMBtnContent {
67
64
  position: relative;
68
65
  left: 0;
@@ -74,4 +71,22 @@
74
71
  padding-right: 0.3125rem;
75
72
  padding-left: 0.3125rem;
76
73
  }
74
+ .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnIcon,
75
+ .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner .sapMBtnContent {
76
+ position: relative;
77
+ top: 0;
78
+ left: 0;
79
+ }
80
+ }
81
+
82
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnNegative.sapMBtnActive::after {
83
+ color: @sapUiButtonNegativeActiveTextColor;
84
+ }
85
+
86
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnCritical.sapMBtnActive::after {
87
+ color: @sapUiButtonCriticalActiveTextColor;
88
+ }
89
+
90
+ .sapMMenuBtn.sapMMenuBtnRegular .sapMBtn:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnSuccess.sapMBtnActive::after {
91
+ color: @sapUiButtonSuccessActiveTextColor;
77
92
  }