@openui5/themelib_sap_horizon 1.110.0 → 1.111.1

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 (35) hide show
  1. package/package.json +18 -18
  2. package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less +3 -0
  3. package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less +3 -0
  4. package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less +3 -0
  5. package/src/sap/f/themes/sap_horizon_hcw/DynamicPageHeader.less +3 -0
  6. package/src/sap/m/themes/sap_horizon/Breadcrumbs.less +43 -3
  7. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +30 -2
  8. package/src/sap/m/themes/sap_horizon/PlanningCalendar.less +17 -5
  9. package/src/sap/m/themes/sap_horizon/SplitButton.less +48 -13
  10. package/src/sap/m/themes/sap_horizon/Table.less +3 -1
  11. package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
  12. package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less +42 -0
  13. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +30 -2
  14. package/src/sap/m/themes/sap_horizon_dark/PlanningCalendar.less +17 -5
  15. package/src/sap/m/themes/sap_horizon_dark/SplitButton.less +62 -13
  16. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +0 -1
  17. package/src/sap/m/themes/sap_horizon_hcb/Breadcrumbs.less +35 -0
  18. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +2 -2
  19. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +25 -0
  20. package/src/sap/m/themes/sap_horizon_hcw/Breadcrumbs.less +35 -0
  21. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +2 -2
  22. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +25 -0
  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
  27. package/src/sap/ui/integration/themes/sap_horizon/ObjectContent.less +5 -0
  28. package/src/sap/ui/integration/themes/sap_horizon_dark/ObjectContent.less +5 -0
  29. package/src/sap/ui/unified/themes/sap_horizon/CalendarLegend.less +21 -1
  30. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarLegend.less +21 -1
  31. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarLegend.less +27 -0
  32. package/src/sap/ui/unified/themes/sap_horizon_hcb/library.source.less +1 -0
  33. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarLegend.less +27 -0
  34. package/src/sap/ui/unified/themes/sap_horizon_hcw/library.source.less +1 -0
  35. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.110.0",
3
+ "version": "1.111.1",
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.110.0",
18
- "@openui5/sap.m": "1.110.0",
19
- "@openui5/sap.tnt": "1.110.0",
20
- "@openui5/sap.ui.codeeditor": "1.110.0",
21
- "@openui5/sap.ui.commons": "1.110.0",
22
- "@openui5/sap.ui.core": "1.110.0",
23
- "@openui5/sap.ui.dt": "1.110.0",
24
- "@openui5/sap.ui.fl": "1.110.0",
25
- "@openui5/sap.ui.mdc": "1.110.0",
26
- "@openui5/sap.ui.integration": "1.110.0",
27
- "@openui5/sap.ui.layout": "1.110.0",
28
- "@openui5/sap.ui.rta": "1.110.0",
29
- "@openui5/sap.ui.suite": "1.110.0",
30
- "@openui5/sap.ui.table": "1.110.0",
31
- "@openui5/sap.ui.unified": "1.110.0",
32
- "@openui5/sap.ui.ux3": "1.110.0",
33
- "@openui5/sap.uxap": "1.110.0"
17
+ "@openui5/sap.f": "1.111.1",
18
+ "@openui5/sap.m": "1.111.1",
19
+ "@openui5/sap.tnt": "1.111.1",
20
+ "@openui5/sap.ui.codeeditor": "1.111.1",
21
+ "@openui5/sap.ui.commons": "1.111.1",
22
+ "@openui5/sap.ui.core": "1.111.1",
23
+ "@openui5/sap.ui.dt": "1.111.1",
24
+ "@openui5/sap.ui.fl": "1.111.1",
25
+ "@openui5/sap.ui.mdc": "1.111.1",
26
+ "@openui5/sap.ui.integration": "1.111.1",
27
+ "@openui5/sap.ui.layout": "1.111.1",
28
+ "@openui5/sap.ui.rta": "1.111.1",
29
+ "@openui5/sap.ui.suite": "1.111.1",
30
+ "@openui5/sap.ui.table": "1.111.1",
31
+ "@openui5/sap.ui.unified": "1.111.1",
32
+ "@openui5/sap.ui.ux3": "1.111.1",
33
+ "@openui5/sap.uxap": "1.111.1"
34
34
  }
