@openui5/themelib_sap_horizon 1.136.3 → 1.139.0

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 (98) hide show
  1. package/README.md +1 -1
  2. package/REUSE.toml +8 -29
  3. package/THIRDPARTY.txt +72 -90
  4. package/package.json +19 -19
  5. package/src/sap/f/themes/sap_horizon/Card.less +0 -6
  6. package/src/sap/f/themes/sap_horizon/DynamicPage.less +52 -43
  7. package/src/sap/f/themes/sap_horizon/DynamicPageHeader.less +4 -4
  8. package/src/sap/f/themes/sap_horizon/ShellBar.less +174 -118
  9. package/src/sap/f/themes/sap_horizon_dark/Card.less +0 -6
  10. package/src/sap/f/themes/sap_horizon_dark/DynamicPage.less +48 -40
  11. package/src/sap/f/themes/sap_horizon_dark/DynamicPageHeader.less +3 -3
  12. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +192 -130
  13. package/src/sap/f/themes/sap_horizon_hcb/DynamicPage.less +48 -39
  14. package/src/sap/f/themes/sap_horizon_hcb/DynamicPageHeader.less +9 -8
  15. package/src/sap/f/themes/sap_horizon_hcb/ShellBar.less +111 -81
  16. package/src/sap/f/themes/sap_horizon_hcw/DynamicPage.less +47 -40
  17. package/src/sap/f/themes/sap_horizon_hcw/DynamicPageHeader.less +8 -7
  18. package/src/sap/f/themes/sap_horizon_hcw/ShellBar.less +115 -84
  19. package/src/sap/m/themes/sap_horizon/Button.less +5 -11
  20. package/src/sap/m/themes/sap_horizon/CheckBox.less +4 -0
  21. package/src/sap/m/themes/sap_horizon/IconTabBar.less +0 -6
  22. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +5 -3
  23. package/src/sap/m/themes/sap_horizon/Page.less +10 -7
  24. package/src/sap/m/themes/sap_horizon/Tokenizer.less +0 -1
  25. package/src/sap/m/themes/sap_horizon_dark/Button.less +4 -4
  26. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +4 -0
  27. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +0 -6
  28. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +5 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Page.less +9 -5
  30. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  31. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +4 -0
  32. package/src/sap/m/themes/sap_horizon_hcb/Menu.less +19 -10
  33. package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +1 -0
  34. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +16 -16
  35. package/src/sap/m/themes/sap_horizon_hcb/Page.less +9 -7
  36. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  37. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +4 -0
  38. package/src/sap/m/themes/sap_horizon_hcw/Menu.less +14 -5
  39. package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +1 -0
  40. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +16 -15
  41. package/src/sap/m/themes/sap_horizon_hcw/Page.less +9 -7
  42. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +0 -2
  43. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +6 -6
  44. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +0 -2
  45. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +6 -6
  46. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +0 -2
  47. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +6 -6
  48. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +0 -2
  49. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +6 -6
  50. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  51. package/src/sap/ui/core/themes/sap_horizon/base.less +14 -14
  52. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  55. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +4 -4
  57. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  58. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  59. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +4 -0
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +4 -4
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +4 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  66. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +4 -4
  67. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +4 -0
  70. package/src/sap/ui/dt/themes/sap_horizon/ContextMenu.less +5 -5
  71. package/src/sap/ui/dt/themes/sap_horizon_dark/ContextMenu.less +5 -5
  72. package/src/sap/ui/dt/themes/sap_horizon_hcb/ContextMenu.less +15 -6
  73. package/src/sap/ui/dt/themes/sap_horizon_hcw/ContextMenu.less +14 -5
  74. package/src/sap/ui/mdc/themes/sap_horizon/Chart.less +5 -5
  75. package/src/sap/ui/mdc/themes/sap_horizon/ValueHelpDialog.less +8 -1
  76. package/src/sap/ui/mdc/themes/sap_horizon_dark/Chart.less +5 -5
  77. package/src/sap/ui/mdc/themes/sap_horizon_dark/ValueHelpDialog.less +7 -0
  78. package/src/sap/ui/mdc/themes/sap_horizon_hcb/Chart.less +5 -5
  79. package/src/sap/ui/mdc/themes/sap_horizon_hcw/Chart.less +5 -5
  80. package/src/sap/ui/rta/themes/sap_horizon_hcb/ContextMenu.less +4 -4
  81. package/src/sap/ui/rta/themes/sap_horizon_hcw/ContextMenu.less +4 -4
  82. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +1 -1
  83. package/src/sap/ui/unified/themes/sap_horizon/CalendarRow.less +0 -25
  84. package/src/sap/ui/unified/themes/sap_horizon_dark/CalendarRow.less +0 -25
  85. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +0 -24
  86. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +0 -24
  87. package/src/sap/uxap/themes/sap_horizon/ObjectPageSection.less +14 -6
  88. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +10 -5
  89. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSection.less +14 -6
  90. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +10 -5
  91. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSection.less +14 -5
  92. package/src/sap/uxap/themes/sap_horizon_hcb/ObjectPageSubSection.less +9 -3
  93. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSection.less +14 -5
  94. package/src/sap/uxap/themes/sap_horizon_hcw/ObjectPageSubSection.less +9 -3
  95. package/src/sap/f/themes/sap_horizon/ProductSwitchItem.less +0 -4
  96. package/src/sap/f/themes/sap_horizon_dark/ProductSwitchItem.less +0 -4
  97. package/src/sap/f/themes/sap_horizon_hcb/ProductSwitchItem.less +0 -8
  98. package/src/sap/f/themes/sap_horizon_hcw/ProductSwitchItem.less +0 -8
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .sapMBtnEmphasized {
13
- font-family: var(--sapFontBoldFamily);
13
+ font-family: var(--sapButton_Emphasized_FontFamily);
14
14
  }
