@openui5/themelib_sap_horizon 1.108.18 → 1.108.19

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 (37) hide show
  1. package/package.json +18 -18
  2. package/src/sap/m/themes/sap_horizon/IconTabBar.less +222 -58
  3. package/src/sap/m/themes/sap_horizon/Label.less +6 -0
  4. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  5. package/src/sap/m/themes/sap_horizon/Table.less +4 -0
  6. package/src/sap/m/themes/sap_horizon/Text.less +6 -0
  7. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  8. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +202 -36
  9. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  10. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  11. package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
  12. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  13. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  14. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
  15. package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
  16. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  17. package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
  18. package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
  19. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  20. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
  21. package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
  22. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  23. package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
  24. package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
  25. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  26. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
  27. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  28. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
  29. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  30. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
  31. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  32. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
  33. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  34. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  35. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  36. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  37. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_horizon",
3
- "version": "1.108.18",
3
+ "version": "1.108.19",
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.19",
18
+ "@openui5/sap.m": "1.108.19",
19
+ "@openui5/sap.tnt": "1.108.19",
20
+ "@openui5/sap.ui.codeeditor": "1.108.19",
21
+ "@openui5/sap.ui.commons": "1.108.19",
22
+ "@openui5/sap.ui.core": "1.108.19",
23
+ "@openui5/sap.ui.dt": "1.108.19",
24
+ "@openui5/sap.ui.fl": "1.108.19",
25
+ "@openui5/sap.ui.mdc": "1.108.19",
26
+ "@openui5/sap.ui.integration": "1.108.19",
27
+ "@openui5/sap.ui.layout": "1.108.19",
28
+ "@openui5/sap.ui.rta": "1.108.19",
29
+ "@openui5/sap.ui.suite": "1.108.19",
30
+ "@openui5/sap.ui.table": "1.108.19",
31
+ "@openui5/sap.ui.unified": "1.108.19",
32
+ "@openui5/sap.ui.ux3": "1.108.19",
33
+ "@openui5/sap.uxap": "1.108.19"
34
34
  }
35
35
  }
package/src/sap/m/themes/sap_horizon/IconTabBar.less CHANGED
@@ -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,24 +194,38 @@
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
- }
204
+ .sapMITBSelected {
205
+ .sapMITBContentArrow::after {
206
+ background: @sapContent_Selected_ForegroundColor;
207
+ }
208
+ }
209
+
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;
216
+ }
217
+
218
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
219
+ border-radius: 0.25rem;
220
+ }
221
+
222
+
206
223
  //More Button
207
224
  .sapMITHStartOverflow,
