@openui5/themelib_sap_horizon 1.114.11 → 1.114.12

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 (26) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +4 -2
  3. package/src/sap/f/themes/sap_horizon/ShellBar.less +10 -4
  4. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +10 -4
  5. package/src/sap/m/themes/sap_horizon/Avatar.less +2 -2
  6. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +2 -1
  7. package/src/sap/m/themes/sap_horizon/ObjectNumber.less +107 -17
  8. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +4 -0
  9. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  10. package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +107 -17
  11. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  12. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -2
  13. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +5 -1
  14. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +11 -14
  15. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  16. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +5 -1
  17. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +11 -14
  18. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  19. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +0 -4
  20. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +0 -4
  21. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +0 -4
  22. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +0 -4
  23. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  24. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  26. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.114.11",
3
+ "version": "1.114.12",
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.114.11",
18
- "@openui5/sap.m": "1.114.11",
19
- "@openui5/sap.tnt": "1.114.11",
20
- "@openui5/sap.ui.codeeditor": "1.114.11",
21
- "@openui5/sap.ui.commons": "1.114.11",
22
- "@openui5/sap.ui.core": "1.114.11",
23
- "@openui5/sap.ui.dt": "1.114.11",
24
- "@openui5/sap.ui.fl": "1.114.11",
25
- "@openui5/sap.ui.mdc": "1.114.11",
26
- "@openui5/sap.ui.integration": "1.114.11",
27
- "@openui5/sap.ui.layout": "1.114.11",
28
- "@openui5/sap.ui.rta": "1.114.11",
29
- "@openui5/sap.ui.suite": "1.114.11",
30
- "@openui5/sap.ui.table": "1.114.11",
31
- "@openui5/sap.ui.unified": "1.114.11",
32
- "@openui5/sap.ui.ux3": "1.114.11",
33
- "@openui5/sap.uxap": "1.114.11"
17
+ "@openui5/sap.f": "1.114.12",
18
+ "@openui5/sap.m": "1.114.12",
19
+ "@openui5/sap.tnt": "1.114.12",
20
+ "@openui5/sap.ui.codeeditor": "1.114.12",
21
+ "@openui5/sap.ui.commons": "1.114.12",
22
+ "@openui5/sap.ui.core": "1.114.12",
23
+ "@openui5/sap.ui.dt": "1.114.12",
24
+ "@openui5/sap.ui.fl": "1.114.12",
25
+ "@openui5/sap.ui.mdc": "1.114.12",
26
+ "@openui5/sap.ui.integration": "1.114.12",
27
+ "@openui5/sap.ui.layout": "1.114.12",
28
+ "@openui5/sap.ui.rta": "1.114.12",
29
+ "@openui5/sap.ui.suite": "1.114.12",
30
+ "@openui5/sap.ui.table": "1.114.12",
31
+ "@openui5/sap.ui.unified": "1.114.12",
32
+ "@openui5/sap.ui.ux3": "1.114.12",
33
+ "@openui5/sap.uxap": "1.114.12"
34
34
  }
35
35
  }
@@ -35,7 +35,8 @@
35
35
  .sapFAvatar {
36
36
  background-color: @sapUiButtonActiveBackground;
37
37
 
38
- .sapFAvatarInitialsHolder {
38
+ .sapFAvatarInitialsHolder,
39
+ &.sapFAvatarIcon {
39
40
  color: @sapUiButtonActiveTextColor;
40
41
  }
41
42
  }
@@ -66,7 +67,8 @@
66
67
  border: 0.0625rem solid @sapUiButtonActiveBorderColor;
67
68
  background-color: @sapUiButtonActiveBackground;
68
69
 
69
- .sapFAvatarInitialsHolder {
70
+ .sapFAvatarInitialsHolder,
71
+ &.sapFAvatarIcon {
70
72
  color: @sapUiButtonActiveTextColor;
71
73
  }
72
74
  }
@@ -96,14 +96,20 @@
96
96
  font-size: @sapMFontHeader5Size;
97
97
  font-weight: bold;
98
98
 
99
- .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive) {
99
+ .sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
100
+ .sapMBtnTransparent {
101
+ color: @sapUiShellTextColor;
102
+ }
103
+
104
+ .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
100
105
  background: @sapUiShellHoverBackground;
101
106
  box-shadow: @sapUiContentInteractionShadow;
102
107
  border-color: @sapUiButtonLiteBorderColor;
108
+ color: @sapUiShellActiveTextColor;
103
109
  }
