@openui5/themelib_sap_horizon 1.115.1 → 1.117.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 (117) hide show
  1. package/.reuse/dep5 +0 -5
  2. package/THIRDPARTY.txt +1 -7
  3. package/package.json +18 -18
  4. package/src/sap/m/themes/sap_horizon/Avatar.less +12 -2
  5. package/src/sap/m/themes/sap_horizon/IconTabBar.less +219 -58
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +3 -5
  7. package/src/sap/m/themes/sap_horizon/Link.less +27 -13
  8. package/src/sap/m/themes/sap_horizon/ListBase.less +12 -0
  9. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +11 -3
  10. package/src/sap/m/themes/sap_horizon/Panel.less +13 -3
  11. package/src/sap/m/themes/sap_horizon/RadioButton.less +4 -5
  12. package/src/sap/m/themes/sap_horizon/RangeSlider.less +2 -7
  13. package/src/sap/m/themes/sap_horizon/SearchField.less +1 -2
  14. package/src/sap/m/themes/sap_horizon/Select.less +8 -14
  15. package/src/sap/m/themes/sap_horizon/Slider.less +2 -1
  16. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  17. package/src/sap/m/themes/sap_horizon/TileContainer.less +20 -1
  18. package/src/sap/m/themes/sap_horizon/Token.less +44 -37
  19. package/src/sap/m/themes/sap_horizon/Tokenizer.less +7 -0
  20. package/src/sap/m/themes/sap_horizon/Wizard.less +1 -1
  21. package/src/sap/m/themes/sap_horizon_dark/Avatar.less +12 -2
  22. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +200 -36
  23. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +3 -5
  24. package/src/sap/m/themes/sap_horizon_dark/Link.less +27 -13
  25. package/src/sap/m/themes/sap_horizon_dark/ListBase.less +12 -0
  26. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +10 -2
  27. package/src/sap/m/themes/sap_horizon_dark/Panel.less +12 -3
  28. package/src/sap/m/themes/sap_horizon_dark/Popover.less +13 -0
  29. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +4 -6
  30. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +2 -7
  31. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +0 -2
  32. package/src/sap/m/themes/sap_horizon_dark/Select.less +7 -14
  33. package/src/sap/m/themes/sap_horizon_dark/Slider.less +7 -1
  34. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  35. package/src/sap/m/themes/sap_horizon_dark/TileContainer.less +18 -0
  36. package/src/sap/m/themes/sap_horizon_dark/Token.less +44 -37
  37. package/src/sap/m/themes/sap_horizon_dark/Tokenizer.less +7 -0
  38. package/src/sap/m/themes/sap_horizon_dark/Wizard.less +1 -1
  39. package/src/sap/m/themes/sap_horizon_hcb/Avatar.less +6 -2
  40. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +4 -0
  41. package/src/sap/m/themes/sap_horizon_hcb/GroupHeaderListItem.less +8 -0
  42. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +8 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/Link.less +23 -9
  44. package/src/sap/m/themes/sap_horizon_hcb/ListItemBase.less +0 -4
  45. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +12 -3
  46. package/src/sap/m/themes/sap_horizon_hcb/Popover.less +6 -0
  47. package/src/sap/m/themes/sap_horizon_hcb/RadioButton.less +1 -1
  48. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +0 -2
  49. package/src/sap/m/themes/sap_horizon_hcb/Select.less +20 -0
  50. package/src/sap/m/themes/sap_horizon_hcb/Slider.less +2 -1
  51. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +5 -1
  52. package/src/sap/m/themes/sap_horizon_hcb/Token.less +20 -13
  53. package/src/sap/m/themes/sap_horizon_hcb/Tokenizer.less +7 -0
  54. package/src/sap/m/themes/sap_horizon_hcb/Wizard.less +1 -1
  55. package/src/sap/m/themes/sap_horizon_hcw/Avatar.less +6 -2
  56. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +4 -0
  57. package/src/sap/m/themes/sap_horizon_hcw/GroupHeaderListItem.less +8 -0
  58. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +8 -0
  59. package/src/sap/m/themes/sap_horizon_hcw/Link.less +23 -9
  60. package/src/sap/m/themes/sap_horizon_hcw/ListItemBase.less +0 -4
  61. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +12 -4
  62. package/src/sap/m/themes/sap_horizon_hcw/Popover.less +6 -0
  63. package/src/sap/m/themes/sap_horizon_hcw/RadioButton.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +0 -2
  65. package/src/sap/m/themes/sap_horizon_hcw/Select.less +21 -0
  66. package/src/sap/m/themes/sap_horizon_hcw/Slider.less +2 -1
  67. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +5 -1
  68. package/src/sap/m/themes/sap_horizon_hcw/Token.less +21 -13
  69. package/src/sap/m/themes/sap_horizon_hcw/Tokenizer.less +7 -0
  70. package/src/sap/m/themes/sap_horizon_hcw/Wizard.less +1 -1
  71. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +9 -1
  72. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +3 -2
  73. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +74 -26
  74. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +4 -4
  75. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +9 -1
  76. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +3 -2
  77. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +74 -26
  78. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +4 -4
  79. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +11 -1
  80. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -1
  81. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +74 -33
  82. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +5 -5
  83. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +12 -2
  84. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -1
  85. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +71 -30
  86. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +4 -4
  87. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  88. package/src/sap/ui/core/themes/sap_horizon/base.less +5 -5
  89. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  90. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  91. package/src/sap/ui/core/themes/sap_horizon/shared.less +9 -94
  92. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  93. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +5 -5
  94. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  95. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  96. package/src/sap/ui/core/themes/sap_horizon_dark/shared.less +9 -95
  97. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  98. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  99. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  100. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  101. package/src/sap/ui/core/themes/sap_horizon_hcb/shared.less +9 -94
  102. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  103. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +9 -9
  104. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  105. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  106. package/src/sap/ui/core/themes/sap_horizon_hcw/shared.less +9 -94
  107. package/src/sap/ui/unified/themes/sap_horizon/Calendar.less +434 -60
  108. package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less +432 -51
  109. package/src/sap/ui/unified/themes/sap_horizon_hcb/Calendar.less +7 -0
  110. package/src/sap/ui/unified/themes/sap_horizon_hcb/CalendarRow.less +1 -1
  111. package/src/sap/ui/unified/themes/sap_horizon_hcw/Calendar.less +7 -0
  112. package/src/sap/ui/unified/themes/sap_horizon_hcw/CalendarRow.less +1 -1
  113. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +0 -4
  114. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +0 -4
  115. package/src/sap/uxap/themes/sap_horizon_hcb/HierarchicalSelect.less +0 -6
  116. package/src/sap/uxap/themes/sap_horizon_hcw/HierarchicalSelect.less +0 -6
  117. package/ui5.yaml +1 -1
