@openui5/themelib_sap_horizon 1.108.27 → 1.108.29

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.
@@ -101,25 +101,16 @@
101
101
  .sapMObjStatusInverted {
102
102
  box-sizing: border-box;
103
103
  min-width: 1.375rem;
104
- & .sapMObjStatusText,
105
- & .sapMObjStatusIcon.sapMObjStatusIconOnly,
106
- & .sapMObjStatusIcon .sapMObjStatusIconOnly,
107
- & .sapMObjStatusLink .sapMObjStatusIcon.sapMObjStatusIconOnly,
108
- & .sapMObjStatusLink .sapMObjStatusText {
109
- border-radius: @sapUiButtonBorderCornerRadius;
110
- }
111
- & .sapMObjStatusIcon {
112
- border-radius: @sapUiButtonBorderCornerRadius 0 0 @sapUiButtonBorderCornerRadius;
113
- }
114
- & .sapMObjStatusIcon + .sapMObjStatusText {
115
- border-radius: 0 @sapUiButtonBorderCornerRadius @sapUiButtonBorderCornerRadius 0;
116
- }
104
+ }
105
+
106
+ .sapMObjStatusInverted .sapMObjStatusWrapper {
107
+ border: 0.0625rem solid;
108
+ border-radius: @sapUiButtonBorderCornerRadius;
117
109
  }
118
110
 
119
111
  .sapMObjStatusInverted .sapMObjStatusText,
120
112
  .sapMObjStatusInverted .sapMObjStatusIcon {
121
113
  color: @sapUiContentContrastTextColor;
122
- border: 0.0625rem solid;
123
114
  }
124
115
 
125
116
  .sapMObjStatusInverted .sapMObjStatusIcon.sapMObjStatusIconOnly,
@@ -136,215 +127,242 @@
136
127
  vertical-align: middle;
137
128
  }
138
129
 
139
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusText,
140
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusIcon {
130
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
141
131
  background-color: @sapUiBaseBG;
142
132
  border: 0.0625rem solid @sapUiButtonNegativeBorderColor;
143
133
  }
144
134
 
145
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusText,
146
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover .sapMObjStatusIcon {
135
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
147
136
  background-color: @sapUiButtonNegativeHoverBackground;
148
137
  border: 0.0625rem solid @sapUiButtonNegativeHoverBorderColor;
149
138
  }
150
139
 