35
35
  }
@@ -3,6 +3,9 @@
3
3
  /* Horizon theme */
4
4
  /* ======================================== */
5
5
 
6
+ // Specific icon for the pin button for the horizon theme
7
+ @_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
8
+
6
9
  .sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
7
10
  .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
8
11
  background: @sapUiObjectHeaderBackground;
@@ -3,6 +3,9 @@
3
3
  /* Evening Horizon theme */
4
4
  /* ======================================== */
5
5
 
6
+ // Specific icon for the pin button for the horizon theme
7
+ @_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
8
+
6
9
  .sapFDynamicPageHeader.sapFDynamicPageHeaderSolid,
7
10
  .sapFDynamicPageHeader.sapFDynamicPageHeaderTranslucent {
8
11
  background: @sapUiObjectHeaderBackground;
@@ -3,6 +3,9 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ======================================== */
5
5
 
6
+ // Specific icon for the pin button for the horizon theme
7
+ @_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
8
+
6
9
  .sapFDynamicPageHeader {
7
10
  &.sapFDynamicPageHeaderSolid,
8
11
  &.sapFDynamicPageHeaderTransparent,
@@ -3,6 +3,9 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ======================================== */
5
5
 
6
+ // Specific icon for the pin button for the horizon theme
7
+ @_sap_f_DynamicPageHeader_PinButton_Icon: pushpin-on;
8
+
6
9
  .sapFDynamicPageHeader {
7
10
  &.sapFDynamicPageHeaderSolid,
8
11
  &.sapFDynamicPageHeaderTransparent,
@@ -3,9 +3,6 @@
3
3
  /* Horizon theme */
4
4
  /* =============================== */
5
5
 
6
-
7
-
8
-
9
6
  .sapMBreadcrumbs {
10
7
  .sapMBreadcrumbsCurrentLocation {
11
8
  &:focus {
@@ -17,4 +14,47 @@
17
14
  .sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
18
15
  outline-offset: 0;
19
16
  }
17
+
18
+ .sapMSltIcon:before,
19
+ .sapMSltIcon:after {
20
+ font-size: @sapMFontMediumSize;
21
+ color: @sapUiLink;
22
+ padding-bottom: 0.0625rem;
23
+ speak: none;
24
+ }
25
+
26
+ .sapMSltIcon:before {
27
+ font-family: @sapUiFontLightFamily;
28
+ content: "••• ";
29
+ vertical-align: text-top;
30
+ }
31
+
32
+ .sapMSltIcon:after {
33
+ font-family: @sapUiContentIconFontFamily;
34
+ content: "\e1ef";
35
+ vertical-align: text-bottom;
36
+ }
37
+
38
+ .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
39
+ .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
40
+ background: transparent;
41
+ border: none;
42
+
43
+ &.sapMSltFocused,
44
+ &:hover {
45
+ .sapMSltIcon {
46
+ background-color: @sapUiContentFocusColor;
47
+ border-bottom: @sapUiContentFocusColor 0.0625rem solid;
48
+ }
49
+
50
+ .sapMSltIcon:before {
51
+ border-bottom: none;
52
+ }
53
+
54
+ .sapMSltIcon:before,
55
+ .sapMSltIcon:after {
56
+ color: @sapUiWhite;
57
+ }
58
+ }
59
+ }
20
60
  }
@@ -3,9 +3,11 @@
3
3
  /* Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjStatus .sapMObjStatusLink {
6
+ .sapMObjStatus {
7
7
  padding: 0 0.0625rem;
8
- display: inline-block;
8
+ .sapMObjStatusLink {
9
+ display: inline-block;
10
+ }
9
11
  }
10
12
 
11
13
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
@@ -165,4 +167,30 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
165
167
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
166
168
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
167
169
  color: @sapUiContentContrastTextColor;
170
+ }
171
+
172
+ .sapMListTblCell {
173
+ .sapMObjStatus {
174
+ display: inline-table;
175
+
176
+ .sapMObjStatusText {
177
+ line-height: 2rem;
178
+ vertical-align: middle;
179
+ }
180
+
181
+ .sapMObjStatusIcon {
182
+ line-height: 2rem;
183
+ }
184
+ }
185
+ .sapMObjStatus.sapMObjStatusInverted {
186
+ display: inline-table;
187
+
188
+ .sapMObjStatusText {
189
+ line-height: 1rem;
190
+ vertical-align: middle;
191
+ }
192
+ .sapMObjStatusIcon {
193
+ line-height: 1rem;
194
+ }
195
+ }
168
196
  }
@@ -101,9 +101,21 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
101
101
  border-radius: 0.25rem;
102
102
  }
103
103
 
104
- .sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
105
- border-radius: @sapGroup_BorderCornerRadius;
106
- background-color: @sapAccentBackgroundColor5;
107
- color: @sapAccentColor5;
108
- font-size: @sapMFontHeader4Size;
104
+ .sapMPlanCal .sapMListTbl {
105
+ .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
106
+ border-radius: @sapGroup_BorderCornerRadius;
107
+ background-color: @sapAccentBackgroundColor5;
108
+ color: @sapAccentColor5;
109
+ font-size: @sapMFontHeader4Size;
110
+ }
111
+ .sapUiIcon {
112
+ line-height: 1rem;
113
+ }
114
+ .sapUiCalendarAppArrowIconLeft.sapUiIcon,
115
+ .sapUiCalendarAppArrowIconRight.sapUiIcon {
116
+ line-height: 1;
117
+ }
118
+ .sapMFlexItem .sapMText {
119
+ line-height: inherit;
120
+ }
109
121
  }
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
48
- margin-right: 2.3rem;
48
+ margin-right: 2.3125rem;
49
49
  }
50
50
 
51
51
  .sapMSB .sapMSBInner {
@@ -162,26 +162,57 @@
162
162
  border-color: @sapUiContentContrastFocusColor;
163
163
  }
164
164
 
165
+ .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
166
+ margin-right: 2.25rem;
167
+ }
168
+
165
169
  .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
166
170
  border: 0.125rem solid @sapUiContentFocusColor;
167
- .sapMBtnContent,
168
- .sapUiIcon {
169
- position: absolute;
170
- top: -2px;
171
- }
172
- .sapUiIcon {
171
+ min-width: 2.3125rem;
172
+
173
+ &.sapMBtnText > .sapUiIcon {
173
174
  left: 0.4375rem;
174
175
  }
175
- &.sapMBtnIconFirst .sapMBtnContent {
176
- left: 1.8rem;
176
+
177
+ .sapUiIcon {
178
+ position: absolute;
179
+ top: -0.0625rem;
180
+ left: -0.0625rem;
181
+ padding-left: 0.0625rem;
182
+ padding-right: 0.0625rem;
177
183
  }
184
+
178
185
  .sapMBtnContent {
179
- left: 0.4rem;
186
+ padding-left: 0.0625rem;
187
+ }
188
+
189
+ .sapUiIcon + .sapMBtnContent {
190
+ padding-left: 1.4375rem;
191
+ }
192
+ }
193
+
194
+ .sapUiSizeCompact .sapMSB {
195
+ .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
196
+ margin-right: 2rem;
197
+ }
198
+
199
+ :not(.sapMBtnDisabled) > span.sapMBtnInner {
200
+ &.sapMBtnInner.sapMBtnText {
201
+ padding-left: 0.4375rem;
202
+ padding-right: 0.5rem;
203
+ }
204
+ &.sapMBtnEmphasized.sapMBtnActive {
205
+ min-width: 2rem;
206
+
207
+ &.sapMBtnText > .sapUiIcon {
208
+ left: 0.3125rem;
209
+ }
210
+ }
180
211
  }
181
212
  }
182
213
 
183
214
  .sapMSB .sapMSBArrow:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive .sapUiIcon {
184
- left: -0.0625rem;
215
+ left: -0.0625rem;
185
216
  }
186
217
 
187
218
  .sapMMenuBtn .sapMBtnDisabled {
@@ -230,6 +261,10 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
230
261
  background-color: @sapUiButtonActiveTextColor;
231
262
  }
232
263
 
233
- .sapMIBar .sapMSB .sapMBtn {
234
- background-color: transparent;
264
+ .sapMIBar .sapMSB {
265
+ &:not(.sapMSBAccept):not(.sapMSBReject):not(.sapMSBEmphasized):not(.sapMSBCritical):not(.sapMSBNegative):not(.sapMSBSuccess):not(.sapMSBNeutral):not(.sapMSBAttention) {
266
+ .sapMBtn {
267
+ background-color: transparent;
268
+ }
269
+ }
235
270
  }
@@ -41,7 +41,9 @@
41
41
  .sapMLabel,
42
42
  .sapMObjectNumber,
43
43
  .sapMObjectIdentifier,
44
- .sapMObjStatus {
44
+ .sapMObjStatus,
45
+ .sapMObjectAttributeDiv,
46
+ .sapUiIcon {
45
47
  line-height: 1.5rem;
46
48
  }
47
49
 
@@ -82,5 +82,4 @@ html.sap-desktop .sapMTokenizer:focus {
82
82
  .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
83
83
  .sapMTokenizer .sapMTokenizerIndicator {
84
84
  color: @sapLinkColor;
85
- font-weight: bold;
86
85
  }
@@ -14,4 +14,46 @@
14
14
  .sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState), .sapMSlt.sapMSltFocused:not(.sapMSltDisabled):not(.sapMSltState) {
15
15
  outline-offset: 0;
16
16
  }
17
+
18
+ .sapMSltIcon:before,
19
+ .sapMSltIcon:after {
20
+ font-size: @sapMFontMediumSize;
21
+ color: @sapUiLink;
22
+ padding-bottom: 0.0625rem;
23
+ speak: none;
24
+ }
25
+
26
+ .sapMSltIcon:before {
27
+ font-family: @sapUiFontLightFamily;
28
+ content: "••• ";
29
+ vertical-align: bottom;
30
+ }
31
+
32
+ .sapMSltIcon:after {
33
+ font-family: @sapUiContentIconFontFamily;
34
+ content: "\e1ef";
35
+ }
36
+
37
+ .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
38
+ .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
39
+ background: transparent;
40
+ border: none;
41
+
42
+ &.sapMSltFocused,
43
+ &:hover {
44
+ .sapMSltIcon {
45
+ background-color: @sapUiContentFocusColor;
46
+ border-bottom: @sapUiContentFocusColor 0.0625rem solid;
47
+ }
48
+
49
+ .sapMSltIcon:before {
50
+ border-bottom: none;
51
+ }
52
+
53
+ .sapMSltIcon:before,
54
+ .sapMSltIcon:after {
55
+ color: @sapUiButtonHoverBackground;
56
+ }
57
+ }
58
+ }
17
59
  }
@@ -3,9 +3,11 @@
3
3
  /* Evening Horizon theme */
4
4
  /* =================================== */
5
5
 
6
- .sapMObjStatus .sapMObjStatusLink {
6
+ .sapMObjStatus {
7
7
  padding: 0 0.0625rem;
8
- display: inline-block;
8
+ .sapMObjStatusLink {
9
+ display: inline-block;
10
+ }
9
11
  }
10
12
 
11
13
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
@@ -165,4 +167,30 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
165
167
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
166
168
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
167
169
  color: @sapUiContentContrastTextColor;
170
+ }
171
+
172
+ .sapMListTblCell {
173
+ .sapMObjStatus {
174
+ display: inline-table;
175
+
176
+ .sapMObjStatusText {
177
+ line-height: 2rem;
178
+ vertical-align: middle;
179
+ }
180
+
181
+ .sapMObjStatusIcon {
182
+ line-height: 2rem;
183
+ }
184
+ }
185
+ .sapMObjStatus.sapMObjStatusInverted {
186
+ display: inline-table;
187
+
188
+ .sapMObjStatusText {
189
+ line-height: 1rem;
190
+ vertical-align: middle;
191
+ }
192
+ .sapMObjStatusIcon {
193
+ line-height: 1rem;
194
+ }
195
+ }
168
196
  }
@@ -101,9 +101,21 @@ html.sap-desktop .sapMPlanCal .sapUiCalItemOtherMonth:not(.sapUiCalItemSel):hove
101
101
  border-radius: 0.25rem;
102
102
  }
103
103
 
104
- .sapMPlanCal .sapMListTbl .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
105
- border-radius: @sapGroup_BorderCornerRadius;
106
- background-color: @sapAccentBackgroundColor5;
107
- color: @sapAccentColor5;
108
- font-size: @sapMFontHeader4Size;
104
+ .sapMPlanCal .sapMListTbl {
105
+ .sapMSLIImgIcon.sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon) {
106
+ border-radius: @sapGroup_BorderCornerRadius;
107
+ background-color: @sapAccentBackgroundColor5;
108
+ color: @sapAccentColor5;
109
+ font-size: @sapMFontHeader4Size;
110
+ }
111
+ .sapUiIcon {
112
+ line-height: 1rem;
113
+ }
114
+ .sapUiCalendarAppArrowIconLeft.sapUiIcon,
115
+ .sapUiCalendarAppArrowIconRight.sapUiIcon {
116
+ line-height: 1;
117
+ }
118
+ .sapMFlexItem .sapMText {
119
+ line-height: inherit;
120
+ }
109
121
  }
@@ -1,6 +1,6 @@
1
1
  /* ================================== */
2
2
  /* CSS for control sap.m/SplitButton */
3
- /* Evening Horizon theme */
3
+ /* Horizon theme */
4
4
  /* ================================== */
5
5
 
6
6
  .sapMIBar-CTX.sapMFooter-CTX .sapMSB.sapMSBEmphasized:focus .sapMSBInner::after,
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
48
- margin-right: 2.3rem;
48
+ margin-right: 2.3125rem;
49
49
  }
