@openui5/themelib_sap_horizon 1.108.20 → 1.108.21

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 (44) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +0 -6
  3. package/package.json +18 -18
  4. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
  5. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
  6. package/src/sap/m/themes/sap_horizon/Button.less +16 -4
  7. package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -1
  8. package/src/sap/m/themes/sap_horizon/MenuButton.less +22 -4
  9. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  10. package/src/sap/m/themes/sap_horizon/RangeSlider.less +6 -8
  11. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +133 -11
  12. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  13. package/src/sap/m/themes/sap_horizon/Slider.less +18 -22
  14. package/src/sap/m/themes/sap_horizon/SplitButton.less +73 -23
  15. package/src/sap/m/themes/sap_horizon_dark/Button.less +16 -4
  16. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -1
  17. package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +18 -3
  18. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  19. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +28 -8
  20. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +133 -11
  21. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Slider.less +18 -21
  23. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +73 -23
  24. package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +4 -0
  25. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  26. package/src/sap/m/themes/sap_horizon_hcb/RangeSlider.less +4 -6
  27. package/src/sap/m/themes/sap_horizon_hcb/SegmentedButton.less +1 -1
  28. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +20 -46
  29. package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +4 -0
  30. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  31. package/src/sap/m/themes/sap_horizon_hcw/RangeSlider.less +4 -6
  32. package/src/sap/m/themes/sap_horizon_hcw/SegmentedButton.less +1 -1
  33. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +20 -47
  34. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +2 -0
  35. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +2 -0
  36. package/src/sap/ui/commons/themes/sap_horizon/MenuButton.less +12 -0
  37. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  38. package/src/sap/ui/core/themes/sap_horizon/global.less +16 -16
  39. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  40. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +16 -16
  41. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  42. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +16 -16
  43. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  44. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +16 -16
@@ -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,21 +19,22 @@
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;
30
- top: 4px;
26
+ top: 0.25rem;
31
27
  right: 0.5rem;
32
28
  overflow: hidden;
33
29
  vertical-align: middle;
34
- font-size:14px;
30
+ font-size: 0.875rem;
31
+ line-height: 0.875rem;
35
32
  color: @sapContent_Selected_ForegroundColor;
36
33
  }
37
34
 
38
35
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
39
36
  &:after {
40
- top: 3px;
37
+ top: 0.1875rem;
41
38
  right: 0.4375rem;
42
39
  }
43
40
  }
@@ -47,15 +44,13 @@
47
44
  &:not(:focus) {
48
45
  border-color: @sapUiSliderHoverHandleBorderColor;
49
46
  background: @sapUiSliderHoverHandleBackground;
50
- box-shadow: @sapUiContentSelectedShadow;
51
47
  }
52
48
  }
53
49
 
54
50
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
55
- background: @sapUiSliderActiveHandleBackground;
56
- border: 0.125rem solid #0070F2;
51
+ background: @sapUiSliderActiveRangeHandleBackground;
52
+ border: @sapUiContentFocusWidth solid @sapUiContentFocusColor;
57
53
  outline: none;
58
- box-shadow: none;
59
54
  top: -0.625rem;
60
55
  }
61
56
 
@@ -89,8 +84,8 @@
89
84
  border-radius: 50%;
90
85
  width: 0.5rem;
91
86
  height: 0.5rem;
92
- left: -14px;
93
- top: -2px;
87
+ left: -0.875rem;
88
+ top: -0.125rem;
94
89
  }
95
90
 
96
91
  .sapMSlider::after {
@@ -102,8 +97,8 @@
102
97
  border-radius: 50%;
103
98
  width: 0.5rem;
104
99
  height: 0.5rem;
105
- right: 2px;
106
- top: 22px;
100
+ right: 0.125rem;
101
+ top: 1.375rem;
107
102
  }
108
103
 
109
104
  .sapMSliderTooltip {
@@ -120,13 +115,14 @@
120
115
  }
121
116
 
122
117
  .sapMSliderTickmarks {
118
+ top: -0.75rem;
123
119
  display: flex;
124
- top: initial;
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,12 +145,12 @@
149
145
  }
150
146
 
151
147
  .sapMSlider::after {
152
- top: 12px;
153
- right: 6px;
148
+ top: 0.75rem;
149
+ right: 0.375rem;
154
150
  }
155
151
 
156
152
  .sapMSliderInner::before {
157
- left: -12px;
153
+ left: -0.75rem;
158
154
  }
159
155
 
