@openui5/themelib_sap_horizon 1.118.0 → 1.119.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 (105) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/AvatarGroup.less +81 -25
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +3 -3
  5. package/src/sap/f/themes/sap_horizon/ShellBar.less +2 -1
  6. package/src/sap/f/themes/sap_horizon/SidePanel.less +7 -0
  7. package/src/sap/f/themes/sap_horizon_dark/AvatarGroup.less +82 -25
  8. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +3 -3
  9. package/src/sap/f/themes/sap_horizon_dark/ShellBar.less +2 -2
  10. package/src/sap/f/themes/sap_horizon_dark/SidePanel.less +7 -0
  11. package/src/sap/f/themes/sap_horizon_hcb/SidePanel.less +10 -0
  12. package/src/sap/f/themes/sap_horizon_hcw/SidePanel.less +10 -0
  13. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  14. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  15. package/src/sap/m/themes/sap_horizon/GenericTile.less +37 -0
  16. package/src/sap/m/themes/sap_horizon/IconTabBar.less +40 -17
  17. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  18. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  19. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +243 -20
  20. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  21. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  22. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  23. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +34 -15
  24. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  25. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  26. package/src/sap/m/themes/sap_horizon/Title.less +19 -6
  27. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  28. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  29. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  30. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +38 -0
  31. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +30 -7
  32. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  33. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  34. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  35. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  36. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  37. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  38. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +34 -15
  39. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  40. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  41. package/src/sap/m/themes/sap_horizon_dark/Title.less +19 -6
  42. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  43. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  44. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  45. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  46. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +0 -1
  47. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  48. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  49. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  50. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +1 -0
  51. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +22 -0
  52. package/src/sap/m/themes/sap_horizon_hcb/Title.less +19 -6
  53. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  54. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  55. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  56. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +0 -1
  57. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  58. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  59. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  60. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +1 -0
  61. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +22 -0
  62. package/src/sap/m/themes/sap_horizon_hcw/Title.less +19 -6
  63. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  64. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +9 -2
  65. package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
  66. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  67. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +9 -2
  68. package/src/sap/tnt/themes/sap_horizon_dark/library.source.less +1 -1
  69. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  70. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +10 -2
  71. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  72. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +10 -2
  73. package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  75. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  76. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  77. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  78. package/src/sap/ui/core/themes/sap_horizon/global.less +8 -8
  79. package/src/sap/ui/core/themes/sap_horizon/library.source.less +4 -0
  80. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  81. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  82. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  83. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  84. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +8 -8
  85. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +4 -0
  86. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  87. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  88. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  89. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  90. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -8
  91. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  92. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  93. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  94. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  95. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -8
  96. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  97. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  98. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  99. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  100. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  101. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +0 -2
  102. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  103. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
  104. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +4 -3
  105. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +4 -3
@@ -6,6 +6,8 @@
6
6
  /* hover and down on toggled button */
7
7
  .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
8
8
  .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
9
+ box-shadow: none;
10
+
9
11
  &.sapMBtnReject {
10
12
  background-color: @sapUiButtonRejectSelectedHoverBackground;
11
13
  border-color: @sapUiButtonRejectSelectedHoverBorderColor;
@@ -68,25 +70,6 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
68
70
  color: @sapUiButtonSelectedTextColor;
69
71
  }
70
72
 
71
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive) {
72
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
73
- }
74
-
75
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnEmphasized {
76
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
77
- }
78
-
79
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAccept {
80
- box-shadow: 0 0 0.125rem 0 fade(@sapPositiveColor, 72);
81
- }
82
-
83
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnReject {
84
- box-shadow: 0 0 0.125rem 0 fade(@sapNegativeColor, 72);
85
- }
86
-
87
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnActive).sapMBtnAttention {
88
- box-shadow: 0 0 0.125rem 0 fade(@sapCriticalColor, 72);
89
- }
90
73
 
91
74
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
92
75
  border-color: @sapUiContentFocusColor;
@@ -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;
@@ -185,6 +185,10 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnNeutral.sapMFocusable:not(.sapMBadgeIn
185
185
  border-color: @sapUiButtonLiteBorderColor;
186
186
  }