208
225
  .sapMITHEndOverflow {
209
226
  .sapMITBItem {
210
227
  color: @sapButton_TextColor;
211
- background: @sapButton_Background;
228
+ background: @sapButton_Hover_Background;
212
229
  border: 1px solid @sapButton_BorderColor;
213
230
 
214
231
  .sapMITHShowSubItemsIcon {
@@ -217,16 +234,25 @@
217
234
  }
218
235
  }
219
236
 
220
- .sapMITHEndOverflow,
221
- .sapMITHStartOverflow {
222
- .sapMITHShowSubItemsIcon {
223
- padding-left: 0.375rem;
237
+ .sapMITHEndOverflow,
238
+ .sapMITHStartOverflow {
239
+ .sapMITBItem:hover {
240
+ background: @sapButton_Background;
241
+ border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
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: @sapButton_TextColor;
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;
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,98 @@
377
466
  }
378
467
 
379
468
  .sapMITBFilterDefault {
380
- border-color: @sapUiContentSelectedForegroundColor;
469
+ border-color: @sapUiContentSelectedForegroundColor;
381
470
  color: @sapUiContentSelectedForegroundColor;
382
471
  }
383
472
 
384
473
  .sapMITBFilterNeutral {
385
474
  color: @sapUiNeutralElement;
386
475
  border-color: @sapUiNeutralElement;
476
+
477
+ .sapMITBFilterExpandBtnSeparator {
478
+ border-color: @sapUiNeutralText;
479
+ }
480
+
481
+ .sapMBtnIcon {
482
+ color: @sapUiNeutralText !important;
483
+ }
387
484
  }
388
485
 
389
486
  .sapMITBFilterPositive {
390
487
  color: @sapUiPositiveElement;
391
488
  border-color: @sapUiPositiveElement;
489
+
490
+ .sapMITBFilterExpandBtnSeparator {
491
+ border-color: @sapUiPositiveText;
492
+ }
493
+
494
+ .sapMBtnIcon {
495
+ color: @sapUiPositiveText !important;
496
+ }
392
497
  }
393
498
 
394
- .sapMITBFilterNegative {
499
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
500
+
395
501
  color: @sapUiNegativeElement;
396
502
  border-color: @sapUiNegativeElement;
503
+
504
+ .sapMITBFilterExpandBtnSeparator {
505
+ border-color: @sapUiNegativeText;
506
+ }
507
+
508
+ .sapMBtnIcon {
509
+ color: @sapUiNegativeText !important;
510
+ }
397
511
  }
398
512
 
399
513
  .sapMITBFilterCritical {
400
514
  color: @sapUiCriticalElement;
401
515
  border-color: @sapUiCriticalElement;
516
+
517
+ .sapMITBFilterExpandBtnSeparator {
518
+ border-color: @sapUiCriticalText;
519
+ }
520
+
521
+ .sapMBtnIcon {
522
+ color: @sapUiCriticalText !important;
523
+ }
524
+ }
525
+ .sapMITH:not(.sapMITBTextOnly) {
526
+
527
+ .sapMITBFilterNeutral {
528
+ .sapMITBFilterExpandBtnSeparator {
529
+ border-color: @sapUiNeutralElement;
530
+ }
531
+ .sapMBtnIcon {
532
+ color: @sapUiNeutralElement !important;
533
+ }
534
+ }
535
+
536
+ .sapMITBFilterPositive {
537
+ .sapMITBFilterExpandBtnSeparator {
538
+ border-color: @sapUiPositiveElement;
539
+ }
540
+ .sapMBtnIcon {
541
+ color: @sapUiPositiveElement !important;
542
+ }
543
+ }
544
+
545
+ .sapMITBFilterNegative {
546
+ .sapMITBFilterExpandBtnSeparator {
547
+ border-color: @sapUiNegativeElement;
548
+ }
549
+ .sapMBtnIcon {
550
+ color: @sapUiNegativeElement !important;
551
+ }
552
+ }
553
+ .sapMITBFilterCritical {
554
+ .sapMITBFilterExpandBtnSeparator {
555
+ border-color: @sapUiCriticalElement;
556
+ }
557
+ .sapMBtnIcon {
558
+ color: @sapUiCriticalElement !important;
559
+ }
560
+ }
402
561
  }
403
562
 
404
563
  .sapMITBSelected {
@@ -570,6 +729,9 @@ html.sap-desktop {
570
729
  .sapMITHStartOverflow,
571
730
  .sapMITHEndOverflow {
572
731
  .sapMITBItem {
732
+ &:active{
733
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
734
+ }
573
735
  &:active::after {
574
736
  // when overflow is pressed, make the focus white
575
737
  border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -686,11 +848,13 @@ html.sap-desktop {
686
848
  .sapMITH,
687
849
  .sapMITBFilterPopover {
688
850
 
689
- .sapMITBText .sapMBadgeAttention {
690
- right: -0.75rem;
691
- }
692
-
693
851
  .sapMITFExpandButtonBadge {
694
852
  left: 0.5rem;
695
853
  }
854
+ }
855
+
856
+ .sapMITH {
857
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
858
+ margin-left: -1px; // to hide the separator on hover over the button
859
+ }
696
860
  }
package/src/sap/m/themes/sap_horizon/Label.less CHANGED
@@ -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
  }
package/src/sap/m/themes/sap_horizon/MessageToast.less ADDED
@@ -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
+ }
package/src/sap/m/themes/sap_horizon/Table.less CHANGED
@@ -54,4 +54,8 @@
54
54
  line-height: 2rem;
55
55
  }
56
56
  }
57
+ }
58
+
59
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
60
+ line-height: normal;
57
61
  }
package/src/sap/m/themes/sap_horizon/Text.less CHANGED
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
package/src/sap/m/themes/sap_horizon/library.source.less CHANGED
@@ -48,6 +48,7 @@
48
48
  @import "MessageBox.less";
49
49
  @import "MessageStrip.less";
50
50
  @import "MessageView.less";
51
+ @import "MessageToast.less";
51
52
  @import "MultiComboBox.less";
52
53
  @import "MultiInput.less";
53
54
  @import "NewsContent.less";
package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less CHANGED
@@ -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;
@@ -203,6 +206,19 @@
203
206
  background: @sapContent_Selected_ForegroundColor;
204
207
  }
205
208
  }
209
+
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;
216
+ }
217
+
218
+ .sapMITBFilterExpandBtn:hover .sapMBtnInner {
219
+ border-radius: 0.25rem;
220
+ }
221
+
206
222
  //More Button
