@openui5/themelib_sap_belize 1.128.0 → 1.130.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 (27) hide show
  1. package/THIRDPARTY.txt +2 -2
  2. package/package.json +18 -18
  3. package/src/sap/m/themes/sap_belize/SlideTile.less +2 -2
  4. package/src/sap/m/themes/sap_belize_base/Carousel.less +4 -0
  5. package/src/sap/m/themes/sap_belize_base/Dialog.less +1 -7
  6. package/src/sap/m/themes/sap_belize_base/GenericTile.less +6 -8
  7. package/src/sap/m/themes/sap_belize_base/QuickView.less +9 -5
  8. package/src/sap/m/themes/sap_belize_base/RatingIndicator.less +28 -38
  9. package/src/sap/m/themes/sap_belize_base/SlideTile.less +246 -10
  10. package/src/sap/m/themes/sap_belize_base/TileContent.less +34 -7
  11. package/src/sap/m/themes/sap_belize_base/Token.less +4 -4
  12. package/src/sap/m/themes/sap_belize_hcb/SlideTile.less +2 -2
  13. package/src/sap/m/themes/sap_belize_hcw/SlideTile.less +2 -2
  14. package/src/sap/ui/core/themes/sap_belize/.theme +1 -1
  15. package/src/sap/ui/core/themes/sap_belize/base.less +511 -3
  16. package/src/sap/ui/core/themes/sap_belize/global.less +466 -0
  17. package/src/sap/ui/core/themes/sap_belize_base/global.less +457 -4
  18. package/src/sap/ui/core/themes/sap_belize_hcb/.theme +1 -1
  19. package/src/sap/ui/core/themes/sap_belize_hcb/base.less +524 -16
  20. package/src/sap/ui/core/themes/sap_belize_hcb/global.less +466 -0
  21. package/src/sap/ui/core/themes/sap_belize_hcw/.theme +1 -1
  22. package/src/sap/ui/core/themes/sap_belize_hcw/base.less +521 -13
  23. package/src/sap/ui/core/themes/sap_belize_hcw/global.less +466 -0
  24. package/src/sap/ui/core/themes/sap_belize_plus/.theme +1 -1
  25. package/src/sap/ui/core/themes/sap_belize_plus/base.less +113 -7
  26. package/src/sap/ui/integration/themes/sap_belize_base/Card.less +31 -0
  27. package/src/sap/ui/table/themes/sap_belize_base/AnalyticalTable.less +0 -20
package/THIRDPARTY.txt CHANGED
@@ -6,7 +6,7 @@ The full text of all referenced licenses is appended at the end of this file.
6
6
 
7
7
  Library: sap.m:
8
8
 
9
- Component: purify.js, version: 2.3.8
9
+ Component: purify.js, version: 3.1.7
10
10
  Copyright: Mario Heiderich
11
11
  License: Apache-2.0
12
12
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -468,7 +468,7 @@ License: Apache-2.0
468
468
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
469
469
  Contained in: lib/jsdoc/ui5/plugin.js
470
470
 
471
- Component: SAP Theming Base Content, version: 11.16.1
471
+ Component: SAP Theming Base Content, version: 11.18.0
472
472
  Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
473
473
  License: Apache-2.0
474
474
  License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@openui5/themelib_sap_belize",
3
- "version": "1.128.0",
3
+ "version": "1.130.0",
4
4
  "description": "OpenUI5 Theme Library sap_belize",
5
5
  "author": "SAP SE (https://www.sap.com)",
6
6
  "license": "Apache-2.0",
@@ -14,22 +14,22 @@
14
14
  "url": "https://github.com/SAP/openui5.git"
15
15
  },
