@openui5/themelib_sap_horizon 1.108.18 → 1.108.20

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 (83) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  5. package/src/sap/m/themes/sap_horizon/IconTabBar.less +257 -70
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  7. package/src/sap/m/themes/sap_horizon/Label.less +6 -0
  8. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  9. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  10. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  11. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  12. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  13. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
  14. package/src/sap/m/themes/sap_horizon/Table.less +4 -0
  15. package/src/sap/m/themes/sap_horizon/Text.less +6 -0
  16. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  17. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  18. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  19. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  20. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +228 -39
  21. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  23. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  24. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  26. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  27. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  28. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
  30. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  31. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  32. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  34. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  36. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
  37. package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
  38. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  40. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  41. package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
  42. package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  45. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  47. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
  48. package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  52. package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
  53. package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
  54. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  55. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  56. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
  57. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  58. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  59. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
  60. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  61. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  62. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
  63. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  64. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  65. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
  66. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  67. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  69. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  70. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  71. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  72. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
  73. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  75. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  77. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  78. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  79. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  80. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  81. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  82. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  83. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
package/THIRDPARTY.txt CHANGED
@@ -478,7 +478,7 @@ License: Apache-2.0
478
478
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
479
479
  Contained in: lib/jsdoc/ui5/plugin.js
480
480
 
481
- Component: SAP Theming Base Content, version: 11.4.2
481
+ Component: SAP Theming Base Content, version: 11.6.8
482
482
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
483
483
  License: Apache-2.0
484
484
  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.108.18",
3
+ "version": "1.108.20",
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.108.18",
18
- "@openui5/sap.m": "1.108.18",
19
- "@openui5/sap.tnt": "1.108.18",
20
- "@openui5/sap.ui.codeeditor": "1.108.18",
21
- "@openui5/sap.ui.commons": "1.108.18",
22
- "@openui5/sap.ui.core": "1.108.18",
23
- "@openui5/sap.ui.dt": "1.108.18",
24
- "@openui5/sap.ui.fl": "1.108.18",
25
- "@openui5/sap.ui.mdc": "1.108.18",
26
- "@openui5/sap.ui.integration": "1.108.18",
27
- "@openui5/sap.ui.layout": "1.108.18",
28
- "@openui5/sap.ui.rta": "1.108.18",
29
- "@openui5/sap.ui.suite": "1.108.18",
30
- "@openui5/sap.ui.table": "1.108.18",
31
- "@openui5/sap.ui.unified": "1.108.18",
32
- "@openui5/sap.ui.ux3": "1.108.18",
33
- "@openui5/sap.uxap": "1.108.18"
17
+ "@openui5/sap.f": "1.108.20",
18
+ "@openui5/sap.m": "1.108.20",
19
+ "@openui5/sap.tnt": "1.108.20",
20
+ "@openui5/sap.ui.codeeditor": "1.108.20",
21
+ "@openui5/sap.ui.commons": "1.108.20",
22
+ "@openui5/sap.ui.core": "1.108.20",
23
+ "@openui5/sap.ui.dt": "1.108.20",
24
+ "@openui5/sap.ui.fl": "1.108.20",
25
+ "@openui5/sap.ui.mdc": "1.108.20",
26
+ "@openui5/sap.ui.integration": "1.108.20",
27
+ "@openui5/sap.ui.layout": "1.108.20",
28
+ "@openui5/sap.ui.rta": "1.108.20",
29
+ "@openui5/sap.ui.suite": "1.108.20",
30
+ "@openui5/sap.ui.table": "1.108.20",
31
+ "@openui5/sap.ui.unified": "1.108.20",
32
+ "@openui5/sap.ui.ux3": "1.108.20",
33
+ "@openui5/sap.uxap": "1.108.20"
34
34
  }
35
35
  }
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiBrand;
8
+ background: @sapUiContentBusyColor;
9
9
  animation-duration: 0ms;
10
10
  }
11
11
 
12
12
  /* Shadow animation element */
13
13
  .sapUiLocalBusyIndicatorAnimation > div::after {
14
- box-shadow: inset 0px 0px 0px 0px @sapUiBrand;
14
+ box-shadow: inset 0px 0px 0px 0px @sapUiContentBusyColor;
15
15
  }
