@openui5/themelib_sap_horizon 1.108.18 → 1.108.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_horizon/BusyIndicator.less +2 -2
  4. package/src/sap/m/themes/sap_horizon/Button.less +13 -26
  5. package/src/sap/m/themes/sap_horizon/IconTabBar.less +257 -70
  6. package/src/sap/m/themes/sap_horizon/InputBase.less +5 -1
  7. package/src/sap/m/themes/sap_horizon/Label.less +6 -0
  8. package/src/sap/m/themes/sap_horizon/MessageStrip.less +4 -12
  9. package/src/sap/m/themes/sap_horizon/MessageToast.less +9 -0
  10. package/src/sap/m/themes/sap_horizon/Page.less +2 -1
  11. package/src/sap/m/themes/sap_horizon/RadioButton.less +0 -21
  12. package/src/sap/m/themes/sap_horizon/SearchField.less +8 -5
  13. package/src/sap/m/themes/sap_horizon/SegmentedButton.less +2 -3
  14. package/src/sap/m/themes/sap_horizon/Table.less +4 -0
  15. package/src/sap/m/themes/sap_horizon/Text.less +6 -0
  16. package/src/sap/m/themes/sap_horizon/ToggleButton.less +2 -19
  17. package/src/sap/m/themes/sap_horizon/library.source.less +1 -0
  18. package/src/sap/m/themes/sap_horizon_dark/BusyIndicator.less +2 -2
  19. package/src/sap/m/themes/sap_horizon_dark/Button.less +13 -26
  20. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +228 -39
  21. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +5 -1
  22. package/src/sap/m/themes/sap_horizon_dark/Label.less +6 -0
  23. package/src/sap/m/themes/sap_horizon_dark/MessageStrip.less +4 -12
  24. package/src/sap/m/themes/sap_horizon_dark/MessageToast.less +8 -0
  25. package/src/sap/m/themes/sap_horizon_dark/Page.less +2 -1
  26. package/src/sap/m/themes/sap_horizon_dark/RadioButton.less +0 -21
  27. package/src/sap/m/themes/sap_horizon_dark/SearchField.less +10 -6
  28. package/src/sap/m/themes/sap_horizon_dark/SegmentedButton.less +2 -3
  29. package/src/sap/m/themes/sap_horizon_dark/Table.less +4 -0
  30. package/src/sap/m/themes/sap_horizon_dark/Text.less +6 -0
  31. package/src/sap/m/themes/sap_horizon_dark/ToggleButton.less +2 -20
  32. package/src/sap/m/themes/sap_horizon_dark/library.source.less +1 -0
  33. package/src/sap/m/themes/sap_horizon_hcb/BusyIndicator.less +2 -2
  34. package/src/sap/m/themes/sap_horizon_hcb/Button.less +1 -1
  35. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +2 -2
  36. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +10 -1
  37. package/src/sap/m/themes/sap_horizon_hcb/Label.less +6 -0
  38. package/src/sap/m/themes/sap_horizon_hcb/MessageToast.less +8 -0
  39. package/src/sap/m/themes/sap_horizon_hcb/Page.less +2 -1
  40. package/src/sap/m/themes/sap_horizon_hcb/SearchField.less +4 -4
  41. package/src/sap/m/themes/sap_horizon_hcb/Table.less +4 -0
  42. package/src/sap/m/themes/sap_horizon_hcb/Text.less +6 -0
  43. package/src/sap/m/themes/sap_horizon_hcb/library.source.less +1 -0
  44. package/src/sap/m/themes/sap_horizon_hcw/BusyIndicator.less +2 -2
  45. package/src/sap/m/themes/sap_horizon_hcw/Button.less +1 -1
  46. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +2 -2
  47. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +10 -0
  48. package/src/sap/m/themes/sap_horizon_hcw/Label.less +6 -0
  49. package/src/sap/m/themes/sap_horizon_hcw/MessageToast.less +8 -0
  50. package/src/sap/m/themes/sap_horizon_hcw/Page.less +2 -1
  51. package/src/sap/m/themes/sap_horizon_hcw/SearchField.less +4 -4
  52. package/src/sap/m/themes/sap_horizon_hcw/Table.less +4 -0
  53. package/src/sap/m/themes/sap_horizon_hcw/Text.less +6 -0
  54. package/src/sap/m/themes/sap_horizon_hcw/library.source.less +1 -0
  55. package/src/sap/tnt/themes/sap_horizon/InfoLabel.less +28 -14
  56. package/src/sap/tnt/themes/sap_horizon/NavigationList.less +13 -4
  57. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -0
  58. package/src/sap/tnt/themes/sap_horizon_dark/InfoLabel.less +28 -14
  59. package/src/sap/tnt/themes/sap_horizon_dark/NavigationList.less +13 -4
  60. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -0
  61. package/src/sap/tnt/themes/sap_horizon_hcb/InfoLabel.less +21 -6
  62. package/src/sap/tnt/themes/sap_horizon_hcb/NavigationList.less +16 -1
  63. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +2 -0
  64. package/src/sap/tnt/themes/sap_horizon_hcw/InfoLabel.less +21 -6
  65. package/src/sap/tnt/themes/sap_horizon_hcw/NavigationList.less +16 -1
  66. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +2 -0
  67. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  68. package/src/sap/ui/core/themes/sap_horizon/base.less +138 -137
  69. package/src/sap/ui/core/themes/sap_horizon/global.less +4 -0
  70. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  71. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +111 -110
  72. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +5 -1
  73. package/src/sap/ui/core/themes/sap_horizon_hcb/.theme +1 -1
  74. package/src/sap/ui/core/themes/sap_horizon_hcb/base.less +15 -15
  75. package/src/sap/ui/core/themes/sap_horizon_hcw/.theme +1 -1
  76. package/src/sap/ui/core/themes/sap_horizon_hcw/base.less +14 -14
  77. package/src/sap/ui/layout/themes/sap_horizon_dark/Splitter.less +1 -1
  78. package/src/sap/ui/layout/themes/sap_horizon_hcb/BlockLayout.less +3 -1
  79. package/src/sap/ui/layout/themes/sap_horizon_hcb/Splitter.less +0 -1
  80. package/src/sap/ui/layout/themes/sap_horizon_hcw/BlockLayout.less +3 -1
  81. package/src/sap/ui/layout/themes/sap_horizon_hcw/Splitter.less +0 -1
  82. package/src/sap/ui/unified/themes/sap_horizon_hcb/ColorPicker.less +7 -2
  83. package/src/sap/ui/unified/themes/sap_horizon_hcw/ColorPicker.less +7 -2