151
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusText,
152
- .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active .sapMObjStatusIcon {
140
+ .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusLink:active > .sapMObjStatusWrapper {
153
141
  background-color: @sapUiButtonNegativeActiveBackground;
154
142
  }
155
143
 
156
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusText,
157
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusIcon {
144
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusWrapper {
158
145
  background-color: @sapUiBaseBG;
159
146
  border: 0.0625rem solid @sapUiButtonCriticalBorderColor;
160
147
  }
161
148
 
162
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusText,
163
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover .sapMObjStatusIcon {
149
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
164
150
  border: 0.0625rem solid @sapUiButtonCriticalHoverBorderColor;
165
151
  background-color: @sapUiButtonCriticalHoverBackground;
166
152
  }
167
153
 
168
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusText,
169
- .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active .sapMObjStatusIcon {
154
+ .sapMObjStatusInverted.sapMObjStatusWarning .sapMObjStatusLink:active > .sapMObjStatusWrapper {
170
155
  background-color: @sapUiButtonCriticalActiveBackground;
171
156
  }
172
157
 
173
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusText,
174
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusIcon {
158
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusWrapper {
175
159
  background-color: @sapUiBaseBG;
176
160
  border: 0.0625rem solid @sapUiButtonSuccessBorderColor;
177
161
  }
178
162
 
179
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusText,
180
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover .sapMObjStatusIcon {
163
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
181
164
  background-color: @sapUiButtonSuccessHoverBackground;
182
165
  border: 0.0625rem solid @sapUiButtonSuccessHoverBorderColor;
183
166
  }
184
167
 
185
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusText,
186
- .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active .sapMObjStatusIcon {
168
+ .sapMObjStatusInverted.sapMObjStatusSuccess .sapMObjStatusLink:active > .sapMObjStatusWrapper {
187
169
  background-color: @sapUiButtonSuccessActiveBackground;
188
170
  }
189
171
 
190
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusText,
191
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusIcon {
172
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusWrapper {
192
173
  background-color: @sapUiInformationBG;
193
174
  border: 0.0625rem solid @sapUiContentForegroundBorderColor;
194
175
  }
195
176
 
196
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusText,
197
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover .sapMObjStatusIcon {
177
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
198
178
  background-color: @sapUiButtonHoverBackground;
199
179
  }
200
180
 
201
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusText,
202
- .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active .sapMObjStatusIcon {
181
+ .sapMObjStatusInverted.sapMObjStatusInformation .sapMObjStatusLink:active > .sapMObjStatusWrapper {
203
182
  background-color: @sapUiButtonActiveBackground;
204
183
 
205
184
  }
206
185
 
207
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusText,
208
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusIcon {
186
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusWrapper {
209
187
  border: 0.0625rem solid @sapUiButtonNeutralBorderColor;
210
188
  background-color: @sapUiBaseBG;
211
189
  }
212
190
 
213
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusText,
214
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover .sapMObjStatusIcon {
191
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:hover > .sapMObjStatusWrapper {
215
192
  border: 0.0625rem solid @sapUiButtonNeutralHoverBorderColor;
216
193
  background-color: @sapUiButtonNeutralHoverBackground;
217
194
  }
218
195
 
219
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusText,
220
- .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active .sapMObjStatusIcon {
196
+ .sapMObjStatusInverted.sapMObjStatusNone .sapMObjStatusLink:active > .sapMObjStatusWrapper {
221
197
  background-color: @sapUiButtonNeutralActiveBackground;;
222
198
  }
223
199
 
224
- .sapMObjStatus.sapMObjStatusInverted,
225
- .sapMObjStatus.sapMObjStatusInverted.sapMObjStatusActive {
226
- .sapMObjStatusIcon:not(.sapMObjStatusIconOnly){
227
- border-right: none;
228
- &:hover:active{
229
- border-right: none;
230
- }
231
- }
232
- .sapMObjStatusIcon + .sapMObjStatusText {
233
- border-left: none;
234
- }
200
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusWrapper {
201
+ background-color: @sapUiIndication1Background;
202
+ border-color: @sapUiIndication1BorderColor;
235
203
  }
236
204
 
237
205
  .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusText,
238
206
  .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusIcon {
239
- background-color: @sapUiIndication1Background;
240
- border-color: @sapUiIndication1BorderColor;
241
207
  color: @sapUiIndication1TextColor;
242
208
  }
243
209
 
244
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
245
- .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
210
+
211
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusWrapper {
246
212
  background-color: @sapUiIndication2Background;
247
213
  border-color: @sapUiIndication2BorderColor;
214
+ }
215
+
216
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusText,
217
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusIcon {
248
218
  color: @sapUiIndication2TextColor;
249
219
  }
250
220
 
251
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
252
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
221
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusWrapper {
253
222
  background-color: @sapUiIndication3Background;
254
223
  border-color: @sapUiIndication3BorderColor;
224
+ }
225
+
226
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusText,
227
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusIcon {
255
228
  color: @sapUiIndication3TextColor;
256
229
  }
257
230
 
258
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
259
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
231
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusWrapper {
260
232
  background-color: @sapUiIndication4Background;
261
233
  border-color: @sapUiIndication4BorderColor;
234
+ }
235
+
236
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusText,
237
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusIcon {
262
238
  color: @sapUiIndication4TextColor;
263
239
  }
264
240
 
265
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
266
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
241
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusWrapper {
267
242
  background-color: @sapUiIndication5Background;
268
243
  border-color: @sapUiIndication5BorderColor;
244
+ }
245
+
246
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusText,
247
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusIcon {
269
248
  color: @sapUiIndication5TextColor;
270
249
  }
271
250
 
272
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
273
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
251
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusWrapper {
274
252
  background-color: @sapUiIndication6Background;
275
253
  border-color: @sapUiIndication6BorderColor;
254
+ }
255
+
256
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusText,
257
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusIcon {
276
258
  color: @sapUiIndication6TextColor;
277
259
  }
278
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
279
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
260
+
261
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusWrapper {
280
262
  background-color: @sapUiIndication7Background;
281
263
  border-color: @sapUiIndication7BorderColor;
264
+ }
265
+
266
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusText,
267
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusIcon {
282
268
  color: @sapUiIndication7TextColor;
283
269
  }
284
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
285
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
270
+
271
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusWrapper {
286
272
  background-color: @sapUiIndication8Background;
287
273
  border-color: @sapUiIndication8BorderColor;
274
+ }
275
+
276
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusText,
277
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusIcon {
288
278
  color: @sapUiIndication8TextColor;
289
279
  }
290
280
 
291
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
292
- .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
281
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
293
282
  background-color: @sapUiIndication1ActiveBackground;
294
283
  border-color: @sapUiIndication1ActiveBorderColor;
284
+ }
285
+
286
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusText,
287
+ .sapMObjStatusInverted.sapMObjStatusIndication01 .sapMObjStatusLink:active .sapMObjStatusIcon {
295
288
  color: @sapUiIndication1ActiveTextColor;
289
+ }
296
290
 
291
+ .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
292
+ background-color: @sapUiIndication2ActiveBackground;
293
+ border-color: @sapUiIndication2ActiveBorderColor;
297
294
  }
298
295
 
299
296
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusText,
300
297
  .sapMObjStatusInverted.sapMObjStatusIndication02 .sapMObjStatusLink:active .sapMObjStatusIcon {
301
- background-color: @sapUiIndication2ActiveBackground;
302
- border-color: @sapUiIndication2ActiveBorderColor;
303
298
  color: @sapUiIndication2ActiveTextColor;
304
299
  }
305
300
 
306
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
307
- .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
301
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
308
302
  background-color: @sapUiIndication3ActiveBackground;
309
303
  border-color: @sapUiIndication3ActiveBorderColor;
304
+ }
305
+
306
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusText,
307
+ .sapMObjStatusInverted.sapMObjStatusIndication03 .sapMObjStatusLink:active .sapMObjStatusIcon {
310
308
  color: @sapUiIndication3ActiveTextColor;
311
309
  }
312
310
 
313
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
314
- .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
311
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
315
312
  background-color: @sapUiIndication4ActiveBackground;
316
313
  border-color: @sapUiIndication4ActiveBorderColor;
314
+ }
315
+
316
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusText,
317
+ .sapMObjStatusInverted.sapMObjStatusIndication04 .sapMObjStatusLink:active .sapMObjStatusIcon {
317
318
  color: @sapUiIndication4ActiveTextColor;
318
319
  }
319
320
 
320
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
321
- .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
321
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
322
322
  background-color: @sapUiIndication5ActiveBackground;
323
323
  border-color: @sapUiIndication5ActiveBorderColor;
324
+ }
325
+
326
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusText,
327
+ .sapMObjStatusInverted.sapMObjStatusIndication05 .sapMObjStatusLink:active .sapMObjStatusIcon {
324
328
  color: @sapUiIndication5ActiveTextColor;
325
329
  }
326
330
 
327
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
328
- .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
331
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
329
332
  background-color: @sapUiIndication6ActiveBackground;
330
333
  border-color: @sapUiIndication6ActiveBorderColor;
334
+ }
335
+
336
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusText,
337
+ .sapMObjStatusInverted.sapMObjStatusIndication06 .sapMObjStatusLink:active .sapMObjStatusIcon {
331
338
  color: @sapUiIndication6ActiveTextColor;
332
339
  }
333
340
 
334
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
335
- .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
341
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
336
342
  background-color: @sapUiIndication7ActiveBackground;
337
343
  border-color: @sapUiIndication7ActiveBorderColor;
344
+ }
345
+
346
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusText,
347
+ .sapMObjStatusInverted.sapMObjStatusIndication07 .sapMObjStatusLink:active .sapMObjStatusIcon {
338
348
  color: @sapUiIndication7ActiveTextColor;
339
349
  }
340
350
 
341
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
342
- .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
351
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active > .sapMObjStatusWrapper {
343
352
  background-color: @sapUiIndication8ActiveBackground;
344
353
  border-color: @sapUiIndication8ActiveBorderColor;
354
+ }
355
+
356
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusText,
357
+ .sapMObjStatusInverted.sapMObjStatusIndication08 .sapMObjStatusLink:active .sapMObjStatusIcon {
345
358
  color: @sapUiIndication8ActiveTextColor;
346
359
  }
347
360
 
361
+ .sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusText,
362
+ .sapMObjStatusInverted .sapMObjStatusLink:active .sapMObjStatusIcon {
363
+ text-shadow: none;
364
+ }
365
+
348
366
  html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
349
367
  top: 0.125rem;
350
368
  left: 0.125rem;
@@ -364,7 +382,6 @@ html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink::after {
364
382
  font-size: 1.25rem;
365
383
  padding-left: 0;
366
384
  padding-right: 0;
367
- line-height: 2rem;
368
385
  }
369
386
  .sapMObjStatusIcon:not(.sapMObjStatusIconOnly) {
370
387
  padding-left: 0;
@@ -408,6 +425,7 @@ html.sap-desktop .sapMObjStatusActive:focus {
408
425
  bottom: 4px;
409
426
  right: 4px;
410
427
  outline: 2px dotted @sapContent_ContrastFocusColor;
428
+ height: 2rem;
411
429
  }
412
430
 
413
431
  }
@@ -428,4 +446,4 @@ html.sap-desktop .sapMObjStatusActive:focus {
428
446
  line-height: 0.875rem;
429
447
  }
430
448
  }
431
- }
449
+ }
@@ -10,8 +10,8 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
@@ -10,8 +10,8 @@
10
10
  @_sap_tnt_NavigationList_GroupBorderStyleColor: none;
11
11
  @_sap_tnt_NavigationList_ItemHeight: 2.5rem;
12
12
  @_sap_tnt_NavigationList_ItemBorderRadius: 0.375rem;
13
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
14
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
13
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
14
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
15
15
  @_sap_tnt_NavigationList_ItemFocusBorderOffset: -@sapUiContentFocusWidth;
16
16
  @_sap_tnt_NavigationList_ItemFocusBorderRadius: @_sap_tnt_NavigationList_ItemBorderRadius + @sapUiContentFocusWidth;
17
17
  @_sap_tnt_NavigationList_ItemTransition: background-color 0.3s ease-in-out;
@@ -15,8 +15,8 @@
15
15
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
18
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
19
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
18
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
20
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
22
  @_sap_tnt_NavigationList_Padding: 0.5rem;
@@ -15,8 +15,8 @@
15
15
  @_sap_tnt_NavigationList_HoverBorderWidth: 0.0625rem;
16
16
  @_sap_tnt_NavigationList_SelectedBorderWidth: 0.0625rem;
17
17
  @_sap_tnt_NavigationList_Collapsed_SelectedItemBackground: @sapUiListSelectionBackgroundColor;
18
- @_sap_tnt_NavigationList_ItemBottomMargin: 0.125rem;
19
- @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.5rem;
18
+ @_sap_tnt_NavigationList_ItemBottomMargin: 0.25rem;
19
+ @_sap_tnt_NavigationList_ItemBottomMarginCompact: 0.25rem;
20
20
  @_sap_tnt_NavigationList_GroupTextWeight: bold;
21
21
  @_sap_tnt_NavigationList_NoIconsNestedItemPadding: 2rem;
22
22
  @_sap_tnt_NavigationList_Padding: 0.5rem;
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.108.27</version>
9
+ <version>1.108.29</version>
10
10
 
11
11
  <documentation>SAPUI5 Horizon theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.108.27</version>
9
+ <version>1.108.29</version>
10
10
 
11
11
  <documentation>SAPUI5 Evening Horizon theme library.</documentation>
12
12
 
@@ -1000,7 +1000,7 @@
1000
1000
  @sapUiChartCategoryAxisLabelFontHoverColor: @sapUiContentForegroundTextColor; // #333333
1001
1001
  @sapUiChartCategoryAxisLabelFontPressedColor: @sapUiContentForegroundTextColor; // #333333
1002
1002
 
1003
- @sapUiChartTargetColor: darken(@sapUiChartGridlineColor, 70); // #333333
1003
+ @sapUiChartTargetColor: lighten(@sapUiChartGridlineColor, 70);
1004
1004
  @sapUiChartTargetShadowColor: @sapUiContentContrastShadowColor; // #ffffff
1005
1005
  @sapUiChartBubbleBGOpacity: 0.8;
1006
1006
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.108.27</version>
9
+ <version>1.108.29</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast black theme library.</documentation>
12
12
 
@@ -6,7 +6,7 @@
6
6
  <copyright>OpenUI5
7
7
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
8
8
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
9
- <version>1.108.27</version>
9
+ <version>1.108.29</version>
10
10
 
11
11
  <documentation>SAPUI5 horizon high contrast white theme library.</documentation>
12
12
 
@@ -290,6 +290,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
290
290
  }