50
50
 
51
51
  .sapMSB .sapMSBInner {
@@ -162,21 +162,66 @@
162
162
  border-color: @sapUiContentContrastFocusColor;
163
163
  }
164
164
 
165
+ .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
166
+ margin-right: 2.25rem;
167
+ }
168
+
165
169
  .sapMSB :not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
166
170
  border: 0.125rem solid @sapUiContentFocusColor;
167
- .sapMBtnContent,
168
- .sapUiIcon {
169
- position: absolute;
170
- top: -2px;
171
- }
172
- .sapUiIcon {
171
+ min-width: 2.3125rem;
172
+
173
+ &.sapMBtnText > .sapUiIcon {
173
174
  left: 0.4375rem;
174
175
  }
175
- &.sapMBtnIconFirst .sapMBtnContent {
176
- left: 1.8rem;
176
+
177
+ .sapUiIcon {
178
+ position: absolute;
179
+ top: -0.0625rem;
180
+ left: -0.0625rem;
181
+ padding-left: 0.0625rem;
182
+ padding-right: 0.0625rem;
177
183
  }
184
+
178
185
  .sapMBtnContent {
179
- left: 0.4rem;
186
+ top: 2px;
187
+ padding-left: 0.0625rem;
188
+ }
189
+
190
+ .sapUiIcon + .sapMBtnContent {
191
+ top: -1px;
192
+ padding-left: 1.4375rem;
193
+ }
194
+ }
195
+
196
+ .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized:not(.sapMBtnIconFirst) .sapMBtnContent {
197
+ position: relative;
198
+ left: 0.0625rem;
199
+ top: 0.0625rem;
200
+ }
201
+
202
+ .sapMMenuBtnSplit .sapMSB:not(.sapMBtnDisabled) .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive:not(.sapMBtnIconFirst) .sapMBtnContent {
203
+ position: relative;
204
+ left: 0;
205
+ top: -0.0625rem;
206
+ }
207
+
208
+ .sapUiSizeCompact .sapMSB {
209
+ .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
210
+ margin-right: 2rem;
211
+ }
212
+
213
+ :not(.sapMBtnDisabled) > span.sapMBtnInner {
214
+ &.sapMBtnInner.sapMBtnText {
215
+ padding-left: 0.4375rem;
216
+ padding-right: 0.5rem;
217
+ }
218
+ &.sapMBtnEmphasized.sapMBtnActive {
219
+ min-width: 2rem;
220
+
221
+ &.sapMBtnText > .sapUiIcon {
222
+ left: 0.3125rem;
223
+ }
224
+ }
180
225
  }
181
226
  }