160
156
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
@@ -173,13 +169,13 @@
173
169
  }
174
170
 
175
171
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
176
- top: 2px;
172
+ top: 0.125rem;
177
173
  right: 0.25rem;
178
174
  }
179
175
 
180
176
  .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
181
177
  &:after {
182
- top: 1px;
178
+ top: 0.0625rem;
183
179
  right: 0.1875rem;
184
180
  }
185
181
  }
@@ -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;
@@ -41,7 +39,7 @@
41
39
  }
42
40
 
43
41
  .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
44
- margin-right: 2.3rem;
42
+ margin-right: 2.25rem;
45
43
  }
46
44
 
47
45
  .sapMSB .sapMSBInner {
@@ -57,10 +55,10 @@
57
55
 
58
56
  .sapUiSizeCompact {
59
57
  .sapMSB .sapMSBInner {
60
- padding: 0.15rem 0;
58
+ padding: 0.1875rem 0;
61
59
  }
62
60
  .sapMSB .sapMSBText {
63
- height: 1.75rem;
61
+ height: 1.625rem;
64
62
  }
65
63
  }
66
64
 
@@ -96,8 +94,13 @@
96
94
  background-color: @sapUiButtonAttentionBackground;
97
95
  }
98
96
 
99
- .sapMSB .sapMBtnInner {
100
- border: none;
97
+ .sapMMenuBtnSplit {
98
+ .sapMBtnInner,
99
+ span.sapMBtnInner.sapMBtnAccept,
100
+ span.sapMBtnInner.sapMBtnAttention,
101
+ span.sapMBtnInner.sapMBtnReject {
102
+ border-color: transparent;
103
+ }
101
104
  }
102
105
 
103
106
  .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -113,12 +116,18 @@
113
116
  border-radius: 0.35rem;
114
117
  }
115
118
 
116
- .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
117
- .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
119
+ .sapMSB.sapMSBEmphasized .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
120
+ background-color: @sapUiButtonEmphasizedTextColor;
121
+ }
122
+
123
+ .sapMSB.sapMSBNeutral .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
124
+ background-color: @sapUiButtonInformationTextColor;
125
+ }
126
+
118
127
  .sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
119
128
  .sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
120
129
  .sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
121
- background-color: @sapUiButtonEmphasizedTextColor;
130
+ background-color: @sapUiButtonSuccessTextColor;
122
131
  }
123
132
 
124
133
  .sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
@@ -154,30 +163,64 @@
154
163
  border-radius: 0.375rem;
155
164
  }
156
165
 
157
- .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
166
+ .sapMSB.sapMSBEmphasized:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
167
+ .sapMSB.sapMSBCritical:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
168
+ .sapMSB.sapMSBNegative:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after,
169
+ .sapMSB.sapMSBSuccess:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
158
170
  border-color: @sapUiContentContrastFocusColor;
159
171
  }
160
172
 
161
173
  .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
162
- border: 0.125rem solid @sapUiContentFocusColor;
163
- .sapMBtnContent,
164
- .sapUiIcon {
165
- position: absolute;
166
- top: -2px;
174
+ border: 0.0625rem solid @sapUiContentFocusColor;
175
+ min-width: 2.3125rem;
176
+
177
+ &.sapMBtnText > .sapUiIcon {
178
+ left: 0.4375rem;
167
179
  }
180
+
168
181
  .sapUiIcon {
169
- left: 0.4375rem;
182
+ position: absolute;
183
+ left: 0.0625rem;
184
+ padding-right: 0.0625rem;
185
+ }
186
+
187
+ .sapUiIcon + .sapMBtnContent {
188
+ padding-left: 1.4375rem;
170
189
  }
171
- &.sapMBtnIconFirst .sapMBtnContent {
172
- left: 1.8rem;
190
+ }
191
+
192
+ .sapUiSizeCompact .sapMSB {
193
+ .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
194
+ margin-right: 2rem;
173
195
  }
174
- .sapMBtnContent {
175
- left: 0.4rem;
196
+
197
+ :not(.sapMBtnDisabled) > span.sapMBtnInner {
198
+ &.sapMBtnInner.sapMBtnText {
199
+ padding-right: 0.3125rem;
200
+ padding-left: 0.3125rem;
201
+ }
202
+ &.sapMBtnEmphasized.sapMBtnActive {
203
+ min-width: 2rem;
204
+
205
+ &.sapMBtnText > .sapUiIcon {
206
+ left: 0.3125rem;
207
+ }
208
+ }
176
209
  }
177
210
  }
178
211
 
179
- .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
180
- left: -0.0625rem;
212
+ .sapUiSizeCompact {
213
+ .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
214
+ .sapUiIcon {
215
+ position: absolute;
216
+ left: 0;
217
+ padding-right: 0;
218
+ }
219
+
220
+ .sapMBtnContent {
221
+ top: 0;
222
+ }
223
+ }
181
224
  }
