@openui5/themelib_sap_horizon 1.121.1 → 1.122.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/CheckBox.less +1 -1
  4. package/src/sap/m/themes/sap_horizon/ColorPalette.less +12 -7
  5. package/src/sap/m/themes/sap_horizon/GenericTile.less +0 -7
  6. package/src/sap/m/themes/sap_horizon/IconTabBar.less +25 -27
  7. package/src/sap/m/themes/sap_horizon/Toolbar.less +3 -0
  8. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +1 -1
  9. package/src/sap/m/themes/sap_horizon_dark/ColorPalette.less +12 -7
  10. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +23 -25
  11. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +3 -0
  12. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +1 -1
  13. package/src/sap/m/themes/sap_horizon_hcb/ColorPalette.less +4 -1
  14. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +2 -0
  15. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +2 -0
  16. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +1 -1
  17. package/src/sap/m/themes/sap_horizon_hcw/ColorPalette.less +4 -1
  18. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +2 -0
  19. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +7 -0
  20. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +2 -0
  21. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  22. package/src/sap/ui/core/themes/sap_horizon/base.less +80 -4
  23. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black-full.woff2 +0 -0
  24. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Black.woff2 +0 -0
  25. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Bold-full.woff2 +0 -0
  26. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Bold.woff2 +0 -0
  27. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Light-full.woff2 +0 -0
  28. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Light.woff2 +0 -0
  29. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Regular-full.woff2 +0 -0
  30. package/src/sap/ui/core/themes/sap_horizon/fonts/72-Regular.woff2 +0 -0
  31. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  32. package/src/sap/ui/core/themes/sap_horizon/fonts/72-SemiboldDuplex.woff2 +0 -0
  33. package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold-full.woff2 +0 -0
  34. package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Bold.woff2 +0 -0
  35. package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular-full.woff2 +0 -0
  36. package/src/sap/ui/core/themes/sap_horizon/fonts/72Mono-Regular.woff2 +0 -0
  37. package/src/sap/ui/core/themes/sap_horizon/global.less +20 -0
  38. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  39. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +80 -4
  40. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black-full.woff2 +0 -0
  41. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Black.woff2 +0 -0
  42. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Bold-full.woff2 +0 -0
  43. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Bold.woff2 +0 -0
  44. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Light-full.woff2 +0 -0
  45. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Light.woff2 +0 -0
  46. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Regular-full.woff2 +0 -0
  47. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-Regular.woff2 +0 -0
  48. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  49. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72-SemiboldDuplex.woff2 +0 -0
  50. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Bold-full.woff2 +0 -0
  51. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Bold.woff2 +0 -0
  52. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Regular-full.woff2 +0 -0
  53. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/72Mono-Regular.woff2 +0 -0
  54. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +20 -0
  55. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  56. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +80 -4
  57. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black-full.woff2 +0 -0
  58. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Black.woff2 +0 -0
  59. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Bold-full.woff2 +0 -0
  60. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Bold.woff2 +0 -0
  61. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Light-full.woff2 +0 -0
  62. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Light.woff2 +0 -0
  63. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Regular-full.woff2 +0 -0
  64. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-Regular.woff2 +0 -0
  65. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  66. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72-SemiboldDuplex.woff2 +0 -0
  67. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Bold-full.woff2 +0 -0
  68. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Bold.woff2 +0 -0
  69. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Regular-full.woff2 +0 -0
  70. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/72Mono-Regular.woff2 +0 -0
  71. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +20 -0
  72. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  73. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +80 -4
  74. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black-full.woff2 +0 -0
  75. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Black.woff2 +0 -0
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Bold-full.woff2 +0 -0
  77. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Bold.woff2 +0 -0
  78. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Light-full.woff2 +0 -0
  79. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Light.woff2 +0 -0
  80. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Regular-full.woff2 +0 -0
  81. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-Regular.woff2 +0 -0
  82. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex-full.woff2 +0 -0
  83. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72-SemiboldDuplex.woff2 +0 -0
  84. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Bold-full.woff2 +0 -0
  85. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Bold.woff2 +0 -0
  86. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Regular-full.woff2 +0 -0
  87. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/72Mono-Regular.woff2 +0 -0
  88. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +20 -0
  89. package/src/sap/ui/rta/themes/sap_horizon/library.source.less +0 -1
  90. package/src/sap/ui/rta/themes/sap_horizon_dark/library.source.less +0 -1
  91. package/src/sap/ui/rta/themes/sap_horizon_hcb/library.source.less +0 -1
  92. package/src/sap/ui/rta/themes/sap_horizon_hcw/library.source.less +0 -1
  93. package/src/sap/uxap/themes/sap_horizon/AnchorBar.less +62 -0
  94. package/src/sap/uxap/themes/sap_horizon_dark/AnchorBar.less +57 -0
  95. package/src/sap/uxap/themes/sap_horizon_hcb/AnchorBar.less +48 -0
  96. package/src/sap/uxap/themes/sap_horizon_hcw/AnchorBar.less +48 -0
  97. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.personalization.less +0 -5
  98. package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.personalization.less +0 -4
  99. package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.personalization.less +0 -8
  100. package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.personalization.less +0 -9