182
227
 
@@ -230,6 +275,10 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
230
275
  background-color: @sapUiButtonActiveTextColor;
231
276
  }
232
277
 
233
- .sapMIBar .sapMSB .sapMBtn {
234
- background-color: transparent;
278
+ .sapMIBar .sapMSB {
279
+ &:not(.sapMSBAccept):not(.sapMSBReject):not(.sapMSBEmphasized):not(.sapMSBCritical):not(.sapMSBNegative):not(.sapMSBSuccess):not(.sapMSBNeutral):not(.sapMSBAttention) {
280
+ .sapMBtn {
281
+ background-color: transparent;
282
+ }
283
+ }
235
284
  }
@@ -82,5 +82,4 @@ html.sap-desktop .sapMTokenizer:focus {
82
82
  .sapMTokenizer.sapMTokenizerReadonly .sapMTokenizerIndicator,
83
83
  .sapMTokenizer .sapMTokenizerIndicator {
84
84
  color: @sapLinkColor;
85
- font-weight: bold;
86
85
  }
@@ -16,4 +16,39 @@
16
16
  outline: 0.125rem dotted @sapUiHcStandardForeground;
17
17
  outline-offset: -0.125rem;
18
18
  }
19
+
20
+ .sapMSltIcon:before,
21
+ .sapMSltIcon:after {
22
+ font-size: @sapMFontMediumSize;
23
+ color: @sapUiWhite;
24
+ padding-bottom: 0.0625rem;
25
+ speak: none;
26
+ }
27
+
28
+ .sapMSltIcon:before {
29
+ font-family: @sapUiFontLightFamily;
30
+ content: "••• ";
31
+ vertical-align: bottom;
32
+ }
33
+
34
+ .sapMSltIcon:after {
35
+ font-family: @sapUiContentIconFontFamily;
36
+ content: "\e1ef";
37
+ }
38
+
39
+ .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
40
+ .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
41
+ background: transparent;
42
+ border: none;
43
+
44
+ &.sapMSltFocused,
45
+ &:hover {
46
+ outline: 0.125rem dotted @sapUiHcStandardForeground;
47
+ outline-offset: -0.125rem;
48
+
49
+ .sapMSltIcon:before {
50
+ border-bottom: none;
51
+ }
52
+ }
53
+ }
19
54
  }