16
16
  "devDependencies": {
17
- "@openui5/sap.f": "1.128.0",
18
- "@openui5/sap.m": "1.128.0",
19
- "@openui5/sap.tnt": "1.128.0",
20
- "@openui5/sap.ui.codeeditor": "1.128.0",
21
- "@openui5/sap.ui.commons": "1.128.0",
22
- "@openui5/sap.ui.core": "1.128.0",
23
- "@openui5/sap.ui.dt": "1.128.0",
24
- "@openui5/sap.ui.fl": "1.128.0",
25
- "@openui5/sap.ui.mdc": "1.128.0",
26
- "@openui5/sap.ui.integration": "1.128.0",
27
- "@openui5/sap.ui.layout": "1.128.0",
28
- "@openui5/sap.ui.rta": "1.128.0",
29
- "@openui5/sap.ui.suite": "1.128.0",
30
- "@openui5/sap.ui.table": "1.128.0",
31
- "@openui5/sap.ui.unified": "1.128.0",
32
- "@openui5/sap.ui.ux3": "1.128.0",
33
- "@openui5/sap.uxap": "1.128.0"
17
+ "@openui5/sap.f": "1.130.0",
18
+ "@openui5/sap.m": "1.130.0",
19
+ "@openui5/sap.tnt": "1.130.0",
20
+ "@openui5/sap.ui.codeeditor": "1.130.0",
21
+ "@openui5/sap.ui.commons": "1.130.0",
22
+ "@openui5/sap.ui.core": "1.130.0",
23
+ "@openui5/sap.ui.dt": "1.130.0",
24
+ "@openui5/sap.ui.fl": "1.130.0",
25
+ "@openui5/sap.ui.mdc": "1.130.0",
26
+ "@openui5/sap.ui.integration": "1.130.0",
27
+ "@openui5/sap.ui.layout": "1.130.0",
28
+ "@openui5/sap.ui.rta": "1.130.0",
29
+ "@openui5/sap.ui.suite": "1.130.0",
30
+ "@openui5/sap.ui.table": "1.130.0",
31
+ "@openui5/sap.ui.unified": "1.130.0",
32
+ "@openui5/sap.ui.ux3": "1.130.0",
33
+ "@openui5/sap.uxap": "1.130.0"
34
34
  }
35
35
  }
@@ -32,12 +32,12 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
32
32
  }
33
33
 
34
34
  /* Bulleted indicator of multiple tiles*/