@@ -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
+ }
@@ -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
 
@@ -76,10 +76,6 @@
76
76
  }
77
77
  }
78
78
 
79
- .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover {
80
- filter: drop-shadow(0 0 0.125rem fade(@sapNeutralColor, 72)); //drop-shadow(@sapContent_Interaction_Shadow) doesn't work; Reason: Chrome, Safari and Opera, and maybe other browsers, do not support this 4th length; shadow will not render if added.
81
- }
82
-
83
79
  .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc) .sapMRbHoverable:hover .sapMRbBOut {
84
80
  stroke: @sapUiFieldHoverBorderColor;
85
81
  }
@@ -136,10 +132,6 @@
136
132
  }
137
133
  }
138
134
 
139
- .sapMRbErr:not(.sapMRbDis) .sapMRbHoverable:hover {
140
- filter: drop-shadow(0 0 0.125rem fade(@sapNegativeColor, 72)); // @sapContent_Negative_Shadow; same as above
141
- }
142
-
143
135
  .sapMRbWarn.sapMRbSel,
144
136
  .sapMRbWarn.sapMRbSel.sapMRbRo {
145
137
  .sapMRbBInn {
@@ -157,10 +149,6 @@
157
149
  }
158
150
  }
159
151
 
160
- .sapMRbWarn:not(.sapMRbDis) .sapMRbHoverable:hover {
161
- filter: drop-shadow(0 0 0.125rem fade(@sapCriticalColor, 72)); // @sapContent_Critical_Shadow; same as above
162
- }
163
-
164
152
  .sapMRbSucc.sapMRbSel,
165
153
  .sapMRbSucc.sapMRbSel.sapMRbRo {
166
154
  .sapMRbBInn {
@@ -178,11 +166,6 @@
178
166
  }
179
167
  }
180
168
 
181
-
182
- .sapMRbSucc:not(.sapMRbDis) .sapMRbHoverable:hover {
183
- filter: drop-shadow(0 0 0.125rem fade(@sapPositiveColor, 72)); // @sapContent_Positive_Shadow; same as above
184
- }
185
-
186
169
  .sapMRbInfo.sapMRbSel,