@@ -83,11 +83,11 @@
83
83
  font-weight: bold;
84
84
  }
85
85
 
86
- .sapMInputBaseContentWrapper .sapMInputBaseIcon {
86
+ .sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
87
87
  line-height: 2rem;
88
88
  }
89
89
 
90
- .sapUiSizeCompact .sapMInputBaseIcon {
90
+ .sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
91
91
  line-height: 1.375rem;
92
92
  }
93
93
 
@@ -317,4 +317,29 @@ html.sap-desktop .sapMObjStatusActive:focus {
317
317
  line-height: 0.875rem;
318
318
  }
319
319
  }
320
+ }
321
+
322
+ .sapMListTblCell {
323
+ .sapMObjStatus {
324
+ display: inline-table;
325
+
326
+ .sapMObjStatusText {
327
+ line-height: 2rem;
328
+ vertical-align: middle;
329
+ }
330
+
331
+ .sapMObjStatusIcon {
332
+ line-height: 2rem;
333
+ }
334
+ }
335
+ .sapMObjStatus.sapMObjStatusInverted {
336
+ display: inline-table;
337
+
338
+ .sapMObjStatusText {
339
+ vertical-align: middle;
340
+ }
341
+ .sapMObjStatusIcon {
342
+ line-height: 0.875rem;
343
+ }
344
+ }
320
345
  }