15
15
 
16
16
  .sapMIBar-CTX .sapMBarLeft .sapMBtn:hover {
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .sapMBtnInner.sapMBtnText {
83
- font-family: var(--sapFontSemiboldDuplexFamily);
83
+ font-family: var(--sapButton_FontFamily);
84
84
  padding-left: 0.5625rem;
85
85
  padding-right: 0.5625rem;
86
86
  }
@@ -213,7 +213,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
213
213
  /* (add separators, remove top/bottom border) */
214
214
  /* ------------------------------------------------ */
215
215
 
216
- .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed),
216
+ .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault:not(.sapMToggleBtnPressed):not(:hover),
217
217
  .sapMIBar .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon,
218
218
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault,
219
219
  .sapUxAPObjectPageHeaderIdentifierActions .sapMBtn .sapMBtnInner.sapMBtnDefault .sapUiIcon {
@@ -310,7 +310,7 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
310
310
 
311
311
  .sapMBtn .sapMBadge .sapMBadgeIndicator::after {
312
312
  background-color: var(--sapContent_BadgeBackground);
313
- border-color: var(--sapContent_BadgeBackground);
313
+ border-color: var(--sapContent_BadgeBorderColor);
314
314
  color: var(--sapContent_BadgeTextColor);
315
315
  font-size: var(--sapFontSmallSize);
316
316
  text-align: center;
@@ -109,6 +109,10 @@
109
109
  padding-left: 2.75rem;
110
110
  }
111
111
 
112
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
113
+ top: -0.1475rem;
114
+ }
115
+
112
116
  .sapMCbDisplayOnly .sapMCbBg {
113
117
  top: 0.5625rem;
114
118
  left: 0.5625rem;
@@ -832,10 +832,6 @@ html.sap-desktop {
832
832
  }
833
833
  }
834
834
 
835
- .sapMITBFilter .sapMITBText {
836
- font-weight: bold;
837
- }
838
-
839
835
  /* ------------------------------------------------ */
840
836
  /* Shell overrides */
841
837
  /* ------------------------------------------------ */