182
225
 
183
226
  .sapMMenuBtn .sapMBtnDisabled {
@@ -202,6 +245,13 @@ html.sap-desktop .sapMMenuBtnSplit .sapMBtn:focus > .sapMFocusable:after {
202
245
  right: 0.125rem;
203
246
  }
204
247
 
248
+ .sapUiSizeCompact {
249
+ .sapMSB:focus .sapMSBInner:not(.sapMSBInnerDisabled)::after {
250
+ left: 0.0625rem;
251
+ right: 0.0625rem;
252
+ }
253
+ }
254
+
205
255
  html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator):before {
206
256
  width: auto;
207
257
  height: auto;
@@ -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
 
@@ -10,7 +10,6 @@
10
10
  @_sap_m_IconTabBar_TextColor: @sapTextColor;
11
11
  @_sap_m_IconTabBar_TextShadow: none;
12
12
  @_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
13
- @_sap_m_IconTabBar_More_Button_Font_size: 1rem;
14
13
  @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
15
14
  @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
16
15
 
@@ -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
  }
@@ -12,7 +12,6 @@
12
12
  .sapMObjStatusText,
13
13
  .sapMObjStatusIcon {
14
14
  min-height: 1rem;
15
- text-shadow: @sapUiContentContrastTextShadow;
16
15
  height: 100%;
17
16
  }
18
17
  }
@@ -44,45 +43,51 @@
44
43
  }
45
44
 
46
45
  .sapMObjStatusInverted {
46
+ box-sizing: border-box;
47
+ min-width: 1.375rem;
47
48
  & .sapMObjStatusText,
48
49
  & .sapMObjStatusIcon.sapMObjStatusIconOnly,
49
50
  & .sapMObjStatusIcon .sapMObjStatusIconOnly,
50
51
  & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
51
52
  & .sapMObjStatusLink .sapMObjStatusText {
52
- border-radius: 0.25rem;
53
+ border-radius: @sapUiButtonBorderCornerRadius;
53
54
  }
54
55
  & .sapMObjStatusIcon {
55
- border-radius: 0.25rem 0 0 0.25rem;
56
+ border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
56
57
  }
57
58
  & .sapMObjStatusIcon + .sapMObjStatusText {
58
- border-radius: 0 0.25rem 0.25rem 0;
59
+ border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
59
60
  }
60
61
  }
61
62
 
62
63
  .sapMObjStatusInverted .sapMObjStatusText,
63
64
  .sapMObjStatusInverted .sapMObjStatusIcon {
64
65
  color: @sapUiContentContrastTextColor;
66
+ border: 0.0625rem solid;
65
67
  }
66
68
 
67
- .sapMObjStatusInverted .sapMObjStatusText,
68
- .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly {
69
- padding: 0.0625rem 0.25rem;
69
+ .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
70
+ .sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
71
+ padding: 0.1875rem 0.313rem;
72
+ }
73
+
74
+ .sapMObjStatusInverted .sapMObjStatusText {
75
+ padding: 0.1875rem 0.25rem;
70
76
  }
71
77
 
72
78
  .sapMObjStatusInverted .sapMObjStatusIcon {
73
- padding: 0.0625rem 0 0.0625rem 0.25rem;
79
+ padding: 0.1875rem 0 0.1875rem 0.25rem;
74
80
  vertical-align: middle;
75
81
  }
76
82
 
77
83
  html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
78
84
  .sapMObjStatusText {
79
85
  text-decoration: underline;
80
- text-shadow: @sapUiContentTextShadow;
81
86
  }
