@openui5/sap.m 1.93.3 → 1.96.1

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

@@ -16,6 +16,37 @@
 	box-shadow: @sapUiShadowLevel0;
 	vertical-align: top;
 }
+
+.sapMGTCriticalBorder {
+    height: 100%;
+    width: 0.25rem;
+    position: absolute;
+    left: -1px;
+    top: -1px;
+    border-radius: 0.25rem 0 0 0.25rem;
+    border: 1px solid;
+}
+
+.sapMGTCriticalBorder.Neutral {
+	background-color: @sapUiNeutralText;
+	border-color:  @sapUiNeutralText;
+}
+
+.sapMGTCriticalBorder.Good {
+	background-color: @sapUiPositiveText;
+	border-color:  @sapUiPositiveText;
+}
+
+.sapMGTCriticalBorder.Critical {
+	background-color: @sapUiCriticalText;
+	border-color:  @sapUiCriticalText;
+}
+
+.sapMGTCriticalBorder.Error {
+	background-color: @sapUiNegativeText;
+	border-color:  @sapUiNegativeText;
+}
+
 .sapMGTContentPlaceholder {
 	outline: none;
 	width: 300px;
@@ -91,6 +122,77 @@
 	}
 }
 
+.sapMGTContentShimmerPlaceholderItemOneByOne {
+	padding: 1rem 1rem 0 1rem;
+	box-sizing: border-box;
+	display: flex;
+	position: relative;
+	align-items: center;
+	flex: 1 1 auto;
+
+	&.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescriptionOneByOne {
+		height: 6rem;
+	}
+
+	.sapMGTContentShimmerPlaceholderImg {
+		margin: 0rem 0.75rem 0rem 0rem;
+		height: 2rem;
+		width: 2rem;
+		display: inline-block;
+	}
+
+	.sapMGTContentShimmerPlaceholderRowsOneByOne {
+		flex-grow: 1;
+		.sapMGTContentShimmerPlaceholderIconOneByOne {
+			height: 2rem;
+			width: 2rem;
+			margin: auto;
+			margin-bottom: 0.5rem;
+			margin-top: 0.5rem;
+		}
+		.sapMGTContentShimmerPlaceholderItemTextOneByOne {
+			height: 0.5rem;
+			margin-bottom: 0.5rem;
+		}
+	}
+}
+
+.sapMGTContentShimmerPlaceholderItemTwoByHalf {
+	padding: 0 1rem 0 0;
+	box-sizing: border-box;
+	display: flex;
+	position: relative;
+	align-items: center;
+	flex: 1 1 auto;
+
+	&.sapMGTContentShimmerPlaceholderWithChart.sapMGTContentShimmerPlaceholderWithDescriptionTwoByHalf {
+		height: 6rem;
+	}
+
+	.sapMGTContentShimmerPlaceholderImg {
+		margin: 0rem 0.75rem 0rem 0rem;
+		height: 2rem;
+		width: 2rem;
+		display: inline-block;
+	}
+
+	.sapMGTContentShimmerPlaceholderRowsTwoByHalf {
+		flex-grow: 1;
+		display: flex;
+    	align-items: center;
+		.sapMGTContentShimmerPlaceholderIconTwoByHalf {
+			height: 2rem;
+			width: 2rem;
+			margin-bottom: 0.5rem;
+			margin-top: 0.5rem;
+		}
+		.sapMGTContentShimmerPlaceholderItemTextTwoByHalf {
+			height: 0.5rem;
+			width: 80%;
+			margin-left: 0.75rem
+		}
+	}
+}
 
 .sapMGTLoadingShimmer {
 .sapMGTLoadingShimmerMixin();
@@ -212,12 +314,9 @@ border-radius: 0.25rem;
 		.sapMTileCnt {
 			height: 3.5rem;
 			.sapMTileCntContent {
-				height: 3.5rem;
+				height: 3.25rem;
 				.sapMImageContent {
-					height: 3.5rem;
-					.sapMImg{
-						padding-bottom: 0.2rem;
-					}
+					height: 3.25rem;
 				}
 			}
 		}
@@ -226,11 +325,11 @@ border-radius: 0.25rem;
 		height: 2rem;
 		margin-top: 0.25rem;
 		.sapMGTTInfo {
-			padding: 0.25rem 1rem 0.25rem 0.25rem;
+			padding: 0.125rem 1rem 0.125rem 0.125rem;
 			text-transform: uppercase;
 			margin-bottom: 0.5rem;
 			border-radius: 0.25rem 0 0 0.25rem;
-			background-color: @sapTile_Active_Background;
+			background-color: @sapUiTileHoverBackground;
 			width: fit-content;
 			float: right;
 			bottom: 0;
@@ -398,6 +497,17 @@ border-radius: 0.25rem;
 	padding-left: 1rem;
 	padding-right: 1rem;
 }
+.sapMGTHdrContent.Stretch{
+	height: 42%;
+	padding-top: 0rem;
+}
+
+.sapMGT.sapMGTBackgroundImage.Stretch{
+	.sapMGTContent {
+		height: 58%;
+	}
+}
+
 
 .sapMGTHdrIconImage {
 	float: right;
@@ -449,7 +559,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 			.sapMGTOverlayMixin();
 			display: block;
 			content: "";
-			background-color: fade(@sapUiTileBackground, 70);
+			background-color: fade(@sapUiTileBackground, 60);
 		}
 	}
 