@@ -35,7 +35,7 @@ span.sapMBtnInner.sapMBtnEmphasized {
35
35
  /* --------------------- */
36
36
  .sapMBtnInner {
37
37
  font-size: @sapMFontMediumSize;
38
- height: 2.25rem;
38
+ height: @sapUiElementHeight;
39
39
  min-width: 2.25rem;
40
40
  margin: 0;
41
41
  padding: 0;
@@ -184,6 +184,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
184
184
  border-color: @sapUiButtonLiteBorderColor;
185
185
  }
186
186
 
187
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
188
+ text-shadow: @sapUiContentTextShadow;
189
+ }
190
+
187
191
  /* ---------------------------------------------------------------------*/
188
192
  /* Disabled, hover and active states: */
189
193
  /* ---------------------------------------------------------------------*/
@@ -279,31 +283,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
279
283
  color: @sapUiButtonLiteTextColor;
280
284
  }
281
285
 
282
- // box shadow on hover
283
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
284
- box-shadow: @sapContent_Interaction_Shadow;
285
- }
286
-
287
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnEmphasized,
288
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnSuccess,
289
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNegative,
290
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNeutral,
291
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnCritical {
292
- box-shadow: none;
293
- }
294
-
295
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAccept {
296
- box-shadow: @sapContent_Positive_Shadow;
297
- }
298
-
299
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnReject {
300
- box-shadow: @sapContent_Negative_Shadow;
301
- }
302
-
303
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
304
- box-shadow: @sapContent_Critical_Shadow;
305
- }
306
-
307
286
  /* ----------------------*/
308
287
  /* Badges */
309
288
  /* ----------------------*/
@@ -314,4 +293,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
314
293
  color: @sapContent_BadgeTextColor;
315
294
  font-size: @sapFontSmallSize;
316
295
  text-align: center;
296
+ }
297
+
298
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
299
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
300
+
301
+ bdi {
302
+ color: @sapUiButtonLiteHoverTextColor;
303
+ }
317
304
  }
@@ -9,11 +9,10 @@
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_Font_size: 1rem;
15
14
  @_sap_m_IconTabBar_More_Button_Focus_Offset: -0.3125rem;
16
- @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.875rem;
15
+ @_sap_m_IconTabBar_Arrow_SubItem_Left_Padding: 0.5rem;
17
16
 
18
17
 
19
18
  // ==================== Cozy size ====================
@@ -63,6 +62,8 @@
63
62
  // Separator
64
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
65
64
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
66
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
66
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
67
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
68
69
 
@@ -143,15 +144,17 @@
143
144
  @_sap_m_IconTabBar_HeaderFocusBorderBottomOffset: -4px;
144
145
  @_sap_m_IconTabBar_HeaderFocusBorderRightOffset: -3px;
145
146
  @_sap_m_IconTabBar_HeaderFocusBorderLeftOffset: -3px;
146
- @_sap_m_IconTabBar_HeaderBorderRadius: 0.375rem;
147
+ @_sap_m_IconTabBar_HeaderBorderRadius: 0.25rem;
147
148
  @_sap_m_IconTab_Bar_Separator_Line: @sapUiGroupTitleBorderColor;
148
149
 
149
150
  // =========== Overflow ===========
151
+ @_sap_m_IconTabBar_Overflow_TextColor: @sapTextColor;
152
+ @_sap_m_IconTabBar_Overflow_Icon_Color: @sapTextColor;
150
153
  @_sap_m_IconTabBar_Overflow_BorderColorHover: @sapUiButtonHoverBorderColor;
151
154
  @_sap_m_IconTabBar_Overflow_BackgroundColorHover: @sapUiButtonHoverBackground;
152
- @_sap_m_IconTabBar_Overflow_BoxShadowHover: @sapUiContentInteractionShadow;
153
- @_sap_m_IconTabBar_Overflow_TextColorHover: @sapUiButtonHoverTextColor;
154
- @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapUiButtonHoverTextColor;
155
+ @_sap_m_IconTabBar_Overflow_BoxShadowHover: none;
156
+ @_sap_m_IconTabBar_Overflow_TextColorHover: @sapTextColor;
157
+ @_sap_m_IconTabBar_Overflow_Icon_ColorHover: @sapTextColor;
155
158
 