104
110
 
105
- .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed.sapMBtnActive {
106
- background: @sapUiShellActiveBackground;
111
+ .sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
112
+ background: @sapUiShellHoverBackground;
107
113
  color: @sapUiShellActiveTextColor;
108
114
  border-color: @sapUiButtonLiteActiveBorderColor;
109
115
  }
@@ -506,7 +512,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
506
512
 
507
513
  // sap.m.Button
508
514
  .sapFShellBarItem.sapMBtn,
509
- .sapFShellBarItem .sapMBtn,
515
+ .sapFShellBarItem:not(.sapFSHMegaMenu ) .sapMBtn,
510
516
  .sapMTB-Transparent-CTX .sapFShellBarItem.sapMBtn,
511
517
  .sapMTB-Transparent-CTX .sapFShellBarItem .sapMBtn {
512
518
  .sapMBtnInner::after,
@@ -96,14 +96,20 @@
96
96
  font-size: @sapMFontHeader5Size;
97
97
  font-weight: bold;
98
98
 
99
- .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive) {
99
+ .sapMBtn:not(:hover) .sapMBtnInner.sapMBtnTransparent::after,
100
+ .sapMBtnTransparent {
101
+ color: @sapUiShellTextColor;
102
+ }
103
+
104
+ .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
100
105
  background: @sapUiShellHoverBackground;
101
106
  box-shadow: @sapUiContentInteractionShadow;
102
107
  border-color: @sapUiButtonLiteBorderColor;
108
+ color: @sapUiShellActiveTextColor;
103
109
  }
104
110
 