82
87
  &:focus {
83
88
  .sapMObjStatusLink::after {
84
89
  outline: none;
85
- border-radius: 0.125rem;
90
+ border-radius: @sapUiButtonBorderCornerRadius;
86
91
  content: "";
87
92
  position: absolute;
88
93
  box-sizing: border-box;
@@ -96,11 +101,10 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
96
101
  }
97
102
  .sapMObjStatusLink {
98
103
  background: @sapUiContentFocusColor;
99
- border-radius: 0.125rem;
104
+ border-radius: @sapUiButtonBorderCornerRadius;
100
105
  .sapMObjStatusIcon > .sapUiIcon,
101
106
  .sapMObjStatusText {
102
107
  color: @sapUiContentContrastTextColor;
103
- text-shadow: @sapUiContentContrastTextShadow;
104
108
  }
105
109
  .sapMObjStatusText {
106
110
  text-decoration: underline;
@@ -145,7 +149,7 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
145
149
  pointer-events: none;
146
150
  z-index: 1;
147
151
  box-shadow: inset 0 0 0 0.125em @sapUiContentFocusColor, inset 0 0 0 0.1875em @sapUiContentContrastFocusColor;
148
- border-radius: 0.25rem;
152
+ border-radius: @sapUiButtonBorderCornerRadius;
149
153
  height: 100%;
150
154
  }
151
155
  }
@@ -154,15 +158,234 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
154
158
  }
155
159
  }
156
160
 