187
187
 
188
+ .sapMBtn .sapMBtnNeutral.sapMBtnInner {
189
+ text-shadow: @sapUiContentTextShadow;
190
+ }
191
+
188
192
  /* ---------------------------------------------------------------------*/
189
193
  /* Disabled, hover and active states: */
190
194
  /* ---------------------------------------------------------------------*/
@@ -285,31 +289,6 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
285
289
  color: @sapUiButtonLiteTextColor;
286
290
  }
287
291
 
288
- // box shadow on hover
289
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive) {
290
- box-shadow: @sapContent_Interaction_Shadow;
291
- }
292
-
293
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnEmphasized,
294
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnSuccess,
295
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNegative,
296
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnNeutral,
297
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnCritical {
298
- box-shadow: none;
299
- }
300
-
301
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAccept {
302
- box-shadow: @sapContent_Positive_Shadow;
303
- }
304
-
305
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnReject {
306
- box-shadow: @sapContent_Negative_Shadow;
307
- }
308
-
309
- .sapMBtn:not(.sapMBtnDisabled):hover .sapMBtnInner:not(.sapMBtnActive).sapMBtnAttention {
310
- box-shadow: @sapContent_Critical_Shadow;
311
- }
312
-
313
292
  /* ----------------------*/
314
293
  /* Badges */
315
294
  /* ----------------------*/
@@ -320,4 +299,12 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
320
299
  color: @sapContent_BadgeTextColor;
321
300
  font-size: @sapFontSmallSize;
322
301
  text-align: center;
302
+ }
303
+
304
+ .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
305
+ .sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
306
+
307
+ bdi {
308
+ color: @sapUiButtonLiteHoverTextColor;
309
+ }
323
310
  }
@@ -14,6 +14,44 @@
14
14
  color: @sapUiContentContrastTextColor;
15
15
  }
16
16
 
17
+ .sapMGTTInfoContainer {
18
+ height: 2.5rem;
19
+ }
20
+
21
+ .tileWithAppInfo{
22
+ .sapMGTTInfo{
23
+ padding: 0.125rem 1rem 0.125rem 0.25rem;
24
+ text-transform: uppercase;
25
+ margin-bottom: 0.7rem;
26
+ border-radius: 0.125rem 0 0 0.125rem;
27
+ background-color: @sapInfobar_NonInteractive_Background;
28
+ width: fit-content;
29
+ .sapMText{
30
+ font-size: @sapMFontSmallSize ;
31
+ text-align: right !important;
32
+ }
33
+ .sapMGTSystemInfoText{
34
+ display: flex;
35
+ justify-content: flex-end;
36
+ .sapMText {
37
+ color: @sapUiTileTitleTextColor;
38
+ padding-left: 0.15rem;
39
+ }
40
+ }
41
+ .sapMGTAppAndSystemInfoDivider{
42
+ height: 0.25rem;
43
+ }
44
+ .sapMGTAppShortcutText {
45
+ display: flex;
46
+ justify-content: flex-end;
47
+ .sapMText {
48
+ color: @sapUiTileTextColor;
49
+ }
50
+ }
51
+
52
+ }
53
+ }
54
+
17
55
  .sapMGT.sapMGTScopeActions.sapMGTBackgroundImage, .sapMGT.sapMGTScopeSingleActions.sapMGTBackgroundImage {
18
56
  .sapMGTContent {
19
57
  &:before {
@@ -227,7 +227,7 @@
227
227
  border: 1px solid @sapButton_BorderColor;
228
228
 
229
229
  .sapMITHShowSubItemsIcon {
230
- color: @sapButton_TextColor;
230
+ color: @sapUiBaseText;
231
231
  }
232
232
  }
233
233
  }
@@ -235,8 +235,8 @@
235
235
  .sapMITHEndOverflow:hover,
236
236
  .sapMITHStartOverflow:hover {
237
237
  .sapMITBItem {
238
- background: @sapButton_Background;
239
- border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
238
+ background: @sapButton_Hover_Background;
239
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
240
240
  }
241
241
  }
242
242
 
@@ -249,7 +249,7 @@
249
249
 
250
250
  //Arrow button
251
251
  .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
252
- color: @sapButton_TextColor;
252
+ color: @sapUiBaseText;
253
253
  }
