@openui5/themelib_sap_horizon 1.117.1 → 1.119.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) 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 +42 -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/Panel.less +16 -4
  22. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -1
  23. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  24. package/src/sap/m/themes/sap_horizon/RangeSlider.less +5 -5
  25. package/src/sap/m/themes/sap_horizon/RatingIndicator.less +0 -4
  26. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  27. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +34 -15
  28. package/src/sap/m/themes/sap_horizon/Select.less +4 -2
  29. package/src/sap/m/themes/sap_horizon/SinglePlanningCalendarMonthGrid.less +1 -1
  30. package/src/sap/m/themes/sap_horizon/Slider.less +1 -1
  31. package/src/sap/m/themes/sap_horizon/Table.less +1 -4
  32. package/src/sap/m/themes/sap_horizon/TextArea.less +4 -0
  33. package/src/sap/m/themes/sap_horizon/Title.less +19 -6
  34. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  35. package/src/sap/m/themes/sap_horizon/Toolbar.less +9 -0
  36. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  37. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  38. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +38 -0
  39. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +32 -7
  40. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  41. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  42. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  43. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  44. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +243 -20
  45. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  46. package/src/sap/m/themes/sap_horizon_dark/Panel.less +14 -2
  47. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +4 -0
  48. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  49. package/src/sap/m/themes/sap_horizon_dark/RangeSlider.less +27 -5
  50. package/src/sap/m/themes/sap_horizon_dark/RatingIndicator.less +8 -23
  51. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  52. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +34 -15
  53. package/src/sap/m/themes/sap_horizon_dark/Select.less +4 -1
  54. package/src/sap/m/themes/sap_horizon_dark/Slider.less +4 -3
  55. package/src/sap/m/themes/sap_horizon_dark/Table.less +1 -0
  56. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  57. package/src/sap/m/themes/sap_horizon_dark/TextArea.less +4 -0
  58. package/src/sap/m/themes/sap_horizon_dark/Title.less +19 -6
  59. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  60. package/src/sap/m/themes/sap_horizon_dark/Toolbar.less +9 -0
  61. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  62. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  63. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  65. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +3 -2
  66. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +0 -1
  67. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  68. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +124 -13
  69. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  70. package/src/sap/m/themes/sap_horizon_hcb/Panel.less +0 -4
  71. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +4 -0
  72. package/src/sap/m/themes/sap_horizon_hcb/RatingIndicator.less +23 -31
  73. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  74. package/src/sap/m/themes/sap_horizon_hcb/SelectList.less +2 -0
  75. package/src/sap/m/themes/sap_horizon_hcb/TextArea.less +22 -0
  76. package/src/sap/m/themes/sap_horizon_hcb/Title.less +19 -6
  77. package/src/sap/m/themes/sap_horizon_hcb/Toolbar.less +9 -0
  78. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +2 -0
  79. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  80. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  81. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  82. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +3 -1
  83. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +0 -1
  84. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  85. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +124 -13
  86. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  87. package/src/sap/m/themes/sap_horizon_hcw/Panel.less +0 -4
  88. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +4 -0
  89. package/src/sap/m/themes/sap_horizon_hcw/RatingIndicator.less +23 -31
  90. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  91. package/src/sap/m/themes/sap_horizon_hcw/SelectList.less +2 -0
  92. package/src/sap/m/themes/sap_horizon_hcw/TextArea.less +22 -0
  93. package/src/sap/m/themes/sap_horizon_hcw/Title.less +19 -6
  94. package/src/sap/m/themes/sap_horizon_hcw/Toolbar.less +9 -0
  95. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +2 -0
  96. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  97. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +11 -3
  98. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  99. package/src/sap/tnt/themes/sap_horizon/library.source.less +1 -1
  100. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  101. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +11 -3
  102. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  103. package/src/sap/tnt/themes/sap_horizon_dark/library.source.less +1 -1
  104. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  105. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +19 -6
  106. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  107. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  108. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +19 -6
  109. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  110. package/src/sap/tnt/themes/sap_horizon_hcw/library.source.less +1 -1
  111. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  112. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  113. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  114. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  115. package/src/sap/ui/core/themes/sap_horizon/global.less +8 -8
  116. package/src/sap/ui/core/themes/sap_horizon/library.source.less +4 -0
  117. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  118. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  119. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  120. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  121. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +8 -8
  122. package/src/sap/ui/core/themes/sap_horizon_dark/library.source.less +4 -0
  123. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  124. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  125. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.ttf +0 -0
  126. package/src/sap/ui/core/themes/sap_horizon_hcb/fonts/SAP-icons.woff2 +0 -0
  127. package/src/sap/ui/core/themes/sap_horizon_hcb/global.less +8 -8
  128. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  129. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  130. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.ttf +0 -0
  131. package/src/sap/ui/core/themes/sap_horizon_hcw/fonts/SAP-icons.woff2 +0 -0
  132. package/src/sap/ui/core/themes/sap_horizon_hcw/global.less +8 -8
  133. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  134. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  135. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  136. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  137. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  138. package/src/sap/ui/rta/themes/sap_horizon/Toolbar.adaptation.less +0 -2
  139. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  140. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
  141. package/src/sap/uxap/themes/sap_horizon/HierarchicalSelect.less +4 -3
  142. package/src/sap/uxap/themes/sap_horizon_dark/HierarchicalSelect.less +4 -3