package/THIRDPARTY.txt CHANGED
@@ -461,7 +461,7 @@ License: Apache-2.0
461
461
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
462
462
  Contained in: lib/jsdoc/ui5/plugin.js
463
463
 
464
- Component: SAP Theming Base Content, version: 11.10.0
464
+ Component: SAP Theming Base Content, version: 11.12.0
465
465
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
466
466
  License: Apache-2.0
467
467
  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.121.1",
3
+ "version": "1.122.1",
4
4
  "description": "OpenUI5 Theme Library sap_horizon",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.121.1",
18
- "@openui5/sap.m": "1.121.1",
19
- "@openui5/sap.tnt": "1.121.1",
20
- "@openui5/sap.ui.codeeditor": "1.121.1",
21
- "@openui5/sap.ui.commons": "1.121.1",
22
- "@openui5/sap.ui.core": "1.121.1",
23
- "@openui5/sap.ui.dt": "1.121.1",
24
- "@openui5/sap.ui.fl": "1.121.1",
25
- "@openui5/sap.ui.mdc": "1.121.1",
26
- "@openui5/sap.ui.integration": "1.121.1",
27
- "@openui5/sap.ui.layout": "1.121.1",
28
- "@openui5/sap.ui.rta": "1.121.1",
29
- "@openui5/sap.ui.suite": "1.121.1",
30
- "@openui5/sap.ui.table": "1.121.1",
31
- "@openui5/sap.ui.unified": "1.121.1",
32
- "@openui5/sap.ui.ux3": "1.121.1",
33
- "@openui5/sap.uxap": "1.121.1"
17
+ "@openui5/sap.f": "1.122.1",
18
+ "@openui5/sap.m": "1.122.1",
19
+ "@openui5/sap.tnt": "1.122.1",
20
+ "@openui5/sap.ui.codeeditor": "1.122.1",
21
+ "@openui5/sap.ui.commons": "1.122.1",
22
+ "@openui5/sap.ui.core": "1.122.1",
23
+ "@openui5/sap.ui.dt": "1.122.1",
24
+ "@openui5/sap.ui.fl": "1.122.1",
25
+ "@openui5/sap.ui.mdc": "1.122.1",
26
+ "@openui5/sap.ui.integration": "1.122.1",
27
+ "@openui5/sap.ui.layout": "1.122.1",
28
+ "@openui5/sap.ui.rta": "1.122.1",
29
+ "@openui5/sap.ui.suite": "1.122.1",
30
+ "@openui5/sap.ui.table": "1.122.1",
31
+ "@openui5/sap.ui.unified": "1.122.1",
32
+ "@openui5/sap.ui.ux3": "1.122.1",
33
+ "@openui5/sap.uxap": "1.122.1"
34
34
  }