254
254
  }
255
255
 
@@ -386,7 +386,7 @@
386
386
  border-color: @sapContent_Selected_ForegroundColor;
387
387
  }
388
388
  .sapMBtnIcon {
389
- color: @_sap_m_IconTabBar_SelectedTextColor;
389
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
390
390
  }
391
391
  }
392
392
 
@@ -466,6 +466,28 @@
466
466
  .sapMITBFilterDefault {
467
467
  border-color: @sapUiContentSelectedForegroundColor;
468
468
  color: @sapUiContentSelectedForegroundColor;
469
+
470
+ .sapMITBFilterExpandBtnSeparator {
471
+ border-color: @sapUiBaseText;
472
+ }
473
+
474
+ .sapMBtnIcon {
475
+ color: @sapUiBaseText !important;
476
+ }
477
+ }
478
+
479
+ .sapMITBFilterDefault {
480
+ .sapMITBFilterWrapper:hover {
481
+ .sapMITBText {
482
+ color: @sapUiContentSelectedForegroundColor;
483
+ }
484
+ }
485
+
486
+ .sapMITBFilterExpandBtn:hover {
487
+ .sapMBtnIcon {
488
+ color: @sapUiBaseText;
489
+ }
490
+ }
469
491
  }
470
492
 
471
493
  .sapMITBFilterNeutral {
@@ -732,10 +754,11 @@ html.sap-desktop {
732
754
  .sapMITBItem {
733
755
  &:active{
734
756
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
757
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
735
758
  }
736
759
  &:active::after {
737
- // when overflow is pressed, make the focus white
738
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
760
+ // when overflow is pressed, hide the focus
761
+ border-color: transparent;
739
762
  }
740
763
  }
741
764
  }
@@ -75,10 +75,14 @@
75
75
  opacity: @sapUiContentDisabledOpacity;
76
76
  }
77
77
 