291
291
  }
292
292
 
293
+ .sapUiSizeCompact .sapUiCalHead {
294
+ height: 2.25rem;
295
+ }
296
+
293
297
  .sapUiCalItem {
294
298
  position: relative;
295
299
  &:focus > .sapUiCalItemText {
@@ -617,6 +621,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
617
621
  color: @_sap_ui_unified_Calendar_ItemOtherMonthColor;
618
622
  }
619
623
 
624
+ .sapUiCalItemOtherMonth.sapUiCalItemDsbl {
625
+ opacity: @sapUiContentDisabledOpacity;
626
+ }
627
+
620
628
  .sapUiCalItemSel {
621
629
  color: @sapUiContentContrastTextColor;
622
630
  &:focus > .sapUiCalItemText {
@@ -652,6 +660,9 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
652
660
  .sapUiCalItem.sapUiCalItemSel {
653
661
  font-family: @sapFontBoldFamily;
654
662
  }
663
+ .sapUiCalItem.sapUiCalItemDsbl {
664
+ opacity: @sapUiContentDisabledOpacity;
665
+ }
655
666
  .sapUiCalItem:focus {
656
667
  line-height: 2.75rem;
657
668
  }
@@ -286,6 +286,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
286
286
  }
287
287
  }
288
288
 
289
+ .sapUiSizeCompact .sapUiCalHead {
290
+ height: 2.25rem;
291
+ }
292
+
289
293
  .sapUiCalItem {
290
294
  position: relative;
291
295
  &:focus > .sapUiCalItemText {
@@ -607,6 +611,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
607
611
  color: @_sap_ui_unified_Calendar_ItemOtherMonthColor;
608
612
  }
609
613
 
614
+ .sapUiCalItemOtherMonth.sapUiCalItemDsbl {
615
+ opacity: @sapUiContentDisabledOpacity;
616
+ }
617
+
610
618
  .sapUiCalItemSel {
611
619
  color: @sapUiContentContrastTextColor;
612
620
  &:focus > .sapUiCalItemText {
@@ -642,6 +650,9 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
642
650
  .sapUiCalItem.sapUiCalItemSel {
643
651
  font-family: @sapFontBoldFamily;
644
652
  }
653
+ .sapUiCalItem.sapUiCalItemDsbl {
654
+ opacity: @sapUiContentDisabledOpacity;
655
+ }
645
656
  .sapUiCalItem:focus {
646
657
  line-height: 2.75rem;
647
658
  }
@@ -371,6 +371,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
371
371
  color: @_sap_ui_unified_Calendar_ItemOtherMonthColor;
372
372
  }
373
373
 
374
+ .sapUiCalItemOtherMonth.sapUiCalItemDsbl {
375
+ opacity: @sapUiContentDisabledOpacity;
376
+ }
377
+
374
378
  .sapUiCalItemSel {
375
379
  color: @sapUiContentContrastTextColor;
376
380
  &:focus > .sapUiCalItemText {
@@ -405,6 +409,9 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
405
409
  .sapUiCalItem.sapUiCalItemSel {
406
410
  font-family: @sapFontBoldFamily;
407
411
  }
412
+ .sapUiCalItem.sapUiCalItemDsbl {
413
+ opacity: @sapUiContentDisabledOpacity;
414
+ }
408
415
  .sapUiCalItem:focus {
409
416
  line-height: 2.75rem;
410
417
  }
@@ -371,6 +371,10 @@ html.sap-desktop .sapUiCalItemSel:not(.sapUiCalItemNow):not(.sapUiCalItemSelBetw
371
371
  color: @_sap_ui_unified_Calendar_ItemOtherMonthColor;
372
372
  }
373
373
 
374
+ .sapUiCalItemOtherMonth.sapUiCalItemDsbl {
375
+ opacity: @sapUiContentDisabledOpacity;
376
+ }
377
+
374
378
  .sapUiCalItemSel {
375
379
  color: @sapUiContentContrastTextColor;
376
380
  &:focus > .sapUiCalItemText {
@@ -405,6 +409,9 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
405
409
  .sapUiCalItem.sapUiCalItemSel {
406
410
  font-family: @sapFontBoldFamily;
407
411
  }
412
+ .sapUiCalItem.sapUiCalItemDsbl {
413
+ opacity: @sapUiContentDisabledOpacity;
414
+ }
408
415
  .sapUiCalItem:focus {
409
416
  line-height: 2.75rem;
410
417
  }