187
170
  .sapMRbInfo.sapMRbSel.sapMRbRo {
188
171
  .sapMRbBInn {
@@ -200,10 +183,6 @@
200
183
  }
201
184
  }
202
185
 
203
- .sapMRbInfo:not(.sapMRbDis) .sapMRbHoverable:hover {
204
- filter: drop-shadow(0 0 0.125rem fade(@sapInformativeColor, 72)); // @sapContent_Informative_Shadow; same as above
205
- }
206
-
207
186
  .sapMRbRo .sapMRbBOut {
208
187
  stroke-dasharray: 4,2; // parameter needed for the type of the dashes
209
188
  }
@@ -32,8 +32,8 @@
32
32
  height: ~"calc(100% - 1px)";
33
33
 
34
34
  border-radius: @sapUiFieldBorderCornerRadius;
35
- color: @sapUiButtonTextColor;
36
-
35
+ color: @sapUiFieldTextColor;
36
+
37
37
  &:first-of-type {
38
38
  margin-left: 0.25rem;
39
39
  }
@@ -43,16 +43,16 @@
43
43
  }
44
44
 
45
45
  &:hover {
46
- box-shadow: @sapUiContentInteractionShadow;
47
- background-color: @sapUiButtonLiteHoverBackground;
46
+ box-shadow: @sapUiFieldHoverShadow;
47
+ background-color: @sapUiFieldHoverBackground;
48
48
  }
49
49
 
50
50
  &:active,
51
51
  &.sapMSFBA // Firefox specific
52
52
  {
53
- box-shadow: @sapUiContentInteractionShadow;
53
+ box-shadow: @sapUiFieldHoverShadow;
54
54
  color: @sapUiButtonSelectedTextColor;
55
- background-color: @sapUiButtonLiteActiveBackground;
55
+ background-color: @sapUiFieldHoverBackground;
56
56
  }
57
57
  }
58
58
 
@@ -68,4 +68,8 @@
68
68
  &:hover .sapMSFF {
69
69
  box-shadow: none;
70
70
  }
71
+
72
+ .sapMSFB:hover {
73
+ color: @sapUiButtonSelectedTextColor;
74
+ }
71
75
  }
@@ -50,8 +50,7 @@
50
50
  html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
51
51
  background: @sapUiButtonHoverBackground;
52
52
  border-radius: 0.5rem;
53
- box-shadow: 0 0 0.125rem 0 fade(@sapContent_ShadowColor, 72);
54
- border-color: transparent;
53
+ border-color: @sapUiButtonHoverBorderColor;
55
54
  }
56
55
 
57
56
  html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
@@ -59,7 +58,7 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMSegBBtnSel:hover .sapMSegBBtnInner {
59
58
  }
60
59
 
61
60
  html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
62
- box-shadow: 0 0 0.125rem 0 fade(@sapInformativeColor, 72);
61
+ border-color: @sapUiButtonHoverBorderColor;
63
62
  }
64
63
 
65
64
  /* Custom focus outline: */
@@ -61,4 +61,8 @@
61
61
  line-height: 2rem;
62
62
  }
63
63
  }
64
+ }
65
+
66
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
67
+ line-height: normal;
64
68
  }
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
@@ -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,26 +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
-
91
73
  html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMToggleBtnPressed.sapMFocusable {
92
74
  border-color: @sapUiContentFocusColor;
93
75
  }
@@ -48,6 +48,7 @@
48
48
  @import "MessageBox.less";
49
49
  @import "MessageStrip.less";
50
50
  @import "MessageView.less";
51
+ @import "MessageToast.less";
51
52
  @import "MultiComboBox.less";
52
53
  @import "MultiInput.less";
53
54
  @import "NewsContent.less";
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentIconColor;
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 @sapUiContentIconColor;
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;
@@ -19,11 +19,11 @@
19
19
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
20
20
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
21
21
  @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
22
- @_sap_m_Carousel_BulletInactiveBackground: none;
22
+ @_sap_m_Carousel_BulletInactiveBackground: transparent;
23
23
  @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
24
24
  @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
25
25
  @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
26
- @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
26
+ @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
27
27
  @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
28
28
  @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
29
29
  @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
@@ -62,6 +62,8 @@
62
62
  // Separator