package/.reuse/dep5 CHANGED
@@ -457,11 +457,6 @@ Comment: these files belong to: UI5 Web Components
457
457
 
458
458
  # Outside of Libraries:
459
459
 
460
- Files: src/testsuite-utils/src/main/resources/META-INF/less/less.js
461
- Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
462
- License: Apache-2.0
463
- Comment: these files belong to: LESS
464
-
465
460
  Files: lib/jsdoc/ui5/plugin.js
466
461
  Copyright:
467
462
  2009-2023 SAP SE or an SAP affiliate company and OpenUI5 contributors
package/THIRDPARTY.txt CHANGED
@@ -460,19 +460,13 @@ Contained in: src/sap.ui.webc.main/src/sap/ui/webc/main/thirdparty/*.*
460
460
 
461
461
  Outside of Libraries:
462
462
 
463
- Component: LESS, version: 1.6.3
464
- Copyright: 2009-2014, Alexis Sellier <self@cloudhead.net>
465
- License: Apache-2.0
466
- License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
467
- Contained in: src/testsuite-utils/src/main/resources/META-INF/less/less.js
468
-
469
463
  Component: JSDoc 3, version: 3.6.7
470
464
  Copyright: 2011-present Michael Mathews micmath@gmail.com and the contributors to JSDoc
471
465
  License: Apache-2.0
472
466
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
473
467
  Contained in: lib/jsdoc/ui5/plugin.js
474
468
 
475
- Component: SAP Theming Base Content, version: 11.3.0
469
+ Component: SAP Theming Base Content, version: 11.4.2
476
470
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
477
471
  License: Apache-2.0
478
472
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.115.1",
3
+ "version": "1.117.0",
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.115.1",
18
- "@openui5/sap.m": "1.115.1",
19
- "@openui5/sap.tnt": "1.115.1",
20
- "@openui5/sap.ui.codeeditor": "1.115.1",
21
- "@openui5/sap.ui.commons": "1.115.1",
22
- "@openui5/sap.ui.core": "1.115.1",
23
- "@openui5/sap.ui.dt": "1.115.1",
24
- "@openui5/sap.ui.fl": "1.115.1",
25
- "@openui5/sap.ui.mdc": "1.115.1",
26
- "@openui5/sap.ui.integration": "1.115.1",
27
- "@openui5/sap.ui.layout": "1.115.1",
28
- "@openui5/sap.ui.rta": "1.115.1",
29
- "@openui5/sap.ui.suite": "1.115.1",
30
- "@openui5/sap.ui.table": "1.115.1",
31
- "@openui5/sap.ui.unified": "1.115.1",
32
- "@openui5/sap.ui.ux3": "1.115.1",
33
- "@openui5/sap.uxap": "1.115.1"
17
+ "@openui5/sap.f": "1.117.0",
18
+ "@openui5/sap.m": "1.117.0",
19
+ "@openui5/sap.tnt": "1.117.0",
20
+ "@openui5/sap.ui.codeeditor": "1.117.0",
21
+ "@openui5/sap.ui.commons": "1.117.0",
22
+ "@openui5/sap.ui.core": "1.117.0",
23
+ "@openui5/sap.ui.dt": "1.117.0",
24
+ "@openui5/sap.ui.fl": "1.117.0",
25
+ "@openui5/sap.ui.mdc": "1.117.0",
26
+ "@openui5/sap.ui.integration": "1.117.0",
27
+ "@openui5/sap.ui.layout": "1.117.0",
28
+ "@openui5/sap.ui.rta": "1.117.0",
29
+ "@openui5/sap.ui.suite": "1.117.0",
30
+ "@openui5/sap.ui.table": "1.117.0",
31
+ "@openui5/sap.ui.unified": "1.117.0",
32
+ "@openui5/sap.ui.ux3": "1.117.0",
33
+ "@openui5/sap.uxap": "1.117.0"
34
34
  }
35
35
  }
@@ -21,9 +21,19 @@
21
21
  font-size: inherit;
22
22
  }
23
23
 
24
- .sapFAvatarFocusable:focus {
25
- outline: none;
24
+ .sapFAvatarFocusable.sapMAvatarPressed {
26
25
  box-shadow: 0px 0px 0px 0.125rem @sapUiContentFocusColor;
26
+
27
+ &:hover {
28
+ box-shadow: 0px 0px 0px 0.125rem @sapUiButtonSelectedHoverBorderColor;
29
+ }
30
+ }
31
+
32
+ .sapFAvatarFocusable:focus {
33
+ outline-offset: .125rem;
34
+ &.sapFAvatarSquare {
35
+ outline-offset: .125rem;
36
+ }
27
37
  }
28
38
 
29
39
  .sapFAvatarColorTileIcon {
@@ -9,10 +9,9 @@
9
9
 
10
10
  @_sap_m_IconTabBar_TextColor: @sapTextColor;
11
11
  @_sap_m_IconTabBar_TextShadow: none;
12
- @_sap_m_IconTabBar_Separator_Icon: @sapUiContentNonInteractiveIconColor;
13
12
  @_sap_m_IconTabBar_Separator_Font_Size:@sapFontLargeSize;
14
13
  @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
15
- @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
14
+ @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
16
15
 
17
16
 
18
17
  // ==================== Cozy size ====================
@@ -142,15 +141,17 @@
142
141
  @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
143
142
  @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
144
143
  @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
145
- @_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
144
+ @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
146
145
  @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
147
146
 
148
147
  // =========== Overflow ===========
148
+ @_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
149
+ @_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
149
150
  @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
150
151
  @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
151
- @_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
152
- @_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
153
- @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
152
+ @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
153
+ @_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
154
+ @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
154
155
 
155
156
  @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
156
157
  @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -190,24 +191,38 @@
190
191
  }
191
192
  }
192
193
  .sapMITBDisabled {
193
- .sapMITHTextContent {
194
- color: @sapTextColor;
195
- font-family: @sapFontBoldFamily;
196
- font-size: @sapFontSize;
197
- }
194
+ .sapMITHTextContent {
195
+ color: @sapTextColor;
196
+ font-family: @sapFontBoldFamily;
197
+ font-size: @sapFontSize;
198
+ }
198
199
  }
199
200
 
200
- .sapMITBSelected {
201
- .sapMITBContentArrow::after {
202
- background: @sapContent_Selected_ForegroundColor;
203
- }
204
- }
201
+ .sapMITBSelected {
202
+ .sapMITBContentArrow::after {
203
+ background: @sapContent_Selected_ForegroundColor;
204
+ }
205
+ }
206
+
207
+ .sapMITBFilterExpandBtnSeparator {
208
+ border-right: 0.0625rem solid;
209
+ margin-left: 0.625rem;
210
+ border-color: @_sap_m_IconTabBar_TextColor;
211
+ height: 1rem;
212
+ margin-top: 0.875rem;
213
+ }
214
+
215
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
216
+ border-radius: 0.25rem;
217
+ }
218
+
219
+
205
220
  //More Button
206
221
  .sapMITHStartOverflow,
207
222
  .sapMITHEndOverflow {
208
223
  .sapMITBItem {
209
224
  color: @sapButton_TextColor;
210
- background: @sapButton_Background;
225
+ background: @sapButton_Hover_Background;
211
226
  border: 1px solid @sapButton_BorderColor;
212
227
 
213
228
  .sapMITHShowSubItemsIcon {
@@ -216,16 +231,25 @@
216
231
  }
217
232
  }
218
233
 
219
- .sapMITHEndOverflow,
220
- .sapMITHStartOverflow {
221
- .sapMITHShowSubItemsIcon {
222
- padding-left: 0.375rem;
234
+ .sapMITHEndOverflow,
235
+ .sapMITHStartOverflow {
236
+ .sapMITBItem:hover {
237
+ background: @sapButton_Background;
238
+ border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
239
+ }
240
+ }
241
+
242
+ .sapMITHEndOverflow,
243
+ .sapMITHStartOverflow {
244
+ .sapMITHShowSubItemsIcon {
245
+ padding-left: 0.375rem;
246
+ }
247
+ }
248
+
249
+ //Arrow button
250
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
251
+ color: @sapButton_TextColor;
223
252
  }
224
- }
225
- //Arrow button
226
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
227
- color: @_sap_m_IconTabBar_TextHoverColor !important;
228
- }
229
253
  }
230
254
 
231
255
  /* Head Container - compact */