@@ -16,4 +16,39 @@
16
16
  outline: 0.125rem dotted @sapUiHcStandardForeground;
17
17
  outline-offset: -0.125rem;
18
18
  }
19
+
20
+ .sapMSltIcon:before,
21
+ .sapMSltIcon:after {
22
+ font-size: @sapMFontMediumSize;
23
+ color: @sapUiBlackBG;
24
+ padding-bottom: 0.0625rem;
25
+ speak: none;
26
+ }
27
+
28
+ .sapMSltIcon:before {
29
+ font-family: @sapUiFontLightFamily;
30
+ content: "••• ";
31
+ vertical-align: bottom;
32
+ }
33
+
34
+ .sapMSltIcon:after {
35
+ font-family: @sapUiContentIconFontFamily;
36
+ content: "\e1ef";
37
+ }
38
+
39
+ .sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem >
40
+ .sapMSlt.sapMSltIconOnly.sapMSltWithIcon.sapMSltHoverable.sapMSltWithArrow {
41
+ background: transparent;
42
+ border: none;
43
+
44
+ &.sapMSltFocused,
45
+ &:hover {
46
+ outline: 0.125rem dotted @sapUiHcStandardForeground;
47
+ outline-offset: -0.125rem;
48
+
49
+ .sapMSltIcon:before {
50
+ border-bottom: none;
51
+ }
52
+ }
53
+ }
19
54
  }