35
35
  }
@@ -6,7 +6,7 @@
6
6
  .sapMCb {
7
7
  height: 2.75rem;
8
8
  padding-left: 2.75rem;
9
- line-height: 2.7rem;
9
+ line-height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMCbBg {
@@ -8,7 +8,8 @@
8
8
 
9
9
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
10
10
  border-radius: 0.25rem;
11
- &:hover {
11
+ &:hover,
12
+ &.sapMColorPaletteSquareSelected {
12
13
  border-radius: 0.4375rem;
13
14
  margin: 0.0625rem;
14
15
  width: 2.25rem;
@@ -56,7 +57,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
56
57
  bottom: -0.3125rem;
57
58
  right: -0.3125rem;
58
59
  }
59
- &:hover {
60
+ &:hover,
61
+ &.sapMColorPaletteSquareSelected {
60
62
  &:after {
61
63
  display: block;
62
64
  border: 0.0625rem solid @sapUiContentContrastFocusColor;
@@ -110,12 +112,15 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
110
112
  line-height: 2rem;
111
113
  }
112
114
  }
113
- .sapMColorPaletteSquare:hover {
114
- margin: 0.0625rem;
115
- width: 1.625rem;
116
- height: 1.625rem;
115
+ .sapMColorPaletteSquare {
116
+ &:hover,
117
+ &.sapMColorPaletteSquareSelected {
118
+ margin: 0.0625rem;
119
+ width: 1.625rem;
120
+ height: 1.625rem;
121
+ }
117
122
  }
118
- .sapMColorPaletteSquare:focus:not(:hover):before {
123
+ .sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected):before {
119
124
  top: -0.25rem;
120
125
  left: -0.25rem;
121
126
  bottom: -0.25rem;
@@ -300,13 +300,6 @@ html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
300
300
  }
301
301
  }
302
302
 
303
- html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, // focus inside GridContainer
304
- html.sap-desktop .sapMGT:focus .sapMGTFocusDiv,
305
- html.sap-desktop .sapMGT:active .sapMGTFocusDiv,
306
- html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
307
- border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
308
- }
309
-
310
303
  html.sap-desktop .sapMGTActionButtonPress.sapMGT:focus
311
304
  {
312
305
  .sapMGTFocusDiv{
@@ -163,6 +163,8 @@
163
163
  // =========== Shell ===========
164
164
  @_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
165
165
  @_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
166
+ @_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: @sapUiButtonHoverBackground;
167
+ @_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: @sapUiButtonHoverBorderColor;
166
168
 
167
169
 
168
170
  /* Head Container */
@@ -214,10 +216,6 @@
214
216
  margin-top: 1.0625rem;
215
217
  }
216
218
 
217
- .sapMITBFilterExpandBtn:hover .sapMBtnInner {
218
- border-radius: 0.25rem;
219
- }
220
-
221
219
 
222
220
  //More Button
223
221
  .sapMITHStartOverflow,
@@ -249,7 +247,7 @@
249
247
  }
250
248
 
251
249
  //Arrow button
252
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
250
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
253
251
  color: @sapUiBaseText;
254
252
  }
255
253
  }
@@ -351,19 +349,19 @@
351
349
  /* Tab Filter Item */
352
350
 
353
351
  .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
354
- .sapMBtn {
352
+ .sapMITBFilterExpandBtn {
355
353
  margin-bottom: 0.9375rem;
356
354
  }
357
355
  }
358
356
 
359
357
  .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
360
- .sapMBtn {
358
+ .sapMITBFilterExpandBtn {
361
359
  margin-bottom: 1.875rem;
362
360
  }
363
361
  }
364
362
 
365
363
  .sapMITBNoText.sapMITH {
366
- .sapMBtn {
364
+ .sapMITBFilterExpandBtn {
367
365
  margin-bottom: 0.9375rem;
368
366
  }
369
367
  }
@@ -372,8 +370,8 @@
372
370
  .sapMITBFilterExpandBtnSeparator {
373
371
  margin-top: 1.3125rem;
374
372
  }
375
- .sapMBtn {
376
- margin-top: 0.4375rem;
373
+ .sapMITBFilterExpandBtn {
374
+ margin-top: 0.25rem;
377
375
  }
378
376
  }
379
377
 
@@ -386,7 +384,7 @@
386
384
  .sapMITBFilterExpandBtnSeparator {
387
385
  border-color: @sapUiContentSelectedForegroundColor;
388
386
  }
389
- .sapMBtnIcon {
387
+ .sapMITBFilterExpandIcon {
390
388
  color: @_sap_m_IconTabBar_SelectedTextColor !important;
391
389
  }
392
390
  }
@@ -399,7 +397,7 @@
399
397
  color: @sapUiNeutralText;
400
398
  }
401
399
  .sapMITBFilterExpandBtn:hover{
402
- .sapMBtnIcon {
400
+ .sapMITBFilterExpandIcon {
403
401
  color: @sapUiNeutralText;
404
402
  }
405
403
  }
@@ -416,7 +414,7 @@
416
414
  color: @sapUiPositiveText;
417
415
  }
418
416
  .sapMITBFilterExpandBtn:hover{
419
- .sapMBtnIcon {
417
+ .sapMITBFilterExpandIcon {
420
418
  color: @sapUiPositiveText !important;
421
419
  }
422
420
  }
@@ -433,7 +431,7 @@
433
431
  color: @sapUiNegativeText;
434
432
  }
435
433
  .sapMITBFilterExpandBtn:hover{
436
- .sapMBtnIcon {
434
+ .sapMITBFilterExpandIcon {
437
435
  color: @sapUiNegativeText;
438
436
  }
439
437
  }
@@ -450,7 +448,7 @@
450
448
  color: @sapUiCriticalText;
451
449
  }
452
450
  .sapMITBFilterExpandBtn:hover{
453
- .sapMBtnIcon {
451
+ .sapMITBFilterExpandIcon {
454
452
  color: @sapUiCriticalText;
455
453
  }
456
454
  }
@@ -472,8 +470,8 @@
472
470
  border-color: @sapUiBaseText;
473
471
  }
474
472
 
475
- .sapMBtnIcon {
476
- color: @sapUiBaseText !important;
473
+ .sapMITBFilterExpandIcon {
474
+ color: @sapUiBaseText;
477
475
  }
478
476
  }
479
477
 
@@ -485,7 +483,7 @@
485
483
  }
