@openui5/sap.m 1.109.0 → 1.110.0

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

@@ -3,7 +3,9 @@
 /* Base theme                      */
 /* =============================== */
 
-@_sap_m_Carousel_BackgroundColor: @sapGroup_ContentBackground;
+@_sap_m_Carousel_BackgroundColorSolid: @sapUiGroupContentBackground;
+@_sap_m_Carousel_BackgroundColorTransparent: transparent;
+@_sap_m_Carousel_BackgroundColorTranslucent: @sapUiGroupContentBackground;
 @_sap_m_Carousel_MinWidth: 20rem;
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2rem;
 @_sap_m_Carousel_NumericIndicatorTextColor: @sapUiContentLabelColor;
@@ -27,13 +29,24 @@
 @_sap_m_Carousel_FocusBorder: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 
 .sapMCrsl {
-	background-color: @_sap_m_Carousel_BackgroundColor;
 	position: relative;
 	overflow: hidden;
 	box-sizing: border-box;
 	min-width: @_sap_m_Carousel_MinWidth;
 }
 
+.sapMCrslBackground-Solid {
+	background-color: @_sap_m_Carousel_BackgroundColorSolid;
+}
+
+.sapMCrslBackground-Transparent {
+	background-color: @_sap_m_Carousel_BackgroundColorTransparent;
+}
+
+.sapMCrslBackground-Translucent {
+	background-color: @_sap_m_Carousel_BackgroundColorTranslucent;
+}
+
 .sapMCrslItem:focus {
 	position: relative;
 }