@@ -83,11 +83,11 @@
83
83
  font-weight: bold;
84
84
  }
85
85
 
86
- .sapMInputBaseContentWrapper .sapMInputBaseIcon {
86
+ .sapMInputBaseContentWrapper .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
87
87
  line-height: 2rem;
88
88
  }
89
89
 
90
- .sapUiSizeCompact .sapMInputBaseIcon {
90
+ .sapUiSizeCompact .sapMInputBaseIconContainer .sapUiIcon.sapMInputBaseIcon {
91
91
  line-height: 1.375rem;
92
92
  }
93
93
 
@@ -317,4 +317,29 @@ html.sap-desktop .sapMObjStatusActive:focus {
317
317
  line-height: 0.875rem;
318
318
  }
319
319
  }
320
+ }
321
+
322
+ .sapMListTblCell {
323
+ .sapMObjStatus {
324
+ display: inline-table;
325
+
326
+ .sapMObjStatusText {
327
+ line-height: 2rem;
328
+ vertical-align: middle;
329
+ }
330
+
331
+ .sapMObjStatusIcon {
332
+ line-height: 2rem;
333
+ }
334
+ }
335
+ .sapMObjStatus.sapMObjStatusInverted {
336
+ display: inline-table;
337
+
338
+ .sapMObjStatusText {
339
+ vertical-align: middle;
340
+ }
341
+ .sapMObjStatusIcon {
342
+ line-height: 0.875rem;
343
+ }
344
+ }
320
345
  }
@@ -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.110.0</version>
9
+ <version>1.111.1</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.110.0</version>
9
+ <version>1.111.1</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.110.0</version>
9
+ <version>1.111.1</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.110.0</version>
9
+ <version>1.111.1</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -1,3 +1,8 @@
1
+ /* ====================================================== */
2
+ /* CSS for control sap.ui.integration.cards/ObjectContent */
3
+ /* Horizon theme */
4
+ /* ====================================================== */
5
+
1
6
  // The sapUiIntCardObjectButtonGroup (Bar) has been overstyled so it will align with its Label
2
7
  // The following rule will circumvent the clipping of that Bar, because of overflow: hidden on sapUiAFLayoutItem