78
- .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper {
78
+ .sapMFocus.sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseDisabledWrapper) {
79
79
  background-color: @sapField_Focus_Background;
80
80
  outline: none;
81
81
 
82
+ &::before {
83
+ border-color: @sapUiFieldActiveBorderColor;
84
+ }
85
+
82
86
  &.sapMInputBaseReadonlyWrapper {
83
87
  background: @sapField_ReadOnly_Background;
84
88
  }
@@ -11,9 +11,7 @@
11
11
  background-color: @sapInformationBackground;
12
12
  border-color: @sapUiMessageInformationBorderColor;
13
13
 
14
- .sapMBtnTransparent,
15
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
16
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
14
+ .sapMBtnTransparent {
17
15
  background-color: @sapInformationBackground;
18
16
  border-color: @sapInformationBackground;
19
17
  }
@@ -26,9 +24,7 @@
26
24
  .sapMMsgStripError {
27
25
  border-color: @sapUiMessageErrorBorderColor;
28
26
 
29
- .sapMBtnTransparent,
30
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
31
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
27
+ .sapMBtnTransparent {
32
28
  background-color: @sapErrorBackground;
33
29
  border-color: @sapErrorBackground;
34
30
  }
@@ -37,9 +33,7 @@
37
33
  .sapMMsgStripSuccess {
38
34
  border-color: @sapUiMessageSuccessBorderColor;
39
35
 
40
- .sapMBtnTransparent,
41
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
42
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
36
+ .sapMBtnTransparent {
43
37
  background-color: @sapSuccessBackground;
44
38
  border-color: @sapSuccessBackground;
45
39
  }
@@ -48,9 +42,7 @@
48
42
  .sapMMsgStripWarning {
49
43
  border-color: @sapUiMessageWarningBorderColor;
50
44
 
51
- .sapMBtnTransparent,
52
- .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
53
- .sapMIBar-CTX .sapMBtn:hover>.sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
45
+ .sapMBtnTransparent {
54
46
  background-color: @sapWarningBackground;
55
47
  border-color: @sapWarningBackground;
56
48
  }
@@ -11,7 +11,6 @@
11
11
  .sapMObjStatusText,
12
12
  .sapMObjStatusIcon {
13
13
  min-height: 1rem;
14
- text-shadow: @sapUiContentContrastTextShadow;
15
14
  height: 100%;
16
15
  }
17
16
  }
@@ -43,45 +42,51 @@
43
42
  }
44
43
 
45
44
  .sapMObjStatusInverted {
45
+ box-sizing: border-box;
46
+ min-width: 1.375rem;
46
47
  & .sapMObjStatusText,
47
48
  & .sapMObjStatusIcon.sapMObjStatusIconOnly,
48
49
  & .sapMObjStatusIcon .sapMObjStatusIconOnly,
49
50
  & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
50
51
  & .sapMObjStatusLink .sapMObjStatusText {
51
- border-radius: 0.25rem;
52
+ border-radius: @sapUiButtonBorderCornerRadius;
52
53
  }
53
54
  & .sapMObjStatusIcon {
54
- border-radius: 0.25rem 0 0 0.25rem;
55
+ border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
55
56
  }
56
57
  & .sapMObjStatusIcon + .sapMObjStatusText {
57
- border-radius: 0 0.25rem 0.25rem 0;
58
+ border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
58
59
  }
59
60
  }
60
61
 
61
62
  .sapMObjStatusInverted .sapMObjStatusText,
62
63
  .sapMObjStatusInverted .sapMObjStatusIcon {
63
64
  color: @sapUiContentContrastTextColor;
65
+ border: 0.0625rem solid;
64
66
  }
65
67
 
66
- .sapMObjStatusInverted .sapMObjStatusText,
67
- .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly {
68
- padding: 0.0625rem 0.25rem;
68
+ .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
69
+ .sapMObjStatusInverted .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly {
70
+ padding: 0.1875rem 0.313rem;
71
+ }
72
+
73
+ .sapMObjStatusInverted .sapMObjStatusText {
74
+ padding: 0.1875rem 0.25rem;
69
75
  }
70
76
 
71
77
  .sapMObjStatusInverted .sapMObjStatusIcon {
72
- padding: 0.0625rem 0 0.0625rem 0.25rem;
78
+ padding: 0.1875rem 0 0.1875rem 0.25rem;
73
79
  vertical-align: middle;
74
80
  }
75
81
 
76
82
  html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
77
83
  .sapMObjStatusText {
78
84
  text-decoration: underline;
79
- text-shadow: @sapUiContentTextShadow;
80
85
  }
81
86
  &:focus {
82
87
  .sapMObjStatusLink::after {
83
88
  outline: none;
84
- border-radius: 0.125rem;
89
+ border-radius: @sapUiButtonBorderCornerRadius;
85
90
  content: "";
86
91
  position: absolute;
87
92
  box-sizing: border-box;
@@ -95,11 +100,10 @@ html.sap-desktop .sapMObjStatusActive:not(.sapMObjStatusInverted) {
95
100
  }
96
101
  .sapMObjStatusLink {
97
102
  background: @sapUiContentFocusColor;
98
- border-radius: 0.125rem;
103
+ border-radius: @sapUiButtonBorderCornerRadius;
99
104
  .sapMObjStatusIcon > .sapUiIcon,
100
105
  .sapMObjStatusText {
101
106
  color: @sapUiContentContrastTextColor;
102
- text-shadow: @sapUiContentContrastTextShadow;
103
107
  }
104
108
  .sapMObjStatusText {
105
109
  text-decoration: underline;
@@ -144,7 +148,7 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
144
148
  pointer-events: none;
145
149
  z-index: 1;
146
150
  box-shadow: inset 0 0 0 0.125em @sapUiContentFocusColor, inset 0 0 0 0.1875em @sapUiContentContrastFocusColor;
147
- border-radius: 0.25rem;
151
+ border-radius: @sapUiButtonBorderCornerRadius;
148
152
  height: 100%;
149
153
  }
150
154
  }
@@ -153,15 +157,234 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
153
157
  }
154
158
  }
155
159
 
156
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
157
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon,
158
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
159
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon ,
160
+ .sapMObjStatus.sapMObjStatusInverted,
161
+ .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusActive {
162
+ .sapMObjStatusIcon:not(.sapMObjStatusIconOnly){
163
+ border-right: none;
164
+ &:hover:active{
165
+ border-right: none;
166
+ }
167
+ }
168
+ .sapMObjStatusIcon + .sapMObjStatusText {
169
+ border-left: none;
170
+ }
171
+ }
172
+
173
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
174
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
175
+ background-color: @sapUiButtonNegativeBackground;
176
+ color: @sapUiButtonNegativeTextColor;
177
+ border-color: @sapUiButtonNegativeBorderColor;
178
+ }
179
+
180
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
181
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
182
+ background-color: @sapUiButtonCriticalBackground;
183
+ color: @sapUiButtonCriticalTextColor;
184
+ border-color: @sapUiButtonCriticalBorderColor;
185
+ }
186
+
187
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
188
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
189
+ background-color: @sapUiButtonSuccessBackground;
190
+ color: @sapUiButtonSuccessTextColor;
191
+ border-color: @sapUiButtonSuccessBorderColor;
192
+ }
193
+
194
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
195
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
196
+ text-shadow: @sapUiContentTextShadow;
197
+ background-color: @sapUiButtonInformationBackground;
198
+ color: @sapUiButtonInformationTextColor;
199
+ border-color: @sapUiButtonInformationBorderColor;
200
+ }
201
+
202
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
203
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
204
+ text-shadow: @sapUiContentTextShadow;
205
+ background-color: @sapNeutralBackground;
206
+ color: @sapTextColor;
207
+ border-color: @sapNeutralBorderColor;
208
+ }
209
+
210
+
211
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
212
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
213
+ background-color: @sapUiButtonNegativeHoverBackground;
214
+ color: @sapUiButtonNegativeHoverTextColor;
215
+ border-color: @sapUiButtonNegativeHoverBorderColor;
216
+ }
217
+
218
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
219
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
220
+ background-color: @sapUiButtonCriticalHoverBackground;
221
+ color: @sapUiButtonCriticalHoverTextColor;
222
+ border-color: @sapUiButtonCriticalHoverBorderColor;
223
+ }
224
+
225
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
226
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
227
+ background-color: @sapUiButtonSuccessHoverBackground;
228
+ color: @sapUiButtonSuccessHoverTextColor;
229
+ border-color: @sapUiButtonSuccessHoverBorderColor;
230
+ }
231
+
232
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
233
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
234
+ background-color: @sapUiButtonInformationHoverBackground;
235
+ color: @sapUiButtonInformationHoverTextColor;
236
+ border-color: @sapUiButtonInformationHoverBorderColor;
237
+ }
238
+
239
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
240
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
241
+ background-color: @sapUiButtonNeutralHoverBackground;
242
+ color: @sapUiButtonNeutralHoverTextColor;
243
+ border-color: @sapUiButtonNeutralHoverBorderColor;
244
+ }
245
+
160
246
  .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