@@ -8,7 +8,6 @@
8
8
  // ==========================================================================
9
9
 
10
10
  @_sap_m_SearchField_Height: 2.75rem;
11
- @_sap_m_SearchField_FormHeight: @sapUiElementHeight;
12
11
  @_sap_m_SearchField_ButtonSize: 2.25rem;
13
12
  @_sap_m_SearchField_ButtonFontSize: 1rem;
14
13
  @_sap_m_SearchField_CompactButtonLineHeight: 1.625rem;
@@ -33,7 +32,7 @@
33
32
  height: ~"calc(100% - 1px)";
34
33
 
35
34
  border-radius: @sapUiFieldBorderCornerRadius;
36
- color: @sapUiButtonTextColor;
35
+ color: @sapUiFieldTextColor;
37
36
 
38
37
  &:first-of-type {
39
38
  margin-left: 0.25rem;
@@ -44,14 +43,14 @@
44
43
  }
45
44
 
46
45
  &:hover {
47
- box-shadow: @sapUiContentInteractionShadow;
48
- background-color: @sapUiButtonLiteHoverBackground;
46
+ box-shadow: @sapUiFieldHoverShadow;
47
+ background-color: @sapUiFieldHoverBackground;
49
48
  }
50
49
 
51
50
  &:active,
52
51
  &.sapMSFBA // Firefox specific
53
52
  {
54
- box-shadow: @sapUiContentInteractionShadow;
53
+ box-shadow: @sapUiFieldHoverShadow;
55
54
  color: @sapUiButtonSelectedTextColor;
56
55
  background-color: @sapUiButtonLiteActiveBackground;
57
56
  }
@@ -69,4 +68,8 @@
69
68
  &:hover .sapMSFF {
70
69
  box-shadow: none;
71
70
  }
71
+
72
+ .sapMSFB:hover {
73
+ color: @sapUiButtonSelectedTextColor;
74
+ }
72
75
  }
@@ -18,11 +18,13 @@
18
18
  text-align: center;
19
19
  text-shadow: none;
20
20
  color: @sapUiButtonTextColor;
21
- border-top: 1px solid @sapUiButtonBorderColor;
22
- border-left: 1px solid @sapUiButtonBorderColor;
23
- border-bottom: 1px solid @sapUiButtonBorderColor;
21
+ border-top: 1px solid transparent;
22
+ border-left: 1px solid transparent;
23
+ border-bottom: 1px solid transparent;
24
24
  border-right: 1px solid transparent;
25
25
  background-color: @sapUiButtonBackground;
26
+ margin-left: 1px;
27
+ margin-right: 1px;
26
28
  }