486
484
 
487
485
  .sapMITBFilterExpandBtn:hover {
488
- .sapMBtnIcon {
486
+ .sapMITBFilterExpandIcon {
489
487
  color: @sapUiBaseText;
490
488
  }
491
489
  }
@@ -499,7 +497,7 @@
499
497
  border-color: @sapUiNeutralText;
500
498
  }
501
499
 
502
- .sapMBtnIcon {
500
+ .sapMITBFilterExpandIcon {
503
501
  color: @sapUiNeutralText !important;
504
502
  }
505
503
  }
@@ -512,7 +510,7 @@
512
510
  border-color: @sapUiPositiveText;
513
511
  }
514
512
 
515
- .sapMBtnIcon {
513
+ .sapMITBFilterExpandIcon {
516
514
  color: @sapUiPositiveText !important;
517
515
  }
518
516
  }
@@ -525,7 +523,7 @@
525
523
  border-color: @sapUiNegativeText;
526
524
  }
527
525
 
528
- .sapMBtnIcon {
526
+ .sapMITBFilterExpandIcon {
529
527
  color: @sapUiNegativeText !important;
530
528
  }
531
529
  }
@@ -538,7 +536,7 @@
538
536
  border-color: @sapUiCriticalText;
539
537
  }
540
538
 