@@ -537,7 +647,7 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 			.sapMGTOverlayMixin();
 			display: block;
 			content: "";
-			background-color: fade(@sapUiTileBackground, 70);
+			background-color: fade(@sapUiTileBackground, 60);
 			border-radius: 0.125rem;
 		}
 	}
@@ -861,12 +971,6 @@ html.sap-desktop .sapMGT:focus:not([tabindex]) {
 		width: 100%;
 	}
 
-	.sapMGTScopeActions, .sapMGTScopeSingleAction {
-		.sapMGTHdrTxt, .sapMGTSubHdrTxt {
-			opacity: 0.4;
-		}
-	}
-
 	.sapMGTLineStyleHelper {
 		position: absolute;
 		pointer-events: auto;
@@ -917,9 +1021,17 @@ html[dir=rtl] .sapMGTLineMode {
 }
 
 /******************* OVERLAYS AND HELPERS *******************/
-.sapMGTOverlay {
-	.sapMGTOverlayMixin();
-	opacity: 0.8;
+.sapMGT.sapMGTStateFailed, .sapMGT.sapMGTStateDisabled {
+	.sapMTileCnt {
+		position: relative;
+
+		&:after {
+			.sapMGTOverlayMixin();
+			display: block;
+			content: "";
+			background-color: fade(@sapUiTileBackground, 80);
+		}
+	}
 }
 
 .sapMGT .sapMGTFocusDiv {
@@ -1139,3 +1251,270 @@ html[data-sap-ui-browser*='ff'] {
 	margin-right: 1rem;
 	bottom: 1.0625rem;
 }
+
+.TwoByOne.sapMGTActionMode {
+	.sapMGTTitle {
+		font-weight: bold;
+	}
+	.sapMGTHdrContent {
+		.sapMGTHdrIconImage {
+			float: left;
+			padding-right: 1rem;
+		}
+		.sapMGTHdrIconImage.sapUiIcon::before {
+			font-size: 2rem;
+		}
+		.sapMGTHdrIconImage.Neutral {
+			color:  @sapUiNeutralText;
+		}
+		.sapMGTHdrIconImage.Good {
+			color: @sapUiPositiveText;
+		}
+		.sapMGTHdrIconImage.Critical {
+			color: @sapUiCriticalText;
+		}
+		.sapMGTHdrIconImage.Error {
+			color: @sapUiNegativeText;
+		}
+		.sapMGTHdrIconImage.None {
+			color: @sapUiTileIconColor
+		}
+	}
+	.sapMGTContent {
+		.sapMTileCnt {
+			.sapMTileContainer {
+				height: 3.25rem;
+				display: flex;
+				.sapMTilePriority {
+					margin: 0.25rem 0.5rem 0 1rem;
+					.sapMTilePriorityCnt {
+						display: flex;
+						align-items: center;
+						height: 1.5rem;
+						width: fit-content;
+						border-radius: 0.25rem;
+						overflow: hidden;
+						.sapMTilePriorityBorder {
+							width: 0.125rem;
+							height: inherit;
+						}
+						.sapMTilePriorityValue {
+							font-size: 0.75rem;
+							font-weight: bold;
+							line-height: 1rem;
+							padding: 0.25rem 0.5rem 0.25rem 0.625rem;
+						}
+					}
+				}
+				.High {
+					.sapMTilePriorityCnt {
+						background-color: @sapErrorBackground;
+						.sapMTilePriorityBorder {
+							background-color: @sapErrorBorderColor;
+						}
+						.sapMTilePriorityValue {
+							color: @sapNegativeTextColor;
+						}
+					}
+				}
+				.Medium {
+					.sapMTilePriorityCnt {
+						background-color: @sapWarningBackground;
+						.sapMTilePriorityBorder {
+							background-color: @sapWarningBorderColor;
+						}
+						.sapMTilePriorityValue {
+							color: @sapCriticalTextColor;
+						}
+					}
+				}
+				.Low {
+					.sapMTilePriorityCnt {
+						background-color: @sapSuccessBackground;
+						.sapMTilePriorityBorder {
+							background-color: @sapSuccessBorderColor;
+						}
+						.sapMTilePriorityValue {
+							color: @sapPositiveTextColor;
+						}
+					}
+				}
+				.sapMTileCntContent {
+					padding-left: 0;
+				}
+			}
+			.sapMTileCntContent {
+				height: 3.25rem;
+				.sapMImageContent {
+					height: 3rem;
+					.sapMImageContentImageIcon {
+						max-height: 3.25rem;
+					}
+				}
+			}
+			.sapMTileFtrCnt {
+				height: 2.5rem;
+				display: flex;
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0.25rem;
+				justify-content: space-between;
+				align-items: center;
+				.sapMTileCntFtrTxt {
+					position: initial;
+					margin-right: 0;
+				}
+				.sapMGTActionModeContainer {
+					margin: 0 1rem 0 0.5rem;
+					display: inline-flex;
+					column-gap: 0.5rem;
+				}
+			}
+		}
+	}
+}
+
+.TwoByOne.sapMGTActionMode.sapMTileSmallPhone {
+	.sapMGTContent {
+		.sapMTileCnt {
+			.sapMTileContainer {
+				.sapMTilePriority {
+					margin-left: 0.5rem;
+				}
+			}
+			.sapMTileFtrCnt {
+				.sapMGTActionModeContainer {
+					margin-right: 0.5rem;
+				}
+			}
+		}
+	}
+}
+
+@media (min-width:320px) and (max-width:599px){
+    .sapMGT.sapMGTOneByOne {
+        width: 9rem;
+        height: 9rem;
+    }
+}
+@media (min-width:600px) {
+    .sapMGT.sapMGTOneByOne {
+        width: 7rem;
+        height: 7rem;
+    }
+}
+.sapMGT.sapMGTOneByOne {
+    border-radius: 1rem;
+    border: none;
+}
+
+.sapMGTHdrContent.sapMGTOneByOne {
+    height: 3.625rem;
+	padding-top: 0;
+	display: flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
+}
+
+.sapMGTHdrContent.sapMGTOneByOne > .sapMGTHdrTxt > .sapMText{
+	font-size: 0.875rem;
+	color: @sapUiContentContrastTextColor;
+    text-align: center !important;
+}
+
+.sapMGTOneByOneIcon {
+	display: flex;
+    align-items: flex-end;
+    padding-top: 1.25rem;
+	justify-content: center;
+}
+
+.sapMGT.sapMGTTwoByHalf {
+	display: flex;
+    border: none ;
+    box-shadow: none ;
+    background-color: transparent ;
+    align-items: center;
+	width: 18.75rem ;
+    height: 3.438rem ;
+    padding-left: 0.75rem;
+	border-radius: 0.75rem;
+    box-sizing: border-box;
+}
+
+.sapMGTTwoByHalf  > .TwoByHalf > .sapMGTHdrTxt > .sapMText{
+	font-size: 0.875rem;
+	color: @sapUiTileTitleTextColor;
+}
+
+.sapMGTTwoByHalfIcon {
+	width: 2rem;
+    height: 2rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 0.5rem;
+    flex-shrink: 0;
+}
+
+.sapMGT.TwoByHalf .sapMGTHdrContent {
+    line-height: 2rem;
+    vertical-align: middle;
+}
+
+.sapMGTTwoByHalfIcon ~ .sapMGTHdrContent.TwoByHalf{
+	padding-top: 0.25rem;
+    padding-left: 1rem;
+    height: initial;
+	align-items: center;
+}
+
+.sapMGTTileIcon {
+	color: @sapUiContentContrastTextColor;
+}
+
+.sapMGTArticleMode {
+	.sapMGTContent {
+		.sapMTileCnt {
+			.sapMTileCntContent {
+				height: 3.25rem;
+				.sapMImageContent {
+					height: 3rem;
+					.sapMImageContentImageIcon {
+						max-height: 3.25rem;
+					}
+				}
+			}
+			.sapMTileFtrCnt {
+				height: 2.5rem;
+				display: flex;
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0.25rem;
+				justify-content: space-between;
+				align-items: center;
+				.sapMTileCntFtrTxt {
+					position: initial;
+					margin-right: 0;
+				}
+				.sapMTileNavContainer {
+					margin: 0 1rem 0 0.5rem;
+				}
+			}
+		}
+	}
+}
+.sapMGTArticleMode.sapMTileSmallPhone {
+	.sapMGTContent {
+		.sapMTileCnt {
+			.sapMTileFtrCnt {
+				.sapMTileNavContainer {
+					margin-right: 0.5rem;
+				}
+			}
+		}
+	}
+}

package/src/sap/m/themes/base/IconTabBar.less

@@ -232,6 +232,9 @@
 		position: relative;
 		color: @_sap_m_IconTabBar_TextColor;
 		text-shadow: @_sap_m_IconTabBar_TextShadow;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 
 		.sapUiIcon {
 			font-size: 1rem;
@@ -248,7 +251,6 @@
 
 	&.sapMITHUnselectable:not(.sapMITBDisabled) .sapMITHTextContent {
 		position: relative;
-		bottom: 0.125rem;
 	}
 
 	.sapMITBCount {
@@ -675,9 +677,8 @@
 		}
 
 		.sapMITBText {
-			display: block;
 			padding: @_sap_m_IconTabBar_HorizontalTextPaddingTop 0 0 @_sap_m_IconTabBar_HorizontalTextPaddingLeft;
-			text-align: left;
+			justify-content: flex-start;
 			top: 0.3125rem;
 			width: auto;
 		}
@@ -721,8 +722,6 @@
 
 	.sapMITBHead .sapMITBFilter .sapMITBText {
 		margin: @_sap_m_IconTabBar_InLineFilterMargin;
-		display: flex;
-		align-items: center;
 	}
 
 	&.sapMITBTextOnly .sapMITBHead .sapMITBVertical.sapMITBFilter {
@@ -1449,7 +1448,7 @@ html[dir=rtl] {
 			color: @_sap_m_IconTabBar_ShellTextColor;
 			background-color: transparent;
 			border-color: @_sap_m_IconTabBar_ShellOverflowBorderColor;
-	
+
 			.sapMITHShowSubItemsIcon {
 				color: @_sap_m_IconTabBar_ShellTextColor;
 			}

package/src/sap/m/themes/base/Input.less

@@ -88,4 +88,16 @@
 
 .sapMInputHighlight {
 	font-weight: bold;
+}
+
+/* Overrides due to experimental flex layouting after IE drop */
+
+.sapMInput.sapMInputBaseHasEndIcons .sapMInputBaseInner,
+.sapMInput.sapMInputBaseHasBeginIcons .sapMInputBaseInner {
+	width: auto;
+	flex: 1
+}
+
+.sapMInput .sapMInputBaseContentWrapper {
+	display: inline-flex;
 }

package/src/sap/m/themes/base/ListBase.less

@@ -104,14 +104,16 @@
 	color: @sapUiListTextColor;
 	background-color: @sapUiListBackground;
 	border-bottom: 1px solid @sapUiListBorderColor;
-	padding: 0 1rem !important;
-	height:3rem;
+	padding: 0.5rem 1rem !important;
+	min-height: 3rem;
+	line-height: 1.4;
 }
 
 .sapMListNoDataText {
 	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+    overflow: clip;
+	white-space: pre-wrap;
+	text-align: center;
 }
 
 .sapMListShowSeparatorsAll {
@@ -306,7 +308,7 @@ html.sap-phone .sapMListInsetBG > .sapMListSwp {
 
 /* Compact size */
 .sapUiSizeCompact .sapMListNoData {
-	height: 2rem;
+	min-height: 2rem;
 	font-size: @sapMFontMediumSize;
 }
 

package/src/sap/m/themes/base/MessagePage.less

@@ -45,7 +45,7 @@
 /* MessagePage inner controls styles*/
 .sapMMessagePage {
 	.sapMMessagePageInner {
-		.sapUiIcon::before {
+		.sapMMessagePageIcon.sapUiIcon::before {
 			font-size: 6rem;
 			color: @sapUiContentNonInteractiveIconColor;
 		}
@@ -53,12 +53,6 @@
 		& > .sapMMessagePageContentWrapper > * {
 			max-width: 100%;
 		}
-
-		.sapMBtn {
-			.sapUiIcon::before {
-				font-size: 1rem;
-			}
-		}
 	}
 
 	.sapMMessagePageMainText {

package/src/sap/m/themes/base/MessageView.less

@@ -109,6 +109,10 @@
 	.sapMSLIWithDescription > .sapMLIBContent > .sapMSLIDiv > .sapMSLIDescription {
 		padding: 0;
 	}
+
+	.sapMMsgViewHiddenContainer {
+		display: none;
+	}
 }
 
 .sapMMsgViewDescIcon {

package/src/sap/m/themes/base/MultiComboBox.less

@@ -120,4 +120,21 @@ li.sapMMultiComboBoxItem .sapMCbBg {
 			min-width: @_InputBase_Control_Tokens_ReadOnly_MinWidth_Compact;
 		}
 	}
+
+	.sapMMultiComboBoxSelectAll.sapMTB .sapMCb {
+		margin-left: 0.5rem;
+		padding-left: 2.25rem;
+	}
+}
+
+.sapMMultiComboBoxSelectAll.sapMTB.sapMIBar {
+	padding: 0;
+	&.sapMMultiComboBoxSelectAllFocused {
+		outline: 1px dotted @sapUiContentFocusColor;
+		outline-offset: -0.125rem;
+	}
+
+	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:before {
+		border: none;
+	}
 }

package/src/sap/m/themes/base/NewsContent.less

@@ -31,6 +31,22 @@
 	}
 }
 
+.Stretch .sapMNwCCTxt{
+	max-width: none;
+}
+
+.Stretch{
+	.sapMTileCnt.News .sapMNwC{
+		.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
+			font-size: @sapMFontLargeSize;
+			color: @sapUiText;
+		}
+		.sapMNwCSbh{
+			color: @sapUiText;
+		}
+	}
+}
+
 .sapMNwCSbh {
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -45,9 +61,11 @@
 	font-size: @sapMFontMediumSize;
 }
 
-.sapMNwCCTxt .sapMText {
+.sapMNwCCTxt .sapMText, .sapMNwCCTxt .sapMFT {
 	font-size: @sapMFontMediumSize;
 	color: @sapUiContentContrastTextColor;
+	overflow-wrap: break-word;
+	white-space: pre-line;
 }
 
 .sapMNwC:focus:not([tabindex]) {