@openui5/sap.m 1.127.0 → 1.128.0

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

@@ -4,7 +4,7 @@
 /* =================================== */
 
 .sapMFeedListItem {
-	display: block;
+	display: flex;
 }
 
 .sapMFeedListItem .sapUiSelectable > * {
@@ -105,7 +105,8 @@
 
 html.sap-tablet .sapMFeedListItemHasFigure,
 html.sap-desktop .sapMFeedListItemHasFigure {
-	margin-left: 3.75rem;
+	margin-left: 1rem;
+	width: 100%;
 }
 
 .sapMFeedListItemTextText {
@@ -265,20 +266,17 @@ html.sap-phone .sapMFeedListItemText {
 
 .sapMFeedListItemImageInactive:focus,
 .sapMFeedListItemImage:focus {
-	outline-style: dotted;
-	outline-color: @sapUiContentFocusColor;
-	outline-width: 0.0625rem;
+	outline: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
 }
 
 html.sap-tablet .sapMFeedListItem .sapMLnk:focus {
-	outline-style: dotted;
-	outline-color: @sapUiContentFocusColor;
-	outline-width: 0.0625rem;
+	outline: @sapUiContentFocusColor @sapUiContentFocusStyle @sapUiContentFocusWidth;
 }
 
 /* Allow image outline(-left) to be rendered completely */
 .sapMFeedListShowSeparatorsAll .sapMFeedListItem {
 	padding-left: 1rem;
+	padding-right: 1rem;
 }
 
 .sapMFeedListItemTitleDiv.sapMLIB {

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

@@ -1913,24 +1913,49 @@ html[data-sap-ui-browser*='ff'] {
 		}
 	}
 	.sapMGTContent {
-		height: 6.1rem;
+		height: 6.25rem;
 		.sapMGTLinkTileContentWrapper{
 			height: 7.15rem;
 			display: flex;
 			flex-direction: column;
-			gap: 0.22rem;
+			.sapMHBox {
+				height: 1.5rem;
+				.sapMFlexItem {
+					height: 1.5rem;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					.sapMLnk {
+						line-height: 1.5rem;
+					}
+				}
+			}
 		}
 		&.sapMGTFtrMarginTop {
-			height: 7.1rem;
+			height: 7.25rem;
+		}
+		&:not(.sapMGTFtrMarginTop) {
+			.sapMGTLinkTileContentWrapper.saMGTLinkSubheaderNotPresent {
+				gap: 2.5px;
+			}
 		}
 	}
 }
 
 .TwoByOne.sapMGTLinkTileContent.sapMTileSmallPhone {
+	.sapMGTHdrContent {
+		margin: 0.5rem;
+	}
 	.sapMGTContent {
-		height: 4.85rem;
+		height: 5.75rem;
+		.sapMGTLinkTileContentWrapper {
+			gap: 0 !important;
+		}
 		&.sapMGTFtrMarginTop {
-			height: 5.95rem;
+			height: 6.6875rem;
+			.sapMGTLinkTileContentWrapper {
+				gap: 0.3125rem !important;
+			}
 		}
 	}
 }
@@ -2476,6 +2501,17 @@ html.sap-desktop .sapMGT.sapMGTTwoByHalf.sapMGTIconMode.HighContrastTile:not(.sa
 	}
 }
 
+.sapMGT:focus .sapMGTFocusDiv{
+	border: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+}
+
+html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, // focus inside GridContainer
+html.sap-desktop .sapMGT:focus .sapMGTFocusDiv,
+html.sap-desktop .sapMGT:active .sapMGTFocusDiv,
+html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
+	border:@sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+}
+
 //Badge Styles
 
 //Styles when Icon and Text are present

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