156
159
  @_sap_m_IconTabBar_Overflow_BackgroundColorPressed: @sapUiButtonActiveBackground;
157
160
  @_sap_m_IconTabBar_Overflow_BorderColorPressed: @sapUiButtonActiveBorderColor;
@@ -191,42 +194,65 @@
191
194
  }
192
195
  }
193
196
  .sapMITBDisabled {
194
- .sapMITHTextContent {
195
- color: @sapTextColor;
196
- font-family: @sapFontBoldFamily;
197
- font-size: @sapFontSize;
198
- }
197
+ .sapMITHTextContent {
198
+ color: @sapTextColor;
199
+ font-family: @sapFontBoldFamily;
200
+ font-size: @sapFontSize;
201
+ }
199
202
  }
200
203
 
201
- .sapMITBSelected {
202
- .sapMITBContentArrow::after {
203
- background: @sapContent_Selected_ForegroundColor;
204
- }
205
- }
206
- //More Button
207
- .sapMITHStartOverflow,
208
- .sapMITHEndOverflow {
209
- .sapMITBItem {
210
- color: @sapButton_TextColor;
211
- background: @sapButton_Background;
212
- border: 1px solid @sapButton_BorderColor;
204
+ .sapMITBSelected {
205
+ .sapMITBContentArrow::after {
206
+ background: @sapContent_Selected_ForegroundColor;
207
+ }
208
+ }
213
209
 
214
- .sapMITHShowSubItemsIcon {
215
- color: @sapButton_TextColor;
216
- }
210
+ .sapMITBFilterExpandBtnSeparator {
211
+ border-right: 0.0625rem solid;
212
+ margin-left: 0.625rem;
213
+ border-color: @_sap_m_IconTabBar_TextColor;
214
+ height: 1rem;
215
+ margin-top: 0.875rem;
217
216
  }
218
- }
219
217
 
220
- .sapMITHEndOverflow,
221
- .sapMITHStartOverflow {
222
- .sapMITHShowSubItemsIcon {
223
- padding-left: 0.375rem;
218
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
219
+ border-radius: 0.25rem;
220
+ }
221
+
222
+
223
+ //More Button
224
+ .sapMITHStartOverflow,
225
+ .sapMITHEndOverflow {
226
+ .sapMITBItem {
227
+ color: @sapButton_TextColor;
228
+ background: @sapButton_Background;
229
+ border: 1px solid @sapButton_BorderColor;
230
+
231
+ .sapMITHShowSubItemsIcon {
232
+ color: @sapUiBaseText;
233
+ }
234
+ }
235
+ }
236
+
237
+ .sapMITHEndOverflow,
238
+ .sapMITHStartOverflow {
239
+ .sapMITBItem:hover {
240
+ background: @sapButton_Hover_Background;
241
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
242
+ }
243
+ }
244
+
245
+ .sapMITHEndOverflow,
246
+ .sapMITHStartOverflow {
247
+ .sapMITHShowSubItemsIcon {
248
+ padding-left: 0.375rem;
249
+ }
250
+ }
251
+
252
+ //Arrow button
253
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
254
+ color: @sapUiBaseText;
224
255
  }
225
- }
226
- //Arrow button
227
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
228
- color: @_sap_m_IconTabBar_TextHoverColor !important;
229
- }
230
256
  }
231
257
 
232
258
  /* Head Container - compact */
@@ -325,50 +351,113 @@
325
351
 
326
352
  /* Tab Filter Item */
327
353
 
328
- .sapMITBTextOnly {
329
-
330
- .sapMITBFilterDefault:hover .sapMITBText {
331
- color: @_sap_m_IconTabBar_TextHoverColor;
354
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
355
+ .sapMBtn {
356
+ margin-bottom: 0.9375rem;
332
357
  }
358
+ }
333
359
 
334
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
335
- color: @_sap_m_IconTabBar_SelectedTextColor;
360
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
361
+ .sapMBtn {
362
+ margin-bottom: 1.875rem;
336
363
  }
364
+ }
337
365
 