35
- .sapMSTBulleted > span {
35
+ .sapMSTBulleted .sapMSTIndicator {
36
36
  background-color: @sapUiContentNonInteractiveIconColor;
37
37
  box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
38
38
  }
39
39
 
40
- .sapMSTBulleted > span.sapMSTActive {
40
+ .sapMSTBulleted .sapMSTIndicator.sapMSTActive {
41
41
  background-color: @sapUiContentContrastIconColor;
42
42
  box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
43
43
  }
@@ -423,6 +423,10 @@ html[data-sap-ui-animation='off'] .sapMCrsl .sapMCrslInner {
423
423
  display: flex;
424
424
  justify-content: center;
425
425
  align-self: center;
426
+
427
+ &.sapMCrslPageIndicatorHidden {
428
+ opacity: 0;
429
+ }
426
430
  }
427
431
 
428
432
  .sapMCrslControlsNoArrows .sapMCrslBulleted,
@@ -40,8 +40,7 @@
40
40
  display: flex !important;
41
41
  flex-direction: column;
42
42
  opacity: 0;
43
- -webkit-transition: opacity .15s, left 0.2s, top 0.2s;
44
- transition: opacity .15s, left 0.2s, top 0.2s;
43
+ transition: opacity .15s;
45
44
  border-radius: @sapUiElementBorderCornerRadius;
46
45
  box-shadow: @sapUiContentShadow3;
47
46
 
@@ -285,11 +284,6 @@ html.sap-desktop .sapMDialog {
285
284
  user-select: none;
286
285
  }
287
286
 
288
- .sapDialogDisableTransition {
289
- transition: none;
290
- -webkit-transition: none;
291
- }
292
-
293
287
  .sapMDialogResizeHandle {
294
288
  bottom: 0;
295
289
  cursor: se-resize;
@@ -720,14 +720,12 @@ border-radius: 0.25rem;
720
720
  display: inline-block;
721
721
  }
722
722
 
723
- .sapMGT {
724
- .sapMGTContent {
725
- height: 6.375rem;
726
- display: inline-block;
727
- white-space: nowrap;
728
- width: 100%;
729
- overflow: hidden;
730
- }
723
+ .sapMGTContent {
724
+ height: 6.375rem;
725
+ display: inline-block;
726
+ white-space: nowrap;
727
+ width: 100%;
728
+ overflow: hidden;
731
729
  }
732
730
 
733
731
  .sapMGTHdrTxt {
@@ -114,6 +114,15 @@ html.sap-tablet .sapMQuickViewPage > section {
114
114
  }
115
115
  }
116
116
 
117
+ .sapMQuickViewPage .sapUiVltCell>.sapMTitle,
118
+ .sapMQuickViewPage .sapUiVltCell .sapMLnk:not(.sapMLnkWrapping) .sapMLnkText {
119
+ display: -webkit-box;
120
+ -webkit-box-orient: vertical;
121
+ -webkit-line-clamp: 2;
122
+ white-space: normal;
123
+ word-wrap: break-word;
124
+ }
125
+
117
126
  .sapMQuickViewPage .sapUiFormResGridCont > div {
118
127
  padding: 0;
119
128
  }
@@ -176,16 +185,11 @@ html.sap-phone .sapMQuickViewPage .sapUiHLayout {
176
185
  }
177
186
 
178
187
  .sapMQuickViewPage .sapUiVltCell:first-child {
179
- max-height: @_sap_m_QuickView_TitleMaxHeight;
180
188
  margin-bottom: @_sap_m_QuickView_TitleMarginBottom;
181
- overflow: hidden;
182
189
  }
183
190
 
184
191
  .sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
185
192
  width: 100%;
186
- line-height: 1.4rem;
187
- max-height: 2.8rem;
188
- overflow: hidden;
189
193
  }
190
194
 
191
195
  .sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {
@@ -12,10 +12,6 @@
12
12
  margin: 0.8125rem 0;
13
13
  }
14
14
 
15
- .sapUiSizeCompact .sapMRI {
16
- margin: 0.5rem 0;
17
- }
18
-
19
15
  html.sap-phone .sapMRI:focus,
20
16
  html.sap-tablet .sapMRI:focus {
21
17
  outline: none;
@@ -61,6 +57,12 @@ html.sap-tablet .sapMRI:focus {
61
57
  color: darken(@sapUiAccent1, 5);
62
58
  }
63
59
 
60
+ .sapMRI.sapMRIDisplayOnly .sapUiIcon,
61
+ .sapMRI.sapMRIDisplayOnly .sapMImg {
62
+ padding-right: @sapUiRIIconPaddingDisplayOnly;
63
+ height: @sapUiRIIconSizeDisplayOnly;
64
+ }
65
+
64
66
  .sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov, .sapMRIIconReadOnly {
65
67
  font-family: SAP-icons;
66
68
  }
@@ -75,29 +77,6 @@ html.sap-tablet .sapMRI:focus {
75
77
  margin: 0 0.5rem;
76
78
  }
77
79
 
78
- .sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
79
- .sapUiRatingIndicatorXS .sapMRI .sapMImg {
80
- padding-right: @sapUiRIIconPaddingXS;
81
- vertical-align:top;
82
- }
83
- .sapUiRatingIndicatorS .sapMRI .sapUiIcon,
84
- .sapUiRatingIndicatorS .sapMRI .sapMImg {
85
- padding-right: @sapUiRIIconPaddingS;
86
- vertical-align:top;
87
- }
88
-
89
- .sapUiRatingIndicatorM .sapMRI .sapUiIcon,
90
- .sapUiRatingIndicatorM .sapMRI .sapMImg {
91
- padding-right: @sapUiRIIconPaddingM;
92
- vertical-align:top;
93
- }
94
-
95
- .sapUiRatingIndicatorL .sapMRI .sapUiIcon,
96
- .sapUiRatingIndicatorL .sapMRI .sapMImg {
97
- padding-right: @sapUiRIIconPaddingL;
98
- vertical-align:top;
99
- }
100
-
101
80
  .sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
102
81
  .sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
103
82
  .sapMRI.sapUiRatingIndicatorS .sapUiIcon:last-child,
@@ -109,11 +88,6 @@ html.sap-tablet .sapMRI:focus {
109
88
  padding-right: 0;
110
89
  }
111
90
 
112
- .sapMRIIcon { /* required for size calculation */
113
- height: 1.375rem; /* default size */
114
- overflow: hidden;
115
- }
116
-
117
91
  .sapMRIDisabled {
118
92
  outline: none;
119
93
  cursor: default;
@@ -127,7 +101,8 @@ html.sap-tablet .sapMRI:focus {
127
101
 
128
102
  .sapMRI .sapUiIcon,
129
103
  .sapMRI .sapMImg {
130
- padding-right: 0.25rem;
104
+ padding-right: @sapUiRIIconPaddingCozy;
105
+ height: @sapUiRIIconSizeCozy;
131
106
  }
132
107
 
133
108
  .sapMRI .sapUiIcon:last-child,
@@ -139,15 +114,30 @@ html.sap-tablet .sapMRI:focus {
139
114
  .sapUiSizeCompact {
140
115
  .sapMRI {
141
116
  margin: 0.5rem 0;
117
+ }
118
+
119
+ .sapMRI.sapMRIDisplayOnly {
120
+ margin: 0;
121
+ }
122
+
123
+ .sapMRI .sapUiIcon,
124
+ .sapMRI .sapMImg {
125
+ padding-right: @sapUiRIIconPaddingCompact;
126
+ height: @sapUiRIIconSizeCompact;
127
+ }
142
128
 
143
- &.sapMRIDisplayOnly {
144
- margin: 0;
145
- }
129
+ .sapMRI.sapMRIDisplayOnly.sapMRINoCustomIconSize .sapUiIcon,
130
+ .sapMRI.sapMRIDisplayOnly.sapMRINoCustomIconSize .sapMImg {
131
+ padding-right: @sapUiRIIconPaddingDisplayOnly;
132
+ height: @sapUiRIIconSizeDisplayOnly;
146
133
  }
147
- .sapMRIIcon {
148
- height: 1rem; /* default size for the compact mode */
134
+
135
+ .sapMRI .sapUiIcon:last-child,
136
+ .sapMRI .sapMImg:last-child {
137
+ padding-right: 0;
149
138
  }
150
139
  }
140
+
151
141
  /* Condensed mode */
152
142
  .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapUiIcon,
153
143
  .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapMImg{
@@ -192,16 +192,34 @@ html.sap-tablet .sapMGTHvrOutln:active {
192
192
  .sapMSTBulleted {
193
193
  position: absolute;
194
194
  text-align: center;
195
- bottom: 0.25rem;
195
+ bottom: 0.0625rem;
196
196
  width: 100%;
197
197
  z-index: 1;
198
198
  cursor: pointer;
199
+ display: flex;
200
+ justify-content: center;
201
+ align-items: center;
202
+ height: 1.5rem;
203
+ bottom: 0.25rem;
204
+ .sapMSTIndicatorWrapper {
205
+ display: flex;
206
+ max-width: 7.5rem;
207
+ overflow: hidden;
208
+ .sapMSTIndicatorTapArea {
209
+ min-width: 24px;
210
+ min-height: 24px;
211
+ display: flex;
212
+ align-items: center;
213
+ justify-content: center;
214
+ transition: transform 0.5s ease
215
+ }
216
+ }
199
217
  }
200
218
 
201
- .sapMSTBulleted > span {
219
+ .sapMSTBulleted .sapMSTIndicator {
202
220
  display: inline-block;
203
- height: 0.375rem;
204
- width: 0.375rem;
221
+ height: 0.5rem;
222
+ width: 0.5rem;
205
223
  margin: 0 0.25rem;
206
224
  border-radius: 50%;
207
225
  }
@@ -261,12 +279,6 @@ html.sap-tablet .sapMST .sapMSTIconClickTapArea {
261
279
  width: 3rem;
262
280
  }
263
281
 
264
- html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
265
- html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
266
- html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
267
- visibility: hidden;
268
- }
269
-
270
282
  .sapMTileSmallPhone {
271
283
  &.sapMST.OneByOne {
272
284
  width: 9.25rem;
@@ -281,4 +293,228 @@ html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
281
293
  &.sapMSTBulleted {
282
294
  bottom: 0.188rem;
283
295
  }
296
+ }
297
+
298
+ .sapMST {
299
+ .sapMTileCnt.News {
300
+ .sapMNwCCTxt {
301
+ margin-top: 0;
302
+ .sapMFT {
303
+ display: -webkit-box;
304
+ -webkit-box-orient: vertical;
305
+ -webkit-line-clamp: 2;
306
+ overflow: hidden;
307
+ text-overflow: ellipsis;
308
+ }
309
+ }
310
+ .sapMNwCSbh {
311
+ .sapMFT {
312
+ text-overflow: ellipsis;
313
+ white-space: nowrap;
314
+ overflow: hidden;
315
+ }
316
+ }
317
+ }
318
+ &.sapMSTIndicatorVisible {
319
+ .sapMSTBulleted {
320
+ .sapMBtn {
321
+ .sapUiIcon {
322
+ color: @sapUiContentNonInteractiveIconColor;
323
+ }
324
+ }
325
+ }
326
+ .sapMGenericTileFtrFld {
327
+ top: 0.5rem;
328
+ }
329
+ }
330
+ }
331
+
332
+ .sapMST.sapMSTIndicatorVisible.Stretch {
333
+ .sapMGenericTileFtrFldTxt {
334
+ .sapMText {
335
+ width: -webkit-calc(~'100% - 40px');
336
+ font-family: @sapFontBoldFamily;
337
+ font-size: @sapFontSize;
338
+ line-height: normal;
339
+ text-shadow: @sapContent_TextShadow;
340
+ }
341
+ }
342
+ }
343
+
344
+ .sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
345
+ .sapMGenericTileFtrFldTxt {
346
+ .sapMText {
347
+ font-size: @sapFontSmallSize;
348
+ }
349
+ }
350
+ }
351
+
352
+ .sapMST.sapMSTIndicatorVisible.TwoByOne {
353
+ .sapMGT.TwoByOne {
354
+ .sapMTileCnt.News {
355
+ height: 6.375rem;
356
+ margin-top: 0;
357
+ .sapMTileCntContent{
358
+ height: 3rem;
359
+ .sapMNwC {
360
+ max-height: 3rem;
361
+ .sapMNwCCTxt {
362
+ max-height: 2rem;
363
+ .sapMText {
364
+ font-size: @sapFontSize;
365
+ font-family: @sapFontBoldFamily;
366
+ }
367
+ .sapMFT {
368
+ font-size: @sapFontSize;
369
+ font-family: @sapFontBoldFamily;
370
+ }
371
+ }
372
+ }
373
+ }
374
+ .sapMTileCntFtrTxt {
375
+ bottom: 1.875rem;
376
+ font-family: @sapFontFamily;
377
+ font-size: @sapFontSmallSize;
378
+ line-height: normal;
379
+ }
380
+ }
381
+ }
382
+ .sapMSTBulleted {
383
+ bottom: 0.25rem;
384
+ }
385
+ .sapMGenericTileFtrFldTxt {
386
+ .sapMText {
387
+ width: 17.125rem;
388
+ font-family: @sapFontBoldFamily;
389
+ font-size: @sapFontSize;
390
+ line-height: normal;
391
+ text-shadow: @sapContent_TextShadow;
392
+ }
393
+ }
394
+ }
395
+
396
+ .sapMST.sapMSTIndicatorVisible.OneByOne {
397
+ .sapMGT.OneByOne {
398
+ .sapMGTHdrContent {
399
+ height: 3.375rem;
400
+ padding: 0;
401
+ }
402
+ .sapMGTContent {
403
+ height: 7.625rem;
404
+ .sapMTileCnt.News {
405
+ height: 100%;
406
+ margin: 0;
407
+ .sapMTileCntContent{
408
+ margin: 0.5rem 0 0.5rem 0;
409
+ height: 2.625rem;
410
+ .sapMFT {
411
+ font-size: @sapFontSmallSize;
412
+ }
413
+ }
414
+ .sapMTileCntFtrTxt {
415
+ bottom: 3rem;
416
+ font-family: @sapFontFamily;
417
+ font-size: @sapFontSmallSize;
418
+ line-height: normal;
419
+ }
420
+ }
421
+ }
422
+ }
423
+ .sapMSTBulleted {
424
+ bottom: 1rem;
425
+ .sapMSTIndicatorWrapper {
426
+ max-width: 6rem;
427
+ }
428
+ }
429
+ .sapMGenericTileFtrFld {
430
+ display: flex;
431
+ flex-direction: column;
432
+ gap: 0.25rem;
433
+ .sapMGenericTileFtrFldTxt {
434
+ padding: 0;
435
+ .sapMText {
436
+ width: 7.8125rem;
437
+ font-family: @sapFontBoldFamily;
438
+ font-size: @sapFontSmallSize;
439
+ line-height: normal;
440
+ text-shadow: @sapContent_TextShadow;
441
+ }
442
+ }
443
+ }
444
+ }
445
+
446
+ .sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.TwoByOne {
447
+ .sapMGT.TwoByOne {
448
+ .sapMGTHdrContent {
449
+ height: 3.1875rem;
450
+ padding: 0;
451
+ }
452
+ .sapMGTContent {
453
+ height: 6.125rem;
454
+ .sapMTileCnt.News {
455
+ height: 100%;
456
+ .sapMTileCntContent {
457
+ height: 2.5rem;
458
+ .sapMNwC {
459
+ height: 2.5rem;
460
+ .sapMNwCCTxt {
461
+ height: 1.75rem;
462
+ }
463
+ .sapMNwCSbh {
464
+ height: 14px;
465
+ }
466
+ .sapMFT {
467
+ font-size: @sapFontSmallSize;
468
+ }
469
+ }
470
+ }
471
+ }
472
+ .sapMTileCntFtrTxt {
473
+ bottom: 2.25rem;
474
+ }
475
+ }
476
+ }
477
+ .sapMSTBulleted {
478
+ bottom: 0.5rem;
479
+ }
480
+ .sapMGenericTileFtrFldTxt {
481
+ .sapMText {
482
+ width: 13.6875rem;
483
+ font-size: @sapFontSmallSize;
484
+ }
485
+ }
486
+ }
487
+
488
+ .sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.OneByOne {
489
+ .sapMGT.OneByOne {
490
+ .sapMGTContent {
491
+ height: 5.875rem;
492
+ .sapMTileCnt.News {
493
+ height: inherit;
494
+ margin-top: 0;
495
+ .sapMTileCntContent {
496
+ height: 2.625rem;
497
+ margin-bottom: 0.125rem;
498
+ .sapMNwC {
499
+ height: inherit;
500
+ }
501
+
502
+ }
503
+ .sapMTileCntFtrTxt {
504
+ bottom: 1.6875rem
505
+ }
506
+ }
507
+ }
508
+ }
509
+ .sapMSTBulleted {
510
+ bottom: 0.25rem;
511
+ .sapMSTIndicatorWrapper {
512
+ max-width: 4.5rem;
513
+ }
514
+ }
515
+ .sapMGenericTileFtrFldTxt {
516
+ .sapMText {
517
+ width: 6.125rem;
518
+ }
519
+ }
284
520
  }
@@ -146,6 +146,8 @@ html[dir=rtl] .sapMTileCntFtrTxt {
146
146
  }
147
147
  }
148
148
 
149
+ // Styles when the slide tile has only one tile inside it
150
+
149
151
  .Stretch {
150
152
  .sapMTileCnt.News.sapMTileFooterPresent{
151
153
  .sapMTileCntContent {
@@ -173,18 +175,43 @@ html[dir=rtl] .sapMTileCntFtrTxt {
173
175
  }
174
176
  }
175
177
 
176
- .Stretch.sapMSTIndicatorVisible {
177
- .sapMTileCnt.News{
178
+ // Styles when the slide tile has only one tile inside it
179
+
180
+ .sapMST.sapMSTIndicatorVisible.Stretch {
181
+ .sapMTileCnt.News {
182
+ .sapMNwCCTxt,.sapMNwCSbh {
183
+ .sapMFT {
184
+ text-overflow: initial;
185
+ white-space: initial;
186
+ }
187
+ }
188
+ &.sapMTileFooterPresent {
189
+ .sapMTileCntContent {
190
+ height: -webkit-calc(~'100% - 65px') !important;
191
+ }
192
+ }
178
193
  .sapMTileCntContent {
179
- height: -webkit-calc(~'100% - 32px');
194
+ height: -webkit-calc(~'100% - 51px') !important;
180
195
  }
181
196
  }
182
- &.sapMTileSmallPhone {
183
- .sapMTileCnt.News{
197
+ .sapMTileCntFtrTxt {
198
+ bottom: 1.875rem;
199
+ }
200
+ }
201
+
202
+ .sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
203
+ .sapMTileCnt.News {
204
+ &.sapMTileFooterPresent {
184
205
  .sapMTileCntContent {
185
- height: -webkit-calc(~'100% - 23px');
206
+ height: -webkit-calc(~'100% - 54px') !important;
186
207
  }
187
208
  }
209
+ .sapMTileCntContent {
210
+ height: -webkit-calc(~'100% - 40px') !important;
211
+ }
212
+ }
213
+ .sapMTileCntFtrTxt {
214
+ bottom: 1.875rem;
188
215
  }
189
216
  }
190
217
 
@@ -289,4 +316,4 @@ html[dir=rtl] .sapMTileCntFtrTxt {
289
316
  content: "";
290
317
  background-color: fade(@sapUiTileBackground, 80);
291
318
  }
292
- }
319
+ }
@@ -6,8 +6,8 @@
6
6
  @_sap_m_Token_TokenPadding: 0.5rem;
7
7
  @_sap_m_Token_TokenCompactPadding: 0.25rem;
8
8
  @_sap_m_Token_LeftPadding: 0.375rem;
9
- @_sap_m_Token_TokenSize: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
10
- @_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
9
+ @_sap_m_Token_IconWidth: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
10
+ @_sap_m_Token_CompactIconWidth: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
11
11
 
12
12
  .sapMToken {
13
13
  display: inline-block;
@@ -51,7 +51,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
51
51
  pointer-events: none;
52
52
 
53
53
  line-height: 1.5rem;
54
- max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
54
+ max-width: calc(~"100% - " @_sap_m_Token_IconWidth);
55
55
  box-sizing: border-box;
56
56
  }
57
57
 
@@ -60,7 +60,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
60
60
  }
61
61
 
62
62
  .sapUiSizeCompact .sapMTokenText {
63
- max-width: calc(~"100% - " @_sap_m_Token_TokenCompactSize);
63
+ max-width: calc(~"100% - " @_sap_m_Token_CompactIconWidth);
64
64
  font-size: @sapMFontMediumSize;
65
65
  }
66
66
 
@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
21
21
  }
22
22
 
23
23
  /* Bulleted indicator of multiple tiles*/
24
- .sapMSTBulleted > span {
24
+ .sapMSTBulleted .sapMSTIndicator {
25
25
  background-color: @sapUiTileBackground;
26
26
  border: 1px solid @sapUiTileBorderColor;
27
27
  }
28
28
 
29
- .sapMSTBulleted > span.sapMSTActive {
29
+ .sapMSTBulleted .sapMSTIndicator.sapMSTActive {
30
30
  background-color: @sapUiContentContrastIconColor;
31
31
  }
32
32
 
@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
21
21
  }
22
22
 
23
23
  /* Bulleted indicator of multiple tiles*/
24
- .sapMSTBulleted > span {
24
+ .sapMSTBulleted .sapMSTIndicator {
25
25
  background-color: @sapUiTileBackground;
26
26
  border: 1px solid @sapUiTileBorderColor;
27
27
  }
28
28
 
29
- .sapMSTBulleted > span.sapMSTActive {
29
+ .sapMSTBulleted .sapMSTIndicator.sapMSTActive {
30
30
  background-color: @sapUiContentContrastIconColor;
31
31
  }
32
32
 
@@ -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.128.0</version>
9
+ <version>1.130.0</version>
10
10
 
11
11
  <documentation>SAPUI5 belize theme library.</documentation>
12
12