@@ -269,7 +269,7 @@ html.sap-tablet:not(.sap-desktop) .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertic
 
 html.sap-desktop .sapMHrdrCntrInner:focus {
 	outline: none;
-	border: 1px dotted @sapUiContentFocusColor;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
 @media (min-width:320px) and (max-width:599px){

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

@@ -357,11 +357,15 @@
 
 		.sapMITBText {
 			height: 1rem;
-			line-height: 1rem;
+			line-height: normal;
 			margin: 0;
 			padding: 0;
 			text-align: left;
 			width: auto;
+
+			.sapMITHShowSubItemsIcon {
+				line-height: 1rem;
+			}
 		}
 
 		.sapMITBCount {
@@ -1194,8 +1198,12 @@ html.sap-desktop {
 			}
 
 			.sapMITBText {
-				line-height: @_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight;
+				line-height: normal;
 				padding: @_sap_m_IconTabBar_Compact_TextOnlyTextPadding;
+
+				.sapMITHShowSubItemsIcon {
+					line-height: @_sap_m_IconTabBar_Compact_TextOnlyTextLineHeight;
+				}
 			}
 		}
 

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

@@ -26,8 +26,8 @@
 
 html.sap-desktop .sapMImageContent:focus {
 	outline-color: @sapUiContentFocusColor;
-	outline-style: dotted;
-	outline-width: 1px;
+	outline-style: @sapUiContentFocusStyle;
+	outline-width: @sapUiContentFocusWidth;
 }
 
 html.sap-desktop .sapMImageContent:focus:not([tabindex]) {

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

@@ -7,12 +7,9 @@
 	color: @sapUiLink;
 	text-decoration: @sapUiLinkTextDecoration;
 	display: inline-block;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-	word-wrap: normal;
 	font-family: @sapUiFontFamily;
 	font-size: @sapMFontMediumSize;
+	vertical-align: top;
 	cursor: pointer;
 
 	&:visited {
@@ -25,6 +22,32 @@
 			text-decoration: @sapUiLinkActiveTextDecoration;
 		}
 	}
+
+	&:not(.sapMLnkWrapping) {
+		display: inline-flex;
+		align-items: baseline;
+
+		.sapMLnkText {
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		.sapMLnkEndIcon {
+			float: inline-end;
+		}
+	}
+}
+
+.sapMLnkIcon {
+	float: inline-start;
+	margin-inline-end: 0.125rem;
+	cursor: pointer;
+}
+
+.sapMLnkEndIcon {
+	margin-inline-start: 0.125rem;
+	cursor: pointer;
 }
 
 html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {

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

@@ -254,4 +254,8 @@
 
 .sapMMsgViewDescriptionText a.sapMLnk {
 	overflow: visible;
+}
+
+.sapMMsgViewDetailsPage .sapMMsgViewTitleText .sapMLnkText {
+	white-space: normal;
 }

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

@@ -9,13 +9,4 @@
 
 .sapUiSizeCompact .sapMMultiUnitPopover .sapMCLI {
 	height: 2rem;
-}
-
-.sapMMultiUnitPopover .sapMMultiUnitPopoverAmount {
-	font-variant-numeric: tabular-nums;
-}
-
-.sapMMultiUnitPopover .sapMMultiUnitPopoverUnit {
-	padding-left: 0.25rem;
-	font-family: @sapContent_MonospaceFontFamily;
 }

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

@@ -99,6 +99,11 @@
 	outline: none;
 }
 
+.sapMNwC:focus {
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+    outline-offset: 1px;
+}
+
 .sapMTileSmallPhone {
 	.sapMNwC {
 		height: 3.188rem;

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

@@ -205,7 +205,7 @@ html[dir=rtl] .sapMNCValue {
 }
 
 .sapMNC:focus {
-	outline: 1px dotted @sapUiContentFocusColor;
+	outline: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 }
 
 .sapMNC:focus:not([tabindex]) {
@@ -267,26 +267,6 @@ html[dir=rtl] .sapMNCValue {
 	}
 }
 
-.sapMNCContentPlaceholder {
-	outline: none;
-	width: 300px;
-    height: 100px;
-    box-shadow: 0 2px 8px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.10);
-    border-radius: 4px;
-}
-
-.sapMNCContentPlaceholder:focus::before {
-	content: '';
-	display: block;
-	position: absolute;
-	left: 1px;
-	bottom: 1px;
-	right: 1px;
-	top: 1px;
-	border: 1px dotted @sapUiContentFocusColor;
-	pointer-events: none;
-}
-
 .sapMNCContentShimmerPlaceholderItem {
 	padding: 1rem 1rem 0 1rem;
 	box-sizing: border-box;

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

@@ -50,9 +50,14 @@
 	box-sizing: border-box;
 }
 
-.sapMPopover .sapMIBar.sapMHeader-CTX {
+.sapMPopoverWithoutSubHeader .sapMPopoverHeader .sapMIBar.sapMHeader-CTX,
+.sapMPopoverSubHeader .sapMIBar.sapMSubHeader-CTX {
 	background-color: @sapUiGroupContentBackground;
-	box-shadow: inset 0 -1px @sapUiGroupContentBorderColor;
+	box-shadow: var(--sapContent_HeaderShadow);
+}
+
+.sapMPopoverWithSubHeader .sapMPopoverHeader .sapMIBar.sapMHeader-CTX {
+	box-shadow: none;
 }
 
 .sapMPopover .sapMIBar.sapMSubHeader-CTX {
@@ -301,19 +306,27 @@ html[data-sap-ui-browser^="sf"] .sapMPopover {
 }
 
 /* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
-.sapUiContainerContentPadding(~".sapMPopover", ~"> .sapMPopoverCont > .sapMPopoverScroll");
+.sapUiContainerContentPadding(~".sapMPopover", ~".sapMPopoverCont > .sapMPopoverScroll");
 
 .sapMPopoverResizeHandle {
-	transform: rotate(270deg);
 	position: absolute;
-	top: -10px;
-	right: -2px;
+	top: -0.5rem;
+	right: -0.5rem;
+	width: 1.5rem;
+	height: 1.5rem;
+	border-radius: 50%;
 	cursor: ne-resize;
 	z-index: 10;
-	border-top: 6px solid transparent;
-	border-bottom: 6px solid transparent;
-	border-right: 6px solid transparent;
-	border-left: 6px solid transparent;
+
+	.sapMPopoverResizeHandleIcon {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		width: 1rem;
+		height: 1rem;
+		transform: rotate(270deg);
+		cursor: inherit;
+	}
 }
 
 .sapMPopoverResizing,

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

@@ -36,6 +36,10 @@
 	font-size: @sapMFontMediumSize;
 
 	background-color: lighten(@sapUiContentForegroundColor,7);
+	&:hover {
+		background-color: @sapList_Hover_Background;
+		cursor: pointer;
+	}
 }
 
 .sapMSPCMonthDay {

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

@@ -188,6 +188,10 @@ html.sap-tablet .sapMGTHvrOutln:active {
 	border-radius: 0.125rem;
 }
 
+.sapMST:focus .sapMSTFocusDiv {
+	border: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
+}
+
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted {
 	position: absolute;

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

@@ -72,7 +72,7 @@ html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 .sapMTokenIcon {
 	vertical-align: top;
 	display: inline-block;
-	line-height: 1.5625rem;
+	line-height: 1.625rem;
 	padding: 0 0.5rem;
 	color: @sapUiContentIconColor;
 	font-size: 0.75rem;

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

@@ -32,10 +32,6 @@
 	margin-left: 0.5rem;
 }
 
-.sapMUS .sapMUCNoDataPage {
-	height: 500px;
-}
-
 @media(min-width: 30rem) {
 	.sapMUSButtonContainer {
 		white-space: nowrap; /* so that buttons are displayed in a row */