63
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
64
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
66
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
65
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
69
 
@@ -139,7 +141,6 @@
139
141
  @_sap_m_IconTabBar_ShellOverflowHoverBorderColor: @sapUiButtonHoverBorderColor;
140
142
  @_sap_m_IconTabBar_ShellOverflowPressedBorderColor: @sapUiButtonActiveBorderColor;
141
143
 
142
-
143
144
  /* Head Container */
144
145
  .sapMITH {
145
146
  z-index: 1; // shows the bottom shadow of the ITHeader over the content of the ITB
@@ -170,6 +171,10 @@
170
171
  }
171
172
  }
172
173
 
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
175
+ line-height: 0.75rem;
176
+ }
177
+
173
178
  /* Head Container - compact */
174
179
 
175
180
  .sapUiSizeCompact.sapMITH {
@@ -229,6 +234,10 @@
229
234
  margin-top: 0.125rem;
230
235
  }
231
236
  }
237
+
238
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
239
+ line-height: 0.75rem;
240
+ }
232
241
  }
233
242
 
234
243
  .sapMITBContentArrow {
@@ -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
  }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast Black theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -76,7 +76,8 @@
76
76
  opacity: 1;
77
77
 
78
78
  .sapMIBar-CTX.sapMFooter-CTX {
79
- box-shadow: @sapUiShadowLevel1;
79
+ box-shadow: @sapUiContentShadow1;
80
+ border: none;
80
81
  }
81
82
  }
82
83
 
@@ -36,8 +36,8 @@
36
36
  }
37
37
 
38
38
  &:hover {
39
- box-shadow: @sapUiContentInteractionShadow;
40
- background-color: @sapUiButtonLiteHoverBackground;
39
+ box-shadow: @sapUiFieldHoverShadow;
40
+ background-color: @sapUiButtonHoverBackground;
41
41
  border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
42
42
  border-right: 1px solid transparent;
43
43
  }
@@ -49,9 +49,9 @@
49
49
  &:active,
50
50
  &.sapMSFBA // Firefox specific
51
51
  {
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ box-shadow: @sapUiFieldHoverShadow;
53
53
  color: @sapUiButtonSelectedTextColor;
54
- background-color: @sapUiButtonLiteActiveBackground;
54
+ background-color: @sapUiButtonHoverBackground;
55
55
  }
56
56
  }
57
57
 
@@ -64,4 +64,8 @@
64
64
  line-height: 2rem;
65
65
  }
66
66
  }
67
+ }
68
+
69
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
70
+ line-height: normal;
67
71
  }
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
@@ -56,6 +56,7 @@
56
56
  @import "MessagePage.less";
57
57
  @import "MessageView.less";
58
58
  @import "MessageStrip.less";
59
+ @import "MessageToast.less";
59
60
  @import "MultiComboBox.less";
60
61
  @import "NewsContent.less";
61
62
  @import "NotificationListGroup.less";
@@ -5,11 +5,11 @@
5
5
 
6
6
  /* Background animation element */
7
7
  .sapUiLocalBusyIndicatorAnimation > div::before {
8
- background: @sapUiContentIconColor;
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 @sapUiContentIconColor;
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;
@@ -19,11 +19,11 @@
19
19
  @_sap_m_Carousel_PageIndicatorWidthSizeXL: @_sap_m_Carousel_PageIndicatorWidthSizeS;
20
20
  @_sap_m_Carousel_PageIndicatorContainerPadding: 0.5rem;
21
21
  @_sap_m_Carousel_ContentArrowBoxShadow: @sapContent_Shadow1;
22
- @_sap_m_Carousel_BulletInactiveBackground: none;
22
+ @_sap_m_Carousel_BulletInactiveBackground: transparent;
23
23
  @_sap_m_Carousel_BulletInactiveBorderColor: @sapContent_ForegroundBorderColor;
24
24
  @_sap_m_Carousel_BulletActiveBackground: @sapContent_Selected_ForegroundColor;
25
25
  @_sap_m_Carousel_BulletActiveBorder: @sapContent_Selected_ForegroundColor;
26
- @_sap_m_Carousel_BulletInactiveWidth: 0.5rem;
26
+ @_sap_m_Carousel_BulletInactiveWidth: 0.375rem;
27
27
  @_sap_m_Carousel_BulletInactiveMargin: 0 0.25rem;
28
28
  @_sap_m_Carousel_FocusBorderOffsetArrow: -0.3125rem;
29
29
  @_sap_m_Carousel_ContrastFocusBorder: @sapUiContentFocusWidth solid @sapUiBaseBG;
@@ -62,6 +62,8 @@
62
62
  // Separator
63
63
  @_sap_m_IconTabBar_SeparatorHeight: 2rem;
64
64
  @_sap_m_IconTabBar_SeparatorMargin: 0.75rem 0.25rem 0;
65
+ @_sap_m_IconTabBar_TextOnlySeparatorMargin: 0.375rem 0.25rem 0.375rem;
66
+ @_sap_m_IconTabBar_TextOnlySeparatorMarginCompact: @_sap_m_IconTabBar_TextOnlySeparatorMargin;
65
67
  @_sap_m_IconTabBar_SeparatorIconHeight: 2.75rem;
66
68
  @__sap_m_IconTabBar_SeparatorIconLineHeight: 2.75rem;
67
69
 
@@ -169,6 +171,10 @@
169
171
  }