105
- .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed.sapMBtnActive {
106
- background: @sapUiShellActiveBackground;
111
+ .sapMBtn:hover > .sapMBtnHoverable.sapMBtnActive {
112
+ background: @sapUiShellHoverBackground;
107
113
  color: @sapUiShellActiveTextColor;
108
114
  border-color: @sapUiButtonLiteActiveBorderColor;
109
115
  }
@@ -504,7 +510,7 @@ html.sap-desktop .sapFShellBarSearchWrap .sapMBtn:not(.sapFShellBarSearchCancelB
504
510
 
505
511
  // sap.m.Button
506
512
  .sapFShellBarItem.sapMBtn,
507
- .sapFShellBarItem .sapMBtn,
513
+ .sapFShellBarItem:not(.sapFSHMegaMenu ) .sapMBtn,
508
514
  .sapMTB-Transparent-CTX .sapFShellBarItem.sapMBtn,
509
515
  .sapMTB-Transparent-CTX .sapFShellBarItem .sapMBtn {
510
516
  .sapMBtnInner::after,
@@ -22,10 +22,10 @@
22
22
  }
23
23
 
24
24
  .sapFAvatarFocusable.sapMAvatarPressed {
25
- box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
25
+ box-shadow: 0px 0px 0px @sapUiButtonBorderWidth @sapUiButtonSelectedBorderColor;
26
26
 
27
27
  &:hover {
28
- box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
28
+ box-shadow: 0px 0px 0px @sapUiButtonBorderWidth @sapUiButtonSelectedHoverBorderColor;
29
29
  }
30
30
  }
31
31
 
@@ -44,7 +44,8 @@
44
44
  &:hover {
45
45
  .sapMSltIcon {
46
46
  background-color: @sapUiContentFocusColor;
47
- border-bottom: @sapUiContentFocusColor 0.0625rem solid;
47
+ text-decoration: underline;
48
+ color: @sapUiContentContrastTextColor;
48
49
  }
49
50
 
50
51
  .sapMSltIcon:before {
@@ -3,17 +3,21 @@
3
3
  /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjectNumberInverted .sapMObjectNumberText,
7
- .sapMObjectNumberInverted .sapMObjectNumberUnit {
8
- text-shadow: @sapUiContentContrastTextShadow;
9
- }
10
-
11
6
  .sapMObjectNumberInverted {
12
- .sapMObjectNumberInner {
13
- border-radius: 0.25rem;
7
+ box-sizing: border-box;
8
+ &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
9
+ min-height: 1rem;
10
+ height: auto;
14
11
  }
15
12
  }
16
13
 
14
+ .sapMObjectNumberInverted .sapMObjectNumberInner {
15
+ border: 0.0625rem solid;
16
+ border-radius: @sapUiButtonBorderCornerRadius;
17
+ padding: 0.1875rem 0.25rem;
18
+ vertical-align: middle;
19
+ }
20
+
17
21
  html.sap-desktop .sapMObjectNumberActive:focus {
18
22
  .sapMObjectNumberInner::after {
19
23
  left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
33
37
  bottom: -0.0625rem;
34
38
  height: auto;
35
39
  outline: none;
36
- border-radius: 0.25rem;
40
+ border-radius: @sapUiButtonBorderCornerRadius;
37
41
  border: 0.125rem solid @sapUiContentFocusColor;
38
42
  }
39
43
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
52
56
  bottom: -0.0625rem;
53
57
  height: auto;
54
58
  outline: none;
55
- border-radius: 0.25rem;
59
+ border-radius: @sapUiButtonBorderCornerRadius;
56
60
  border: 0.125rem solid @sapUiContentFocusColor;
57
61
  }
58
62
  }
59
63
  }
60
64
 
61
- .objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
65
+ .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
66
+ @hoverBackgroundColor, @hoverTextColor,
67
+ @activeBackgroundColor, @activeTextColor,
68
+ @regularTextShadow, @activeTextShadow,
69
+ @regularBorderColor, @hoverBorderColor, @activeBorderColor) {
62
70
  .sapMObjectNumberInverted.@{class} {
71
+ .sapMObjectNumberText,
72
+ .sapMObjectNumberUnit {
73
+ text-shadow: @regularTextShadow;
74
+ }
63
75
  .sapMObjectNumberInner {
64
- background-color: @innerBackgroundColor;
65
- color: @innerColor;
76
+ border-color: @regularBorderColor;
77
+ background-color: @regularBackgroundColor;
78
+ color: @regularTextColor;
66
79
  }
67
80
 
68
81
  &.sapMObjectNumberActive {
69
82
  .sapMObjectNumberInner:hover {
70
- background-color: @activeInnerBackgroundColor;
71
- color: @activeInnerColor;
83
+ border-color: @hoverBorderColor;
84
+ background-color: @hoverBackgroundColor;
85
+ color: @hoverTextColor;
72
86
  }
73
87
  .sapMObjectNumberInner:active,
74
88
  &.sapMObjectNumberPressed .sapMObjectNumberInner {
75
- background-color: @pressedInnerBackgroundColor;
76
- color: @innerColor;
89
+ border-color: @activeBorderColor;
90
+ background-color: @activeBackgroundColor;
91
+ color: @activeTextColor;
92
+
93
+ .sapMObjectNumberText,
94
+ .sapMObjectNumberUnit {
95
+ text-shadow: @activeTextShadow;
96
+ }
77
97
  }
78
98
  }
79
99
  }
80
- }
100
+ }
101
+
102
+ .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
103
+ @sapNeutralBackground,
104
+ @sapTextColor,
105
+ @sapUiButtonNeutralHoverBackground,
106
+ @sapUiButtonNeutralHoverTextColor,
107
+ @sapUiButtonNeutralActiveBackground,
108
+ @sapUiButtonActiveTextColor,
109
+ @sapUiContentTextShadow,
110
+ @sapUiContentTextShadow,
111
+ @sapNeutralBorderColor,
112
+ @sapUiButtonNeutralHoverBorderColor,
113
+ @sapUiButtonNeutralActiveBorderColor
114
+ );
115
+
116
+ .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
117
+ @sapUiButtonInformationBackground,
118
+ @sapUiButtonInformationTextColor,
119
+ @sapUiButtonInformationHoverBackground,
120
+ @sapUiButtonInformationHoverTextColor,
121
+ @sapUiButtonInformationActiveBackground,
122
+ @sapUiButtonSelectedTextColor,
123
+ @sapUiContentTextShadow,
124
+ @sapUiContentTextShadow,
125
+ @sapUiButtonInformationBorderColor,
126
+ @sapUiButtonInformationHoverBorderColor,
127
+ @sapUiButtonInformationActiveBorderColor
128
+ );
129
+
130
+ .objectNumberStatusMixIn(sapMObjectNumberStatusError,
131
+ @sapUiButtonNegativeBackground,
132
+ @sapUiButtonNegativeTextColor,
133
+ @sapUiButtonNegativeHoverBackground,
134
+ @sapUiButtonNegativeHoverTextColor,
135
+ @sapUiButtonNegativeActiveBackground,
136
+ @sapUiButtonRejectSelectedTextColor,
137
+ @sapUiContentContrastTextShadow,
138
+ @sapUiContentTextShadow,
139
+ @sapUiButtonNegativeBorderColor,
140
+ @sapUiButtonNegativeHoverBorderColor,
141
+ @sapUiButtonNegativeActiveBorderColor
142
+ );
143
+
144
+ .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
145
+ @sapUiButtonCriticalBackground,
146
+ @sapUiButtonCriticalTextColor,
147
+ @sapUiButtonCriticalHoverBackground,
148
+ @sapUiButtonCriticalHoverTextColor,
149
+ @sapUiButtonCriticalActiveBackground,
150
+ @sapUiButtonAttentionSelectedTextColor,
151
+ @sapUiContentContrastTextShadow,
152
+ @sapUiContentTextShadow,
153
+ @sapUiButtonCriticalBorderColor,
154
+ @sapUiButtonCriticalHoverBorderColor,
155
+ @sapUiButtonCriticalActiveBorderColor
156
+ );
157
+
158
+ .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
159
+ @sapUiButtonSuccessBackground,
160
+ @sapUiButtonSuccessTextColor,
161
+ @sapUiButtonSuccessHoverBackground,
162
+ @sapUiButtonSuccessHoverTextColor,
163
+ @sapUiButtonSuccessActiveBackground,
164
+ @sapUiButtonAcceptSelectedTextColor,
165
+ @sapUiContentContrastTextShadow,
166
+ @sapUiContentTextShadow,
167
+ @sapUiButtonSuccessBorderColor,
168
+ @sapUiButtonSuccessHoverBorderColor,
169
+ @sapUiButtonSuccessActiveBorderColor
170
+ );
@@ -29,6 +29,10 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPIValueMax .sapMPIBarRemaining {
33
+ display: flex;
34
+ }
35
+
32
36
  .sapMPIBarRemaining {
33
37
  position: absolute;
34
38
  width: ~'calc(100% - 1.25rem)';
@@ -118,8 +118,10 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
118
118
  }