27
29
  &:not(.sapMSegBBtnMixed) .sapMImg {
28
30
  padding-left: 0.5625rem;
@@ -31,35 +33,52 @@
31
33
  }
32
34
  }
33
35
 
36
+ .sapMSegB .sapMSegBBtn .sapMSegBBtnInnerWrapper {
37
+ border-top: 1px solid @sapUiButtonBorderColor;
38
+ border-bottom: 1px solid @sapUiButtonBorderColor;
39
+ background-color: @sapUiButtonBackground;
40
+ }
41
+
34
42
  .sapMSegB .sapMSegBBtn {
35
43
  position: relative;
36
44
  }
37
45
 
38
- .sapMSegBBtn:first-child .sapMSegBBtnInner,
46
+ .sapMSegBBtn:first-child .sapMSegBBtnInner {
47
+ border-top-left-radius: @sapUiButtonBorderCornerRadius;
48
+ border-bottom-left-radius: @sapUiButtonBorderCornerRadius;
49
+ margin-left: 0;
50
+ }
51
+
39
52
  .sapMSegBBtn:first-child .sapMSegBBtnInnerWrapper {
40
53
  border-top-left-radius: @sapUiButtonBorderCornerRadius;
41
54
  border-bottom-left-radius: @sapUiButtonBorderCornerRadius;
55
+ border-left: 1px solid @sapUiButtonBorderColor;
42
56
  }
43
57
 
44
- .sapMSegBBtn:last-child .sapMSegBBtnInner,
45
58
  .sapMSegBBtn:last-child .sapMSegBBtnInnerWrapper {
46
59
  border-top-right-radius: @sapUiButtonBorderCornerRadius;
47
60
  border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
61
+ border-right: 1px solid @sapUiButtonBorderColor;
62
+ }
63
+
64
+ .sapMSegBBtn:last-child .sapMSegBBtnInner{
65
+ border-top-right-radius: @sapUiButtonBorderCornerRadius;
66
+ border-bottom-right-radius: @sapUiButtonBorderCornerRadius;
67
+ margin-right: 0;
48
68
  }
49
69
 
50
70
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
51
71
  background: @sapUiButtonHoverBackground;
52
72
  border-radius: 0.5rem;
53
- box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
54
- border-color: transparent;
73
+ border-color: @sapUiButtonHoverBorderColor;
55
74
  }
56
75
 
57
76
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
58
- border-color: inherit;
77
+ border-color: @sapUiButtonBorderColor;
59
78
  }
60
79
 
61
80
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
62
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
81
+ border-color: @sapUiButtonHoverBorderColor;
63
82
  }
64
83
 
65
84
  /* Custom focus outline: */
@@ -68,18 +87,18 @@ html.sap-desktop {
68
87
  content: "";
69
88
  position: absolute;
70
89
  box-sizing: border-box;
71
- left: 0.125rem;
72
- top: 0.375rem;
73
- right: 0.125rem;
74
- bottom: 0.375rem;
90
+ left: 0.2rem;
91
+ top: 0.45rem;
92
+ right: 0.2rem;
93
+ bottom: 0.45rem;
75
94
  pointer-events: none;
76
95
  border: 0.125rem solid @sapUiContentFocusColor;
77
96
  border-radius: 0.375rem;
78
97
  }
79
98
  .sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after,
80
99
  &.sapUiSizeCompact .sapMSegBBtnFocusable:focus .sapMSegBBtnInner:after {
81
- top: 0.325rem;
82
- bottom: 0.325rem;
100
+ top: 0.4rem;
101
+ bottom: 0.4rem;
83
102
  }
84
103
  }
85
104
 