170
172
  }
171
173
 
174
+ .sapMITBTextOnly .sapMITBFilter .sapMITHShowSubItemsIcon {
175
+ line-height: 0.75rem;
176
+ }
177
+
172
178
  /* Head Container - compact */
173
179
 
174
180
  .sapUiSizeCompact.sapMITH {
@@ -228,6 +234,10 @@
228
234
  margin-top: 0.125rem;
229
235
  }
230
236
  }
237
+
238
+ .sapMITBTextOnly .sapMITBFilter .sapMITBText {
239
+ line-height: 0.75rem;
240
+ }
231
241
  }
232
242
 
233
243
  .sapMITBContentArrow {
@@ -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
  }
@@ -0,0 +1,8 @@
1
+ /* =================================== */
2
+ /* CSS for control sap.m/MessageToast */
3
+ /* Horizon High Contrast White theme */
4
+ /* =================================== */
5
+
6
+ .sapMMessageToast.sapMFocus {
7
+ outline-offset: -0.1875rem;
8
+ }
@@ -76,7 +76,8 @@
76
76
  opacity: 1;
77
77
 
78
78
  .sapMIBar-CTX.sapMFooter-CTX {
79
- box-shadow: @sapUiShadowLevel1;
79
+ box-shadow: @sapUiContentShadow1;
80
+ border: none;
80
81
  }
81
82
  }
82
83
 
@@ -36,8 +36,8 @@
36
36
  }
37
37
 
38
38
  &:hover {
39
- box-shadow: @sapUiContentInteractionShadow;
40
- background-color: @sapUiButtonLiteHoverBackground;
39
+ box-shadow: @sapUiFieldHoverShadow;
40
+ background-color: @sapUiButtonHoverBackground;
41
41
  border-left: 1px solid @sapUiButtonHoverBorderColor; // contrast themes specific
42
42
  border-right: 1px solid transparent;
43
43
  }
@@ -49,9 +49,9 @@
49
49
  &:active,
50
50
  &.sapMSFBA // Firefox specific
51
51
  {
52
- box-shadow: @sapUiContentInteractionShadow;
52
+ box-shadow: @sapUiFieldHoverShadow;
53
53
  color: @sapUiButtonSelectedTextColor;
54
- background-color: @sapUiButtonLiteActiveBackground;
54
+ background-color: @sapUiButtonHoverBackground;
55
55
  }
56
56
  }
57
57
 
@@ -64,4 +64,8 @@
64
64
  line-height: 2rem;
65
65
  }
66
66
  }
67
+ }
68
+
69
+ .sapMListTblCellNoData .sapMIllustratedMessageDescription {
70
+ line-height: normal;
67
71
  }
@@ -13,4 +13,10 @@
13
13
  .sapMTB-Info-CTX > .sapMText {
14
14
  font-style: italic;
15
15
  padding-right: 5px;
16
+ }
17
+
18
+ .sapUiTableHeaderDataCell .sapMText,
19
+ .sapMColumnHeader .sapMText {
20
+ font-family: @sapUiFontSemiboldDuplexFamily;
21
+ font-weight: normal;
16
22
  }
@@ -56,6 +56,7 @@
56
56
  @import "MessagePage.less";
57
57
  @import "MessageView.less";
