@openui5/sap.m 1.101.0 → 1.103.0

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

@@ -6,6 +6,7 @@
 @_sap_m_IconTabBar_SelectListItem_PaddingLeft: 0.5rem;
 @_sap_m_IconTabBar_SelectListItem_PaddingLeftAdditional: 0;
 @_sap_m_IconTabBar_ListBorderRadius: 0px;
+@_sap_m_IconTabBar_List_Focus_Offset: 1px;
 
 .sapMITBSelectList {
 	margin: 0;
@@ -182,10 +183,10 @@
 	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 	position: absolute;
 	content: " ";
-	top: 1px;
-	right: 1px;
-	bottom: 1px;
-	left: 1px;
+	top: @_sap_m_IconTabBar_List_Focus_Offset;
+	right:  @_sap_m_IconTabBar_List_Focus_Offset;
+	bottom:  @_sap_m_IconTabBar_List_Focus_Offset;
+	left:  @_sap_m_IconTabBar_List_Focus_Offset;
 	z-index: 2;
 	border-radius: @_sap_m_IconTabBar_ListBorderRadius;
 	pointer-events: none;

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

@@ -258,7 +258,8 @@ input.sapMInputBaseInner:invalid {
 
 .sapMInputBaseReadonly .sapMInputBaseContentWrapper {
 	border-color: @sapUiFieldReadOnlyBorderColor;
-	background: @sapUiFieldReadOnlyBackground;
+	background:@sapField_ReadOnly_BackgroundStyle;
+	background-color: @sapUiFieldReadOnlyBackground;
 }
 
 .sapMInputBaseInner:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):focus {

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

@@ -15,6 +15,8 @@
 @_sap_m_LightBox_OverlayBackground: @sapUiBlockLayerBackground;
 @_sap_m_LightBox_ContainerBackground: @sapUiGlobalBackgroundColor;
 @_sap_m_LightBox_ErrorIconColor: @sapUiContentNonInteractiveIconColor;
+@_sap_m_LightBox_OverlayOpacity: 0.9;
+@_sap_m_LightBox_FontFamily: @sapUiFontFamily;
 
 /* ==========================================================================
    Container
@@ -60,7 +62,7 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
   ========================================================================== */
 .sapMLightBox + .sapUiBLy {
 	background: @_sap_m_LightBox_OverlayBackground;
-	opacity: 0.9;
+	opacity: @_sap_m_LightBox_OverlayOpacity;
 }
 
 /* ==========================================================================
@@ -103,7 +105,7 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
 	}
 }
 
-.sapMLightBoxSubtitle {
+.sapMLabel.sapMLightBoxSubtitle  {
 	margin-top: @_sap_m_LightBox_SubtitleMarginTop;
 }
 
@@ -124,20 +126,8 @@ html[data-sap-ui-browser^='sf'] .sapMLightBox {
 	padding-right: 0.25rem;
 }
 
-.sapMText.sapMLightBoxTitle {
-  color: @sapUiBaseText;
-  font-family: @sapUiFontFamily;
-  font-size: @sapMFontMediumSize;
-}
-
-.sapMText.sapMLightBoxSubtitle {
-  color: @sapUiContentLabelColor;
-  font-family: @sapUiFontFamily;
-  font-size: @sapMFontMediumSize;
-}
-
-.sapMText.sapMLightBoxTitle,
-.sapMText.sapMLightBoxSubtitle {
+.sapMTitle.sapMLightBoxTitle,
+.sapMLabel.sapMLightBoxSubtitle {
 	white-space: nowrap;
 	overflow: hidden;
 	text-align: left;

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

@@ -5,9 +5,6 @@
 
 @_sap_m_ListItemBase_DeleteIcon: sys-cancel;
 @_sap_m_ListItemBase_ButtonMarginTop: auto;
-@_sap_m_ListItemBase_SelectionControlWidth: 3rem;
-@_sap_m_ListItemBase_SelectionControlHeight: 3rem;
-@_sap_m_ListItemBase_compact_SelectionControlHeight: 2rem;
 @_sap_m_ListItemBase_Highlight_InformationColor: @sapUiInformationBorder;
 @_sap_m_ListItemBase_Navigated: @sapUiListSelectionBorderColor;
 @_sap_m_ListItemBase_Detail_Delete_MarginLeft: 0.125rem;
@@ -98,10 +95,7 @@
 
 .sapMLIBSelectS,
 .sapMLIBSelectM {
-	width: @_sap_m_ListItemBase_SelectionControlWidth;
-	height: @_sap_m_ListItemBase_SelectionControlHeight;
-	margin-left: 0;
-	padding-left: 0;
+	margin-right: 0.75rem;
 }
 
 .sapMLIBHighlight + .sapMLIBSelectS,
@@ -333,11 +327,6 @@
 }
 
 /* Compact size */
-.sapUiSizeCompact .sapMLIBSelectS,
-.sapUiSizeCompact .sapMLIBSelectM {
-	height: @_sap_m_ListItemBase_compact_SelectionControlHeight;
-}
-
 .sapUiSizeCompact .sapMLIB > .sapMLIBSelectS:first-child,
 .sapUiSizeCompact .sapMLIB > .sapMLIBSelectM:first-child {
 	margin-left: -0.5rem;

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

@@ -138,4 +138,20 @@
 
 .sapMMenuBtn .sapMBtn .sapMBtnInner.sapMBtnText:not(.sapMBtnIconFirst) .sapMBtnContent{
 	width: 100%;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnCritical::after {
+	color: @sapUiButtonCriticalTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNegative::after {
+	color: @sapUiButtonNegativeTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnSuccess::after {
+	color: @sapUiButtonSuccessTextColor;
+}
+
+.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnNeutral::after {
+	color: @sapUiButtonNeutralTextColor;
 }

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

@@ -5,19 +5,20 @@
 
 // header shadow - different states
 @_sap_m_MessageBox_HeaderShadow: inset 0 -0.125rem;
-@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNeutralElement;
-@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiCriticalElement;
-@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiNegativeElement;
-@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiPositiveElement;
-@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @_sap_m_MessageBox_HeaderShadow @sapUiNeutralElement;
+@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder;
+@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder;
+@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder;
+@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder;
+@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiContentHeaderShadow;
 
 .sapMMessageBoxLinkText {
-	margin-top: 1rem;
-	float: left;
+	vertical-align: bottom;
 }
 
+.sapMMessageBoxLinkText,
+.sapMMessageBoxErrorText,
 .sapMMessageBoxDetails {
-	padding-top: 1rem;
+	margin-top: 1rem;
 }
 
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {

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

@@ -42,16 +42,7 @@
 
 .Stretch{
 	.sapMTileCnt.News .sapMNwC{
-		.sapMNwCCTxt .sapMText {
-			font-size: @sapMFontLargeSize;
-			color: @sapUiText;
-		}
-		.sapMNwCCTxt .sapMFT {
-			font-size: 0.938rem;
-			color: @sapUiText;
-		}
 		.sapMNwCSbh{
-			color: @sapUiText;
 			max-width: none;
 			padding-top: 0.25rem;
 

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

@@ -6,13 +6,8 @@
 .sapMNLIB {
 	position: relative;
 
-	.sapMIBar.sapMTB .sapMBarChild:only-child,
-	.sapMTB {
-		padding-right: 0;
-	}
-
-	.sapMNLICloseBtn {
-		margin-left: 0.5rem
+	.sapMNLICloseBtn:not(:empty) {
+		margin: 0 0.5rem;
 	}
 }
 
@@ -37,7 +32,7 @@ html.sap-desktop {
 // Priority icons
 
 .sapMNLIBPriority {
-	padding-right: 0.5rem;
+	padding-right: 0.625rem;
 
 	.sapUiIcon {
 		font-size: 1rem;
@@ -69,12 +64,12 @@ html.sap-desktop {
 	}
 }
 
-.sap-phone {
-	.sapMNLIBPriority {
-		padding-right: 0.25rem;
-	}
+.sapMNLIBHiddenButton {
+	display: none;
+}
 
-	.sapMNLIBHiddenButton {
-		display: none;
+.sapUiSizeCompact {
+	.sapMNLIBPriority {
+		padding-right: 0.5rem;
 	}
 }

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

@@ -15,28 +15,33 @@
 		border-bottom: none;
 	}
 
+	&.sapMNLGroupCollapsed .sapMNLGroupChildren {
+		display: none;
+	}
+
 	.sapMNLGroupHeader {
 		min-height: 2.75rem;
 		background: @_sap_m_NotificationListGroup_Background;
 		border-bottom: 0.0625rem solid @sapUiListGroupHeaderBorderColor;
 		box-sizing: border-box;
-		padding: 0.75rem 0.5rem 0 0.75rem;
+		padding: 0.75rem 0.5rem 0 1rem;
 		display: flex;
-		align-items: center;
-	}
+		align-items: flex-start;
 
-	.sapMNLGroupTitle {
-		color: @_sap_m_NotificationListGroup_HeaderColor;
-		font-size: @sapMFontHeader6Size;
-		font-family: @sapUiFontHeaderFamily;
-		font-weight: @sapUiFontHeaderWeight;
-		text-overflow: ellipsis;
-		overflow: hidden;
-		white-space: nowrap;
-	}
+		.sapMNLIBPriority {
+			padding-top: 0.75rem;
+		}
 
-	.sapMNLGroupHeaderSpacer {
-		flex: 1;
+		.sapMNLGroupTitle {
+			padding: 0.75rem 0;
+			color: @_sap_m_NotificationListGroup_HeaderColor;
+			font-size: @sapMFontHeader6Size;
+			font-family: @sapUiFontHeaderFamily;
+			font-weight: bold;
+			overflow-wrap: break-word;
+			flex: 1;
+			min-width: 0;
+		}
 	}
 
 	.sapMNLGroupChildren {
@@ -44,13 +49,6 @@
 		padding: 0;
 	}
 
-	&.sapMNLGroupUnread {
-		.sapMNLGroupTitle,
-		.sapMNLGroupCount {
-			font-weight: bold;
-		}
-	}
-
 	.sapMNLGroupCollapseButton {
 		margin-right: 0.75rem;
 		width: 2.25rem;
@@ -77,34 +75,22 @@
 	}
 }
 
-.sapMNLGroup.sapMNLGroupCollapsed .sapMNLGroupChildren {
+.sapMNLIActionsHidden {
 	display: none;
 }
 
-.sapMNLGroupCount {
-	margin-left: 0.25rem;
-	margin-right: 1rem;
-
-	color: @_sap_m_NotificationListGroup_HeaderColor;
-	font-size: @sapMFontHeader6Size;
-	font-family: @sapUiFontHeaderFamily;
-}
-
-.sap-phone {
-	.sapMNLGroup .sapMNLGroupHeader {
-		padding: 0 0.5rem
-	}
-
-	.sapMNLGroupCollapseButton {
-		margin-right: 0.75rem;
-	}
-}
-
 .sapUiSizeCompact {
 	.sapMNLGroup {
-		.sapMNLGroupCollapseButton {
-			margin-right: 1rem;
-			width: 2rem;
+		.sapMNLGroupHeader {
+			padding: 0.5rem 0.5rem 0 0.75rem;
+
+			.sapMNLIBPriority {
+				padding-top: 0.5rem;
+			}
+
+			.sapMNLGroupTitle {
+				padding: 0.5rem 0;
+			}
 		}
 	}
 }

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

@@ -27,13 +27,16 @@
 		display: flex;
 	}
 
+	.sapMNLIImage {
+		margin-right: 0.75rem;
+	}
+
 	.sapMNLIContent {
 		display: flex;
 		flex-direction: column;
-		width: 100%;
 		min-width: 0; // chrome flex overflow issue
 		flex: 1;
-		padding: 0 1rem 0 0.75rem;
+		padding-right: 1rem;
 
 		.sapMNLITitle {
 			display: flex;
@@ -60,10 +63,6 @@
 		}
 	}
 
-	&.sapMNLINoAvatar .sapMNLIContent {
-		padding-left: 0;
-	}
-
 	.sapMNLIFooter {
 		display: flex;
 		align-items: center;
@@ -102,6 +101,11 @@
 			}
 		}
 	}
+
+	&.sapMNLINoAvatar .sapMNLIImage,
+	&.sapMNLIB-LayoutS .sapMNLIImage {
+		display: none;
+	}
 }
 
 .sapMNLGroup .sapMNLI {
@@ -116,16 +120,6 @@
 	max-height: 40px; // font-size * line-height (value 1.4) * 2 (number of rows)
 }
 
-.sapMNLIActions {
-	.sapMIBar {
-		border: none;
-
-		.sapMBarChild {
-			margin: 0 !important;
-		}
-	}
-}
-
 .sapMNLIShowMore .sapMLnk {
 	vertical-align: middle;
 	margin-left: 1rem;
@@ -139,6 +133,8 @@
 	align-items: normal;
 }
 
-.sap-phone .sapMNLI {
-	padding: 1rem 0.5rem 1rem 0.75rem;
+.sapUiSizeCompact {
+	.sapMNLI {
+		padding: 1rem 0.5rem 1rem 0.75rem;
+	}
 }

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

@@ -149,10 +149,13 @@ html[dir=rtl] .sapMObjLAttrDiv {
 	width: 50%;
 	text-align: right;
 	vertical-align: top;
+	padding-left: 0.5rem;
 }
 
 html[dir=rtl] .sapMObjLStatusDiv {
 	text-align: left;
+	padding-left: 0;
+	padding-right: 0.5rem;
 }
 
 .sapMObjLAttrRow .sapMObjStatus {

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

@@ -5,6 +5,11 @@
 
 @sapMONInformativeElement: @sapUiInformativeElement;
 
+.sapMObjectNumberLarge .sapMObjectNumberText,
+.sapMObjectNumberLarge .sapMObjectNumberUnit {
+	font-size: 1.5rem;
+}
+
 .sapMObjectNumber {
 	display: block;
 	white-space: normal;

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

@@ -34,6 +34,9 @@
 		content: attr(data-colon);
 		white-space: pre;
 	}
+	.sapMEmptyIndicator{
+		line-height: normal;
+	}
 }
 
 .sapMLIBActive {

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

@@ -27,7 +27,7 @@
 	-webkit-text-size-adjust: none;
 
 	font-weight: @sapUiFontHeaderWeight;
-	font-size: @sapMFontHeader4Size;
+	font-size: @sapUiGroupTitleFontSize;
 	font-family: @sapUiFontHeaderFamily;
 	color: @sapUiGroupTitleTextColor;
 }

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

@@ -10,7 +10,7 @@
 @_sap_m_Popover_Scroll_Width_Buffer: 20px;
 
 /* Arrow offset from the Popover's corners */
-@_sap_m_Popover_ArrowOffset: 16;
+@_sap_m_Popover_ArrowOffset: 8;
 
 /* shared mixin for arrow shadow*/
 .sapMPopoverArrAfterShadow(@horizontalShadow, @verticalShadow) {

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

@@ -145,10 +145,6 @@
 	display: inline-block;
 }
 
-.sapMPIAnimate .sapMPIText {
-	display: none;
-}
-
 /* Progress Indicator Bar */
 .sapMPIValueMax .sapMPIBar {
 	border-top-right-radius: 0.5rem;

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

@@ -10,6 +10,10 @@
 
 @_sap_m_QuickViewCard_PagePadding: 0;
 
+@_sap_m_QuickView_TitleMarginBottom: 0.5rem;
+@_sap_m_QuickView_TitleFontSize: @sapMFontHeader5Size;
+@_sap_m_QuickView_FormTitleFontSize: @sapMFontHeader5Size;
+
 .sapMQuickView .sapMNav,
 .sapMQuickViewCard .sapMNav {
 	white-space: nowrap;
@@ -104,6 +108,10 @@ html.sap-tablet .sapMQuickViewPage > section {
 .sapMQuickViewCard .sapMQuickViewPage {
 	padding: @_sap_m_QuickViewCard_PagePadding;
 	box-sizing: border-box;
+
+	.sapMTitle {
+		font-size: @_sap_m_QuickView_TitleFontSize;
+	}
 }
 
 .sapMQuickViewPage .sapUiFormResGridCont > div {
@@ -169,7 +177,7 @@ html.sap-phone .sapMQuickViewPage .sapUiHLayout {
 
 .sapMQuickViewPage .sapUiVltCell:first-child {
 	max-height: @_sap_m_QuickView_TitleMaxHeight;
-	margin-bottom: 0.5rem;
+	margin-bottom: @_sap_m_QuickView_TitleMarginBottom;
 	overflow: hidden;
 }
 
@@ -210,7 +218,7 @@ html.sap-tablet .sapMQuickViewHeader {
 .sapMQuickViewPage h3,
 .sapMQuickViewPage .sapUiForm .sapUiFormTitle {
 	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader5Size;
+	font-size: @_sap_m_QuickView_FormTitleFontSize;
 	font-weight: @sapUiFontHeaderWeight;
 	line-height: normal;
 	color: @sapUiGroupTitleTextColor;
@@ -269,6 +277,10 @@ html.sap-tablet.sap-ios .sapMPanel .sapMQuickViewCard {
 	outline: none;
 }
 
+.sapMQuickView .sapMBar {
+	padding-left: 0.75rem;
+}
+
 /* Compact size */
 .sapUiSizeCompact {
 	.sapMQuickViewPage.sapMPage > header.sapMPageHeader {

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

@@ -12,6 +12,10 @@
 	margin: 0.8125rem 0;
 }
 
+.sapUiSizeCompact .sapMRI {
+	margin: 0.5rem 0;
+}
+
 html.sap-phone .sapMRI:focus,
 html.sap-tablet .sapMRI:focus {
 	outline: none;

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

@@ -334,9 +334,7 @@
 /* table context                  */
 /* ------------------------------ */
 
-.sapUiTableCell .sapMSlt,
-.sapUiSizeCondensed .sapUiTableCell .sapMSlt,
-.sapUiSizeCompact .sapUiTableCell .sapMSlt {
+.sapUiSizeCondensed .sapUiTableCell .sapMSlt {
 	margin: 0;
 }
 

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

@@ -272,10 +272,6 @@ html.sap-desktop {
 	.sapMSinglePCBlockers,
 	.sapMSinglePCAppointments {
 		.sapUiCalendarApp {
-			&.sapUiCalendarAppSel:hover::after {
-				background-color: darken(@sapUiSelected, 10);
-			}
-
 			&:hover::after {
 				background-color: @sapUiListHoverBackground;
 			}
@@ -594,35 +590,13 @@ html.sap-desktop {
 	}
 	.sapMSinglePCBlockers, .sapMSinglePCAppointments {
 
+		&.sapUiCalendarRowVisFilled > .@{class}.sapUiCalendarRowApps:hover > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont{
+			background-color: @sapUiListHoverBackground;
+		}
 		&.sapUiCalendarRowVisFilled > .@{class}.sapUiCalendarRowApps > .sapUiCalendarApp:not(.sapUiCalendarAppSel) > .sapUiCalendarAppCont{
 			background-color: fade(@bcolor, 90%);
 		}
 	}
-	//Special Dates
-	.sapMSinglePCGrid .@{iitemtypeclass} {
-		&.sapUiCalItem:hover {
-			border-radius: 0.25rem;
-		}
-		//week views
-		&.sapUiCalItem.sapUiCalItemSel .sapUiCalItemText,
-		&.sapUiCalItem .sapUiCalItemText {
-			box-shadow: none;
-		}
-		&.sapUiCalItem:not(.sapUiCalItemSel) {
-			box-shadow: inset 0 -0.25rem 0 @color;
-		}
-		//week views selected
-		&.sapUiCalItem.sapUiCalItemSel {
-			box-shadow: inset 0 -0.25rem 0 @color, inset 0 -0.25rem white;
-			.sapUiCalItemText {
-				box-shadow: none;
-			}
-		}
-		//day view
-		.sapMSinglePCBlockersColumn {
-			box-shadow: inset 0 0.25rem 0 @color;
-		}
-	}
 }
 
 .calendarRowTypeColorMixIn(sapUiCalendarAppType01, sapUiCalItemType01, @_sap_m_SinglePlanningCalendar_sapUiCalendarAppType01, @_sap_m_SinglePlanningCalendar_sapUiCalendarAppBackgroundType01);

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

@@ -17,6 +17,7 @@
 		position: relative;
 		height: 100%;
 		width: 100%;
+		border-radius: 0.23rem 0.23rem 0.25rem 0.25rem;
 	}
 
 	&.sapMSTScopeActions {
@@ -29,6 +30,13 @@
 			z-index: 1;
 			color: @sapUiButtonIconColor;
 			pointer-events: none;
+			background-color: transparent;
+			border: 0;
+			.sapMBtnIcon{
+				bottom: 0.6rem;
+				left: 0.9rem;
+				border: 0;
+			}
 			&:focus {
 				outline: none;
 			}
@@ -91,6 +99,17 @@
 	}
 }
 
+.sapUiSizeCompact{
+	.sapMST {
+		.sapMSTMoreIcon {
+			.sapMBtnIcon{
+				left: 0.3rem;
+				bottom: 0.4rem;
+			}
+		}
+	}
+}
+
 .sapMSTWrapper {
 	position: absolute;
 	left: 100%;