@@ -164,18 +164,20 @@ div.sapMSltPicker .sapMSltPickerValueState {
164
164
  .sapMSltArrow {
165
165
  width: 2.25rem;
166
166
  height: 2.25rem;
167
+
168
+ &:hover {
169
+ box-shadow: @sapUiFieldHoverShadow;
170
+ }
167
171
  }
168
172
 
169
173
  .sapUiSizeCompact .sapMSltArrow {
170
174
  width: 2rem;
171
175
  height: 1.625rem;
172
-
173
176
  }
174
177
 
175
178
  .sapMSltPressed >.sapMSltArrow,
176
179
  .sapMSlt:hover > .sapMSltArrow {
177
180
  background-color: @sapUiButtonActiveBackground;
178
- box-shadow: @sapUiFieldHoverShadow;
179
181
  overflow: none;
180
182
  border-radius: 0.125rem;
181
183
  }
@@ -38,7 +38,7 @@ html.sap-desktop .sapMSPCMonthDay:not(.sapMSPCMonthDayToday):focus::after {
38
38
  html.sap-desktop .sapMSPCMonthDay.sapMSPCMonthDayToday:focus .sapMSPCMonthNowMarker::after {
39
39
  border: none;
40
40
  outline: 0.125rem solid @sapUiContentFocusColor;
41
- outline-offset: -0.25rem;
41
+ outline-offset: -0.3125rem;
42
42
  }
43
43
 
44
44
  .specialDateIndicator {
@@ -54,7 +54,7 @@
54
54
 
55
55
  .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
56
56
  background: @sapUiSliderActiveHandleBackground;
57
- border: 0.125rem solid #0070F2;
57
+ border: 0.125rem solid @sapUiSliderActiveHandleBorderColor;
58
58
  outline: none;
59
59
  box-shadow: none;
60
60
  top: -0.625rem;
@@ -4,6 +4,7 @@
4
4
  /* ============================ */
5
5
 
6
6
  @_sap_m_Table_SelNavColWidth: 2.75rem;
7
+ @_sap_m_Table_CustomFocusMargin: 0px;
7
8
 
8
9
  .sapMListBGTransparent .sapMListTblHeader,
9
10
  .sapMListBGTransparent .sapMListTblFooter {
@@ -25,10 +26,6 @@
25
26
  border-top-color: transparent;
26
27
  }
27
28
 
28
- .sapMTableRowCustomFocus:focus > :not(.sapMListTblDummyCell:last-child)::before {
29
- margin-right: 0; // Avoid gaps in the focus viszualization between the cells
30
- }
31
-
32
29
  .sapMListTblDummyCell:last-child {
33
30
  background-color: @sapUiListBackground;
34
31
  border-left-color: @sapUiListTableFixedBorderColor;
@@ -13,6 +13,10 @@
13
13
  @_sapMTextAreaValueStateInformationPadding_Compact: 0.1875rem 0.5rem 0.125rem;
14
14
  @_sapMTextAreaValueStateErrorWarningPadding: 0.5rem 0.625rem 0.4375rem;
15
15
  @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.1875rem 0.5rem 0.125rem;
16
+ @_sapMTextAreaContentWrapperPadding: 0 0 1px 0;
17
+ @_sapMTextAreaContentWrapperValueStateSuccessPadding: 0 0 1px 0;
18
+ @_sapMTextAreaContentWrapperValueStateInformationPadding: 0 0 2px 0;
19
+ @_sapMTextAreaContentWrapperValueStateErrorWarningPadding: 0 0 2px 0;
16
20
 
17
21
  .sapMInputBase.sapMTextArea {
18
22
  min-height: 2.25rem;
@@ -3,10 +3,23 @@
3
3
  /* Horizon theme */
4
4
  /* ======================================== */
5
5
 
6
- .sapFFCL .sapFDynamicPage-Std-Desktop-XL .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
7
- .sapFFCL .sapFDynamicPage-Std-Desktop .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
8
- .sapFFCL .sapFDynamicPage-Std-Tablet .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle),
9
- .sapFFCL .sapFDynamicPage-Std-Phone .sapFDynamicPageTitleMain .sapFDynamicPageTitleMainInner .sapFDynamicPageTitleMainHeading .sapFDynamicPageTitleMainHeadingInner .sapMTitle:not(.sapUICompVarMngmtTitle) {
10
- font-size: @sapObjectHeader_Title_SnappedFontSize;
11
- font-family: @sapFontBlackFamily;
6
+ .sapFFCL {
7
+
8
+ .sapFDynamicPage-Std-Desktop-XL,
9
+ .sapFDynamicPage-Std-Desktop,
10
+ .sapFDynamicPage-Std-Tablet,
11
+ .sapFDynamicPage-Std-Phone {
12
+ .sapFDynamicPageTitleMain {
13
+ .sapFDynamicPageTitleMainInner {
14
+ .sapFDynamicPageTitleMainHeading {
15
+ .sapFDynamicPageTitleMainHeadingInner {
16
+ .sapMTitle:not(.sapUICompVarMngmtTitle) {
17
+ font-size: @sapObjectHeader_Title_SnappedFontSize;
18
+ font-family: @sapObjectHeader_Title_FontFamily;
19
+ }
20
+ }
21
+ }
22
+ }
23
+ }
24
+ }
12
25
  }
@@ -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;
@@ -80,4 +80,13 @@ html.sap-desktop .sapMTBActive.sapMTBFocused {
80
80
 
81
81
  .sapMTB .sapMTBSeparator {
82
82
  background: @sapUiToolbarSeparatorColor;
83
+ }
84
+
85
+ // Styles suporting Table inside ObjectPageSubSection scenario
86
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB {
87
+ padding: 0;
88
+ }
89
+
90
+ .sapUiTableOnObjectPageAdjustmentsForSection .sapMIBar.sapMTB .sapMBarChild {
91
+ margin: 0;
83
92
  }
@@ -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 {
@@ -61,6 +61,8 @@
61
61
  // Separator
62
62
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
63
63
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
64
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
64
66
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
65
67
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
66
68
 
@@ -225,7 +227,7 @@
225
227
  border: 1px solid @sapButton_BorderColor;
226
228
 
227
229
  .sapMITHShowSubItemsIcon {
228
- color: @sapButton_TextColor;
230
+ color: @sapUiBaseText;
229
231
  }
230
232
  }
231
233
  }
@@ -233,8 +235,8 @@
233
235
  .sapMITHEndOverflow:hover,
234
236
  .sapMITHStartOverflow:hover {
235
237
  .sapMITBItem {
236
- background: @sapButton_Background;
237
- border: 1px solid @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
238
+ background: @sapButton_Hover_Background;
239
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorHover;
238
240
  }
239
241
  }
240
242
 
@@ -247,7 +249,7 @@
247
249
 
248
250
  //Arrow button
249
251
  .sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapMBtnIcon {
250
- color: @sapButton_TextColor;
252
+ color: @sapUiBaseText;
251
253
  }
252
254
  }
253
255
 
@@ -384,7 +386,7 @@
384
386
  border-color: @sapContent_Selected_ForegroundColor;
385
387
  }
386
388
  .sapMBtnIcon {
387
- color: @_sap_m_IconTabBar_SelectedTextColor;
389
+ color: @_sap_m_IconTabBar_SelectedTextColor !important;
388
390
  }
389
391
  }
390
392
 
@@ -464,6 +466,28 @@
464
466
  .sapMITBFilterDefault {
465
467
  border-color: @sapUiContentSelectedForegroundColor;
466
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
+ }
467
491
  }
468
492
 
469
493
  .sapMITBFilterNeutral {
@@ -730,10 +754,11 @@ html.sap-desktop {
730
754
  .sapMITBItem {
731
755
  &:active{
732
756
  background-color: @_sap_m_IconTabBar_Overflow_BackgroundColorPressed;
757
+ border: 1px solid @_sap_m_IconTabBar_Overflow_BorderColorPressed;
733
758
  }
734
759
  &:active::after {
735
- // when overflow is pressed, make the focus white
736
- border-color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
760
+ // when overflow is pressed, hide the focus
761
+ border-color: transparent;
737
762
  }
738
763
  }
739
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
  }
@@ -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
  }
@@ -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
  }
@@ -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
+ }