@openui5/themelib_sap_horizon 1.130.1 → 1.131.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 (136) hide show
  1. package/THIRDPARTY.txt +1 -1
  2. package/package.json +18 -18
  3. package/src/sap/f/themes/sap_horizon/Card.less +0 -4
  4. package/src/sap/f/themes/sap_horizon/DynamicPageTitle.less +0 -7
  5. package/src/sap/f/themes/sap_horizon_dark/DynamicPageTitle.less +0 -7
  6. package/src/sap/m/themes/sap_horizon/Carousel.less +0 -1
  7. package/src/sap/m/themes/sap_horizon/CheckBox.less +54 -46
  8. package/src/sap/m/themes/sap_horizon/CustomTile.less +1 -1
  9. package/src/sap/m/themes/sap_horizon/FeedInput.less +2 -2
  10. package/src/sap/m/themes/sap_horizon/GenericTag.less +37 -37
  11. package/src/sap/m/themes/sap_horizon/GenericTile.less +201 -130
  12. package/src/sap/m/themes/sap_horizon/HeaderContainer.less +3 -3
  13. package/src/sap/m/themes/sap_horizon/IconTabBar.less +1 -1
  14. package/src/sap/m/themes/sap_horizon/InputBase.less +25 -23
  15. package/src/sap/m/themes/sap_horizon/Label.less +2 -2
  16. package/src/sap/m/themes/sap_horizon/LightBox.less +2 -3
  17. package/src/sap/m/themes/sap_horizon/ListBase.less +7 -7
  18. package/src/sap/m/themes/sap_horizon/ListItemBase.less +1 -1
  19. package/src/sap/m/themes/sap_horizon/MenuButton.less +21 -14
  20. package/src/sap/m/themes/sap_horizon/MessageBox.less +8 -8
  21. package/src/sap/m/themes/sap_horizon/NotificationListGroup.less +1 -1
  22. package/src/sap/m/themes/sap_horizon/ObjectAttribute.less +3 -3
  23. package/src/sap/m/themes/sap_horizon/ObjectListItem.less +3 -3
  24. package/src/sap/m/themes/sap_horizon/ObjectMarker.less +4 -2
  25. package/src/sap/m/themes/sap_horizon/ObjectNumber.less +71 -63
  26. package/src/sap/m/themes/sap_horizon/ObjectStatus.less +141 -116
  27. package/src/sap/m/themes/sap_horizon/OverflowToolbarAssociativePopover.less +12 -9
  28. package/src/sap/m/themes/sap_horizon/ProgressIndicator.less +2 -2
  29. package/src/sap/m/themes/sap_horizon_dark/Carousel.less +0 -1
  30. package/src/sap/m/themes/sap_horizon_dark/CheckBox.less +54 -46
  31. package/src/sap/m/themes/sap_horizon_dark/CustomTile.less +1 -1
  32. package/src/sap/m/themes/sap_horizon_dark/FeedInput.less +2 -2
  33. package/src/sap/m/themes/sap_horizon_dark/GenericTag.less +36 -36
  34. package/src/sap/m/themes/sap_horizon_dark/GenericTile.less +191 -124
  35. package/src/sap/m/themes/sap_horizon_dark/HeaderContainer.less +3 -3
  36. package/src/sap/m/themes/sap_horizon_dark/IconTabBar.less +1 -1
  37. package/src/sap/m/themes/sap_horizon_dark/InputBase.less +26 -24
  38. package/src/sap/m/themes/sap_horizon_dark/Label.less +2 -2
  39. package/src/sap/m/themes/sap_horizon_dark/LightBox.less +2 -3
  40. package/src/sap/m/themes/sap_horizon_dark/ListBase.less +7 -7
  41. package/src/sap/m/themes/sap_horizon_dark/ListItemBase.less +1 -1
  42. package/src/sap/m/themes/sap_horizon_dark/MenuButton.less +16 -10
  43. package/src/sap/m/themes/sap_horizon_dark/MessageBox.less +8 -8
  44. package/src/sap/m/themes/sap_horizon_dark/NotificationListGroup.less +1 -1
  45. package/src/sap/m/themes/sap_horizon_dark/ObjectAttribute.less +3 -3
  46. package/src/sap/m/themes/sap_horizon_dark/ObjectListItem.less +3 -3
  47. package/src/sap/m/themes/sap_horizon_dark/ObjectMarker.less +3 -1
  48. package/src/sap/m/themes/sap_horizon_dark/ObjectNumber.less +71 -63
  49. package/src/sap/m/themes/sap_horizon_dark/ObjectStatus.less +142 -118
  50. package/src/sap/m/themes/sap_horizon_dark/OverflowToolbarAssociativePopover.less +12 -9
  51. package/src/sap/m/themes/sap_horizon_dark/ProgressIndicator.less +2 -2
  52. package/src/sap/m/themes/sap_horizon_dark/Table.less +0 -4
  53. package/src/sap/m/themes/sap_horizon_hcb/Carousel.less +0 -1
  54. package/src/sap/m/themes/sap_horizon_hcb/CheckBox.less +55 -47
  55. package/src/sap/m/themes/sap_horizon_hcb/CustomTile.less +1 -1
  56. package/src/sap/m/themes/sap_horizon_hcb/FeedInput.less +20 -17
  57. package/src/sap/m/themes/sap_horizon_hcb/FeedListItem.less +3 -2
  58. package/src/sap/m/themes/sap_horizon_hcb/GenericTag.less +40 -40
  59. package/src/sap/m/themes/sap_horizon_hcb/GenericTile.less +98 -55
  60. package/src/sap/m/themes/sap_horizon_hcb/HeaderContainer.less +6 -6
  61. package/src/sap/m/themes/sap_horizon_hcb/IconTabBar.less +4 -0
  62. package/src/sap/m/themes/sap_horizon_hcb/InputBase.less +23 -20
  63. package/src/sap/m/themes/sap_horizon_hcb/Label.less +1 -1
  64. package/src/sap/m/themes/sap_horizon_hcb/LightBox.less +3 -2
  65. package/src/sap/m/themes/sap_horizon_hcb/ListBase.less +12 -12
  66. package/src/sap/m/themes/sap_horizon_hcb/ListItemBase.less +3 -3
  67. package/src/sap/m/themes/sap_horizon_hcb/MenuButton.less +9 -5
  68. package/src/sap/m/themes/sap_horizon_hcb/MenuListItem.less +1 -1
  69. package/src/sap/m/themes/sap_horizon_hcb/MessageBox.less +1 -1
  70. package/src/sap/m/themes/sap_horizon_hcb/NotificationListGroup.less +1 -1
  71. package/src/sap/m/themes/sap_horizon_hcb/ObjectAttribute.less +3 -3
  72. package/src/sap/m/themes/sap_horizon_hcb/ObjectListItem.less +4 -4
  73. package/src/sap/m/themes/sap_horizon_hcb/ObjectNumber.less +8 -8
  74. package/src/sap/m/themes/sap_horizon_hcb/ObjectStatus.less +140 -129
  75. package/src/sap/m/themes/sap_horizon_hcb/OverflowToolbarAssociativePopover.less +5 -2
  76. package/src/sap/m/themes/sap_horizon_hcb/ProgressIndicator.less +2 -2
  77. package/src/sap/m/themes/sap_horizon_hcw/Carousel.less +0 -1
  78. package/src/sap/m/themes/sap_horizon_hcw/CheckBox.less +55 -47
  79. package/src/sap/m/themes/sap_horizon_hcw/CustomTile.less +1 -1
  80. package/src/sap/m/themes/sap_horizon_hcw/FeedInput.less +17 -15
  81. package/src/sap/m/themes/sap_horizon_hcw/FeedListItem.less +3 -2
  82. package/src/sap/m/themes/sap_horizon_hcw/GenericTag.less +41 -41
  83. package/src/sap/m/themes/sap_horizon_hcw/GenericTile.less +100 -57
  84. package/src/sap/m/themes/sap_horizon_hcw/HeaderContainer.less +6 -6
  85. package/src/sap/m/themes/sap_horizon_hcw/IconTabBar.less +4 -0
  86. package/src/sap/m/themes/sap_horizon_hcw/InputBase.less +22 -20
  87. package/src/sap/m/themes/sap_horizon_hcw/Label.less +1 -1
  88. package/src/sap/m/themes/sap_horizon_hcw/LightBox.less +3 -4
  89. package/src/sap/m/themes/sap_horizon_hcw/ListBase.less +12 -12
  90. package/src/sap/m/themes/sap_horizon_hcw/ListItemBase.less +3 -3
  91. package/src/sap/m/themes/sap_horizon_hcw/MenuButton.less +9 -5
  92. package/src/sap/m/themes/sap_horizon_hcw/MenuListItem.less +1 -1
  93. package/src/sap/m/themes/sap_horizon_hcw/MessageBox.less +1 -1
  94. package/src/sap/m/themes/sap_horizon_hcw/NotificationListGroup.less +1 -1
  95. package/src/sap/m/themes/sap_horizon_hcw/ObjectAttribute.less +3 -3
  96. package/src/sap/m/themes/sap_horizon_hcw/ObjectListItem.less +4 -4
  97. package/src/sap/m/themes/sap_horizon_hcw/ObjectNumber.less +9 -8
  98. package/src/sap/m/themes/sap_horizon_hcw/ObjectStatus.less +141 -131
  99. package/src/sap/m/themes/sap_horizon_hcw/OverflowToolbarAssociativePopover.less +5 -2
  100. package/src/sap/m/themes/sap_horizon_hcw/ProgressIndicator.less +2 -2
  101. package/src/sap/tnt/themes/sap_horizon/SideNavigation.less +1 -3
  102. package/src/sap/tnt/themes/sap_horizon/ToolHeader.less +0 -21
  103. package/src/sap/tnt/themes/sap_horizon/ToolPage.less +2 -11
  104. package/src/sap/tnt/themes/sap_horizon_dark/SideNavigation.less +1 -3
  105. package/src/sap/tnt/themes/sap_horizon_dark/ToolHeader.less +0 -21
  106. package/src/sap/tnt/themes/sap_horizon_dark/ToolPage.less +2 -11
  107. package/src/sap/tnt/themes/sap_horizon_hcb/SideNavigation.less +1 -3
  108. package/src/sap/tnt/themes/sap_horizon_hcb/ToolHeader.less +0 -18
  109. package/src/sap/tnt/themes/sap_horizon_hcb/ToolPage.less +0 -10
  110. package/src/sap/tnt/themes/sap_horizon_hcw/SideNavigation.less +1 -3
  111. package/src/sap/tnt/themes/sap_horizon_hcw/ToolHeader.less +0 -18
  112. package/src/sap/tnt/themes/sap_horizon_hcw/ToolPage.less +0 -10
  113. package/src/sap/ui/core/themes/sap_horizon/.theme +1 -1
  114. package/src/sap/ui/core/themes/sap_horizon/base.less +414 -18
  115. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.ttf +0 -0
  116. package/src/sap/ui/core/themes/sap_horizon/fonts/SAP-icons.woff2 +0 -0
  117. package/src/sap/ui/core/themes/sap_horizon/global.less +32 -0
  118. package/src/sap/ui/core/themes/sap_horizon_dark/.theme +1 -1
  119. package/src/sap/ui/core/themes/sap_horizon_dark/base.less +412 -16
  120. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.ttf +0 -0
  121. package/src/sap/ui/core/themes/sap_horizon_dark/fonts/SAP-icons.woff2 +0 -0
  122. package/src/sap/ui/core/themes/sap_horizon_dark/global.less +32 -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 +421 -25
  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 +32 -0
  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 +420 -24
  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 +32 -0
  133. package/src/sap/ui/unified/themes/sap_horizon/Menu.less +1 -1
  134. package/src/sap/ui/unified/themes/sap_horizon_dark/Menu.less +1 -1
  135. package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less +0 -5
  136. package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less +0 -5