541
- .sapMBtnIcon {
539
+ .sapMITBFilterExpandIcon {
542
540
  color: @sapUiCriticalText !important;
543
541
  }
544
542
  }
@@ -548,7 +546,7 @@
548
546
  .sapMITBFilterExpandBtnSeparator {
549
547
  border-color: @sapUiNeutralElement;
550
548
  }
551
- .sapMBtnIcon {
549
+ .sapMITBFilterExpandIcon {
552
550
  color: @sapUiNeutralElement !important;
553
551
  }
554
552
  }
@@ -557,7 +555,7 @@
557
555
  .sapMITBFilterExpandBtnSeparator {
558
556
  border-color: @sapUiPositiveElement;
559
557
  }
560
- .sapMBtnIcon {
558
+ .sapMITBFilterExpandIcon {
561
559
  color: @sapUiPositiveElement !important;
562
560
  }
563
561
  }
@@ -566,7 +564,7 @@
566
564
  .sapMITBFilterExpandBtnSeparator {
567
565
  border-color: @sapUiNegativeElement;
568
566
  }
569
- .sapMBtnIcon {
567
+ .sapMITBFilterExpandIcon {
570
568
  color: @sapUiNegativeElement !important;
571
569
  }
572
570
  }
@@ -574,7 +572,7 @@
574
572
  .sapMITBFilterExpandBtnSeparator {
575
573
  border-color: @sapUiCriticalElement;
576
574
  }
577
- .sapMBtnIcon {
575
+ .sapMITBFilterExpandIcon {
578
576
  color: @sapUiCriticalElement !important;
579
577
  }
580
578
  }
@@ -830,7 +828,7 @@ html.sap-desktop {
830
828
  color: @sapUiShellNavigationSelectedColor;
831
829
  }
832
830
 
833
- .sapMITBSelected:not(sapMITBDisabled) .sapMITBContentArrow::after {
831
+ .sapMITBSelected:not(.sapMITBDisabled) .sapMITBContentArrow::after {
834
832
  background: @sapUiShellNavigationSelectedColor;
835
833
  }
836
834
 
@@ -17,6 +17,8 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
17
17
  margin-right: 0;
18
18
  }
19
19
 
20
+ /* Table Toolbar */
21
+ .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
20
22
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
21
23
  padding: 0 0.5rem 0 1rem;
22
24
  }
@@ -83,6 +85,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
83
85
 
84
86
  // Styles suporting Table inside ObjectPageSubSection scenario
85
87
  .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
88
+ background: @sapUiGlobalBackgroundColor;
86
89
  padding: 0;
87
90
  }
88
91
 