161
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon,
247
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
248
+ background-color: @sapUiButtonNegativeActiveBackground;
249
+ color: @sapUiButtonRejectSelectedTextColor;
250
+ border-color: @sapUiButtonNegativeActiveBorderColor;
251
+ }
252
+
162
253
  .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
163
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon,
254
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
255
+ background-color: @sapUiButtonCriticalActiveBackground;
256
+ color: @sapUiButtonAttentionSelectedTextColor;
257
+ border-color: @sapUiButtonCriticalActiveBorderColor;
258
+ }
259
+
164
260
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
165
261
  .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
166
- color: @sapUiContentContrastTextColor;
262
+ background-color: @sapUiButtonSuccessActiveBackground;
263
+ color: @sapUiButtonAcceptSelectedTextColor;
264
+ border-color: @sapUiButtonSuccessActiveBorderColor;
265
+ }
266
+
267
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
268
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
269
+ background-color: @sapUiButtonInformationActiveBackground;
270
+ color: @sapUiButtonSelectedTextColor;
271
+ border-color: @sapUiButtonInformationActiveBorderColor;
272
+ }
273
+
274
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
275
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
276
+ background-color: @sapUiButtonNeutralActiveBackground;
277
+ color: @sapUiButtonActiveTextColor;
278
+ border-color: @sapUiButtonNeutralActiveBorderColor;
279
+ }
280
+
281
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
282
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
283
+ background-color: @sapUiIndication1Background;
284
+ border-color: @sapUiIndication1BorderColor;
285
+ color: @sapUiIndication1TextColor;
286
+ }
287
+
288
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
289
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
290
+ background-color: @sapUiIndication2Background;
291
+ border-color: @sapUiIndication2BorderColor;
292
+ color: @sapUiIndication2TextColor;
293
+ }
294
+
295
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
296
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
297
+ background-color: @sapUiIndication3Background;
298
+ border-color: @sapUiIndication3BorderColor;
299
+ color: @sapUiIndication3TextColor;
300
+ }
301
+
302
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
303
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
304
+ background-color: @sapUiIndication4Background;
305
+ border-color: @sapUiIndication4BorderColor;
306
+ color: @sapUiIndication4TextColor;
307
+ }
308
+
309
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
310
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
311
+ background-color: @sapUiIndication5Background;
312
+ border-color: @sapUiIndication5BorderColor;
313
+ color: @sapUiIndication5TextColor;
314
+ }
315
+
316
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
317
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
318
+ background-color: @sapUiIndication6Background;
319
+ border-color: @sapUiIndication6BorderColor;
320
+ color: @sapUiIndication6TextColor;
321
+ }
322
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
323
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
324
+ background-color: @sapUiIndication7Background;
325
+ border-color: @sapUiIndication7BorderColor;
326
+ color: @sapUiIndication7TextColor;
327
+ }
328
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
329
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
330
+ background-color: @sapUiIndication8Background;
331
+ border-color: @sapUiIndication8BorderColor;
332
+ color: @sapUiIndication8TextColor;
333
+ }
334
+
335
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
336
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
337
+ background-color: @sapUiIndication1ActiveBackground;
338
+ border-color: @sapUiIndication1ActiveBorderColor;
339
+ color: @sapUiIndication1ActiveTextColor;
340
+
341
+ }
342
+
343
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
344
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
345
+ background-color: @sapUiIndication2ActiveBackground;
346
+ border-color: @sapUiIndication2ActiveBorderColor;
347
+ color: @sapUiIndication2ActiveTextColor;
348
+ }
349
+
350
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
351
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
352
+ background-color: @sapUiIndication3ActiveBackground;
353
+ border-color: @sapUiIndication3ActiveBorderColor;
354
+ color: @sapUiIndication3ActiveTextColor;
355
+ }
356
+
357
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
358
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
359
+ background-color: @sapUiIndication4ActiveBackground;
360
+ border-color: @sapUiIndication4ActiveBorderColor;
361
+ color: @sapUiIndication4ActiveTextColor;
362
+ }
363
+
364
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
365
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
366
+ background-color: @sapUiIndication5ActiveBackground;
367
+ border-color: @sapUiIndication5ActiveBorderColor;
368
+ color: @sapUiIndication5ActiveTextColor;
369
+ }
370
+
371
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
372
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
373
+ background-color: @sapUiIndication6ActiveBackground;
374
+ border-color: @sapUiIndication6ActiveBorderColor;
375
+ color: @sapUiIndication6ActiveTextColor;
376
+ }
377
+
378
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
379
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
380
+ background-color: @sapUiIndication7ActiveBackground;
381
+ border-color: @sapUiIndication7ActiveBorderColor;
382
+ color: @sapUiIndication7ActiveTextColor;
383
+ }
384
+
385
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
386
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
387
+ background-color: @sapUiIndication8ActiveBackground;
388
+ border-color: @sapUiIndication8ActiveBorderColor;
389
+ color: @sapUiIndication8ActiveTextColor;
167
390
  }
@@ -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