3
8
  .sapFCardObjectContent .sapUiAFLayout .sapUiAFLayoutItem {
@@ -1,3 +1,8 @@
1
+ /* ====================================================== */
2
+ /* CSS for control sap.ui.integration.cards/ObjectContent */
3
+ /* Evening Horizon theme */
4
+ /* ====================================================== */
5
+
1
6
  // The sapUiIntCardObjectButtonGroup (Bar) has been overstyled so it will align with its Label
2
7
  // The following rule will circumvent the clipping of that Bar, because of overflow: hidden on sapUiAFLayoutItem
3
8
  .sapFCardObjectContent .sapUiAFLayout .sapUiAFLayoutItem {
@@ -5,4 +5,24 @@
5
5
 
6
6
  .sapUiUnifiedLegend {
7
7
  border-radius: 0.5rem;
8
- }
8
+ }
9
+
10
+ .sapUiUnifiedLegendItem {
11
+ position: relative;
12
+
13
+ &:focus {
14
+ outline: none;
15
+ &::after {
16
+ content: "";
17
+ position: absolute;
18
+ box-sizing: border-box;
19
+ left: 0.0625rem;
20
+ top: 0.0625rem;
21
+ right: 0.0625rem;
22
+ bottom: 0.0625rem;
23
+ border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
24
+ border-radius: 0.25rem;
25
+ pointer-events: none;
26
+ }
27
+ }
28
+ }
@@ -5,4 +5,24 @@
5
5
 
6
6
  .sapUiUnifiedLegend {
7
7
  border-radius: 0.5rem;
8
- }
8
+ }
9
+
10
+ .sapUiUnifiedLegendItem {
11
+ position: relative;
12
+
13
+ &:focus {
14
+ outline: none;
15
+ &::after {
16
+ content: "";
17
+ position: absolute;
18
+ box-sizing: border-box;
19
+ left: 0.0625rem;
20
+ top: 0.0625rem;
21
+ right: 0.0625rem;
22
+ bottom: 0.0625rem;
23
+ border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
24
+ border-radius: 0.25rem;
25
+ pointer-events: none;
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,27 @@
1
+ /* ============================================== */
2
+ /* CSS for control sap.ui.unified/CalendarLegend */
3
+ /* Horizon High Contrast Black theme */
4
+ /* ============================================== */
5
+
6
+ .sapUiUnifiedLegendItem {
7
+ position: relative;
8
+
9
+ &:focus {
10
+ outline: none;
11
+ &::after {
12
+ content: "";
13
+ position: absolute;
14
+ box-sizing: border-box;
15
+ left: 0.0625rem;
16
+ top: 0.0625rem;
17
+ right: 0.0625rem;
18
+ bottom: 0.0625rem;
19
+ border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
20
+ pointer-events: none;
21
+ }
22
+ }
23
+
24
+ .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
25
+ border-radius: 0;
26
+ }
27
+ }
@@ -9,6 +9,7 @@
9
9
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcb/global.less";
10
10
 
11
11
  @import "Calendar.less";
12
+ @import "CalendarLegend.less";
12
13
  @import "CalendarRow.less";
13
14
  @import "ColorPicker.less";
14
15
  @import "FileUploader.less";
@@ -0,0 +1,27 @@
1
+ /* ============================================== */
2
+ /* CSS for control sap.ui.unified/CalendarLegend */
3
+ /* Horizon High Contrast White theme */
4
+ /* ============================================== */
5
+
6
+ .sapUiUnifiedLegendItem {
7
+ position: relative;
8
+
9
+ &:focus {
10
+ outline: none;
11
+ &::after {
12
+ content: "";
13
+ position: absolute;
14
+ box-sizing: border-box;
15
+ left: 0.0625rem;
16
+ top: 0.0625rem;
17
+ right: 0.0625rem;
18
+ bottom: 0.0625rem;
19
+ border: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
20
+ pointer-events: none;
21
+ }
22
+ }
23
+
24
+ .sapUiUnifiedLegendSquare > .sapUiUnifiedLegendSquareColor {
25
+ border-radius: 0;
26
+ }
27
+ }
@@ -9,6 +9,7 @@
9
9
  @import "../../../../../sap/ui/core/themes/sap_horizon_hcw/global.less";
10
10
 
11
11
  @import "Calendar.less";
12
+ @import "CalendarLegend.less";
12
13
  @import "CalendarRow.less";
13
14
  @import "ColorPicker.less";
14
15
  @import "FileUploader.less";
@@ -128,7 +128,7 @@ html.sap-desktop .sapUxAPHierarchicalSelect {
128
128
  padding: (@sapUiFiori3HSUnderlineOffsetAndHeight / 2) @sapUiFiori3HSUnderlineOffsetAndHeight;
129
129
  border-top-left-radius: @sapUiFiori3HSUnderlineTopRadius;
130
130
  border-top-right-radius: @sapUiFiori3HSUnderlineTopRadius;
131
- background-color: @sapUiActive;
131
+ background-color: @sapUiSelected;
132
132
  }
133
133
 
134
134
  & .sapMSelectListItemText {