207
223
  .sapMITHStartOverflow,
208
224
  .sapMITHEndOverflow {
@@ -217,15 +233,24 @@
217
233
  }
218
234
  }
219
235
 
236
+ .sapMITHEndOverflow:hover,
237
+ .sapMITHStartOverflow:hover {
238
+ .sapMITBItem {
239
+ background: @sapButton_Background;
240
+ border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
241
+ }
242
+ }
243
+
220
244
  .sapMITHEndOverflow,
221
245
  .sapMITHStartOverflow {
222
246
  .sapMITHShowSubItemsIcon {
223
247
  padding-left: 0.375rem;
224
248
  }
225
249
  }
250
+
226
251
  //Arrow button
227
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon:hover {
228
- color: @_sap_m_IconTabBar_TextHoverColor !important;
252
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
253
+ color: @sapButton_TextColor;
229
254
  }
230
255
  }
231
256
 
@@ -325,50 +350,113 @@
325
350
 
326
351
  /* Tab Filter Item */
327
352
 
328
- .sapMITBTextOnly {
329
-
330
- .sapMITBFilterDefault:hover .sapMITBText {
331
- color: @_sap_m_IconTabBar_TextHoverColor;
353
+ .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
354
+ .sapMBtn {
355
+ margin-bottom: 0.9375rem;
332
356
  }
357
+ }
333
358
 
334
- .sapMITBFilterDefault.sapMITBSelected .sapMITBText{
335
- color: @_sap_m_IconTabBar_SelectedTextColor;
359
+ .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
360
+ .sapMBtn {
361
+ margin-bottom: 1.875rem;
336
362
  }
363
+ }
337
364
 
338
- .sapMITBFilterDefault.sapMITBSelected:hover .sapMITBText {
339
- color: @_sap_m_IconTabBar_SelectedTextHoverColor;
365
+ .sapMITBNoText.sapMITH {
366
+ .sapMBtn {
367
+ margin-bottom: 0.9375rem;
340
368
  }
369
+ }
341
370
 
342
- .sapMITBFilterNeutral .sapMITBText {
343
- color: @sapUiNeutralText;
371
+ .sapMITBNoContentPadding .sapMITBTextOnly {
372
+ .sapMITBFilterExpandBtnSeparator {
373
+ margin-top: 1.125rem;
344
374
  }
345
-
346
- .sapMITBFilterNeutral:hover .sapMITBText {
347
- color: darken(@sapUiNeutralText, 10);
375
+ .sapMBtn {
376
+ margin-top: 0.25rem;
348
377
  }
378
+ }
349
379
 
350
- .sapMITBFilterPositive .sapMITBText {
351
- color: @sapUiPositiveText;
352
- }
380
+ .sapMITBTextOnly {
353
381
 
354
- .sapMITBFilterPositive:hover .sapMITBText {
355
- color: darken(@sapUiPositiveText, 10);
382
+ .sapMITBFilterDefault.sapMITBSelected {
383
+ .sapMITBText {
384
+ color: @sapContent_Selected_ForegroundColor;
385
+ }
386
+ .sapMITBFilterExpandBtnSeparator {
387
+ border-color: @sapContent_Selected_ForegroundColor;
388
+ }
389
+ .sapMBtnIcon {
390
+ color: @_sap_m_IconTabBar_SelectedTextColor;
391
+ }
356
392
  }
357
393
 
358
- .sapMITBFilterNegative .sapMITBText {
359
- color: @sapUiNegativeText;
394
+ .sapMITBFilterNeutral {
395
+ .sapMITBText {
396
+ color: @sapUiNeutralText;
397
+ }
398
+ .sapMITBFilterWrapper:hover .sapMITBText {
399
+ color: @sapUiNeutralText;
400
+ }
401
+ .sapMITBFilterExpandBtn:hover{
402
+ .sapMBtnIcon {
403
+ color: @sapUiNeutralText;
404
+ }
405
+ }
406
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
407
+ border-color: @sapUiNeutralText;
408
+ }
360
409
  }
361
410
 
362
- .sapMITBFilterNegative:hover .sapMITBText {
363
- color: darken(@sapUiNegativeText, 10);
411
+ .sapMITBFilterPositive {
412
+ .sapMITBText {
413
+ color: @sapUiPositiveText;
414
+ }
415
+ .sapMITBFilterWrapper:hover .sapMITBText {
416
+ color: @sapUiPositiveText;
417
+ }
418
+ .sapMITBFilterExpandBtn:hover{
419
+ .sapMBtnIcon {
420
+ color: @sapUiPositiveText !important;
421
+ }
422
+ }
423
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
424
+ border-color: @sapUiPositiveText;
425
+ }
364
426
  }
365
427
 
366
- .sapMITBFilterCritical .sapMITBText {
367
- color: @sapUiCriticalText;
428
+ .sapMITBFilterNegative {
429
+ .sapMITBText {
430
+ color: @sapUiNegativeText;
431
+ }
432
+ .sapMITBFilterWrapper:hover .sapMITBText {
433
+ color: @sapUiNegativeText;
434
+ }
435
+ .sapMITBFilterExpandBtn:hover{
436
+ .sapMBtnIcon {
437
+ color: @sapUiNegativeText;
438
+ }
439
+ }
440
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
441
+ border-color: @sapUiNegativeText;
442
+ }
368
443
  }
369
444
 
370
- .sapMITBFilterCritical:hover .sapMITBText {
371
- color: darken(@sapUiCriticalText, 10);
445
+ .sapMITBFilterCritical {
446
+ .sapMITBText {
447
+ color: @sapUiCriticalText;
448
+ }
449
+ .sapMITBFilterWrapper:hover .sapMITBText {
450
+ color: @sapUiCriticalText;
451
+ }
452
+ .sapMITBFilterExpandBtn:hover{
453
+ .sapMBtnIcon {
454
+ color: @sapUiCriticalText;
455
+ }
456
+ }
457
+ &.sapMITBSelected .sapMITBFilterExpandBtnSeparator {
458
+ border-color: @sapUiCriticalText;
459
+ }
372
460
  }
373
461
  }
374
462
 
@@ -384,21 +472,90 @@
384
472
  .sapMITBFilterNeutral {
385
473
  color: @sapUiNeutralElement;
386
474
  border-color: @sapUiNeutralElement;
475
+
476
+ .sapMITBFilterExpandBtnSeparator {
477
+ border-color: @sapUiNeutralText;
478
+ }
479
+
480
+ .sapMBtnIcon {
481
+ color: @sapUiNeutralText !important;
482
+ }
387
483
  }
388
484
 
389
485
  .sapMITBFilterPositive {
390
486
  color: @sapUiPositiveElement;
391
487
  border-color: @sapUiPositiveElement;
488
+
489
+ .sapMITBFilterExpandBtnSeparator {
490
+ border-color: @sapUiPositiveText;
491
+ }
492
+
493
+ .sapMBtnIcon {
494
+ color: @sapUiPositiveText !important;
495
+ }
392
496
  }
393
497
 
394
- .sapMITBFilterNegative {
498
+ .sapMITBFilterNegative:not(.sapMITBTextOnly) {
395
499
  color: @sapUiNegativeElement;
396
500
  border-color: @sapUiNegativeElement;
501
+
502
+ .sapMITBFilterExpandBtnSeparator {
503
+ border-color: @sapUiNegativeText;
504
+ }
505
+
506
+ .sapMBtnIcon {
507
+ color: @sapUiNegativeText !important;
508
+ }
397
509
  }
398
510
 
399
511
  .sapMITBFilterCritical {
400
512
  color: @sapUiCriticalElement;
401
513
  border-color: @sapUiCriticalElement;
514
+
515
+ .sapMITBFilterExpandBtnSeparator {
516
+ border-color: @sapUiCriticalText;
517
+ }
518
+
519
+ .sapMBtnIcon {
520
+ color: @sapUiCriticalText !important;
521
+ }
522
+ }
523
+ .sapMITH:not(.sapMITBTextOnly) {
524
+
525
+ .sapMITBFilterNeutral {
526
+ .sapMITBFilterExpandBtnSeparator {
527
+ border-color: @sapUiNeutralElement;
528
+ }
529
+ .sapMBtnIcon {
530
+ color: @sapUiNeutralElement !important;
531
+ }
532
+ }
533
+
534
+ .sapMITBFilterPositive {
535
+ .sapMITBFilterExpandBtnSeparator {
536
+ border-color: @sapUiPositiveElement;
537
+ }
538
+ .sapMBtnIcon {
539
+ color: @sapUiPositiveElement !important;
540
+ }
541
+ }
542
+
543
+ .sapMITBFilterNegative {
544
+ .sapMITBFilterExpandBtnSeparator {
545
+ border-color: @sapUiNegativeElement;
546
+ }
547
+ .sapMBtnIcon {
548
+ color: @sapUiNegativeElement !important;
549
+ }
550
+ }
551
+ .sapMITBFilterCritical {
552
+ .sapMITBFilterExpandBtnSeparator {
553
+ border-color: @sapUiCriticalElement;
554
+ }
555
+ .sapMBtnIcon {
556
+ color: @sapUiCriticalElement !important;
557
+ }
558
+ }
402
559
  }
403
560
 
404
561
  .sapMITBSelected {
@@ -570,6 +727,9 @@ html.sap-desktop {
570
727
  .sapMITHStartOverflow,
571
728
  .sapMITHEndOverflow {
572
729
  .sapMITBItem {
730
+ &:active{
731
+ background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
732
+ }
573
733
  &:active::after {
574
734
  // when overflow is pressed, make the focus white
575
735
  border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
@@ -687,10 +847,16 @@ html.sap-desktop {
687
847
  .sapMITBFilterPopover {
688
848
 
689
849
  .sapMITBText .sapMBadgeAttention {
690
- right: -0.75rem;
850
+ right: -0.5rem;
691
851
  }
692
852
 
693
853
  .sapMITFExpandButtonBadge {
694
854
  left: 0.5rem;
695
855
  }
856
+ }
857
+
858
+ .sapMITH {
859
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn {
860
+ margin-left: -1px; // to hide the separator on hover over the button
861
+ }
696
862
  }
package/src/sap/m/themes/sap_horizon_dark/Label.less CHANGED
@@ -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
  }
package/src/sap/m/themes/sap_horizon_dark/MessageToast.less ADDED
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Evening Horizon theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
package/src/sap/m/themes/sap_horizon_dark/Table.less CHANGED
@@ -61,4 +61,8 @@
61
61
  line-height: 2rem;
62
62
  }
63
63
  }
64
+ }
65
+
66
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
67
+ line-height: normal;
64
68
  }
package/src/sap/m/themes/sap_horizon_dark/Text.less CHANGED
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
package/src/sap/m/themes/sap_horizon_dark/library.source.less CHANGED
@@ -48,6 +48,7 @@
48
48
  @import "MessageBox.less";
49
49
  @import "MessageStrip.less";
50
50
  @import "MessageView.less";
51
+ @import "MessageToast.less";
51
52
  @import "MultiComboBox.less";
52
53
  @import "MultiInput.less";
53
54
  @import "NewsContent.less";
package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less CHANGED
@@ -62,6 +62,8 @@
62
62
  // Separator
63
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
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;
65
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
69
 
@@ -139,7 +141,6 @@
139
141
  @_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
140
142
  @_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
141
143
 
142
-
143
144
  /* Head Container */
144
145
  .sapMITH {
145
146
  z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
@@ -170,6 +171,10 @@
170
171
  }
171
172
  }
172
173
 
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
175
+ line-height: 0.75rem;
176
+ }
177
+
173
178
  /* Head Container - compact */
174
179
 
175
180
  .sapUiSizeCompact.sapMITH {
@@ -229,6 +234,10 @@
229
234
  margin-top: 0.125rem;
230
235
  }
231
236
  }
237
+
238
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
239
+ line-height: 0.75rem;
240
+ }
232
241
  }
233
242
 
234
243
  .sapMITBContentArrow {
package/src/sap/m/themes/sap_horizon_hcb/Label.less CHANGED
@@ -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
  }
package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less ADDED
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
package/src/sap/m/themes/sap_horizon_hcb/Table.less CHANGED
@@ -64,4 +64,8 @@
64
64
  line-height: 2rem;
65
65
  }
66
66
  }
67
+ }
68
+
69
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
70
+ line-height: normal;
67
71
  }
