@openui5/themelib_sap_belize 1.128.0 → 1.129.0

package/THIRDPARTY.txt

@@ -468,7 +468,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.16.1
+Component: SAP Theming Base Content, version: 11.18.0
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_belize",
-  "version": "1.128.0",
+  "version": "1.129.0",
   "description": "OpenUI5 Theme Library sap_belize",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.128.0",
-    "@openui5/sap.m": "1.128.0",
-    "@openui5/sap.tnt": "1.128.0",
-    "@openui5/sap.ui.codeeditor": "1.128.0",
-    "@openui5/sap.ui.commons": "1.128.0",
-    "@openui5/sap.ui.core": "1.128.0",
-    "@openui5/sap.ui.dt": "1.128.0",
-    "@openui5/sap.ui.fl": "1.128.0",
-    "@openui5/sap.ui.mdc": "1.128.0",
-    "@openui5/sap.ui.integration": "1.128.0",
-    "@openui5/sap.ui.layout": "1.128.0",
-    "@openui5/sap.ui.rta": "1.128.0",
-    "@openui5/sap.ui.suite": "1.128.0",
-    "@openui5/sap.ui.table": "1.128.0",
-    "@openui5/sap.ui.unified": "1.128.0",
-    "@openui5/sap.ui.ux3": "1.128.0",
-    "@openui5/sap.uxap": "1.128.0"
+    "@openui5/sap.f": "1.129.0",
+    "@openui5/sap.m": "1.129.0",
+    "@openui5/sap.tnt": "1.129.0",
+    "@openui5/sap.ui.codeeditor": "1.129.0",
+    "@openui5/sap.ui.commons": "1.129.0",
+    "@openui5/sap.ui.core": "1.129.0",
+    "@openui5/sap.ui.dt": "1.129.0",
+    "@openui5/sap.ui.fl": "1.129.0",
+    "@openui5/sap.ui.mdc": "1.129.0",
+    "@openui5/sap.ui.integration": "1.129.0",
+    "@openui5/sap.ui.layout": "1.129.0",
+    "@openui5/sap.ui.rta": "1.129.0",
+    "@openui5/sap.ui.suite": "1.129.0",
+    "@openui5/sap.ui.table": "1.129.0",
+    "@openui5/sap.ui.unified": "1.129.0",
+    "@openui5/sap.ui.ux3": "1.129.0",
+    "@openui5/sap.uxap": "1.129.0"
   }
 }

package/src/sap/m/themes/sap_belize/SlideTile.less

@@ -32,12 +32,12 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiContentNonInteractiveIconColor;
 	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
 }

package/src/sap/m/themes/sap_belize_base/Dialog.less

@@ -40,8 +40,7 @@
 	display: flex !important;
 	flex-direction: column;
 	opacity: 0;
-	-webkit-transition: opacity .15s, left 0.2s, top 0.2s;
-	transition: opacity .15s, left 0.2s, top 0.2s;
+	transition: opacity .15s;
 	border-radius: @sapUiElementBorderCornerRadius;
 	box-shadow: @sapUiContentShadow3;
 
@@ -285,11 +284,6 @@ html.sap-desktop .sapMDialog {
 	user-select: none;
 }
 
-.sapDialogDisableTransition {
-	transition: none;
-	-webkit-transition: none;
-}
-
 .sapMDialogResizeHandle {
 	bottom: 0;
 	cursor: se-resize;

package/src/sap/m/themes/sap_belize_base/GenericTile.less

@@ -720,14 +720,12 @@ border-radius: 0.25rem;
 	display: inline-block;
 }
 