119
119
 
120
120
  .sapMSlt.sapMSltReadonly {
121
- background: @sapUiFieldReadOnlyBackground;
122
- border-bottom: dashed @sapUiElementBorderWidth @sapUiFieldReadOnlyBorderColor;
121
+ border-color: @sapUiFieldReadOnlyBorderColor;
122
+ background:@sapUiFieldReadOnlyBackgroundStyle;
123
+ background-color: @sapUiFieldReadOnlyBackground;
124
+ box-shadow: none;
123
125
  }
124
126
 
125
127
  div.sapMSltPicker .sapMSltPickerValueState {
@@ -3,17 +3,21 @@
3
3
  /* Evening Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjectNumberInverted .sapMObjectNumberText,
7
- .sapMObjectNumberInverted .sapMObjectNumberUnit {
8
- text-shadow: @sapUiContentContrastTextShadow;
9
- }
10
-
11
6
  .sapMObjectNumberInverted {
12
- .sapMObjectNumberInner {
13
- border-radius: 0.25rem;
7
+ box-sizing: border-box;
8
+ &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
9
+ min-height: 1rem;
10
+ height: auto;
14
11
  }
15
12
  }
16
13
 
14
+ .sapMObjectNumberInverted .sapMObjectNumberInner {
15
+ border: 0.0625rem solid;
16
+ border-radius: @sapUiButtonBorderCornerRadius;
17
+ padding: 0.1875rem 0.25rem;
18
+ vertical-align: middle;
19
+ }
20
+
17
21
  html.sap-desktop .sapMObjectNumberActive:focus {
18
22
  .sapMObjectNumberInner::after {
19
23
  left: -0.0625rem;
@@ -33,7 +37,7 @@ html.sap-desktop .sapMObjectNumberActive:focus {
33
37
  bottom: -0.0625rem;
34
38
  height: auto;
35
39
  outline: none;
36
- border-radius: 0.25rem;
40
+ border-radius: @sapUiButtonBorderCornerRadius;
37
41
  border: 0.125rem solid @sapUiContentFocusColor;
38
42
  }
39
43
 
@@ -52,29 +56,115 @@ html.sap-desktop .sapMObjectNumberActive:focus {
52
56
  bottom: -0.0625rem;
53
57
  height: auto;
54
58
  outline: none;
55
- border-radius: 0.25rem;
59
+ border-radius: @sapUiButtonBorderCornerRadius;
56
60
  border: 0.125rem solid @sapUiContentFocusColor;
57
61
  }
58
62
  }
59
63
  }
60
64
 
61
- .objectNumberStatusMixIn(@class, @innerBackgroundColor, @innerColor, @activeInnerBackgroundColor, @activeInnerColor, @pressedInnerBackgroundColor) {
65
+ .objectNumberStatusMixIn(@class, @regularBackgroundColor, @regularTextColor,
66
+ @hoverBackgroundColor, @hoverTextColor,
67
+ @activeBackgroundColor, @activeTextColor,
68
+ @regularTextShadow, @activeTextShadow,
69
+ @regularBorderColor, @hoverBorderColor, @activeBorderColor) {
62
70
  .sapMObjectNumberInverted.@{class} {
71
+ .sapMObjectNumberText,
72
+ .sapMObjectNumberUnit {
73
+ text-shadow: @regularTextShadow;
74
+ }
63
75
  .sapMObjectNumberInner {
64
- background-color: @innerBackgroundColor;
65
- color: @innerColor;
76
+ border-color: @regularBorderColor;
77
+ background-color: @regularBackgroundColor;
78
+ color: @regularTextColor;
66
79
  }
67
80
 
68
81
  &.sapMObjectNumberActive {
69
82
  .sapMObjectNumberInner:hover {
70
- background-color: @activeInnerBackgroundColor;
71
- color: @activeInnerColor;
83
+ border-color: @hoverBorderColor;
84
+ background-color: @hoverBackgroundColor;
85
+ color: @hoverTextColor;
72
86
  }
73
87
  .sapMObjectNumberInner:active,
74
88
  &.sapMObjectNumberPressed .sapMObjectNumberInner {
75
- background-color: @pressedInnerBackgroundColor;
76
- color: @innerColor;
89
+ border-color: @activeBorderColor;
90
+ background-color: @activeBackgroundColor;
91
+ color: @activeTextColor;
92
+
93
+ .sapMObjectNumberText,
94
+ .sapMObjectNumberUnit {
95
+ text-shadow: @activeTextShadow;
96
+ }
77
97
  }
78
98
  }
79
99
  }
80
- }
100
+ }
101
+
102
+ .objectNumberStatusMixIn(sapMObjectNumberStatusNone,
103
+ @sapNeutralBackground,
104
+ @sapTextColor,
105
+ @sapUiButtonNeutralHoverBackground,
106
+ @sapUiButtonNeutralHoverTextColor,
107
+ @sapUiButtonNeutralActiveBackground,
108
+ @sapUiButtonActiveTextColor,
109
+ @sapUiContentTextShadow,
110
+ @sapUiContentTextShadow,
111
+ @sapNeutralBorderColor,
112
+ @sapUiButtonNeutralHoverBorderColor,
113
+ @sapUiButtonNeutralActiveBorderColor
114
+ );
115
+
116
+ .objectNumberStatusMixIn(sapMObjectNumberStatusInformation,
117
+ @sapUiButtonInformationBackground,
118
+ @sapUiButtonInformationTextColor,
119
+ @sapUiButtonInformationHoverBackground,
120
+ @sapUiButtonInformationHoverTextColor,
121
+ @sapUiButtonInformationActiveBackground,
122
+ @sapUiButtonSelectedTextColor,
123
+ @sapUiContentTextShadow,
124
+ @sapUiContentTextShadow,
125
+ @sapUiButtonInformationBorderColor,
126
+ @sapUiButtonInformationHoverBorderColor,
127
+ @sapUiButtonInformationActiveBorderColor
128
+ );
129
+
130
+ .objectNumberStatusMixIn(sapMObjectNumberStatusError,
131
+ @sapUiButtonNegativeBackground,
132
+ @sapUiButtonNegativeTextColor,
133
+ @sapUiButtonNegativeHoverBackground,
134
+ @sapUiButtonNegativeHoverTextColor,
135
+ @sapUiButtonNegativeActiveBackground,
136
+ @sapUiButtonRejectSelectedTextColor,
137
+ @sapUiContentContrastTextShadow,
138
+ @sapUiContentTextShadow,
139
+ @sapUiButtonNegativeBorderColor,
140
+ @sapUiButtonNegativeHoverBorderColor,
141
+ @sapUiButtonNegativeActiveBorderColor
142
+ );
143
+
144
+ .objectNumberStatusMixIn(sapMObjectNumberStatusWarning,
145
+ @sapUiButtonCriticalBackground,
146
+ @sapUiButtonCriticalTextColor,
147
+ @sapUiButtonCriticalHoverBackground,
148
+ @sapUiButtonCriticalHoverTextColor,
149
+ @sapUiButtonCriticalActiveBackground,
150
+ @sapUiButtonAttentionSelectedTextColor,
151
+ @sapUiContentContrastTextShadow,
152
+ @sapUiContentTextShadow,
153
+ @sapUiButtonCriticalBorderColor,
154
+ @sapUiButtonCriticalHoverBorderColor,
155
+ @sapUiButtonCriticalActiveBorderColor
156
+ );
157
+
158
+ .objectNumberStatusMixIn(sapMObjectNumberStatusSuccess,
159
+ @sapUiButtonSuccessBackground,
160
+ @sapUiButtonSuccessTextColor,
161
+ @sapUiButtonSuccessHoverBackground,
162
+ @sapUiButtonSuccessHoverTextColor,
163
+ @sapUiButtonSuccessActiveBackground,
164
+ @sapUiButtonAcceptSelectedTextColor,
165
+ @sapUiContentContrastTextShadow,
166
+ @sapUiContentTextShadow,
167
+ @sapUiButtonSuccessBorderColor,
168
+ @sapUiButtonSuccessHoverBorderColor,
169
+ @sapUiButtonSuccessActiveBorderColor
170
+ );
@@ -29,6 +29,10 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPIValueMax .sapMPIBarRemaining {
33
+ display: flex;
34
+ }
35
+
32
36
  .sapMPIBarRemaining {
33
37
  position: absolute;
34
38
  width: ~'calc(100% - 1.25rem)';
@@ -118,8 +118,10 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
118
118
  }
119
119
 
120
120
  .sapMSlt.sapMSltReadonly {
121
- background: @sapUiFieldReadOnlyBackground;
122
- border-bottom: dashed @sapUiElementBorderWidth @sapUiFieldReadOnlyBorderColor;
121
+ border-color: @sapUiFieldReadOnlyBorderColor;
122
+ background:@sapUiFieldReadOnlyBackgroundStyle;
123
+ background-color: @sapUiFieldReadOnlyBackground;
124
+ box-shadow: none;
123
125
  }
124
126
 
125
127
  div.sapMSltPicker .sapMSltPickerValueState {
@@ -58,8 +58,12 @@
58
58
 
59
59
  // value state
60
60
  .sapMCbErr {
61
- .sapMCbBg {
61
+ &:hover .sapMCbBg,
62
+ .sapMCbBg{
62
63
  background-color: @sapUiFieldInvalidBackground;
64
+ }
65
+
66
+ .sapMCbBg {
63
67
  border: @sapUiFieldInvalidBorderWidth dashed @sapUiFieldInvalidColor;
64
68
  color: @sapUiFieldInvalidColor;
65
69
 
@@ -8,20 +8,17 @@
8
8
  .sapMObjectNumberInverted {
9
9
  box-sizing: border-box;
10
10
  &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
11
- height: 0.875rem;
12
- line-height: 0.75rem;
13
- }
14
- .sapMObjectNumberText,
15
- .sapMObjectNumberUnit {
16
- vertical-align: middle;
17
- line-height: 0.875rem;
11
+ min-height: 1rem;
12
+ height: auto;
18
13
  }
19
14
  }
20
15
 
21
16
  .sapMObjectNumberInverted .sapMObjectNumberInner {
22
17
  background-color: @sapUiBaseBG;
23
- border-width: 0.0625rem;
24
- border-style: solid;
18
+ border: 0.0625rem solid;
19
+ border-radius: @sapUiButtonBorderCornerRadius;
20
+ padding: 0.1875rem 0.25rem;
21
+ vertical-align: middle;
25
22
  }
26
23
 
27
24
  html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
35
32
  }
36
33
 
37
34
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
38
- top: -2px;
39
- left: 1px;
40
- bottom: -2px;
41
- right: 1px;
42
- outline: 2px dotted @sapUiContentFocusColor;
35
+ top: 0.125rem;
36
+ left: 0.125rem;
37
+ bottom: 0.0625rem;
38
+ right: 0.125rem;
39
+ outline: 0.125rem dotted @sapUiContentFocusColor;
43
40
  }
44
41
 
45
42
  &.sapMObjectNumberLarge {
@@ -29,6 +29,10 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPIValueMax .sapMPIBarRemaining {
33
+ display: flex;
34
+ }
35
+
32
36
  .sapMPIBarRemaining {
33
37
  position: absolute;
34
38
  width: ~'calc(100% - 1.25rem)';
@@ -58,8 +58,12 @@
58
58
 
59
59
  // value state
60
60
  .sapMCbErr {
61
- .sapMCbBg {
61
+ &:hover .sapMCbBg,
62
+ .sapMCbBg{
62
63
  background-color: @sapUiFieldInvalidBackground;
64
+ }
65
+
66
+ .sapMCbBg {
63
67
  border: @sapUiFieldInvalidBorderWidth dashed @sapUiFieldInvalidColor;
64
68
  color: @sapUiFieldInvalidColor;
65
69
 
@@ -8,20 +8,17 @@
8
8
  .sapMObjectNumberInverted {
9
9
  box-sizing: border-box;
10
10
  &:not(.sapMObjectNumberLarge) .sapMObjectNumberInner {
11
- height: 0.875rem;
12
- line-height: 0.75rem;
13
- }
14
- .sapMObjectNumberText,
15
- .sapMObjectNumberUnit {
16
- vertical-align: middle;
17
- line-height: 0.875rem;
11
+ min-height: 1rem;
12
+ height: auto;
18
13
  }
19
14
  }
20
15
 
21
16
  .sapMObjectNumberInverted .sapMObjectNumberInner {
22
17
  background-color: @sapUiBaseBG;
23
- border-width: 0.0625rem;
24
- border-style: solid;
18
+ border: 0.0625rem solid;
19
+ border-radius: @sapUiButtonBorderCornerRadius;
20
+ padding: 0.1875rem 0.25rem;
21
+ vertical-align: middle;
25
22
  }
26
23
 
27
24
  html.sap-desktop .sapMObjectNumberActive:focus {
@@ -35,11 +32,11 @@ html.sap-desktop .sapMObjectNumberActive:focus {
35
32
  }
36
33
 
37
34
  &.sapMObjectNumberInverted .sapMObjectNumberInner::after {
38
- top: -2px;
39
- left: 1px;
40
- bottom: -2px;
41
- right: 1px;
42
- outline: 2px dotted @sapUiContentFocusColor;
35
+ top: 0.125rem;
36
+ left: 0.125rem;
37
+ bottom: 0.0625rem;
38
+ right: 0.125rem;
39
+ outline: 0.125rem dotted @sapUiContentFocusColor;
43
40
  }
44
41
 
45
42
  &.sapMObjectNumberLarge {
@@ -29,6 +29,10 @@
29
29
  }
30
30
  }
31
31
 
32
+ .sapMPIValueMax .sapMPIBarRemaining {
33
+ display: flex;
34
+ }
35
+
32
36
  .sapMPIBarRemaining {
33
37
  position: absolute;
34
38
  width: ~'calc(100% - 1.25rem)';
@@ -350,10 +350,6 @@
350
350
  height: 1.625rem;
351
351
  }
352
352
 
353
- &.sapMIBar.sapMTB .sapMBarChild.sapMImg {
354
- margin-left: 0.75rem;
355
- }
356
-
357
353
  .sapMImgFocusable:focus {
358
354
  outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
359
355
  outline-offset: 0.125rem;
@@ -350,10 +350,6 @@
350
350
  height: 1.625rem;
351
351
  }
352
352
 
353
- &.sapMIBar.sapMTB .sapMBarChild.sapMImg {
354
- margin-left: 0.75rem;
355
- }
356
-
357
353
  .sapMImgFocusable:focus {
358
354
  outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
359
355
  outline-offset: 0.125rem;
@@ -359,10 +359,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
359
359
  height: 1.625rem;
360
360
  }
361
361
 
362
- &.sapMIBar.sapMTB .sapMBarChild.sapMImg {
363
- margin-left: 0.75rem;
364
- }
365
-
366
362
  .sapMImgFocusable:focus {
367
363
  outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
368
364
  outline-offset: 0.125rem;
@@ -359,10 +359,6 @@ html.sap-desktop .sapTntToolHeader .sapMSF:not(.sapMSFDisabled) {
359
359
  height: 1.625rem;
360
360
  }
361
361
 
362
- &.sapMIBar.sapMTB .sapMBarChild.sapMImg {
363
- margin-left: 0.75rem;
364
- }
365
-
366
362
  .sapMImgFocusable:focus {
367
363
  outline: @sapContent_FocusStyle @sapContent_FocusWidth @sapContent_FocusColor;
368
364
  outline-offset: 0.125rem;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.11</version>
9
+ <version>1.114.12</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.11</version>
9
+ <version>1.114.12</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.11</version>
9
+ <version>1.114.12</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.114.11</version>
9
+ <version>1.114.12</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12