package/src/sap/m/themes/sap_horizon_hcb/Text.less CHANGED
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
package/src/sap/m/themes/sap_horizon_hcb/library.source.less CHANGED
@@ -56,6 +56,7 @@
56
56
  @import "MessagePage.less";
57
57
  @import "MessageView.less";
58
58
  @import "MessageStrip.less";
59
+ @import "MessageToast.less";
59
60
  @import "MultiComboBox.less";
60
61
  @import "NewsContent.less";
61
62
  @import "NotificationListGroup.less";
package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less CHANGED
@@ -62,6 +62,8 @@
62
62
  // Separator
63
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
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;
65
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
69
 
@@ -169,6 +171,10 @@
169
171
  }
170
172
  }
171
173
 
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
175
+ line-height: 0.75rem;
176
+ }
177
+
172
178
  /* Head Container - compact */
173
179
 
174
180
  .sapUiSizeCompact.sapMITH {
@@ -228,6 +234,10 @@
228
234
  margin-top: 0.125rem;
229
235
  }
230
236
  }
237
+
238
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
239
+ line-height: 0.75rem;
240
+ }
231
241
  }
232
242
 
233
243
  .sapMITBContentArrow {
package/src/sap/m/themes/sap_horizon_hcw/Label.less CHANGED
@@ -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
  }