58
58
  @import "MessageStrip.less";
59
+ @import "MessageToast.less";
59
60
  @import "MultiComboBox.less";
60
61
  @import "NewsContent.less";
61
62
  @import "NotificationListGroup.less";
@@ -7,22 +7,38 @@
7
7
  // Variables and mixins
8
8
  // ==========================================================================
9
9
 
10
- @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 0.875rem;
11
- @_sap_tnt_InfoLabel_DisplayModeBorder: 0.0625rem solid #354A5F;
10
+ @_sap_tnt_InfoLabel_LineHeightDisplayOnly: 1rem;
11
+ @_sap_tnt_InfoLabel_DisplayModeBorder: none;
12
12
  @_sap_tnt_InfoLabel_DisplayModeBackground: #EAECEE;
13
13
  @_sap_tnt_InfoLabel_DisplayModeColor: #354A5F;
14
+ @_sap_tnt_InfoLabel_BorderRadius: 0.25rem;
15
+ @_sap_tnt_InfoLabel_DisplayBorderRadius: 0.1875rem;
16
+ @_sap_tnt_InfoLabel_Height: 1.375rem;
17
+ @_sap_tnt_InfoLabel_HeightWithoutBorders: 1.375rem;
18
+ @_sap_tnt_InfoLabel_LineHeight: 1.375rem;
19
+ @_sap_tnt_InfoLabel_Text: none;
20
+ @_sap_tnt_InfoLabel_Padding: 0 0.375rem;
21
+ @_sap_tnt_InfoLabel_DisplayPadding: 0 0.25rem;
22
+ @_sap_tnt_InfoLabel_IconMargin: 0.25rem;
23
+ @_sap_tnt_InfoLabel_DisplayIconMargin: 0.125rem;
24
+ @_sap_tnt_InfoLabel_FontFamily: @sapFontSemiboldDuplexFamily;
25
+ @_sap_tnt_InfoLabel_FontSize: @sapFontSize;
26
+ @_sap_tnt_InfoLabel_DisplayFontSize: @sapFontSmallSize;
27
+ @_sap_tnt_InfoLabel_DisplayFontSizeIcon: 0.625rem;
28
+ @_sap_tnt_InfoLabel_NarrowPadding: @_sap_tnt_InfoLabel_Padding;
29
+ @_sap_tnt_InfoLabel_LetterSpacing: normal;
14
30
 
15
31
  @_sap_tnt_InfoLabel_ColorsArray:
16
- #FFF3B8 #A93E00,
17
- #FFD5EA #AA0808,
18
- #FFDCE8 #BA066C,
19
- #FFDCF3 #A100C2,
20
- #E2D8FF #470CED,
21
- #D1EFFF #0057D2,
22
- #C2FCEE #046C7A,
23
- #E5F2BD #256F3A,
24
- #B8F3FF #00709F,
25
- #EAECEE #354A5F;
32
+ @sapAvatar_1_Background @sapAvatar_1_TextColor,
33
+ @sapAvatar_2_Background @sapAvatar_2_TextColor,
34
+ @sapAvatar_3_Background @sapAvatar_3_TextColor,
35
+ @sapAvatar_4_Background @sapAvatar_4_TextColor,
36
+ @sapAvatar_5_Background @sapAvatar_5_TextColor,
37
+ @sapAvatar_6_Background @sapAvatar_6_TextColor,
38
+ @sapAvatar_7_Background @sapAvatar_7_TextColor,
39
+ @sapAvatar_8_Background @sapAvatar_8_TextColor,
40
+ @sapAvatar_9_Background @sapAvatar_9_TextColor,
41
+ @sapAvatar_10_Background @sapAvatar_10_TextColor;
26
42
 
27
43
  .create-classes-for-background-and-border-colors(backgroundColor, @_sap_tnt_InfoLabel_ColorsArray);
28
44
 
@@ -35,11 +51,9 @@
35
51
 
36
52
  @pair: extract(@list, @i);
37
53
  @backgroundColor: extract(@pair, 1);
38
- @borderColor: extract(@pair, 2);
39
54
  @textColor: extract(@pair, 2);
40
55
 
41
56
  .@{prefix}@{i} {
42
- border: 0.0625rem solid @borderColor;
43
57
  background-color: @backgroundColor;
44
58
 
45
59
  .sapTntInfoLabelInner {