@@ -6,7 +6,7 @@
6
6
  .sapMCb {
7
7
  height: 2.75rem;
8
8
  padding-left: 2.75rem;
9
- line-height: 2.7rem;
9
+ line-height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMCbBg {
@@ -8,7 +8,8 @@
8
8
 
9
9
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
10
10
  border-radius: 0.25rem;
11
- &:hover {
11
+ &:hover,
12
+ &.sapMColorPaletteSquareSelected {
12
13
  border-radius: 0.4375rem;
13
14
  margin: 0.0625rem;
14
15
  width: 2.25rem;
@@ -56,7 +57,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:focus {
56
57
  bottom: -0.3125rem;
57
58
  right: -0.3125rem;
58
59
  }
59
- &:hover {
60
+ &:hover,
61
+ &.sapMColorPaletteSquareSelected {
60
62
  &:after {
61
63
  display: block;
62
64
  border: 0.0625rem solid @sapUiContentContrastFocusColor;
@@ -110,12 +112,15 @@ html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
110
112
  line-height: 2rem;
111
113
  }
112
114
  }
113
- .sapMColorPaletteSquare:hover {
114
- margin: 0.0625rem;
115
- width: 1.625rem;
116
- height: 1.625rem;
115
+ .sapMColorPaletteSquare {
116
+ &:hover,
117
+ &.sapMColorPaletteSquareSelected {
118
+ margin: 0.0625rem;
119
+ width: 1.625rem;
120
+ height: 1.625rem;
121
+ }
117
122
  }
118
- .sapMColorPaletteSquare:focus:not(:hover):before {
123
+ .sapMColorPaletteSquare:focus:not(:hover):not(.sapMColorPaletteSquareSelected):before {
119
124
  top: -0.25rem;
120
125
  left: -0.25rem;
121
126
  bottom: -0.25rem;
@@ -163,6 +163,8 @@
163
163
  // =========== Shell ===========
164
164
  @_sap_m_IconTabBar_ShellHeaderShadow: @sapUiShellShadow;
165
165
  @_sap_m_IconTabBar_ShellSelectedTextColor: @sapUiShellNavigationSelectedTextColor;
166
+ @_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: @sapUiButtonHoverBackground;
167
+ @_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: @sapUiButtonHoverBorderColor;
166
168
 
167
169
 
168
170
  /* Head Container */
@@ -214,10 +216,6 @@
214
216
  margin-top: 1.0625rem;
215
217
  }
216
218
 
217
- .sapMITBFilterExpandBtn:hover .sapMBtnInner {
218
- border-radius: 0.25rem;
219
- }
220
-
221
219
  //More Button
222
220
  .sapMITHStartOverflow,
223
221
  .sapMITHEndOverflow {
@@ -248,7 +246,7 @@
248
246
  }
249
247
 
250
248
  //Arrow button
251
- .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
249
+ .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
252
250
  color: @sapUiBaseText;
253
251
  }
254
252
  }
@@ -350,19 +348,19 @@
350
348
  /* Tab Filter Item */
351
349
 
352
350
  .sapMITH:not(.sapMITBTextOnly) .sapMITBHorizontal {
353
- .sapMBtn {
351
+ .sapMITBFilterExpandBtn {
354
352
  margin-bottom: 0.9375rem;
355
353
  }
356
354
  }
357
355
 
358
356
  .sapMITH:not(.sapMITBTextOnly):not(.sapMITBNoText) .sapMITBVertical {
359
- .sapMBtn {
357
+ .sapMITBFilterExpandBtn {
360
358
  margin-bottom: 1.875rem;
361
359
  }
362
360
  }
363
361
 
364
362
  .sapMITBNoText.sapMITH {
365
- .sapMBtn {
363
+ .sapMITBFilterExpandBtn {
366
364
  margin-bottom: 0.9375rem;
367
365
  }
368
366
  }
@@ -371,8 +369,8 @@
371
369
  .sapMITBFilterExpandBtnSeparator {
372
370
  margin-top: 1.3125rem;
373
371
  }
374
- .sapMBtn {
375
- margin-top: 0.4375rem;
372
+ .sapMITBFilterExpandBtn {
373
+ margin-top: 0.25rem;
376
374
  }
377
375
  }
378
376
 
@@ -385,7 +383,7 @@
385
383
  .sapMITBFilterExpandBtnSeparator {
386
384
  border-color: @sapUiContentSelectedForegroundColor;
387
385
  }
388
- .sapMBtnIcon {
386
+ .sapUiIcon {
389
387
  color: @_sap_m_IconTabBar_SelectedTextColor !important;
390
388
  }
391
389
  }
@@ -398,7 +396,7 @@
398
396
  color: @sapUiNeutralText;
399
397
  }
400
398
  .sapMITBFilterExpandBtn:hover{
401
- .sapMBtnIcon {
399
+ .sapUiIcon {
402
400
  color: @sapUiNeutralText;
403
401
  }
404
402
  }
@@ -415,7 +413,7 @@
415
413
  color: @sapUiPositiveText;
416
414
  }
417
415
  .sapMITBFilterExpandBtn:hover{
418
- .sapMBtnIcon {
416
+ .sapUiIcon {
419
417
  color: @sapUiPositiveText !important;
420
418
  }
421
419
  }
@@ -432,7 +430,7 @@
432
430
  color: @sapUiNegativeText;
433
431
  }
434
432
  .sapMITBFilterExpandBtn:hover{
435
- .sapMBtnIcon {
433
+ .sapUiIcon {
436
434
  color: @sapUiNegativeText;
437
435
  }
438
436
  }
@@ -449,7 +447,7 @@
449
447
  color: @sapUiCriticalText;
450
448
  }
451
449
  .sapMITBFilterExpandBtn:hover{
452
- .sapMBtnIcon {
450
+ .sapUiIcon {
453
451
  color: @sapUiCriticalText;
454
452
  }
455
453
  }
@@ -471,7 +469,7 @@
471
469
  border-color: @sapUiBaseText;
472
470
  }
473
471
 
474
- .sapMBtnIcon {
472
+ .sapUiIcon {
475
473
  color: @sapUiBaseText !important;
476
474
  }
477
475
  }
@@ -484,7 +482,7 @@
484
482
  }
485
483
 
486
484
  .sapMITBFilterExpandBtn:hover {
487
- .sapMBtnIcon {
485
+ .sapUiIcon {
488
486
  color: @sapUiBaseText;
489
487
  }
490
488
  }
@@ -498,7 +496,7 @@
498
496
  border-color: @sapUiNeutralText;
499
497
  }
500
498
 
501
- .sapMBtnIcon {
499
+ .sapUiIcon {
502
500
  color: @sapUiNeutralText !important;
503
501
  }
504
502
  }
@@ -511,7 +509,7 @@
511
509
  border-color: @sapUiPositiveText;
512
510
  }
513
511
 
514
- .sapMBtnIcon {
512
+ .sapUiIcon {
515
513
  color: @sapUiPositiveText !important;
516
514
  }
517
515
  }
@@ -524,7 +522,7 @@
524
522
  border-color: @sapUiNegativeText;
525
523
  }
526
524
 
527
- .sapMBtnIcon {
525
+ .sapUiIcon {
528
526
  color: @sapUiNegativeText !important;
529
527
  }
530
528
  }
@@ -537,7 +535,7 @@
537
535
  border-color: @sapUiCriticalText;
538
536
  }
539
537
 
540
- .sapMBtnIcon {
538
+ .sapUiIcon {
541
539
  color: @sapUiCriticalText !important;
542
540
  }
543
541
  }
@@ -547,7 +545,7 @@
547
545
  .sapMITBFilterExpandBtnSeparator {
548
546
  border-color: @sapUiNeutralElement;
549
547
  }
550
- .sapMBtnIcon {
548
+ .sapUiIcon {
551
549
  color: @sapUiNeutralElement !important;
552
550
  }
553
551
  }
@@ -556,7 +554,7 @@
556
554
  .sapMITBFilterExpandBtnSeparator {
557
555
  border-color: @sapUiPositiveElement;
558
556
  }
559
- .sapMBtnIcon {
557
+ .sapUiIcon {
560
558
  color: @sapUiPositiveElement !important;
561
559
  }
562
560
  }
@@ -565,7 +563,7 @@
565
563
  .sapMITBFilterExpandBtnSeparator {
566
564
  border-color: @sapUiNegativeElement;
567
565
  }
568
- .sapMBtnIcon {
566
+ .sapUiIcon {
569
567
  color: @sapUiNegativeElement !important;
570
568
  }
571
569
  }
@@ -573,7 +571,7 @@
573
571
  .sapMITBFilterExpandBtnSeparator {
574
572
  border-color: @sapUiCriticalElement;
575
573
  }
576
- .sapMBtnIcon {
574
+ .sapUiIcon {
577
575
  color: @sapUiCriticalElement !important;
578
576
  }
579
577
  }
@@ -13,6 +13,8 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
13
13
  padding: 0 0.5rem;
14
14
  }
15
15
 
16
+ /* Table Toolbar */
17
+ .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
16
18
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
17
19
  padding: 0 0.5rem 0 1rem;
18
20
  }
@@ -79,6 +81,7 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
79
81
 
80
82
  // Styles suporting Table inside ObjectPageSubSection scenario
81
83
  .sapUxAPObjectPageLayout .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
84
+ background: @sapUiGlobalBackgroundColor;
82
85
  padding: 0;
83
86
  }