@@ -850,7 +846,6 @@ html.sap-desktop {
850
846
  .sapMITBItem {
851
847
  border: 1px solid var(--sapButton_BorderColor);
852
848
  color: var(--sapShell_Navigation_TextColor);
853
- background-color: var(--sapShell_InteractiveBackground);
854
849
 
855
850
  .sapMITHShowSubItemsIcon {
856
851
  color: var(--sapShell_Navigation_TextColor);
@@ -879,7 +874,6 @@ html.sap-desktop {
879
874
  .sapMITHEndOverflow {
880
875
 
881
876
  .sapMITBItem {
882
- background-color: var(--sapShell_InteractiveBackground);
883
877
 
884
878
  &:hover {
885
879
  background: var(--sapShell_Hover_Background);
@@ -118,6 +118,10 @@
118
118
  vertical-align: middle;
119
119
  }
120
120
 
121
+ .sapMObjStatusLink {
122
+ line-height: 0.5rem;
123
+ }
124
+
121
125
  html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
122
126
 
123
127
  .sapMObjStatusText {
@@ -133,9 +137,7 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
133
137
  position: absolute;
134
138
  box-sizing: border-box;
135
139
  left: 0;
136
- top: -0.0625rem;
137
140
  right: 0;
138
- bottom: 0.0625rem;
139
141
  pointer-events: none;
140
142
  border: 0.125rem solid var(--sapContent_FocusColor);
141
143
  z-index: -1;
@@ -144,11 +146,11 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
144
146
  .sapMObjStatusLink {
145
147
  background: var(--sapContent_FocusColor);
146
148
  border-radius: 0.125rem;
147
- line-height: 0.875rem;
148
149
 
149
150
  .sapMObjStatusIcon > .sapUiIcon,
150
151
  .sapMObjStatusText {
151
152
  color: var(--sapContent_ContrastTextColor);
153
+ text-shadow: none;
152
154
  }
153
155
 
154
156
  .sapMObjStatusText {
@@ -173,11 +173,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
173
173
 
174
174
  .sapMPageWithHeader {
175
175
 
176
- &.sapFShellBar-CTX > section {
176
+ .sapMPageHeader:has(.sapFShellBar) + section,
177
+ .sapMPageHeader:has([ui5-shellbar]) + section {
177
178
  top: 3.25rem;
178
179
  }
179
180
 
180
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
181
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
182
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
181
183
  top: 6rem;
182
184
  }
183
185
  }
@@ -234,12 +236,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
234
236
 
235
237
  .sapMPageWithHeader {
236
238
 
237
- &.sapFShellBar-CTX > section {
239
+ .sapMPageHeader:has(.sapFShellBar) + section,
240
+ .sapMPageHeader:has([ui5-shellbar]) + section {
238
241
  top: 3.25rem;
239
242
  }
240
243
 
241
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
244
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
245
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
242
246
  top: 5.75rem;
243
247
  }
244
248
  }
245
- }
249
+ }
@@ -11,7 +11,7 @@
11
11
 
12
12
  .sapMBtnEmphasized {
13
13
  font-weight: var(--sapButton_Emphasized_FontWeight);
14
- border: 0.125rem solid;
14
+ border: var(--sapButton_Emphasized_BorderWidth) solid;
15
15
 
16
16
  .sapMBtnContent {
17
17
  line-height: 2rem;
@@ -117,6 +117,10 @@
117
117
  padding-left: 2.75rem;
118
118
  }
119
119
 
120
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
121
+ top: -0.1475rem;
122
+ }
123
+
120
124
  .sapMCbDisplayOnly .sapMCbBg {
121
125
  top: 0.5625rem;
122
126
  left: 0.5625rem;
@@ -1,10 +1,19 @@
1
- /* ================================== */
2
- /* CSS for control sap.m/Menu */
3
- /* Horizon High Contrast Black theme */
4
- /* ================================== */
5
-
6
- html.sap-phone .sapMRespMenuDialog .sapMPage {
7
- .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
8
- box-shadow: var(--sapContent_HeaderShadow);
9
- }
10
- }
1
+ /* ==================================== */
2
+ /* CSS for control sap.m/Menu */
3
+ /* Quartz High Contrast Black theme */
4
+ /* ==================================== */
5
+
6
+ .sapMMenu {
7
+
8
+ box-shadow: @sapUiContentShadow1;
9
+
10
+ .sapMMenuItem.sapMMenuItemSubMenuOpen {
11
+ background-color: @sapUiListSelectionBackgroundColor
12
+ }
13
+
14
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
15
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
16
+ background-color: @sapUiListActiveBackground;
17
+ }
18
+
19
+ }
@@ -8,6 +8,7 @@
8
8
  .sapMLIBHoverable:hover .sapMObjectNumberText,
9
9
  .sapMLIBHoverable:hover .sapMObjectNumberUnit {
10
10
  color: var(--sapList_Active_TextColor);
11
+ text-shadow: none;
11
12
  }
12
13
 
13
14
  .sapMText.sapMObjLTitle {
@@ -182,6 +182,10 @@
182
182
  padding: 0.1875rem 0.313rem;
183
183
  }
184
184
 
185
+ .sapMObjStatusInverted .sapMObjStatusTitle {
186
+ vertical-align: middle;
187
+ }
188
+
185
189
  .sapMObjStatusInverted .sapMObjStatusText {
186
190
  padding: 0.1875rem 0.25rem;
187
191
  }
@@ -577,34 +581,30 @@
577
581
  background-color: var(--sapIndicationColor_10b_Hover_Background);
578
582
  }
579
583
 
580
- html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
581
- top: 0.125rem;
582
- left: 0.125rem;
583
- bottom: 0.0625rem;
584
- right: 0.125rem;
585
- outline: 0.125rem dotted var(--sapContent_FocusColor);
586
- }
587
-
588
584
  .sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
589
585
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
590
586
  height: 0.875rem;
591
587
  }
592
588
 
589
+ .sapMObjStatusLink {
590
+ line-height: 0.5rem;
591
+ }
592
+
593
593
  html.sap-desktop .sapMObjStatusActive:focus {
594
594
 
595
595
  .sapMObjStatusLink::after {
596
- top: -1px;
597
- left: 1px;
598
- bottom: -1px;
599
- right: 1px;
596
+ top: 0;
597
+ left: 0;
598
+ bottom: 0;
599
+ right: 0;
600
600
  outline: 2px dotted var(--sapContent_FocusColor);
601
601
  }
602
602
 
603
603
  &.sapMObjStatusInverted .sapMObjStatusLink::after {
604
- top: -1px;
605
- left: 2px;
606
- bottom: -1px;
607
- right: 2px;
604
+ top: 3px;
605
+ left: 3px;
606
+ bottom: 3px;
607
+ right: 3px;
608
608
 
609
609
  .sapMObjStatusIcon > .sapUiIcon {
610
610
  line-height: 0.875rem;
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
168
168
  }
169
169
 
170
170
  .sapMPageWithHeader {
171
-
172
- &.sapFShellBar-CTX > section {
171
+ .sapMPageHeader:has(.sapFShellBar) + section,
172
+ .sapMPageHeader:has([ui5-shellbar]) + section {
173
173
  top: 3.25rem;
174
174
  }
175
175
 
176
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
176
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
177
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
177
178
  top: 6rem;
178
179
  }
179
180
  }
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
229
230
  }
230
231
 
231
232
  .sapMPageWithHeader {
232
-
233
- &.sapFShellBar-CTX > section {
233
+ .sapMPageHeader:has(.sapFShellBar) + section,
234
+ .sapMPageHeader:has([ui5-shellbar]) + section {
234
235
  top: 3.25rem;
235
236
  }
236
237
 
237
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
238
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
239
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
238
240
  top: 5.75rem;
239
241
  }
240
242
  }
241
- }
243
+ }
@@ -11,7 +11,7 @@
11
11
 
12
12
  .sapMBtnEmphasized {
13
13
  font-weight: var(--sapButton_Emphasized_FontWeight);
14
- border: 0.125rem solid;
14
+ border: var(--sapButton_Emphasized_BorderWidth) solid;
15
15
 
16
16
  .sapMBtnContent {
17
17
  line-height: 2rem;
@@ -117,6 +117,10 @@
117
117
  padding-left: 2.75rem;
118
118
  }
119
119
 
120
+ .sapUiForm:not(.sapUiFormEdit-CTX) .sapMCb.sapMCbDisplayOnly .sapMCbBg {
121
+ top: -0.1475rem;
122
+ }
123
+
120
124
  .sapMCbDisplayOnly .sapMCbBg {
121
125
  top: 0.5625rem;
122
126
  left: 0.5625rem;
@@ -3,8 +3,17 @@
3
3
  /* Horizon High Contrast White theme */
4
4
  /* ================================== */
5
5
 
6
- html.sap-phone .sapMRespMenuDialog .sapMPage {
7
- .sapMBar-CTX.sapMHeader-CTX,.sapMBarPH {
8
- box-shadow: var(--sapContent_HeaderShadow);
9
- }
10
- }
6
+ .sapMMenu {
7
+
8
+ box-shadow: @sapUiContentShadow1;
9
+
10
+ .sapMMenuItem.sapMMenuItemSubMenuOpen {
11
+ background-color: @sapUiListSelectionBackgroundColor
12
+ }
13
+
14
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:hover,
15
+ .sapMMenuItem.sapMMenuItemSubMenuOpen:focus {
16
+ background-color: @sapUiListActiveBackground;
17
+ }
18
+
19
+ }
@@ -8,6 +8,7 @@
8
8
  .sapMLIBHoverable:hover .sapMObjectNumberText,
9
9
  .sapMLIBHoverable:hover .sapMObjectNumberUnit {
10
10
  color: var(--sapList_Active_TextColor);
11
+ text-shadow: none;
11
12
  }
12
13
 
13
14
  .sapMText.sapMObjLTitle {
@@ -182,6 +182,10 @@
182
182
  padding: 0.1875rem 0.313rem;
183
183
  }
184
184
 
185
+ .sapMObjStatusInverted .sapMObjStatusTitle {
186
+ vertical-align: middle;
187
+ }
188
+
185
189
  .sapMObjStatusInverted .sapMObjStatusText {
186
190
  padding: 0.1875rem 0.25rem;
187
191
  }
@@ -577,34 +581,31 @@
577
581
  background-color: var(--sapIndicationColor_10b_Hover_Background);
578
582
  }
579
583
 
580
- html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
581
- top: 0.125rem;
582
- left: 0.125rem;
583
- bottom: 0.0625rem;
584
- right: 0.125rem;
585
- outline: 0.125rem dotted var(--sapContent_FocusColor);
586
- }
587
584
 
588
585
  .sapMListTbl .sapMObjStatusInverted .sapMObjStatusIcon > .sapUiIcon:not(.sapMLIBImgNav):not(.sapMBtnIcon),
589
586
  .sapMObjStatusInverted:not(.sapMObjectStatusLarge) .sapMObjStatusIcon > .sapUiIcon {
590
587
  height: 0.875rem;
591
588
  }
592
589
 
590
+ .sapMObjStatusLink {
591
+ line-height: 0.5rem;
592
+ }
593
+
593
594
  html.sap-desktop .sapMObjStatusActive:focus {
594
595
 
595
596
  .sapMObjStatusLink::after {
596
- top: -1px;
597
- left: 1px;
598
- bottom: -1px;
599
- right: 1px;
597
+ top: 0;
598
+ left: 0;
599
+ bottom: 0;
600
+ right: 0;
600
601
  outline: 2px dotted var(--sapContent_FocusColor);
601
602
  }
602
603
 
603
604
  &.sapMObjStatusInverted .sapMObjStatusLink::after {
604
- top: -1px;
605
- left: 2px;
606
- bottom: -1px;
607
- right: 2px;
605
+ top: 3px;
606
+ left: 3px;
607
+ bottom: 3px;
608
+ right: 3px;
608
609
 
609
610
  .sapMObjStatusIcon > .sapUiIcon {
610
611
  line-height: 0.875rem;
@@ -168,12 +168,13 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
168
168
  }
169
169
 
170
170
  .sapMPageWithHeader {
171
-
172
- &.sapFShellBar-CTX > section {
171
+ .sapMPageHeader:has(.sapFShellBar) + section,
172
+ .sapMPageHeader:has([ui5-shellbar]) + section {
173
173
  top: 3.25rem;
174
174
  }
175
175
 
176
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
176
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
177
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
177
178
  top: 6rem;
178
179
  }
179
180
  }
@@ -229,13 +230,14 @@ html[data-sap-ui-animation='on'] .sapMPageWithFloatingFooter {
229
230
  }
230
231
 
231
232
  .sapMPageWithHeader {
232
-
233
- &.sapFShellBar-CTX > section {
233
+ .sapMPageHeader:has(.sapFShellBar) + section,
234
+ .sapMPageHeader:has([ui5-shellbar]) + section {
234
235
  top: 3.25rem;
235
236
  }
236
237
 
237
- &.sapMPageWithSubHeader.sapFShellBar-CTX > section {
238
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has(.sapFShellBar) + section,
239
+ &.sapMPageWithSubHeader .sapMPageSubHeader:has([ui5-shellbar]) + section {
238
240
  top: 5.75rem;
239
241
  }
240
242
  }
241
- }
243
+ }
@@ -14,7 +14,6 @@
14
14
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
18
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
20
19
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
@@ -25,7 +24,6 @@
25
24
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
26
25
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
27
26
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
28
- @_sap_tnt_NavigationList_GroupPadding: 0;
29
27
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
30
28
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
31
29
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -41,12 +41,12 @@
41
41
  .sapTntToolHeader {
42
42
  .sapMBarChild:not(.sapMMenuBtn) {
43
43
  &.sapMBtn {
44
- .sapMBtnInner::after,
45
- .sapMBtnIcon {
44
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
45
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
46
46
  background: transparent;
47
47
  color: @sapUiShellInteractiveTextColor;
48
48
  }
49
- .sapMBtnContent {
49
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
50
50
  background: transparent;
51
51
  color: @sapUiShellTextColor;
52
52
  }
@@ -157,9 +157,9 @@
157
157
  .sapMTitle {
158
158
  text-shadow: none;
159
159
  line-height: 1.625rem;
160
- font-size: 1.125rem;
161
- font-weight: bold;
162
- color: var(--sapShell_TextColor);
160
+ font-size: var(-sapFontHeader5Size);
161
+ font-family: var(--sapFontSemiboldDuplexFamily);
162
+ color: var(--sapShell_SubBrand_TextColor);
163
163
  }
164
164
 
165
165
  .sapMText,
@@ -14,7 +14,6 @@
14
14
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out, max-width 0.3s ease-in-out;
17
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
18
17
  @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
18
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
20
19
  @_sap_tnt_NavigationList_SelectedItemBorder: none;
@@ -25,7 +24,6 @@
25
24
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
26
25
  @_sap_tnt_NavigationList_ParentItemBottomMarginInPopup: 0.5rem;
27
26
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
28
- @_sap_tnt_NavigationList_GroupPadding: 0;
29
27
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
30
28
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
31
29
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -41,12 +41,12 @@
41
41
  .sapTntToolHeader {
42
42
  .sapMBarChild:not(.sapMMenuBtn) {
43
43
  &.sapMBtn {
44
- .sapMBtnInner::after,
45
- .sapMBtnIcon {
44
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
45
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
46
46
  background: transparent;
47
47
  color: @sapUiShellInteractiveTextColor;
48
48
  }
49
- .sapMBtnContent {
49
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
50
50
  background: transparent;
51
51
  color: @sapUiShellTextColor;
52
52
  }
@@ -158,9 +158,9 @@
158
158
  .sapMTitle {
159
159
  text-shadow: none;
160
160
  line-height: 1.625rem;
161
- font-size: 1.125rem;
162
- font-weight: bold;
163
- color: var(--sapShell_TextColor);
161
+ font-size: var(-sapFontHeader5Size);
162
+ font-family: var(--sapFontSemiboldDuplexFamily);
163
+ color: var(--sapShell_SubBrand_TextColor);
164
164
  }
165
165
 
166
166
  .sapMText,
@@ -9,7 +9,6 @@
9
9
  @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
13
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
13
  @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
@@ -26,7 +25,6 @@
26
25
  @_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
27
26
  @_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
28
27
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
29
- @_sap_tnt_NavigationList_GroupPadding: 0;
30
28
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
31
29
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
32
30
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -48,12 +48,12 @@
48
48
  padding: 0.125rem 0;
49
49
  min-width: 2.5rem;
50
50
 
51
- .sapMBtnInner::after,
52
- .sapMBtnIcon {
51
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
52
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
53
53
  background: transparent;
54
54
  color: @sapUiShellInteractiveTextColor;
55
55
  }
56
- .sapMBtnContent {
56
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
57
57
  background: transparent;
58
58
  color: @sapUiShellTextColor;
59
59
  }
@@ -165,9 +165,9 @@
165
165
  .sapMTitle {
166
166
  text-shadow: none;
167
167
  line-height: 1.625rem;
168
- font-size: 1.125rem;
169
- font-weight: bold;
170
- color: var(--sapShell_TextColor);
168
+ font-size: var(-sapFontHeader5Size);
169
+ font-family: var(--sapFontSemiboldDuplexFamily);
170
+ color: var(--sapShell_SubBrand_TextColor);
171
171
  }
172
172
 
173
173
  .sapMText,
@@ -9,7 +9,6 @@
9
9
  @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
10
10
  @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
11
11
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: 0;
12
- @_sap_tnt_NavigationList_ItemTextFontFamily: var(--sapFontSemiboldFamily);
13
12
  @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
13
  @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
14
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
@@ -26,7 +25,6 @@
26
25
  @_sap_tnt_NavigationList_GroupIconWidthExpanded: 1rem;
27
26
  @_sap_tnt_NavigationList_GroupIconMarginLeft: 1rem;
28
27
  @_sap_tnt_NavigationList_GroupIconMarginRight: 0.5rem;
29
- @_sap_tnt_NavigationList_GroupPadding: 0;
30
28
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
31
29
  @_sap_tnt_NavigationList_Padding: 0.5rem 0.5rem 0 0.5rem;
32
30
  @_sap_tnt_NavigationList_PaddingFixed: 0 0.5rem 0.5rem 0.5rem;
@@ -48,12 +48,12 @@
48
48
  padding: 0.125rem 0;
49
49
  min-width: 2.5rem;
50
50
 
51
- .sapMBtnInner::after,
52
- .sapMBtnIcon {
51
+ .sapMBtnInner:not(.sapMBtnEmphasized)::after,
52
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnIcon {
53
53
  background: transparent;
54
54
  color: @sapUiShellInteractiveTextColor;
55
55
  }
56
- .sapMBtnContent {
56
+ .sapMBtnInner:not(.sapMBtnEmphasized) .sapMBtnContent {
57
57
  background: transparent;
58
58
  color: @sapUiShellTextColor;
59
59
  }
@@ -165,9 +165,9 @@
165
165
  .sapMTitle {
166
166
  text-shadow: none;
167
167
  line-height: 1.625rem;
168
- font-size: 1.125rem;
169
- font-weight: bold;
170
- color: var(--sapShell_TextColor);
168
+ font-size: var(-sapFontHeader5Size);
169
+ font-family: var(--sapFontSemiboldDuplexFamily);
170
+ color: var(--sapShell_SubBrand_TextColor);
171
171
  }
172
172
 
173
173
  .sapMText,
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.136.3</version>
9
+ <version>1.139.0</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12