338
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
339
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
366
+ .sapMITBNoText.sapMITH {
367
+ .sapMBtn {
368
+ margin-bottom: 0.9375rem;
340
369
  }
370
+ }
341
371
 
342
- .sapMITBFilterNeutral .sapMITBText {
343
- color: @sapUiNeutralText;
372
+ .sapMITBNoContentPadding .sapMITBTextOnly {
373
+ .sapMITBFilterExpandBtnSeparator {
374
+ margin-top: 1.125rem;
344
375
  }
345
-
346
- .sapMITBFilterNeutral:hover .sapMITBText {
347
- color: darken(@sapUiNeutralText, 10);
376
+ .sapMBtn {
377
+ margin-top: 0.25rem;
348
378
  }
379
+ }
349
380
 
350
- .sapMITBFilterPositive .sapMITBText {
351
- color: @sapUiPositiveText;
352
- }
381
+ .sapMITBTextOnly {
353
382
 
354
- .sapMITBFilterPositive:hover .sapMITBText {
355
- color: darken(@sapUiPositiveText, 10);
383
+ .sapMITBFilterDefault.sapMITBSelected {
384
+ .sapMITBText {
385
+ color: @sapContent_Selected_ForegroundColor;
386
+ }
387
+ .sapMITBFilterExpandBtnSeparator {
388
+ border-color: @sapContent_Selected_ForegroundColor;
389
+ }
390
+ .sapMBtnIcon {
391
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
392
+ }
356
393
  }
357
394
 
358
- .sapMITBFilterNegative .sapMITBText {
359
- color: @sapUiNegativeText;
395
+ .sapMITBFilterNeutral {
396
+ .sapMITBText {
397
+ color: @sapUiNeutralText;
398
+ }
399
+ .sapMITBFilterWrapper:hover .sapMITBText {
400
+ color: @sapUiNeutralText;
401
+ }
402
+ .sapMITBFilterExpandBtn:hover{
403
+ .sapMBtnIcon {
404
+ color: @sapUiNeutralText;
405
+ }
406
+ }
407
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
408
+ border-color: @sapUiNeutralText;
409
+ }
360
410
  }
361
411
 
362
- .sapMITBFilterNegative:hover .sapMITBText {
363
- color: darken(@sapUiNegativeText, 10);
412
+ .sapMITBFilterPositive {
413
+ .sapMITBText {
414
+ color: @sapUiPositiveText;
415
+ }
416
+ .sapMITBFilterWrapper:hover .sapMITBText {
417
+ color: @sapUiPositiveText;
418
+ }
419
+ .sapMITBFilterExpandBtn:hover{
420
+ .sapMBtnIcon {
421
+ color: @sapUiPositiveText !important;
422
+ }
423
+ }
424
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
425
+ border-color: @sapUiPositiveText;
426
+ }
364
427
  }
365
428
 
366
- .sapMITBFilterCritical .sapMITBText {
367
- color: @sapUiCriticalText;
429
+ .sapMITBFilterNegative {
430
+ .sapMITBText {
431
+ color: @sapUiNegativeText;
432
+ }
433
+ .sapMITBFilterWrapper:hover .sapMITBText {
434
+ color: @sapUiNegativeText;
435
+ }
436
+ .sapMITBFilterExpandBtn:hover{
437
+ .sapMBtnIcon {
438
+ color: @sapUiNegativeText;
439
+ }
440
+ }
441
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
442
+ border-color: @sapUiNegativeText;
443
+ }
368
444
  }
369
445
 
370
- .sapMITBFilterCritical:hover .sapMITBText {
371
- color: darken(@sapUiCriticalText, 10);
446
+ .sapMITBFilterCritical {
447
+ .sapMITBText {
448
+ color: @sapUiCriticalText;
449
+ }
450
+ .sapMITBFilterWrapper:hover .sapMITBText {
451
+ color: @sapUiCriticalText;
452
+ }
453
+ .sapMITBFilterExpandBtn:hover{
454
+ .sapMBtnIcon {
455
+ color: @sapUiCriticalText;
456
+ }
457
+ }
458
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
459
+ border-color: @sapUiCriticalText;
460
+ }
372
461
  }
373
462
  }
374
463
 
@@ -377,28 +466,120 @@
377
466
  }
378
467
 
379
468
  .sapMITBFilterDefault {
380
- border-color: @sapUiContentSelectedForegroundColor;
469
+ border-color: @sapUiContentSelectedForegroundColor;
381
470
  color: @sapUiContentSelectedForegroundColor;
471
+
472
+ .sapMITBFilterExpandBtnSeparator {
473
+ border-color: @sapUiBaseText;
474
+ }
475
+
476
+ .sapMBtnIcon {
477
+ color: @sapUiBaseText !important;
478
+ }
479
+ }
480
+
481
+ .sapMITBFilterDefault {
482
+ .sapMITBFilterWrapper:hover {
483
+ .sapMITBText {
484
+ color: @sapUiContentSelectedForegroundColor;
485
+ }
486
+ }
487
+
488
+ .sapMITBFilterExpandBtn:hover {
489
+ .sapMBtnIcon {
490
+ color: @sapUiBaseText;
491
+ }
492
+ }
382
493
  }
383
494
 
384
495
  .sapMITBFilterNeutral {
385
496
  color: @sapUiNeutralElement;
386
497
  border-color: @sapUiNeutralElement;
498
+
499
+ .sapMITBFilterExpandBtnSeparator {
500
+ border-color: @sapUiNeutralText;
501
+ }
502
+
503
+ .sapMBtnIcon {
504
+ color: @sapUiNeutralText !important;
505
+ }
387
506
  }
388
507
 
389
508
  .sapMITBFilterPositive {
390
509
  color: @sapUiPositiveElement;
391
510
  border-color: @sapUiPositiveElement;
511
+
512
+ .sapMITBFilterExpandBtnSeparator {
513
+ border-color: @sapUiPositiveText;
514
+ }
515
+
516
+ .sapMBtnIcon {
517
+ color: @sapUiPositiveText !important;
518
+ }
392
519
  }
393
520
 
394
- .sapMITBFilterNegative {
521
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
522
+
395
523
  color: @sapUiNegativeElement;
396
524
  border-color: @sapUiNegativeElement;
525
+
526
+ .sapMITBFilterExpandBtnSeparator {
527
+ border-color: @sapUiNegativeText;
528
+ }
529
+
530
+ .sapMBtnIcon {
531
+ color: @sapUiNegativeText !important;
532
+ }
397
533
  }
398
534
 
399
535
  .sapMITBFilterCritical {
400
536
  color: @sapUiCriticalElement;
401
537
  border-color: @sapUiCriticalElement;
538
+
539
+ .sapMITBFilterExpandBtnSeparator {
540
+ border-color: @sapUiCriticalText;
541
+ }
542
+
543
+ .sapMBtnIcon {
544
+ color: @sapUiCriticalText !important;
545
+ }
546
+ }
547
+ .sapMITH:not(.sapMITBTextOnly) {
548
+
549
+ .sapMITBFilterNeutral {
550
+ .sapMITBFilterExpandBtnSeparator {
551
+ border-color: @sapUiNeutralElement;
552
+ }
553
+ .sapMBtnIcon {
554
+ color: @sapUiNeutralElement !important;
555
+ }
556
+ }
557
+
558
+ .sapMITBFilterPositive {
559
+ .sapMITBFilterExpandBtnSeparator {
560
+ border-color: @sapUiPositiveElement;
561
+ }
562
+ .sapMBtnIcon {
563
+ color: @sapUiPositiveElement !important;
564
+ }
565
+ }
566
+
567
+ .sapMITBFilterNegative {
568
+ .sapMITBFilterExpandBtnSeparator {
569
+ border-color: @sapUiNegativeElement;
570
+ }
571
+ .sapMBtnIcon {
572
+ color: @sapUiNegativeElement !important;
573
+ }
574
+ }
575
+ .sapMITBFilterCritical {
576
+ .sapMITBFilterExpandBtnSeparator {
577
+ border-color: @sapUiCriticalElement;
578
+ }
579
+ .sapMBtnIcon {
580
+ color: @sapUiCriticalElement !important;
581
+ }
582
+ }
402
583
  }
403
584
 
404
585
  .sapMITBSelected {
@@ -570,9 +751,13 @@ html.sap-desktop {
570
751
  .sapMITHStartOverflow,
571
752
  .sapMITHEndOverflow {
572
753
  .sapMITBItem {
754
+ &:active{
755
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
756
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
757
+ }
573
758
  &:active::after {
574
- // when overflow is pressed, make the focus white
575
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
759
+ // when overflow is pressed, hide the focus
760
+ border-color: transparent;
576
761
  }
577
762
  }
578
763
  }
@@ -686,11 +871,13 @@ html.sap-desktop {
686
871
  .sapMITH,
687
872
  .sapMITBFilterPopover {
688
873
 
689
- .sapMITBText .sapMBadgeAttention {
690
- right: -0.75rem;
691
- }
692
-
693
874
  .sapMITFExpandButtonBadge {
694
875
  left: 0.5rem;
695
876
  }
877
+ }
878
+
879
+ .sapMITH {
880
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
881
+ margin-left: -1px; // to hide the separator on hover over the button
882
+ }
696
883
  }
@@ -74,10 +74,14 @@
74
74
  opacity: @sapUiContentDisabledOpacity;
75
75
  }
76
76
 
77
- .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
77
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
78
78
  background-color: @sapField_Focus_Background;
79
79
  outline: none;
80
80
 
81
+ &::before {
82
+ border-color: @sapUiFieldActiveBorderColor;
83
+ }
84
+
81
85
  &.sapMInputBaseReadonlyWrapper {
82
86
  background: @sapField_ReadOnly_Background;
83
87
  }
@@ -9,4 +9,10 @@
9
9
  & > .sapMLabelTextWrapper{
10
10
  padding-right: 5px;
11
11
  }
12
+ }
13
+
14
+ .sapUiTableHeaderDataCell .sapMLabel,
15
+ .sapMListTbl .sapMColumnHeader .sapMLabel {
16
+ font-family: @sapUiFontSemiboldDuplexFamily;
17
+ font-weight: normal;
12
18
  }
@@ -12,9 +12,7 @@
12
12
  border-color: @sapUiMessageInformationBorderColor;
13
13
  color: @sapUiBaseText;
14
14
 
15
- .sapMBtnTransparent,
16
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
17
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
15
+ .sapMBtnTransparent {
18
16
  background-color: @sapInformationBackground;
19
17
  border-color: @sapInformationBackground;
20
18
  }
@@ -27,9 +25,7 @@
27
25
  .sapMMsgStripError {
28
26
  border-color: @sapUiMessageErrorBorderColor;
29
27
 
30
- .sapMBtnTransparent,
31
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
32
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
28
+ .sapMBtnTransparent {
33
29
  background-color: @sapErrorBackground;
34
30
  border-color: @sapErrorBackground;
35
31
  }
@@ -38,9 +34,7 @@
38
34
  .sapMMsgStripSuccess {
39
35
  border-color: @sapUiMessageSuccessBorderColor;
40
36
 
41
- .sapMBtnTransparent,
42
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
43
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
37
+ .sapMBtnTransparent {
44
38
  background-color: @sapSuccessBackground;
45
39
  border-color: @sapSuccessBackground;
46
40
  }
@@ -49,9 +43,7 @@
49
43
  .sapMMsgStripWarning {
50
44
  border-color: @sapUiMessageWarningBorderColor;
51
45
 
52
- .sapMBtnTransparent,
53
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
54
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
46
+ .sapMBtnTransparent {
55
47
  background-color: @sapWarningBackground;
56
48
  border-color: @sapWarningBackground;
57
49
  }
@@ -0,0 +1,9 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon theme */
4
+ /* =================================== */
5
+
6
+
7
+ .sapMMessageToast.sapMFocus {
8
+ outline-offset: -0.1875rem;
9
+ }
@@ -78,7 +78,8 @@
78
78
  }
79
79
 
80
80
  .sapMIBar-CTX.sapMFooter-CTX {
81
- box-shadow: @sapUiShadowLevel1;
81
+ box-shadow: @sapUiContentShadow1;
82
+ border: none;
82
83
  }
83
84
  }
84
85