package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less ADDED
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast White theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
package/src/sap/m/themes/sap_horizon_hcw/Table.less CHANGED
@@ -64,4 +64,8 @@
64
64
  line-height: 2rem;
65
65
  }
66
66
  }
67
+ }
68
+
69
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
70
+ line-height: normal;
67
71
  }
package/src/sap/m/themes/sap_horizon_hcw/Text.less CHANGED
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
package/src/sap/m/themes/sap_horizon_hcw/library.source.less CHANGED
@@ -56,6 +56,7 @@
56
56
  @import "MessagePage.less";
57
57
  @import "MessageView.less";
58
58
  @import "MessageStrip.less";
59
+ @import "MessageToast.less";
59
60
  @import "MultiComboBox.less";
60
61
  @import "NewsContent.less";
61
62
  @import "NotificationListGroup.less";
package/src/sap/tnt/themes/sap_horizon/NavigationList.less CHANGED
@@ -7,19 +7,28 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
- @_sap_tnt_NavigationList_SelectedItemBorder: none;
16
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
+ @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
17
20
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
18
- @_sap_tnt_NavigationList_GroupBorder: none;
19
21
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
20
22
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
24
  @_sap_tnt_NavigationList_Padding: 0.5rem;
23
25
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
24
- @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
26
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
27
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
28
+ @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
29
+ @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
30
+ @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
31
+ @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
32
+ @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
33
+ @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
25
34
  @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