84
87
 
@@ -6,7 +6,7 @@
6
6
  .sapMCb {
7
7
  height: 2.75rem;
8
8
  padding-left: 2.75rem;
9
- line-height: 2.7rem;
9
+ line-height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMCb:focus {
@@ -4,8 +4,10 @@
4
4
  /* =================================== */
5
5
 
6
6
  .sapMColorPalette .sapMColorPaletteSquare:hover > div,
7
+ .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
7
8
  .sapMColorPalette .sapMColorPaletteSquare,
8
9
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
10
+ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
9
11
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
10
12
  border-radius: 0.25rem;
11
13
  }
@@ -26,7 +28,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
26
28
  border: 0.125rem solid @sapUiButtonLiteBackground;
27
29
  pointer-events: none;
28
30
  }
29
- &:hover {
31
+ &:hover,
32
+ &.sapMColorPaletteSquareSelected {
30
33
  border: 0;
31
34
  > div {
32
35
  border: 0.125rem solid @sapUiContentForegroundBorderColor;
@@ -55,6 +55,8 @@
55
55
  // Filter icon
56
56
  @_sap_m_IconTabBar_FilterIconHeight: 2.75rem;
57
57
  @_sap_m_IconTabBar_FilterIconWidth: 2.75rem;
58
+ @_sap_m_IconTabFilter_Icon_Border_Radius: 0.375rem;
59
+ @_sap_m_IconTabFilter_Icon_Border_Color: @sapUiButtonBorderColor;
58
60
 
59
61
  // Filter text
60
62
  @_sap_m_IconTabBar_FilterTextLineHeight: 0.875rem;
@@ -13,6 +13,8 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
13
13
  padding: 0 0.5rem;
14
14
  }
15
15
 
16
+ /* Table Toolbar */
17
+ .sapMTB-Transparent-CTX.sapMTB.sapMListHdrTBar,
16
18
  .sapMIBar.sapMTB-Info-CTX.sapMTB {
17
19
  padding: 0 0.5rem 0 1rem;
18
20
  }
@@ -6,7 +6,7 @@
6
6
  .sapMCb {
7
7
  height: 2.75rem;
8
8
  padding-left: 2.75rem;
9
- line-height: 2.7rem;
9
+ line-height: 2.75rem;
10
10
  }
11
11
 
12
12
  .sapMCb:focus {
@@ -4,8 +4,10 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMColorPalette .sapMColorPaletteSquare:hover > div,
7
+ .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
7
8
  .sapMColorPalette .sapMColorPaletteSquare,
8
9
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare:hover > div,
10
+ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare.sapMColorPaletteSquareSelected > div,
9
11
  html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
10
12
  border-radius: 0.25rem;
11
13
  }
@@ -26,7 +28,8 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare {
26
28
  border: 0.125rem solid @sapUiButtonLiteBackground;
27
29
  pointer-events: none;
28
30
  }
29
- &:hover {
31
+ &:hover,
32
+ &.sapMColorPaletteSquareSelected {
30
33
  border: 0;
31
34
  > div {
32
35
  border: 0.125rem solid @sapUiContentForegroundBorderColor;