@@ -20,56 +20,66 @@
20
20
  .sapMGTOverlay {
21
21
  background-color: fade(@sapUiBlockLayerBackground, 70);
22
22
  }
23
- /************************ LINE MODE LIST VIEW ********************/
23
+
24
+ /* LINE MODE LIST VIEW */
24
25
 
25
26
  .sapMGT.sapMGTLineMode {
26
- border: 0.0625rem solid @sapUiTileBorderColor;
27
+ border: 0.0625rem solid var(--sapTile_BorderColor);
28
+
27
29
  .sapMGTHdrTxt {
28
30
  font-weight: bold;
29
31
  }
30
32
  }
31
33
 
32
- .sapMGTLineMode.sapMGTFailed, .sapMGTLineMode.sapMGTDisabled {
34
+ .sapMGTLineMode.sapMGTFailed,
35
+ .sapMGTLineMode.sapMGTDisabled {
33
36
  border-color: @sapUiHcReducedForeground;
34
- .sapMGTHdrTxt, .sapMGTSubHdrTxt {
35
- color: @sapUiContentDisabledTextColor;
37
+
38
+ .sapMGTHdrTxt,
39
+ .sapMGTSubHdrTxt {
40
+ color: var(--sapContent_DisabledTextColor);
36
41
  }
37
42
  }
38
43
 
39
44
  .sapMGT .sapMGTRemoveButton .sapMBtnInner {
40
- box-shadow: 0px 0px 1px 0px white inset;
45
+ box-shadow: 0 0 1px 0 white inset;
41
46
  }
42
47
 
43
- .sapMGT.sapMGTScopeActions .sapMGTRemoveButton, .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton{
44
- .sapMBtnInner{
45
- border-color: @sapButton_BorderColor;
48
+ .sapMGT.sapMGTScopeActions .sapMGTRemoveButton,
49
+ .sapMGT.sapMGTScopeSingleAction .sapMGTRemoveButton {
50
+
51
+ .sapMBtnInner {
52
+ border-color: var(--sapButton_BorderColor);
46
53
  }
54
+
47
55
  .sapMBtnIcon {
48
- color: @sapButton_TextColor;
56
+ color: var(--sapButton_TextColor);
49
57
  }
50
58
  }
51
59
 
52
- /************************ LINE MODE FLOATING VIEW *****************/
60
+ /* LINE MODE FLOATING VIEW */
53
61
 
54
62
  .sapUiMedia-GenericTileDeviceSet-large {
63
+
55
64
  .sapMGT.sapMGTLineMode {
56
65
  font-size: @sapMFontMediumSize;
57
66
  border: none;
58
67
 
59
68
  .sapMGTHdrTxt {
60
- color: @sapUiTileTitleTextColor;
69
+ color: var(--sapTile_TitleTextColor);
61
70
  font-weight: bold;
62
71
  font-size: @sapMFontMediumSize;
63
- font-family: @sapUiFontFamily;
72
+ font-family: var(--sapFontFamily);
64
73
  }
65
74
 
66
75
  .sapMGTLineModeFailedIcon {
67
76
  cursor: pointer;
68
- color: @sapUiTileTextColor;
77
+ color: var(--sapTile_TextColor);
69
78
  border-right: 0.25rem solid transparent;
70
79
  }
71
80
 
72
81
  .sapMGTLineStyleHelper {
82
+
73
83
  .sapMGTLineStyleHelperInner {
74
84
  box-shadow: @sapUiShadowLevel0;
75
85
  bottom: 1px;
@@ -82,6 +92,7 @@
82
92
  &:not(:first-child) .sapMGTLineStyleHelperInner {
83
93
  margin: 0 0.125rem;
84
94
  }
95
+
85
96
  &:last-child .sapMGTLineStyleHelperInner {
86
97
  margin-right: 0;
87
98
  }
@@ -97,12 +108,16 @@
97
108
  }
98
109
  }
99
110
 
100
- &.sapMGTFailed, &.sapMGTDisabled {
111
+ &.sapMGTFailed,
112
+ &.sapMGTDisabled {
113
+
101
114
  .sapMGTLineStyleHelperInner {
102
115
  box-shadow: 0 0 0 1px @sapUiHcReducedForeground;
103
116
  }
104
- .sapMGTHdrTxt, .sapMGTSubHdrTxt {
105
- color: @sapUiContentDisabledTextColor;
117
+
118
+ .sapMGTHdrTxt,
119
+ .sapMGTSubHdrTxt {
120
+ color: var(--sapContent_DisabledTextColor);
106
121
  }
107
122
  }
108
123
  }
@@ -111,37 +126,40 @@
111
126
  .sapUiMedia-GenericTileDeviceSet-large .sapMGT.sapMGTLineMode {
112
127
 
113
128
  &:not(.sapMGTDisabled):not(.sapMGTFailed):hover .sapMGTLineStyleHelperInner {
114
- box-shadow: 0 0 0 0.1875rem @sapUiContentShadowColor;
129
+ box-shadow: 0 0 0 0.1875rem var(--sapContent_ShadowColor);
115
130
  margin-top: 1px;
116
131
  margin-bottom: 1px;
117
132
  }
118
133
 
119
134
  &:not(.sapMGTDisabled) {
120
- &:focus, &:active {
121
- .sapMGTLineStyleHelperInner:before {
122
- content: "";
135
+
136
+ &:focus,
137
+ &:active {
138
+
139
+ .sapMGTLineStyleHelperInner::before {
140
+ content: '';
123
141
  position: absolute;
124
142
  top: 1px;
125
143
  left: 1px;
126
144
  bottom: 1px;
127
145
  right: 1px;
128
146
  box-sizing: border-box;
129
- border: 0.125rem dotted @sapUiContentFocusColor;
147
+ border: 0.125rem dotted var(--sapContent_FocusColor);
130
148
  }
131
149
  }
132
150
  }
133
151
  }
134
152
 
135
153
  .sapMGTHdrContent {
136
- color: @sapUiTileTextColor;
154
+ color: var(--sapTile_TextColor);
137
155
  }
138
156
 
139
-
140
157
  .sapMGTOverlay {
141
158
  opacity: 1;
142
159
  }
143
160
 
144
161
  .sapMGT.sapMGTBackgroundImage {
162
+
145
163
  .sapMGTOverlay {
146
164
  border-radius: 0.08rem;
147
165
  }
@@ -157,21 +175,23 @@ html.sap-phone .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
157
175
  html.sap-tablet .sapMGTHvrOutln:not(.sapMGTStateDisabled):active,
158
176
  html.sap-phone .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active,
159
177
  html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
160
- box-shadow: 0 0 0 0.125rem @sapUiContentShadowColor;
178
+ box-shadow: 0 0 0 0.125rem var(--sapContent_ShadowColor);
161
179
  }
162
180
 
163
181
  .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):hover,
164
182
  .sapMGT:not(.sapMGTStateDisabled,.sapMGTLineMode,.TwoByHalf.sapMGTIconMode):active {
165
183
  box-shadow: none;
166
184
  border-color: transparent !important;
167
- .sapMGTFocusDiv{
168
- outline:solid 0.1875rem @sapTile_Interactive_BorderColor;
185
+
186
+ .sapMGTFocusDiv {
187
+ outline:solid 0.1875rem var(--sapTile_Interactive_BorderColor);
169
188
  border-radius: inherit;
170
189
  }
171
190
  }
172
191
 
173
192
  .TwoByOne.sapMGTActionMode {
174
193
  border-radius: 1.25rem;
194
+
175
195
  .sapMGTFocusDiv {
176
196
  border-radius: 1.25rem !important;
177
197
  }
@@ -180,38 +200,42 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
180
200
  .sapMGT.sapMGTLineMode:hover{
181
201
  box-shadow: none !important;
182
202
  border: none !important;
203
+
183
204
  .sapMGTFocusDiv {
184
- border: 0.1875rem solid @sapTile_Interactive_BorderColor;
205
+ border: 0.1875rem solid var(--sapTile_Interactive_BorderColor);
185
206
  inset: -2px;
186
207
  }
187
208
  }
188
209
 
189
- .sapMGT.sapMGTLineMode:active{
190
- background-color: @sapTile_Active_Background;
191
- outline: 2px solid @sapContent_FocusColor !important;
210
+ .sapMGT.sapMGTLineMode:active {
211
+ background-color: var(--sapTile_Active_Background);
212
+ outline: 2px solid var(--sapContent_FocusColor) !important;
192
213
  outline-offset: -0.125rem;
193
214
  border: none !important;
194
- .sapMGTFocusDiv{
215
+
216
+ .sapMGTFocusDiv {
195
217
  border: none !important;
196
218
  box-shadow: none !important;
197
219
  }
198
220
  }
199
221
 
200
-
201
-
202
222
  .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
203
223
  line-height: 2.125rem !important;
204
224
  border: none;
205
225
  }
206
- .sapUiSizeCompact{
226
+ .sapUiSizeCompact {
227
+
207
228
  .sapMGT.sapMGTScopeActions.sapMGTIconMode .sapMBtnBase.sapMGTMoreIcon .sapMBtnIcon {
208
229
  line-height: 1.5rem !important;
209
230
  }
210
231
  }
211
232
 
212
- .sapMGT.sapMGTScopeActions, .sapMGT.sapMGTScopeSingleAction{
213
- .sapMBtnBase.sapMGTMoreIcon{
214
- .sapMBtnIcon{
233
+ .sapMGT.sapMGTScopeActions,
234
+ .sapMGT.sapMGTScopeSingleAction {
235
+
236
+ .sapMBtnBase.sapMGTMoreIcon {
237
+
238
+ .sapMBtnIcon {
215
239
  border: 0.01rem solid;
216
240
  border-radius: 0.5rem;
217
241
  line-height: 1.7;
@@ -219,10 +243,14 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
219
243
  }
220
244
  }
221
245
 
222
- .sapUiSizeCompact{
223
- .sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf){
224
- .sapMBtnBase.sapMGTMoreIcon{
225
- .sapMBtnIcon{
246
+ .sapUiSizeCompact {
247
+
248
+ .sapMGT.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf),
249
+ .sapMGT.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf) {
250
+
251
+ .sapMBtnBase.sapMGTMoreIcon {
252
+
253
+ .sapMBtnIcon {
226
254
  padding-left: 0.5rem;
227
255
  padding-right: 0.5rem;
228
256
  line-height: 1.5rem;
@@ -231,19 +259,25 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
231
259
  }
232
260
  }
233
261
  }
234
- .sapMGTLineMode .sapMGTActionsContainer, .sapMGTLineMode .sapMGTScopeSingleActionContainer{
235
- .sapMGTMoreIcon.sapMBtnBase{
236
- .sapMBtnIcon{
262
+ .sapMGTLineMode .sapMGTActionsContainer,
263
+ .sapMGTLineMode .sapMGTScopeSingleActionContainer {
264
+
265
+ .sapMGTMoreIcon.sapMBtnBase {
266
+
267
+ .sapMBtnIcon {
237
268
  bottom: 0.5rem;
238
269
  left: -1.5rem;
239
270
  }
240
271
  }
241
272
  }
242
273
 
243
- .sapUiSizeCompact{
244
- .sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf), .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf){
245
- .sapMGTMoreIcon.sapMBtnBase{
246
- .sapMBtnIcon{
274
+ .sapUiSizeCompact {
275
+ .sapMGT.sapMGTLineMode.sapMGTScopeSingleAction:not(.sapMGTIconMode.TwoByHalf),
276
+ .sapMGT.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTIconMode.TwoByHalf) {
277
+
278
+ .sapMGTMoreIcon.sapMBtnBase {
279
+
280
+ .sapMBtnIcon {
247
281
  bottom: 0.4rem;
248
282
  left: -1.7rem
249
283
  }
@@ -251,25 +285,34 @@ html.sap-tablet .sapMGTBackgroundHvrOutln:not(.sapMGTStateDisabled):active {
251
285
  }
252
286
  }
253
287
 
254
- .sapUiMedia-GenericTileDeviceSet-large{
288
+ .sapUiMedia-GenericTileDeviceSet-large {
289
+
255
290
  .sapMGTLineMode.sapMGTScopeSingleAction {
256
- .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
291
+
292
+ .sapMGTHdrTxt:last-of-type,
293
+ .sapMGTSubHdrTxt {
257
294
  padding-right: 3rem;
258
295
  }
259
296
  }
260
297
  }
261
298
 
262
- .sapUiMedia-GenericTileDeviceSet-large{
299
+ .sapUiMedia-GenericTileDeviceSet-large {
300
+
263
301
  .sapMGTLineMode.sapMGTScopeSingleAction.sapMGTAcionRemove {
264
- .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
302
+
303
+ .sapMGTHdrTxt:last-of-type,
304
+ .sapMGTSubHdrTxt {
265
305
  padding-right: 1rem;
266
306
  }
267
307
  }
268
308
  }
269
309
 
270
- .sapUiMedia-GenericTileDeviceSet-large{
310
+ .sapUiMedia-GenericTileDeviceSet-large {
311
+
271
312
  .sapMGTLineMode.sapMGTScopeActions {
272
- .sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
313
+
314
+ .sapMGTHdrTxt:last-of-type,
315
+ .sapMGTSubHdrTxt {
273
316
  padding-right: 4.5rem;
274
317
  }
275
318
  }
@@ -8,28 +8,28 @@
8
8
  }
9
9
 
10
10
  .sapMHdrCntrBtn .sapMBtnIcon {
11
- color: @sapUiContentIconColor;
11
+ color: var(--sapContent_IconColor);
12
12
  font-size: 22px;
13
13
  }
14
14
 
15
- .sapMHrdrCntrInner:focus:not ([tabindex]) {
15
+ .sapMHrdrCntrInner:focus:not([tabindex]) {
16
16
  outline: none;
17
17
  }
18
18
 
19
19
  .sapMHrdrCntrInner {
20
- border: 2px solid transparent;
20
+ border: 2px solid transparent;
21
21
  }
22
22
 
23
23
  .sapMHdrCntrBtnIcon{
24
- color: @sapContent_NonInteractiveIconColor;
24
+ color: var(--sapContent_NonInteractiveIconColor);
25
25
  }
26
26
 
27
27
  .sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
28
- border-left: 1px solid @sapList_BorderColor;
28
+ border-left: 1px solid var(--sapList_BorderColor);
29
29
  }
30
30
 
31
31
  .sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
32
- border-top: 1px solid @sapList_BorderColor;
32
+ border-top: 1px solid var(--sapList_BorderColor);
33
33
  }
34
34
 
35
35
  .sapMHdrCntrBGTransparent {
@@ -272,6 +272,10 @@
272
272
  border: 0.125rem solid var(--sapObjectHeader_BorderColor);
273
273
  }
274
274
 
275
+ .sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
276
+ border: none;
277
+ }
278
+
275
279
  .sapMITBContainerContent {
276
280
 
277
281
  &.sapMITBContentClosed {
@@ -3,52 +3,54 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ================================== */
5
5
 
6
- // ==========================================================================
7
- // Variables overriding
8
- // ==========================================================================
6
+ /* ========================================================================== */
7
+ /* Variables overriding */
8
+ /* ========================================================================== */
9
9
 
10
10
  @_sap_m_InputBase_InnerMinWidth: 2.75rem;
11
11
  @_sap_m_InputBase_InnerPadding: 0 0.625rem;
12
- @_sap_m_InputBase_DisabledOpacity: @sapUiContentDisabledOpacity;
12
+ @_sap_m_InputBase_DisabledOpacity: var(--sapContent_DisabledOpacity);
13
13
  @_sap_m_InputBase_IconLineHeight: 2.125rem;
14
14
  @_sap_m_InputBase_IconWidth: 2.25rem;
15
15
  @_sap_m_InputBase_IconMinWidth: 2.25rem;
16
16
  @_sap_m_InputBase_FocusOffset_Busy: 3px;
17
17
 
18
18
  .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperError):not(.sapMInputBaseContentWrapperWarning):not(.sapMInputBaseContentWrapperInformation):not(.sapMInputBaseDisabledWrapper) {
19
- border: @sapUiContentFocusWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
19
+ border: var(--sapContent_FocusWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
20
20
  }
21
21
 
22
22
  .sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed) .sapMInputBaseIconContainer .sapMInputBaseIcon {
23
23
  box-sizing: border-box;
24
- color: @sapUiContentIconColor;
24
+ color: var(--sapContent_IconColor);
25
25
 
26
26
  &:hover {
27
- background: @sapUiButtonLiteHoverBackground;
28
- border-left: 1px solid @sapUiListSelectionBorderColor;
27
+ background: var(--sapButton_Lite_Hover_Background);
28
+ border-left: 1px solid var(--sapList_SelectionBorderColor);
29
29
  }
30
30
 
31
31
  &:active {
32
- background-color: @sapUiButtonLiteActiveBackground;
33
- color: @sapUiButtonActiveTextColor;
34
- border-left: 1px solid @sapUiListSelectionBorderColor;
32
+ background-color: var(--sapButton_Lite_Active_Background);
33
+ color: var(--sapButton_Active_TextColor);
34
+ border-left: 1px solid var(--sapList_SelectionBorderColor);
35
35
  }
36
36
  }
37
37
 
38
38
  .sapMInputBaseIconPressed .sapMInputBaseIcon {
39
- background: @sapUiButtonSelectedBackground;
40
- border-left: 1px solid @sapUiListSelectionBorderColor;
39
+ background: var(--sapButton_Selected_Background);
40
+ border-left: 1px solid var(--sapList_SelectionBorderColor);
41
41
  }
42
42
 
43
43
  .sapMInputBaseDisabledWrapper .sapMInputBaseIcon {
44
- color: @sapUiContentIconColor;
44
+ color: var(--sapContent_IconColor);
45
45
 
46
46
  &:hover {
47
47
  background: transparent;
48
48
  }
49
49
  }
50
50
 
51
- .sapMInputBaseContentWrapperWarning, .sapMInputBaseContentWrapperError {
51
+ .sapMInputBaseContentWrapperWarning,
52
+ .sapMInputBaseContentWrapperError {
53
+
52
54
  .sapMInputBaseInner {
53
55
  font-style: italic;
54
56
  font-weight: bold;
@@ -66,12 +68,12 @@
66
68
  }
67
69
 
68
70
  .sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
69
- color: @sapUiFieldTextColor;
71
+ color: var(--sapField_TextColor);
70
72
  font-weight: bold;
71
73
  }
72
74
 
73
75
  .sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
74
- color: @sapUiFieldTextColor;
76
+ color: var(--sapField_TextColor);
75
77
  font-weight: bold;
76
78
  }
77
79
 
@@ -100,19 +102,20 @@
100
102
  }
101
103
 
102
104
  .sapMLIBActive {
105
+
103
106
  .sapMInputBaseInner,
104
107
  .sapMInputBaseContentWrapper {
105
- color: @sapUiListActiveTextColor;
108
+ color: var(--sapList_Active_TextColor);
106
109
  background: transparent;
107
110
  }
108
111
 
109
112
  .sapMInputDescriptionText {
110
- color: @sapUiListActiveTextColor;
113
+ color: var(--sapList_Active_TextColor);
111
114
  }
112
115
  }
113
116
 
114
117
  .sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
115
- color: @sapUiListActiveTextColor;
118
+ color: var(--sapList_Active_TextColor);
116
119
  }
117
120
 
118
121
  .sapUiSizeCondensed .sapUiTableDataCell .sapMInputBase .sapMInputBaseContentWrapper:not(.sapMInputBaseContentWrapperState) {
@@ -6,7 +6,7 @@
6
6
  .sapMTB-Info-CTX > .sapMLabel {
7
7
  font-style: italic;
8
8
 
9
- & > .sapMLabelTextWrapper{
9
+ & > .sapMLabelTextWrapper {
10
10
  padding-right: 5px;
11
11
  }
12
12
  }
@@ -7,10 +7,10 @@
7
7
  /* Variables overriding */
8
8
  /* ------------------------------- */
9
9
 
10
- @_sap_m_LightBox_ContainerBackground: @sapUiGroupContentBackground;
10
+ @_sap_m_LightBox_ContainerBackground: var(--sapGroup_ContentBackground);
11
11
  @_sap_m_LightBox_SubtitleMarginTop: 0.25rem;
12
12
  @_sap_m_LightBox_OverlayOpacity: 0.3;
13
- @_sap_m_LightBox_FontFamily: @sapUiFontHeaderFamily;
13
+ @_sap_m_LightBox_FontFamily: var(--sapFontHeaderFamily);
14
14
 
15
15
  /* ------------------------------- */
16
16
  /* Footer */
@@ -31,6 +31,7 @@
31
31
  }
32
32
 
33
33
  .sapUiSizeCompact {
34
+
34
35
  .sapMLightBoxFooter {
35
36
 
36
37
  .sapMBtn {
@@ -4,42 +4,42 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMListHdrText {
7
- border-bottom: 0.188rem solid @sapUiGroupTitleBorderColor;
8
- font-size: @sapUiGroupTitleFontSize;
7
+ border-bottom: 0.188rem solid var(--sapGroup_TitleBorderColor);
8
+ font-size: var(--sapGroup_Title_FontSize);
9
9
  }
10
10
 
11
- /*Growing feature*/
11
+ /* Growing feature */
12
12
 
13
- /*HCB additional styles for Growing feature*/
13
+ /* HCB additional styles for Growing feature */
14
14
  .sapMLIBContent > .sapMGrowingListTrigger {
15
15
  box-sizing: border-box;
16
16
  border-radius: 0.375rem;
17
- background: @sapUiButtonBackground;
18
- border: @sapUiListBorderWidth solid @sapUiButtonBorderColor;
17
+ background: var(--sapButton_Background);
18
+ border: var(--sapList_BorderWidth) solid var(--sapButton_BorderColor);
19
19
  }
20
20
 
21
21
  html.sap-desktop .sapMLIBContent > .sapMGrowingListTrigger:hover {
22
- background: @sapUiButtonHoverBackground;
22
+ background: var(--sapButton_Hover_Background);
23
23
  }
24
24
 
25
25
  html.sap-desktop .sapMGrowingList > .sapMCLI:hover {
26
- background: @sapUiListBackground !important;
26
+ background: var(--sapList_Background) !important;
27
27
  }
28
28
 
29
- //Needed to fix the margin collapsing behaviour on safari
29
+ /* Needed to fix the margin collapsing behaviour on safari */
30
30
  html.sap-desktop .sapMGrowingList > .sapMCLI {
31
31
  padding: 0.25rem;
32
32
  }
33
33
 
34
- html.sap-desktop .sapMGrowingList .sapMCLI.sapMLIB.sapMLIB-CTX:focus{
34
+ html.sap-desktop .sapMGrowingList .sapMCLI.sapMLIB.sapMLIB-CTX:focus {
35
35
  outline:none;
36
36
  }
37
37
 
38
38
  html.sap-desktop .sapMLIB-CTX:focus .sapMGrowingListTrigger {
39
- border: 0.125rem dotted @sapUiContentFocusColor;
39
+ border: 0.125rem dotted var(--sapContent_FocusColor);
40
40
  border-radius: 0;
41
41
  }
42
42
 
43
43
  .sapMGrowingListDummyColumn {
44
- border-right: 1px solid @sapUiListTableFixedBorderColor;
44
+ border-right: 1px solid var(--sapList_TableFixedBorderColor);
45
45
  }
@@ -3,13 +3,13 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* =================================== */
5
5
 
6
- @_sap_m_ListItemBase_Highlight_InformationColor: @sapUiAccent6;
7
- @_sap_m_ListItemBase_Navigated: @sapUiListSelectionBorderColor;
6
+ @_sap_m_ListItemBase_Highlight_InformationColor: var(--sapAccentColor6);
7
+ @_sap_m_ListItemBase_Navigated: var(--sapList_SelectionBorderColor);
8
8
  @_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.25rem;
9
9
  @_sap_m_ListItemBase_DeleteIcon: decline;
10
10
 
11
11
  .sapMLIB.sapMLIBSelected {
12
- border-bottom: 0.0625rem solid @sapUiListSelectionBorderColor;
12
+ border-bottom: 0.0625rem solid var(--sapList_SelectionBorderColor);
13
13
  }
14
14
 
15
15
  .sapMLIBFocusable:focus {
@@ -5,12 +5,15 @@
5
5
 
6
6
  /* Compact size */
7
7
  .sapUiSizeCompact {
8
+
8
9
  .sapMMenuBtn {
10
+
9
11
  .sapMBtnInner.sapMBtnText .sapMBtnIcon {
10
12
  margin-left: 0;
11
13
  margin-right: 0;
12
14
  }
13
15
  }
16
+
14
17
  .sapMMenuBtn .sapMBtnIcon {
15
18
  margin-left: 0.4375rem;
16
19
  margin-right: 0.4375rem;
@@ -18,14 +21,15 @@
18
21
  }
19
22
 
20
23
  .sapMMenuBtn {
24
+
21
25
  .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized,
22
26
  span.sapMBtnInner.sapMBtnEmphasized {
23
- border-left-color: @sapUiButtonEmphasizedTextColor;
27
+ border-left-color: var(--sapButton_Emphasized_TextColor);
24
28
  }
25
29
  }
26
30
 
27
31
  .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized {
28
- border-left-color: @sapUiButtonEmphasizedTextColor;
32
+ border-left-color: var(--sapButton_Emphasized_TextColor);
29
33
  }
30
34
 
31
35
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
@@ -33,13 +37,13 @@
33
37
  }
34
38
 
35
39
  .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
36
- padding-left: 0rem;
40
+ padding-left: 0;
37
41
  }
38
42
 
39
43
  .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnText) .sapMBtnIcon {
40
- padding-right: 0rem;
44
+ padding-right: 0;
41
45
  }
42
46
 
43
47
  .sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
44
- background-color: @sapUiButtonSelectedBackground;
48
+ background-color: var(--sapButton_Selected_Background);
45
49
  }
@@ -4,5 +4,5 @@
4
4
  /* =================================== */
5
5
 
6
6
  .sapMRespMenuDialog .sapMLIB {
7
- border-bottom: 1px solid;
7
+ border-bottom: 1px solid;
8
8
  }
@@ -4,7 +4,7 @@
4
4
  /* ================================== */
5
5
 
6
6
  .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
7
- color: @sapUiInformativeElement;
7
+ color: var(--sapInformativeElementColor);
8
8
  }
9
9
 
10
10
  .sapMMessageBox .sapMDialogFooter .sapMBtn {
@@ -3,4 +3,4 @@
3
3
  /* Horizon High Contrast Black theme */
4
4
  /* ============================================ */
5
5
 
6
- @_sap_m_NotificationListGroup_Background: @sapUiListGroupHeaderBackground;
6
+ @_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);