package/src/sap/tnt/themes/sap_horizon/SideNavigation.less CHANGED
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less CHANGED
@@ -7,19 +7,28 @@
7
7
  @_sap_tnt_NavigationList_IconColor: @sapUiListTextColor;
8
8
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
9
9
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiListTextColor;
10
+ @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
10
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
11
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
12
13
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
13
14
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
14
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
15
- @_sap_tnt_NavigationList_SelectedItemBorder: none;
16
- @_sap_tnt_NavigationList_Collapsed_SelectedItemBorder: 0.125rem solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
16
+ @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
+ @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
18
+ @_sap_tnt_NavigationList_SelectedBorderStyleColor: none;
19
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBorderStyleColor: solid @_sap_tnt_NavigationList_SelectedItemBorderColor;
17
20
  @_sap_tnt_NavigationList_GroupIconWidth: 2rem;
18
- @_sap_tnt_NavigationList_GroupBorder: none;
19
21
  @_sap_tnt_NavigationList_GroupBottomMarginInPopup: 0.75rem;
20
22
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
23
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
24
  @_sap_tnt_NavigationList_Padding: 0.5rem;
23
25
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
24
- @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
26
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
27
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
28
+ @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
29
+ @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
30
+ @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
31
+ @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 48), 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 64);
32
+ @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
33
+ @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
25
34
  @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less CHANGED
@@ -11,6 +11,7 @@
11
11
  @_sap_tnt_SideNavigation_NavigationSeparatorRadius: 0.125rem;
12
12
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
13
13
  @_sap_tnt_SideNavigation_TriangleColor: @sapUiContentNonInteractiveIconColor;