-.sapMGT {
-	.sapMGTContent {
-		height: 6.375rem;
-		display: inline-block;
-		white-space: nowrap;
-		width: 100%;
-		overflow: hidden;
-	}
+.sapMGTContent {
+	height: 6.375rem;
+	display: inline-block;
+	white-space: nowrap;
+	width: 100%;
+	overflow: hidden;
 }
 
 .sapMGTHdrTxt {

package/src/sap/m/themes/sap_belize_base/QuickView.less

@@ -114,6 +114,15 @@ html.sap-tablet .sapMQuickViewPage > section {
 	}
 }
 
+.sapMQuickViewPage .sapUiVltCell>.sapMTitle,
+.sapMQuickViewPage .sapUiVltCell .sapMLnk:not(.sapMLnkWrapping) .sapMLnkText {
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	white-space: normal;
+	word-wrap: break-word;
+}
+
 .sapMQuickViewPage .sapUiFormResGridCont > div {
 	padding: 0;
 }
@@ -176,16 +185,11 @@ html.sap-phone .sapMQuickViewPage .sapUiHLayout {
 }
 
 .sapMQuickViewPage .sapUiVltCell:first-child {
-	max-height: @_sap_m_QuickView_TitleMaxHeight;
 	margin-bottom: @_sap_m_QuickView_TitleMarginBottom;
-	overflow: hidden;
 }
 
 .sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
 	width: 100%;
-	line-height: 1.4rem;
-	max-height: 2.8rem;
-	overflow: hidden;
 }
 
 .sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {

package/src/sap/m/themes/sap_belize_base/RatingIndicator.less

@@ -12,10 +12,6 @@
 	margin: 0.8125rem 0;
 }
 
-.sapUiSizeCompact .sapMRI {
-	margin: 0.5rem 0;
-}
-
 html.sap-phone .sapMRI:focus,
 html.sap-tablet .sapMRI:focus {
 	outline: none;
@@ -61,6 +57,12 @@ html.sap-tablet .sapMRI:focus {
 	color: darken(@sapUiAccent1, 5);
 }
 
+.sapMRI.sapMRIDisplayOnly .sapUiIcon,
+.sapMRI.sapMRIDisplayOnly .sapMImg {
+	padding-right: @sapUiRIIconPaddingDisplayOnly;
+	height: @sapUiRIIconSizeDisplayOnly;
+}
+
 .sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov, .sapMRIIconReadOnly {
     font-family: SAP-icons;
 }
@@ -75,29 +77,6 @@ html.sap-tablet .sapMRI:focus {
 	margin: 0 0.5rem;
 }
 
-.sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
-.sapUiRatingIndicatorXS .sapMRI .sapMImg {
-	padding-right: @sapUiRIIconPaddingXS;
-	vertical-align:top;
-}
-	.sapUiRatingIndicatorS .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorS .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingS;
-		vertical-align:top;
-	}
-
-	.sapUiRatingIndicatorM .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorM .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingM;
-		vertical-align:top;
-	}
-
-	.sapUiRatingIndicatorL .sapMRI .sapUiIcon,
-	.sapUiRatingIndicatorL .sapMRI .sapMImg {
-		padding-right: @sapUiRIIconPaddingL;
-		vertical-align:top;
-	}
-
 .sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
 .sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
 .sapMRI.sapUiRatingIndicatorS  .sapUiIcon:last-child,
@@ -109,11 +88,6 @@ html.sap-tablet .sapMRI:focus {
 	padding-right: 0;
 }
 