157
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
158
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon,
159
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
160
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon ,
161
+ .sapMObjStatus.sapMObjStatusInverted,
162
+ .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusActive {
163
+ .sapMObjStatusIcon:not(.sapMObjStatusIconOnly){
164
+ border-right: none;
165
+ &:hover:active{
166
+ border-right: none;
167
+ }
168
+ }
169
+ .sapMObjStatusIcon + .sapMObjStatusText {
170
+ border-left: none;
171
+ }
172
+ }
173
+
174
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
175
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
176
+ background-color: @sapUiButtonNegativeBackground;
177
+ color: @sapUiButtonNegativeTextColor;
178
+ border-color: @sapUiButtonNegativeBorderColor;
179
+ }
180
+
181
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
182
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
183
+ background-color: @sapUiButtonCriticalBackground;
184
+ color: @sapUiButtonCriticalTextColor;
185
+ border-color: @sapUiButtonCriticalBorderColor;
186
+ }
187
+
188
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
189
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
190
+ background-color: @sapUiButtonSuccessBackground;
191
+ color: @sapUiButtonSuccessTextColor;
192
+ border-color: @sapUiButtonSuccessBorderColor;
193
+ }
194
+
195
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
196
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
197
+ text-shadow: @sapUiContentTextShadow;
198
+ background-color: @sapUiButtonInformationBackground;
199
+ color: @sapUiButtonInformationTextColor;
200
+ border-color: @sapUiButtonInformationBorderColor;
201
+ }
202
+
203
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
204
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
205
+ text-shadow: @sapUiContentTextShadow;
206
+ background-color: @sapNeutralBackground;
207
+ color: @sapTextColor;
208
+ border-color: @sapNeutralBorderColor;
209
+ }
210
+
211
+
212
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
213
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
214
+ background-color: @sapUiButtonNegativeHoverBackground;
215
+ color: @sapUiButtonNegativeHoverTextColor;
216
+ border-color: @sapUiButtonNegativeHoverBorderColor;
217
+ }
218
+
219
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
220
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
221
+ background-color: @sapUiButtonCriticalHoverBackground;
222
+ color: @sapUiButtonCriticalHoverTextColor;
223
+ border-color: @sapUiButtonCriticalHoverBorderColor;
224
+ }
225
+
226
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
227
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
228
+ background-color: @sapUiButtonSuccessHoverBackground;
229
+ color: @sapUiButtonSuccessHoverTextColor;
230
+ border-color: @sapUiButtonSuccessHoverBorderColor;
231
+ }
232
+
233
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
234
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
235
+ background-color: @sapUiButtonInformationHoverBackground;
236
+ color: @sapUiButtonInformationHoverTextColor;
237
+ border-color: @sapUiButtonInformationHoverBorderColor;
238
+ }
239
+
240
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
241
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
242
+ background-color: @sapUiButtonNeutralHoverBackground;
243
+ color: @sapUiButtonNeutralHoverTextColor;
244
+ border-color: @sapUiButtonNeutralHoverBorderColor;
245
+ }
246
+
161
247
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
162
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon,
248
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
249
+ background-color: @sapUiButtonNegativeActiveBackground;
250
+ color: @sapUiButtonRejectSelectedTextColor;
251
+ border-color: @sapUiButtonNegativeActiveBorderColor;
252
+ }
253
+
163
254
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
164
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon,
255
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
256
+ background-color: @sapUiButtonCriticalActiveBackground;
257
+ color: @sapUiButtonAttentionSelectedTextColor;
258
+ border-color: @sapUiButtonCriticalActiveBorderColor;
259
+ }
260
+
165
261
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
166
262
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
167
- color: @sapUiContentContrastTextColor;
263
+ background-color: @sapUiButtonSuccessActiveBackground;
264
+ color: @sapUiButtonAcceptSelectedTextColor;
265
+ border-color: @sapUiButtonSuccessActiveBorderColor;
266
+ }
267
+
268
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
269
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
270
+ background-color: @sapUiButtonInformationActiveBackground;
271
+ color: @sapUiButtonSelectedTextColor;
272
+ border-color: @sapUiButtonInformationActiveBorderColor;
273
+ }
274
+
275
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
276
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
277
+ background-color: @sapUiButtonNeutralActiveBackground;
278
+ color: @sapUiButtonActiveTextColor;
279
+ border-color: @sapUiButtonNeutralActiveBorderColor;
280
+ }
281
+
282
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
283
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
284
+ background-color: @sapUiIndication1Background;
285
+ border-color: @sapUiIndication1BorderColor;
286
+ color: @sapUiIndication1TextColor;
287
+ }
288
+
289
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
290
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
291
+ background-color: @sapUiIndication2Background;
292
+ border-color: @sapUiIndication2BorderColor;
293
+ color: @sapUiIndication2TextColor;
294
+ }
295
+
296
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
297
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
298
+ background-color: @sapUiIndication3Background;
299
+ border-color: @sapUiIndication3BorderColor;
300
+ color: @sapUiIndication3TextColor;
301
+ }
302
+
303
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
304
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
305
+ background-color: @sapUiIndication4Background;
306
+ border-color: @sapUiIndication4BorderColor;
307
+ color: @sapUiIndication4TextColor;
308
+ }
309
+
310
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
311
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
312
+ background-color: @sapUiIndication5Background;
313
+ border-color: @sapUiIndication5BorderColor;
314
+ color: @sapUiIndication5TextColor;
315
+ }
316
+
317
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
318
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
319
+ background-color: @sapUiIndication6Background;
320
+ border-color: @sapUiIndication6BorderColor;
321
+ color: @sapUiIndication6TextColor;
322
+ }
323
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
324
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
325
+ background-color: @sapUiIndication7Background;
326
+ border-color: @sapUiIndication7BorderColor;
327
+ color: @sapUiIndication7TextColor;
328
+ }
329
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
330
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
331
+ background-color: @sapUiIndication8Background;
332
+ border-color: @sapUiIndication8BorderColor;
333
+ color: @sapUiIndication8TextColor;
334
+ }
335
+
336
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
337
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
338
+ background-color: @sapUiIndication1ActiveBackground;
339
+ border-color: @sapUiIndication1ActiveBorderColor;
340
+ color: @sapUiIndication1ActiveTextColor;
341
+
342
+ }
343
+
344
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
345
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
346
+ background-color: @sapUiIndication2ActiveBackground;
347
+ border-color: @sapUiIndication2ActiveBorderColor;
348
+ color: @sapUiIndication2ActiveTextColor;
349
+ }
350
+
351
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
352
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
353
+ background-color: @sapUiIndication3ActiveBackground;
354
+ border-color: @sapUiIndication3ActiveBorderColor;
355
+ color: @sapUiIndication3ActiveTextColor;
356
+ }
357
+
358
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
359
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
360
+ background-color: @sapUiIndication4ActiveBackground;
361
+ border-color: @sapUiIndication4ActiveBorderColor;
362
+ color: @sapUiIndication4ActiveTextColor;
363
+ }
364
+
365
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
366
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
367
+ background-color: @sapUiIndication5ActiveBackground;
368
+ border-color: @sapUiIndication5ActiveBorderColor;
369
+ color: @sapUiIndication5ActiveTextColor;
370
+ }
371
+
372
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
373
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
374
+ background-color: @sapUiIndication6ActiveBackground;
375
+ border-color: @sapUiIndication6ActiveBorderColor;
376
+ color: @sapUiIndication6ActiveTextColor;
377
+ }
378
+
379
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
380
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
381
+ background-color: @sapUiIndication7ActiveBackground;
382
+ border-color: @sapUiIndication7ActiveBorderColor;
383
+ color: @sapUiIndication7ActiveTextColor;
384
+ }
385
+
386
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
387
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
388
+ background-color: @sapUiIndication8ActiveBackground;
389
+ border-color: @sapUiIndication8ActiveBorderColor;
390
+ color: @sapUiIndication8ActiveTextColor;
168
391
  }