14
+ @_sap_tnt_SideNavigation_BorderRight: 0;
14
15
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
15
16
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
16
17
  @_sap_tnt_SideNavigation_BoxShadow: 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 16), 0 0.5rem 1rem 0 fade(@sapUiContentShadowColor, 16);
package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less CHANGED
@@ -7,11 +7,26 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
10
18
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
11
19
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
12
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
13
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
14
22
  @_sap_tnt_NavigationList_Padding: 0.5rem;
15
23
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
16
- @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
24
+ @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
25
+ @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
26
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
27
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
28
+ @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
29
+ @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
30
+ @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
31
+ @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
17
32
  @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less CHANGED
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less CHANGED
@@ -7,11 +7,26 @@
7
7
  @_sap_tnt_NavigationList_IconFontSize: 1.125rem;
8
8
  @_sap_tnt_NavigationList_ExpandIconColor: @sapUiContentNonInteractiveIconColor;
9
9
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
10
+ @_sap_tnt_NavigationList_ItemBorderStyleColor: solid @sapUiListBorderColor;
11
+ @_sap_tnt_NavigationList_ItemBorderWidth: 0 0 0.0625rem 0;
12
+ @_sap_tnt_NavigationList_ItemFocusBorderOffset: @sapUiContentFocusWidth;
13
+ @_sap_tnt_NavigationList_LastItemBorderStyleColor: solid transparent;
14
+ @_sap_tnt_NavigationList_HoverBorderStyleColor: solid @sapUiListSelectionBorderColor;
15
+ @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
+ @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
+ @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
10
18
  @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
11
19
  @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
12
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
13
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
14
22
  @_sap_tnt_NavigationList_Padding: 0.5rem;
15
23
  @_sap_tnt_NavigationList_PaddingCompact: 1.5rem 0.75rem 0.75rem 0.75rem;
16
- @_sap_tnt_NavigationList_PopupPadding: 0.5rem;
24
+ @_sap_tnt_NavigationList_PopupItemPadding: 0 0.5rem;
25
+ @_sap_tnt_NavigationList_PopupIconWidth: 0.5rem;
26
+ @_sap_tnt_NavigationList_ParentPopupPadding: 0.75rem;
27
+ @_sap_tnt_NavigationList_ParentPopupBorderRadius: 0.75rem;
28
+ @_sap_tnt_NavigationList_PopupBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
29
+ @_sap_tnt_NavigationList_PopupArrowBoxShadow: 0 0 0 0.0625rem @sapUiContentShadowColor, 0 1rem 2rem 0 fade(@sapUiContentShadowColor, 16);
30
+ @_sap_tnt_NavigationList_PopupTitleTextSize: 1.25rem;
31
+ @_sap_tnt_NavigationList_PopupTitleLineHeight: 1.5rem;
17
32
  @_sap_tnt_NavigationList_SelectionIndicatorDisplay: inline-block;
package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less CHANGED
@@ -6,6 +6,8 @@
6
6
  @_sap_tnt_SideNavigation_Width: 16rem;
7
7
  @_sap_tnt_SideNavigation_CollapsedWidth: 3.5rem;
8
8
  @_sap_tnt_SideNavigation_NavigationSeparatorHeight: 0.0625rem;
9
+ @_sap_tnt_SideNavigation_BorderRight: 0;
9
10
  @_sap_tnt_SideNavigation_BorderRadius: 0.5rem 0.5rem 0 0;
10
11
  @_sap_tnt_SideNavigation_PhoneBorderRadius: 0.5rem;
12
+ @_sap_tnt_SideNavigation_BoxShadow: 0 0 0 0.0625rem @sapContent_ShadowColor, 0 0.5rem 1rem 0 fade(@sapContent_ShadowColor, 16);
11
13
  @_sap_tnt_SideNavigation_TriangleDisplay: none;
package/src/sap/ui/core/themes/sap_horizon/.theme CHANGED
@@ -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.108.18</version>
9
+ <version>1.108.19</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_dark/.theme CHANGED
@@ -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.108.18</version>
9
+ <version>1.108.19</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_hcb/.theme CHANGED
@@ -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.108.18</version>
9
+ <version>1.108.19</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
package/src/sap/ui/core/themes/sap_horizon_hcw/.theme CHANGED
@@ -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.108.18</version>
9
+ <version>1.108.19</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12