-.sapMRIIcon { /* required for size calculation */
-	height: 1.375rem; /* default size */
-	overflow: hidden;
-}
-
 .sapMRIDisabled {
 	outline: none;
 	cursor: default;
@@ -127,7 +101,8 @@ html.sap-tablet .sapMRI:focus {
 
 .sapMRI .sapUiIcon,
 .sapMRI .sapMImg {
-	padding-right: 0.25rem;
+	padding-right: @sapUiRIIconPaddingCozy;
+	height: @sapUiRIIconSizeCozy;
 }
 
 .sapMRI .sapUiIcon:last-child,
@@ -139,15 +114,30 @@ html.sap-tablet .sapMRI:focus {
 .sapUiSizeCompact {
 	.sapMRI {
 		margin: 0.5rem 0;
+	}
+
+	.sapMRI.sapMRIDisplayOnly {
+		margin: 0;
+	}
+
+	.sapMRI .sapUiIcon,
+	.sapMRI .sapMImg {
+		padding-right: @sapUiRIIconPaddingCompact;
+		height: @sapUiRIIconSizeCompact;
+	}
 
-		&.sapMRIDisplayOnly {
-			margin: 0;
-		}
+	.sapMRI.sapMRIDisplayOnly .sapUiIcon,
+	.sapMRI.sapMRIDisplayOnly .sapMImg {	
+		padding-right: @sapUiRIIconPaddingDisplayOnly;
+		height: @sapUiRIIconSizeDisplayOnly;
 	}
-	.sapMRIIcon {
-		height: 1rem; /* default size for the compact mode */
+
+	.sapMRI .sapUiIcon:last-child,
+	.sapMRI .sapMImg:last-child {
+		padding-right: 0;
 	}
 }
+
 /* Condensed mode */
 .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapUiIcon,
 .sapUiSizeCondensed .sapUiTableDataCell .sapMRI .sapMImg{

package/src/sap/m/themes/sap_belize_base/SlideTile.less

@@ -192,16 +192,34 @@ html.sap-tablet .sapMGTHvrOutln:active {
 .sapMSTBulleted {
 	position: absolute;
 	text-align: center;
-	bottom: 0.25rem;
+	bottom: 0.0625rem;
 	width: 100%;
 	z-index: 1;
 	cursor: pointer;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 1.5rem;
+	bottom: 0.25rem;
+	.sapMSTIndicatorWrapper {
+		display: flex;
+		max-width: 7.5rem;
+		overflow: hidden;
+		.sapMSTIndicatorTapArea {
+			min-width: 24px;
+			min-height: 24px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			transition: transform 0.5s ease
+		}
+	}
 }
 
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	display: inline-block;
-	height: 0.375rem;
-	width: 0.375rem;
+	height: 0.5rem;
+	width: 0.5rem;
 	margin: 0 0.25rem;
 	border-radius: 50%;
 }
@@ -261,12 +279,6 @@ html.sap-tablet .sapMST .sapMSTIconClickTapArea {
 	width: 3rem;
 }
 
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
-html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
-	visibility: hidden;
-}
-
 .sapMTileSmallPhone {
 	&.sapMST.OneByOne {
 		width: 9.25rem;
@@ -281,4 +293,228 @@ html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
 	&.sapMSTBulleted {
 		bottom: 0.188rem;
 	}
+}
+
+.sapMST {
+	.sapMTileCnt.News {
+		.sapMNwCCTxt {
+			margin-top: 0;
+			.sapMFT {
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+		}
+		.sapMNwCSbh {
+			.sapMFT {
+				text-overflow: ellipsis;
+				white-space: nowrap;
+				overflow: hidden;
+			}
+		}
+	}
+	&.sapMSTIndicatorVisible {
+		.sapMSTBulleted {
+			.sapMBtn {
+				.sapUiIcon {
+					color: @sapUiContentNonInteractiveIconColor;
+				}
+			}
+		}
+		.sapMGenericTileFtrFld {
+			top: 0.5rem;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch {
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: -webkit-calc(~'100% - 40px');
+			font-family: @sapFontBoldFamily;
+			font-size: @sapFontSize;
+			line-height: normal;
+			text-shadow: @sapContent_TextShadow;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			font-size: @sapFontSmallSize;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.TwoByOne {
+	.sapMGT.TwoByOne {
+		.sapMTileCnt.News {
+			height: 6.375rem;
+			margin-top: 0;
+			.sapMTileCntContent{
+				height: 3rem;
+				.sapMNwC {
+					max-height: 3rem;
+					.sapMNwCCTxt {
+						max-height: 2rem;
+						.sapMText {
+							font-size: @sapFontSize;
+							font-family: @sapFontBoldFamily;
+						}
+						.sapMFT {
+							font-size: @sapFontSize;
+							font-family: @sapFontBoldFamily;
+						}
+					}
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 1.875rem;
+				font-family: @sapFontFamily;
+				font-size: @sapFontSmallSize;
+				line-height: normal;
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.25rem;
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 17.125rem;
+			font-family: @sapFontBoldFamily;
+			font-size: @sapFontSize;
+			line-height: normal;
+			text-shadow: @sapContent_TextShadow;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.OneByOne {
+	.sapMGT.OneByOne {
+		.sapMGTHdrContent {
+			height: 3.375rem;
+			padding: 0;
+		}
+		.sapMGTContent {
+			height: 7.625rem;
+			.sapMTileCnt.News {
+				height: 100%;
+				margin: 0;
+				.sapMTileCntContent{
+					margin: 0.5rem 0 0.5rem 0;
+					height: 2.625rem;
+					.sapMFT {
+						font-size: @sapFontSmallSize;
+					}
+				}
+				.sapMTileCntFtrTxt {
+					bottom: 3rem;
+					font-family: @sapFontFamily;
+					font-size: @sapFontSmallSize;
+					line-height: normal;
+				}
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 1rem;
+		.sapMSTIndicatorWrapper {
+			max-width: 6rem;
+		}
+	}
+	.sapMGenericTileFtrFld {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+		.sapMGenericTileFtrFldTxt {
+			padding: 0;
+			.sapMText {
+				width: 7.8125rem;
+				font-family: @sapFontBoldFamily;
+				font-size: @sapFontSmallSize;
+				line-height: normal;
+				text-shadow: @sapContent_TextShadow;
+			}
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.TwoByOne {
+	.sapMGT.TwoByOne {
+		.sapMGTHdrContent {
+			height: 3.1875rem;
+			padding: 0;
+		}
+		.sapMGTContent {
+			height: 6.125rem;
+			.sapMTileCnt.News {
+				height: 100%;
+				.sapMTileCntContent {
+					height: 2.5rem;
+					.sapMNwC {
+					height: 2.5rem;
+						.sapMNwCCTxt {
+							height: 1.75rem;
+						}
+						.sapMNwCSbh {
+							height: 14px;
+						}
+						.sapMFT {
+							font-size: @sapFontSmallSize;
+						}
+					}
+				}
+			}
+			.sapMTileCntFtrTxt {
+				bottom: 2.25rem;
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.5rem;
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 13.6875rem;
+			font-size: @sapFontSmallSize;
+		}
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.sapMTileSmallPhone.OneByOne {
+	.sapMGT.OneByOne {
+		.sapMGTContent {
+			height: 5.875rem;
+			.sapMTileCnt.News {
+				height: inherit;
+				margin-top: 0;
+				.sapMTileCntContent {
+					height: 2.625rem;
+					margin-bottom: 0.125rem;
+					.sapMNwC {
+						height: inherit;
+					}
+
+				}
+				.sapMTileCntFtrTxt {
+					bottom: 1.6875rem
+				}
+			}
+		}
+	}
+	.sapMSTBulleted {
+		bottom: 0.25rem;
+		.sapMSTIndicatorWrapper {
+			max-width: 4.5rem;
+		}
+	}
+	.sapMGenericTileFtrFldTxt {
+		.sapMText {
+			width: 6.125rem;
+		}
+	}
 }

package/src/sap/m/themes/sap_belize_base/TileContent.less

@@ -146,6 +146,8 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 
+// Styles when the slide tile has only one tile inside it
+
 .Stretch {
 	.sapMTileCnt.News.sapMTileFooterPresent{
 		.sapMTileCntContent {
@@ -173,18 +175,43 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 	}
 }
 
-.Stretch.sapMSTIndicatorVisible {
-	.sapMTileCnt.News{
+// Styles when the slide tile has only one tile inside it
+
+.sapMST.sapMSTIndicatorVisible.Stretch {
+	.sapMTileCnt.News {
+		.sapMNwCCTxt,.sapMNwCSbh {
+			.sapMFT {
+				text-overflow: initial;
+				 white-space: initial;
+			}
+		}
+		&.sapMTileFooterPresent {
+			.sapMTileCntContent {
+				height: -webkit-calc(~'100% - 65px') !important;
+			}
+		}
 		.sapMTileCntContent {
-			height: -webkit-calc(~'100% - 32px');
+			height: -webkit-calc(~'100% - 51px') !important;
 		}
 	}
-	&.sapMTileSmallPhone {
-		.sapMTileCnt.News{
+	.sapMTileCntFtrTxt {
+		bottom: 1.875rem;
+	}
+}
+
+.sapMST.sapMSTIndicatorVisible.Stretch.sapMTileSmallPhone {
+	.sapMTileCnt.News {
+		&.sapMTileFooterPresent {
 			.sapMTileCntContent {
-				height: -webkit-calc(~'100% - 23px');
+				height: -webkit-calc(~'100% - 54px') !important;
 			}
 		}
+		.sapMTileCntContent {
+			height: -webkit-calc(~'100% - 40px') !important;
+		}
+	}
+	.sapMTileCntFtrTxt {
+		bottom: 1.875rem;
 	}
 }
 
@@ -289,4 +316,4 @@ html[dir=rtl] .sapMTileCntFtrTxt {
 		content: "";
 		background-color: fade(@sapUiTileBackground, 80);
 	}
-}
+}

package/src/sap/m/themes/sap_belize_base/Token.less

@@ -6,8 +6,8 @@
 @_sap_m_Token_TokenPadding: 0.5rem;
 @_sap_m_Token_TokenCompactPadding: 0.25rem;
 @_sap_m_Token_LeftPadding: 0.375rem;
-@_sap_m_Token_TokenSize: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
-@_sap_m_Token_TokenCompactSize: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
+@_sap_m_Token_IconWidth: @sapMFontMediumSize + (2 * @_sap_m_Token_TokenPadding) - @_sap_m_Token_LeftPadding;
+@_sap_m_Token_CompactIconWidth: @sapMFontSmallSize + @_sap_m_Token_TokenCompactPadding;
 
 .sapMToken {
 	display: inline-block;
@@ -51,7 +51,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 	pointer-events: none;
 
 	line-height: 1.5rem;
-	max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
+	max-width: calc(~"100% - " @_sap_m_Token_IconWidth);
 	box-sizing: border-box;
 }
 
@@ -60,7 +60,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 }
 
 .sapUiSizeCompact .sapMTokenText {
-	max-width: calc(~"100%  - " @_sap_m_Token_TokenCompactSize);
+	max-width: calc(~"100%  - " @_sap_m_Token_CompactIconWidth);
 	font-size: @sapMFontMediumSize;
 }
 

package/src/sap/m/themes/sap_belize_hcb/SlideTile.less

@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiTileBackground;
 	border: 1px solid @sapUiTileBorderColor;
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 }
 

package/src/sap/m/themes/sap_belize_hcw/SlideTile.less

@@ -21,12 +21,12 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 }
 
 /* Bulleted indicator of multiple tiles*/
-.sapMSTBulleted > span {
+.sapMSTBulleted .sapMSTIndicator {
 	background-color: @sapUiTileBackground;
 	border: 1px solid @sapUiTileBorderColor;
 }
 
-.sapMSTBulleted > span.sapMSTActive {
+.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
 	background-color: @sapUiContentContrastIconColor;
 }
 

package/src/sap/ui/core/themes/sap_belize/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.128.0</version>
+	<version>1.129.0</version>
 
 	<documentation>SAPUI5 belize theme library.</documentation>