@@ -324,50 +348,113 @@
324
348
 
325
349
  /* Tab Filter Item */
326
350
 
327
- .sapMITBTextOnly {
328
-
329
- .sapMITBFilterDefault:hover .sapMITBText {
330
- color: @_sap_m_IconTabBar_TextHoverColor;
351
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
352
+ .sapMBtn {
353
+ margin-bottom: 0.9375rem;
331
354
  }
355
+ }
332
356
 
333
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
334
- color: @_sap_m_IconTabBar_SelectedTextColor;
357
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
358
+ .sapMBtn {
359
+ margin-bottom: 1.875rem;
335
360
  }
361
+ }
336
362
 
337
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
338
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
363
+ .sapMITBNoText.sapMITH {
364
+ .sapMBtn {
365
+ margin-bottom: 0.9375rem;
339
366
  }
367
+ }
340
368
 
341
- .sapMITBFilterNeutral .sapMITBText {
342
- color: @sapUiNeutralText;
369
+ .sapMITBNoContentPadding .sapMITBTextOnly {
370
+ .sapMITBFilterExpandBtnSeparator {
371
+ margin-top: 1.125rem;
343
372
  }
344
-
345
- .sapMITBFilterNeutral:hover .sapMITBText {
346
- color: darken(@sapUiNeutralText, 10);
373
+ .sapMBtn {
374
+ margin-top: 0.25rem;
347
375
  }
376
+ }
348
377
 
349
- .sapMITBFilterPositive .sapMITBText {
350
- color: @sapUiPositiveText;
351
- }
378
+ .sapMITBTextOnly {
352
379
 
353
- .sapMITBFilterPositive:hover .sapMITBText {
354
- color: darken(@sapUiPositiveText, 10);
380
+ .sapMITBFilterDefault.sapMITBSelected {
381
+ .sapMITBText {
382
+ color: @sapContent_Selected_ForegroundColor;
383
+ }
384
+ .sapMITBFilterExpandBtnSeparator {
385
+ border-color: @sapContent_Selected_ForegroundColor;
386
+ }
387
+ .sapMBtnIcon {
388
+ color: @_sap_m_IconTabBar_SelectedTextColor;
389
+ }
355
390
  }
356
391
 
357
- .sapMITBFilterNegative .sapMITBText {
358
- color: @sapUiNegativeText;
392
+ .sapMITBFilterNeutral {
393
+ .sapMITBText {
394
+ color: @sapUiNeutralText;
395
+ }
396
+ .sapMITBFilterWrapper:hover .sapMITBText {
397
+ color: @sapUiNeutralText;
398
+ }
399
+ .sapMITBFilterExpandBtn:hover{
400
+ .sapMBtnIcon {
401
+ color: @sapUiNeutralText;
402
+ }
403
+ }
404
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
405
+ border-color: @sapUiNeutralText;
406
+ }
359
407
  }
360
408
 
361
- .sapMITBFilterNegative:hover .sapMITBText {
362
- color: darken(@sapUiNegativeText, 10);
409
+ .sapMITBFilterPositive {
410
+ .sapMITBText {
411
+ color: @sapUiPositiveText;
412
+ }
413
+ .sapMITBFilterWrapper:hover .sapMITBText {
414
+ color: @sapUiPositiveText;
415
+ }
416
+ .sapMITBFilterExpandBtn:hover{
417
+ .sapMBtnIcon {
418
+ color: @sapUiPositiveText !important;
419
+ }
420
+ }
421
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
422
+ border-color: @sapUiPositiveText;
423
+ }
363
424
  }
364
425
 
365
- .sapMITBFilterCritical .sapMITBText {
366
- color: @sapUiCriticalText;
426
+ .sapMITBFilterNegative {
427
+ .sapMITBText {
428
+ color: @sapUiNegativeText;
429
+ }
430
+ .sapMITBFilterWrapper:hover .sapMITBText {
431
+ color: @sapUiNegativeText;
432
+ }
433
+ .sapMITBFilterExpandBtn:hover{
434
+ .sapMBtnIcon {
435
+ color: @sapUiNegativeText;
436
+ }
437
+ }
438
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
439
+ border-color: @sapUiNegativeText;
440
+ }
367
441
  }
368
442
 
369
- .sapMITBFilterCritical:hover .sapMITBText {
370
- color: darken(@sapUiCriticalText, 10);
443
+ .sapMITBFilterCritical {
444
+ .sapMITBText {
445
+ color: @sapUiCriticalText;
446
+ }
447
+ .sapMITBFilterWrapper:hover .sapMITBText {
448
+ color: @sapUiCriticalText;
449
+ }
450
+ .sapMITBFilterExpandBtn:hover{
451
+ .sapMBtnIcon {
452
+ color: @sapUiCriticalText;
453
+ }
454
+ }
455
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
456
+ border-color: @sapUiCriticalText;
457
+ }
371
458
  }
372
459
  }
373
460
 
@@ -376,28 +463,97 @@
376
463
  }
377
464
 
378
465
  .sapMITBFilterDefault {
379
- border-color: @sapUiContentSelectedForegroundColor;
466
+ border-color: @sapUiContentSelectedForegroundColor;
380
467
  color: @sapUiContentSelectedForegroundColor;
381
468
  }
382
469
 
383
470
  .sapMITBFilterNeutral {
384
471
  color: @sapUiNeutralElement;
385
472
  border-color: @sapUiNeutralElement;
473
+
474
+ .sapMITBFilterExpandBtnSeparator {
475
+ border-color: @sapUiNeutralText;
476
+ }
477
+
478
+ .sapMBtnIcon {
479
+ color: @sapUiNeutralText !important;
480
+ }
386
481
  }
387
482
 
388
483
  .sapMITBFilterPositive {
389
484
  color: @sapUiPositiveElement;
390
485
  border-color: @sapUiPositiveElement;
486
+
487
+ .sapMITBFilterExpandBtnSeparator {
488
+ border-color: @sapUiPositiveText;
489
+ }
490
+
491
+ .sapMBtnIcon {
492
+ color: @sapUiPositiveText !important;
493
+ }
391
494
  }
392
495
 
393
- .sapMITBFilterNegative {
496
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
394
497
  color: @sapUiNegativeElement;
395
498
  border-color: @sapUiNegativeElement;
499
+
500
+ .sapMITBFilterExpandBtnSeparator {
501
+ border-color: @sapUiNegativeText;
502
+ }
503
+
504
+ .sapMBtnIcon {
505
+ color: @sapUiNegativeText !important;
506
+ }
396
507
  }
397
508
 
398
509
  .sapMITBFilterCritical {
399
510
  color: @sapUiCriticalElement;
400
511
  border-color: @sapUiCriticalElement;
512
+
513
+ .sapMITBFilterExpandBtnSeparator {
514
+ border-color: @sapUiCriticalText;
515
+ }
516
+
517
+ .sapMBtnIcon {
518
+ color: @sapUiCriticalText !important;
519
+ }
520
+ }
521
+ .sapMITH:not(.sapMITBTextOnly) {
522
+
523
+ .sapMITBFilterNeutral {
524
+ .sapMITBFilterExpandBtnSeparator {
525
+ border-color: @sapUiNeutralElement;
526
+ }
527
+ .sapMBtnIcon {
528
+ color: @sapUiNeutralElement !important;
529
+ }
530
+ }
531
+
532
+ .sapMITBFilterPositive {
533
+ .sapMITBFilterExpandBtnSeparator {
534
+ border-color: @sapUiPositiveElement;
535
+ }
536
+ .sapMBtnIcon {
537
+ color: @sapUiPositiveElement !important;
538
+ }
539
+ }
540
+
541
+ .sapMITBFilterNegative {
542
+ .sapMITBFilterExpandBtnSeparator {
543
+ border-color: @sapUiNegativeElement;
544
+ }
545
+ .sapMBtnIcon {
546
+ color: @sapUiNegativeElement !important;
547
+ }
548
+ }
549
+ .sapMITBFilterCritical {
550
+ .sapMITBFilterExpandBtnSeparator {
551
+ border-color: @sapUiCriticalElement;
552
+ }
553
+ .sapMBtnIcon {
554
+ color: @sapUiCriticalElement !important;
555
+ }
556
+ }
401
557
  }
402
558
 
403
559
  .sapMITBSelected {
@@ -573,6 +729,9 @@ html.sap-desktop {
573
729
  .sapMITHStartOverflow,
574
730
  .sapMITHEndOverflow {
575
731
  .sapMITBItem {
732
+ &:active{
733
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
734
+ }
576
735
  &:active::after {
577
736
  // when overflow is pressed, make the focus white
578
737
  border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -689,11 +848,13 @@ html.sap-desktop {
689
848
  .sapMITH,
690
849
  .sapMITBFilterPopover {
691
850
 
692
- .sapMITBText .sapMBadgeAttention {
693
- right: -0.75rem;
694
- }
695
-
696
851
  .sapMITFExpandButtonBadge {
697
852
  left: 0.5rem;
698
853
  }
854
+ }
855
+
856
+ .sapMITH {
857
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
858
+ margin-left: -1px; // to hide the separator on hover over the button
859
+ }
699
860
  }
@@ -19,11 +19,6 @@
19
19
  @_sap_m_InputBase_FocusOffset_Busy: @_sap_m_InputBase_FocusOffset;
20
20
  @_sap_m_InputBase_FocusBorderRadius: 0.25rem;
21
21
 
22
- .sapMILI-CTX .sapMInputBaseContentWrapperError,
23
- .sapMInputBaseContentWrapper {
24
- border: none;
25
- }
26
-
27
22
  .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
28
23
  width: @_sap_m_InputBase_IconWidth;
29
24
  height: 2.1875rem;
@@ -119,6 +114,9 @@
119
114
  .sapMInputBase .sapMInputBaseContentWrapperState:not(.sapMInputBaseContentWrapperSuccess) .sapMInputBaseIconContainer .sapMInputBaseIcon {
120
115
  height: 1.25rem;
121
116
  }
117
+ .sapMInputBase {
118
+ line-height: 1.25rem;
119
+ }
122
120
  }
123
121
 
124
122
  /* List specific styles */
@@ -21,6 +21,33 @@
21
21
  .sapMLnk.sapMLnkSubtle {
22
22
  color: @sapUiLinkSubtleColor;
23
23
  text-decoration: underline;
24
+
25
+ &:not(.sapMLnkDsbl) {
26
+ &:active {
27
+ color: @sapUiLinkSubtleColor;
28
+ }
29
+ }
30
+ }
31
+
32
+ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
33
+ &:focus {
34
+ border-radius: 0.125rem;
35
+ background-color: @sapUiContentFocusColor;
36
+ color: @sapUiContentContrastTextColor;
37
+ text-shadow: none;
38
+ outline: none;
39
+
40
+ &:hover:not(:active) {
41
+ text-decoration: none;
42
+ }
43
+ }
44
+
45
+ &.sapMLnkSubtle {
46
+ &:hover:not(:active):not(:focus) {
47
+ color: @sapUiLinkSubtleColor;
48
+ text-decoration: none;
49
+ }
50
+ }
24
51
  }
25
52
 
26
53
  .sapMLnk:not(.sapMLnkDsbl) {
@@ -35,17 +62,4 @@
35
62
 
36
63
  .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
37
64
  text-shadow: @sapUiContentTextShadow;
38
- }
39
-
40
- html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
41
- border-radius: 0.125rem;
42
- background-color: @sapUiContentFocusColor;
43
- color: @sapUiContentContrastTextColor;
44
- text-shadow: none;
45
- outline: none;
46
- }
47
-
48
- html.sap-desktop .sapMLnk:hover:not(:active):not(.sapMLnkDsbl).sapMLnkSubtle,
49
- html.sap-desktop .sapMLnk:focus:hover:not(:active):not(.sapMLnkDsbl) {
50
- text-decoration: none;
51
65
  }
@@ -13,11 +13,23 @@
13
13
  background: lighten(@sapUiListHeaderBackground, 2);
14
14
  }
15
15
 
16
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdrText,
17
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMSticky > .sapMListHdrTBar.sapMTB-Transparent-CTX {
18
+ background: @sapUiGlobalBackgroundColor;
19
+ border-top-right-radius: 0;
20
+ border-top-left-radius: 0;
21
+ }
22
+
16
23
  .sapMListHdr {
17
24
  border-top-right-radius: @sapUiElementBorderCornerRadius;
18
25
  border-top-left-radius: @sapUiElementBorderCornerRadius;
19
26
  }
20
27
 
28
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMListHdr {
29
+ border-top-right-radius: 0;
30
+ border-top-left-radius: 0;
31
+ }
32
+
21
33
  .sapMGrowingList {
22
34
  background-color: @sapUiListBackground;
23
35
  }
@@ -5,6 +5,14 @@
5
5
 
6
6
  @_sap_m_ObjectMarker_LinkShadowColor: none;
7
7
 
8
- .sapMObjectMarker .sapMLnk {
9
- text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
10
- }
8
+ .sapMObjectMarker {
9
+ .sapMLnk {
10
+ text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
11
+
12
+ &:focus {
13
+ .sapUiIcon {
14
+ color: @sapUiContentContrastTextColor;
15
+ }
16
+ }
17
+ }
18
+ }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMPanel {
7
- min-height: 2.5rem;
7
+ min-height: 2.75rem;
8
8
  border-radius: @sapElement_BorderCornerRadius;
9
9
 
10
10
  .sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
@@ -75,9 +75,15 @@
75
75
  width: 2.25rem;
76
76
  }
77
77
 
78
- .sapUiSizeCompact .sapMPanelWrappingDiv .sapUiIcon {
79
- width: 2rem;
78
+ .sapUiSizeCompact {
79
+ .sapMPanel {
80
+ min-height: 2.5rem;
81
+ }
82
+ .sapMPanelWrappingDiv .sapUiIcon {
83
+ width: 2rem;
84
+ }
80
85
  }
86
+
81
87
  .sapMPanel.sapMPanelExpandable .sapMPanelWrappingDivTb {
82
88
  & .sapMPanelHeaderTB {
83
89
  border-top-left-radius: 0;
@@ -98,4 +104,8 @@
98
104
 
99
105
  .sapMPanelWrappingDiv .sapUiIcon {
100
106
  color: @sapButton_Lite_TextColor;
107
+ }
108
+
109
+ .sapMPanelStickyHeadingDiv {
110
+ background-color: @sapUiGroupTitleBackground;
101
111
  }
@@ -3,6 +3,8 @@
3
3
  /* Horizon theme */
4
4
  /* ================================== */
5
5
 
6
+ @_sap_m_Radio_Button_Read_Only_fill: @sapUiFieldTextColor;
7
+
6
8
  .sapMRb {
7
9
  height: 2.75rem;
8
10
 
@@ -84,7 +86,7 @@
84
86
  }
85
87
 
86
88
  .sapMRb:not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
87
- fill: @sapUiFieldHoverBackground;
89
+ fill: @sapUiContentSelectedHoverBackground;
88
90
  }
89
91
 
90
92
  .sapMRb:focus:before {
@@ -142,7 +144,7 @@
142
144
  .sapMRbWarn.sapMRbSel,
143
145
  .sapMRbWarn.sapMRbSel.sapMRbRo {
144
146
  .sapMRbBInn {
145
- fill: @sapUiFieldTextColor;
147
+ fill: @sapUiFieldWarningColor;
146
148
  stroke: none;
147
149
  }
148
150
  }
@@ -207,9 +209,6 @@
207
209
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
208
210
  }
209
211
 
210
- .sapMRb.sapMRbRo.sapMRbSel .sapMRbBInn {
211
- fill: @sapUiContentNonInteractiveIconColor;
212
- }
213
212
 
214
213
  html[data-sap-ui-browser^="sf"] {
215
214
  // fix for blur caused by drop-shadow in Safari