@@ -464,11 +477,11 @@ html[data-sap-ui-animation='off'] .sapMCrslInner {
 /* Styles needed for keyboard handling
    ========================================================================== */
 .sapMCrslItem {
-	visibility: hidden;
+	opacity: 0;
 	overflow: hidden;
 }
 .sapMCrslActive {
-	visibility: visible;
+	opacity: 1;
 }
 
 /* Page Indicator Numeric

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

@@ -12,7 +12,7 @@
 
 .sapMPluginsColumnResizerHandle {
 	position: absolute;
-	z-index: 1;
+	z-index: 2;
 	top: 0;
 	bottom: 0;
 	left: -10000px;

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

@@ -181,8 +181,8 @@ html.sap-desktop .sapMDialog {
 	font-size: 0.875rem;
 }
 
-.sapMDialog > header.sapMDialogTitle,
-.sapMDialog > header.sapMDialogSubHeader {
+.sapMDialog > header .sapMDialogTitleGroup,
+.sapMDialog > header .sapMDialogSubHeader {
 	font-size: 1rem;
 }
 
@@ -199,24 +199,24 @@ html.sap-desktop .sapMDialog {
 	border-top: none;
 }
 
-.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
+.sapMMessageDialog.sapMPopup-CTX > header .sapMDialogTitleGroup {
 	background-image: none;
 	filter: none;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMTitle {
+.sapMDialog > header .sapMDialogTitleGroup .sapMTitle {
 	color: @sapUiPageHeaderTextColor;
 	vertical-align: middle;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMImg {
+.sapMDialog > header .sapMDialogTitleGroup .sapMImg {
 	height: 2.25rem;
 	margin-right: 0.625rem;
 	vertical-align: middle;
 	width: 2.25rem;
 }
 
-.sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+.sapMDialog > header .sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 	font-size: 1.25rem;
 	vertical-align: middle;
 }
@@ -244,13 +244,13 @@ html.sap-desktop .sapMDialog {
 			&.sapMDialog-NoHeader {
 				padding-top: @_sap_m_Dialog_SubHeaderCompactHeight;
 
-				& > .sapMDialogSubHeader {
+				& .sapMDialogSubHeader {
 					top: 0;
 				}
 			}
 		}
 
-		& > .sapMDialogTitle {
+		.sapMDialogTitleGroup {
 			height: @_sap_m_Dialog_BarCompactHeight;
 
 			.sapMHeader-CTX,
@@ -274,41 +274,11 @@ html.sap-desktop .sapMDialog {
 			}
 		}
 
-		& header.sapMDialogSubHeader {
+		.sapMDialogSubHeader {
 			height: @_sap_m_Dialog_SubHeaderCompactHeight;
 			top: @_sap_m_Dialog_BarCompactHeight;
 		}
 	}
-
-	&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
-		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg,
-		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapMImg {
-			height: 1.5rem;
-			width: 1.5rem;
-		}
-
-		&.sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon,
-		& .sapMDialog > header.sapMDialogTitle .sapMBarMiddle > .sapMBarPH > .sapUiIcon {
-			font-size: 1rem;
-			height: 1.5rem;
-			line-height: 1.5rem;
-			width: 1rem;
-		}
-
-		&.sapMDialog > header:first-of-type .sapMHeader-CTX,
-		&.sapMDialog > footer:last-of-type .sapMFooter-CTX,
-		& .sapMDialog > header:first-of-type .sapMHeader-CTX,
-		& .sapMDialog > footer:last-of-type .sapMFooter-CTX {
-			height: 2.5rem;
-
-			.sapMBarLeft,
-			.sapMBarRight,
-			.sapMBarPH {
-				padding-bottom: 0.25rem;
-				padding-top: 0.25rem;
-			}
-		}
-	}
 }
 
 .sapMDialogResizing,
@@ -373,13 +343,13 @@ html.sap-desktop .sapMDialog {
 		&.sapMDialog-NoHeader {
 			padding-top: @_sap_m_Dialog_SubHeaderHeight;
 
-			& > .sapMDialogSubHeader {
+			.sapMDialogSubHeader {
 				top: 0;
 			}
 		}
 	}
 
-	& > .sapMDialogTitle {
+	.sapMDialogTitleGroup {
 		height: @_sap_m_Dialog_BarHeight;
 		left: 0;
 		position: absolute;
@@ -387,7 +357,7 @@ html.sap-desktop .sapMDialog {
 		top: 0;
 	}
 
-	& > .sapMDialogTitle .sapMDialogTitleGroup:focus {
+	.sapMDialogTitleGroup:focus {
 		outline: none;
 
 		&::after {
@@ -420,7 +390,7 @@ html.sap-desktop .sapMDialog {
 		cursor: move;
 	}
 
-	& header.sapMDialogSubHeader {
+	.sapMDialogSubHeader {
 		cursor: default;
 		height: @_sap_m_Dialog_SubHeaderHeight;
 		left: 0;
@@ -436,7 +406,7 @@ html[data-sap-ui-animation='off'] .sapMDialog {
 	transition: none;
 }
 
-.sapMDialog.sapMDialogWithSubHeader .sapMDialogTitle .sapMIBar {
+.sapMDialog.sapMDialogWithSubHeader .sapMDialogTitleGroup .sapMIBar {
 	box-shadow: none;
 }
 
@@ -445,43 +415,43 @@ html[data-sap-ui-animation='off'] .sapMDialog {
 }
 
 .sapMDialogWarning > header {
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiCriticalElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_WarningHeaderShadow;
 	}
 }
 
 .sapMDialogError > header {
 
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiNegativeElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_ErrorHeaderShadow;
 	}
 }
 
 .sapMDialogSuccess > header {
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiPositiveElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_SuccessHeaderShadow;
 	}
 }
 
 .sapMDialogInformation > header {
 
-	&.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
+	.sapMDialogTitleGroup .sapMDialogIcon.sapUiIcon {
 		color: @sapUiInformativeElement;
 	}
 
-	&:last-of-type .sapMIBar {
+	& > div:last-of-type .sapMIBar {
 		box-shadow: @_sap_m_Dialog_InformationHeaderShadow;
 	}
 }

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

@@ -191,4 +191,8 @@
 .sapUiSizeCompact .sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {
 	margin: 0;
 	min-height: 4rem;
+}
+
+.sapMFeedIn .sapMInputBase .sapMTextArea .sapMInputBaseContentWrapper {
+	min-height: 4rem;
 }

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

@@ -1385,17 +1385,9 @@ html[dir=rtl] .sapMGTLineMode {
 }
 
 /******************* OVERLAYS AND HELPERS *******************/
-.sapMGT.sapMGTStateFailed, .sapMGT.sapMGTStateDisabled {
-	.sapMTileCnt {
-		position: relative;
-
-		&:after {
-			.sapMGTOverlayMixin();
-			display: block;
-			content: "";
-			background-color: fade(@sapUiTileBackground, 80);
-		}
-	}
+.sapMGTOverlay {
+	.sapMGTOverlayMixin();
+	opacity: 0.8;
 }
 
 .sapMGT .sapMGTFocusDiv {

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

@@ -535,6 +535,7 @@
 
 				.sapMITBText {
 					color: @_sap_m_IconTabBar_Overflow_TextColorPressed;
+					text-shadow: none;
 				}
 
 				.sapMITHShowSubItemsIcon {
@@ -1194,12 +1195,14 @@ html.sap-desktop {
 
 	}
 
-	.sapMITBContentArrow {
-		height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
-	}
-
 	.sapMITBHorizontalWrapper {
 		height: 2rem;
+		overflow: visible;
+	}
+
+
+	.sapMITBContentArrow {
+		height: @_sap_m_IconTabBar_Compact_ContentArrowHeight;
 	}
 
 	.sapMITBHorizontal {

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

@@ -9,6 +9,7 @@
 	text-align: center;
 	padding: 1rem;
 	box-sizing: border-box;
+	justify-content: center;
 
 	.sapMIllustratedMessageMainContent {
 		display: flex;

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

@@ -132,6 +132,10 @@
 	border-radius: @sapUiFieldBorderCornerRadius;
 }
 
+.sapMInputBaseContentWrapper.sapMInputBaseDisabledWrapper {
+	background-image: none;
+}
+
 .sapMILI-CTX .sapMInputBaseContentWrapperError,
 .sapMInputBaseContentWrapperError {
 	background: @sapUiFieldInvalidBackgroundStyle;
@@ -155,7 +159,6 @@
 	background: @sapUiFieldInformationBackgroundStyle;
 	background-color: @sapUiFieldInformationBackground;
 	border: @sapUiFieldInformationBorderWidth @sapUiFieldInformationBorderStyle @sapUiFieldInformationColor;
-	
 }
 
 .sapMInputBaseIconContainer {

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

@@ -35,6 +35,21 @@
 
 .sapMLabel.sapMLabelRequired.sapMLabelShowColon:not(.sapMLabelWrapped) .sapMLabelTextWrapper {
 	max-width: calc(~"100% - 0.125rem - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	&:lang(fr) {
+		max-width: calc(~"100% - 0.125rem - 1.125em - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	}
+	&:lang(zh-TW) {
+		max-width: calc(~"100% - 0.125rem - 1.59em - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	}
+	&:lang(zh-CN) {
+		max-width: calc(~"100% - 0.125rem - 1.59em - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	}
+	&:lang(zh-Hans) {
+		max-width: calc(~"100% - 0.125rem - 1.59em - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	}
+	&:lang(zh-Hant) {
+		max-width: calc(~"100% - 0.125rem - 1.59em - @{_sap_m_Label_AsteriskWidth} - @{_sap_m_Label_ColonWidth}");
+	}
 }
 
 .sapMLabelBold,
@@ -188,6 +203,12 @@ td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
 			&:lang(zh-CN) {
 				padding-right: 1.59em;
 			}
+			&:lang(zh-Hans) {
+				padding-right: 1.59em;
+			}
+			&:lang(zh-Hant) {
+				padding-right: 1.59em;
+			}
 
 			.sapMLabelColonAndRequired {
 				position: absolute;

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

@@ -36,8 +36,10 @@
 	word-wrap: break-word;
 }
 
-.sapMLnk.sapMLinkContainsEmptyIdicator {
+.sapMLnk.sapMLinkContainsEmptyIdicator,
+.sapMLnk.sapMLinkContainsEmptyIdicator > * {
 	pointer-events: none;
+	text-decoration: none;
 }
 
 .sapMLnkMaxWidth {

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

@@ -129,7 +129,7 @@
 }
 
 .sapMMenuBtn .sapMBtn .sapMBtnInner {
-	display: block;
+	display: flex;
 }
 
 .sapMMenuBtn .sapMBtn:not(.sapMSBArrow) .sapMBtnInner.sapMBtnIconFirst .sapMBtnIcon {

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

@@ -42,19 +42,19 @@
 }
 
 .sapMDialog.sapMMessageDialog {
-	&.sapMMessageBoxInfo .sapMDialogTitle .sapMDialogTitleGroup > .sapMBar {
+	&.sapMMessageBoxInfo .sapMDialogTitleGroup > .sapMBar {
 		box-shadow: @_sap_m_MessageBox_InformationShadow;
 	}
-	&.sapMMessageBoxWarning .sapMDialogTitle .sapMDialogTitleGroup > .sapMBar {
+	&.sapMMessageBoxWarning .sapMDialogTitleGroup > .sapMBar {
 		box-shadow: @_sap_m_MessageBox_WarningShadow;
 	}
-	&.sapMMessageBoxError .sapMDialogTitle .sapMDialogTitleGroup > .sapMBar {
+	&.sapMMessageBoxError .sapMDialogTitleGroup > .sapMBar {
 		box-shadow: @_sap_m_MessageBox_ErrorShadow;
 	}
-	&.sapMMessageBoxSuccess .sapMDialogTitle .sapMDialogTitleGroup > .sapMBar {
+	&.sapMMessageBoxSuccess .sapMDialogTitleGroup > .sapMBar {
 		box-shadow: @_sap_m_MessageBox_SuccessShadow;
 	}
-	&.sapMMessageBoxQuestion .sapMDialogTitle .sapMDialogTitleGroup > .sapMBar {
+	&.sapMMessageBoxQuestion .sapMDialogTitleGroup > .sapMBar {
 		box-shadow: @_sap_m_MessageBox_QuestionShadow;
 	}
 }

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

@@ -244,4 +244,8 @@
 
 .sapMMsgViewItem .sapMSLIIconActive {
 	color: @sapUiContentContrastIconColor;
+}
+
+.sapMMsgViewDescriptionText a.sapMLnk {
+	overflow: visible;
 }

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

@@ -6,29 +6,14 @@
 .sapMNLIB {
 	position: relative;
 
-	.sapMNLICloseBtn:not(:empty) {
-		margin: 0 0.5rem;
-	}
-}
-
-html.sap-desktop {
-	.sapMNLIB:focus {
+	&:focus {
 		outline: none;
 	}
 
-	.sapMNLIB:focus::before {
-		content: " ";
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-		position: absolute;
-		top: 1px;
-		right: 1px;
-		bottom: 1px;
-		left: 1px;
-		z-index: 2;
-		pointer-events: none;
+	.sapMNLICloseBtn:not(:empty) {
+		margin: 0 0.5rem;
 	}
 }
-
 // Priority icons
 
 .sapMNLIBPriority {

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

@@ -20,6 +20,7 @@
 	}
 
 	.sapMNLGroupHeader {
+		position: relative;
 		min-height: 2.75rem;
 		background: @_sap_m_NotificationListGroup_Background;
 		border-bottom: 0.0625rem solid @sapUiListGroupHeaderBorderColor;
@@ -27,6 +28,7 @@
 		padding: 0.75rem 0.5rem 0 1rem;
 		display: flex;
 		align-items: flex-start;
+		outline: none;
 
 		.sapMNLIBPriority {
 			padding-top: 0.75rem;
@@ -44,6 +46,18 @@
 		}
 	}
 
+	&:focus .sapMNLGroupHeader::before {
+		content: " ";
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		position: absolute;
+		top: 1px;
+		right: 1px;
+		bottom: 1px;
+		left: 1px;
+		z-index: 2;
+		pointer-events: none;
+	}
+
 	.sapMNLGroupChildren {
 		margin: 0;
 		padding: 0;

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

@@ -106,6 +106,18 @@
 	&.sapMNLIB-LayoutS .sapMNLIImage {
 		display: none;
 	}
+
+	&:focus::before {
+		content: " ";
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		position: absolute;
+		top: 1px;
+		right: 1px;
+		bottom: 1px;
+		left: 1px;
+		z-index: 2;
+		pointer-events: none;
+	}
 }
 
 .sapMNLGroup .sapMNLI {

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

@@ -37,6 +37,15 @@
 			height: 2rem;
 		}
 	}
+
+	&.sapMObjectNumberLongText{
+		.sapMObjectNumberText {
+			word-break: break-word;
+			text-overflow: unset;
+			white-space: break-spaces;
+			-webkit-box-orient: unset;
+		}
+	}
 }
 
 .sapMObjectNumberText {

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

@@ -30,6 +30,13 @@
 		height: inherit;
 		vertical-align: top;
 	}
+
+	&.sapMObjectStatusLongText{
+		.sapMObjStatusText {
+			word-break: break-all;
+		}
+	}
+
 	.sapMObjStatusTitle::after {
 		content: attr(data-colon);
 		white-space: pre;
@@ -693,4 +700,15 @@ html.sap-desktop .sapMListTblHasPopin .sapMObjStatusActive:focus {
 		right: 1px;
 		outline: 1px dotted @sapUiContentFocusColor;
 	}
+}
+
+.sapMListTblCell {
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 1rem;
+			vertical-align: middle;
+		}
+	}
 }

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

@@ -44,6 +44,7 @@
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
+	font-size: 0.75rem;
 	.sapUiCalItemText {
 		height: 50%;
 		line-height: 1.175rem;

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

@@ -15,7 +15,7 @@
 	max-width: 100%;
 	display: flex;
 
-	> .sapMRbBLabel {
+	> .sapMRbBLabel:not(.sapMLabelNoText) {
 		padding-right: 0.125rem;
 	}
 }

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

@@ -77,6 +77,7 @@
 
 .sapMSPCMonthNowMarker {
 	border: 0.125rem solid @sapUiLegendCurrentDateTime;
+	pointer-events: none;
 	height: inherit;
 	.sapMSPCMonthDayNumber {
 		padding-top: 0.4rem;

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

@@ -42,7 +42,9 @@
 
 .sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
 	border-right-width: 0.0625rem;
-	padding-right: 0.5rem;
+	&.sapMBtnText {
+		padding-right: 0.5rem;
+	}
 }
 
 .sapMSB .sapMSBArrow .sapMBtnInner {

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

@@ -256,7 +256,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 
 /* busyIndicator should not block the toolbars if <table> is set busy */
 .sapMSticky > .sapMListTbl > .sapUiLocalBusyIndicator {
-	z-index: 1;
+	z-index: 3;
 }
 
 /* define outline for the block layer */
@@ -384,8 +384,8 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	color: @sapUiListActiveTextColor;
 }
 
-.sapMColumnHeaderActive > .sapMColumnHeaderContent {
-	cursor: default;
+.sapMColumnHeaderActive, .sapMColumnHeaderActive > .sapMColumnHeaderContent {
+	cursor: pointer;
 }
 
 .sapMColumnHeaderFocusable:focus {
@@ -420,7 +420,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 .sapMTableRowCustomFocus:focus {
 	outline: none;
 
-	.sapMListTblCell > :first-child {
+	.sapMListTblCell:not(.sapMListTblCellDup) > :first-child {
 		position: relative;
 	}
 
@@ -467,19 +467,22 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 }
 
 /* overwrite text control styles */
-.sapUiSizeCompact .sapMListTblCell {
+.sapMListTblCell {
 	.sapMLnk,
 	.sapMText,
 	.sapMLabel,
 	.sapMObjectNumber,
 	.sapMObjectIdentifier,
 	.sapMObjStatus {
-		vertical-align: middle;
 		line-height: 1.4;
 
 		.sapMObjStatusText {
 			line-height: inherit;
 		}
+
+		.sapUiSizeCompact & {
+			vertical-align: middle;
+		}
 	}
 	.sapMFlexItem .sapMText {
 		line-height: inherit;