@openui5/sap.m 1.118.0 → 1.119.1

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

@@ -58,7 +58,7 @@
 	font-family: @sapUiFontFamily;
 	font-size: 0.875rem;
 
-	height: 2.500rem;
+	height: @sapUiElementHeight;
 	min-width: 2.500rem;
 	margin: 0;
 	padding: 0;
@@ -143,7 +143,7 @@ html[data-sap-ui-os^="iOS"] .sapMBtnBase:not(.sapMBtn) .sapMBtnContent {
 	}
 
 	.sapMBtnInner {
-		height:           1.625rem;
+		height:           @sapUiElementCompactHeight;
 		min-width:        2.0rem;
 	}
 
@@ -631,176 +631,6 @@ span.sapMBtnInner.sapMBtnEmphasized {
 	}
 }
 
-/* ------------------------------------------------ */
-/* Buttons in a Bar                                 */
-/* (add separators, remove top/bottom border)       */
-/* ------------------------------------------------ */
-
-.sapMIBar-CTX .sapMBtnInner,
-.sapMBar .sapMBtnInner,
-.sapMHeader-CTX .sapMBtnInner,
-.sapMFooter-CTX .sapMBtnInner {
-	background: @sapUiButtonLiteBackground;
-	border-color: @sapUiButtonLiteBorderColor;
-}
-
-.sapMIBar-CTX .sapMBtnInner,
-.sapMBar .sapMBtnInner{
-	&.sapMBtnCritical{
-		background: @sapUiCriticalElement;
-		border-color: @sapUiCriticalElement;
-	}
-	&.sapMBtnNegative{
-		background: @sapUiNegativeElement;
-		border-color: @sapUiNegativeElement;
-	}
-	&.sapMBtnNeutral{
-		background: @sapButton_Neutral_Background;
-		border-color: @sapButton_Neutral_BorderColor;
-	}
-	&.sapMBtnSuccess{
-		background: @sapUiPositiveElement;
-		border-color: @sapUiPositiveElement;
-	}
-}
-
-.sapMIBar-CTX .sapMBtnInner.sapMBtnGhost,
-.sapMBar .sapMBtnInner.sapMBtnGhost,
-.sapMHeader-CTX .sapMBtnInner.sapMBtnGhost,
-.sapMFooter-CTX .sapMBtnInner.sapMBtnGhost {
-	background: @sapUiButtonLiteBackground;
-	border-color: fade(@sapUiButtonLiteTextColor, 50);
-}
-
-.sapMSubHeader-CTX .sapMBtnInner {
-	background: @sapUiButtonLiteBackground;
-}
-
-.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive,
-.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable.sapMBtnActive,
-.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnGhost.sapMBtnHoverable.sapMBtnActive {
-	background-color: @sapUiButtonActiveBackground;
-}
-
-.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed),
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
-	background-color: @sapUiButtonLiteHoverBackground;
-	border-color:     @sapUiButtonLiteHoverBorderColor;
-	color: @sapUiButtonLiteHoverTextColor;
-
-	bdi {
-		color: @sapUiButtonLiteHoverTextColor;
-	}
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnGhost.sapMBtnHoverable:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
-	background-color: fade(@sapUiButtonLiteTextColor, 20);
-	border-color: fade(@sapUiButtonLiteTextColor, 50);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
-	background-color: @sapUiButtonFooterHoverBackground;
-	color:            @sapUiButtonFooterTextColor;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
-	background-color: @sapUiButtonAcceptHoverBackground;
-	border-color:     @sapUiButtonAcceptHoverBorderColor;
-	color:            @sapUiButtonAcceptTextColor;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAttention:not(.sapMBtnActive) {
-	background-color: @sapUiButtonAttentionHoverBackground;
-	border-color: @sapUiButtonAttentionHoverBorderColor;
-	color: @sapUiButtonAttentionHoverTextColor;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
-	background-color: @sapUiButtonRejectHoverBackground;
-	border-color:     @sapUiButtonRejectHoverBorderColor;
-	color:            @sapUiButtonRejectTextColor;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
-	background-color: @sapUiButtonEmphasizedHoverBackground;
-	border-color:     @sapUiButtonEmphasizedHoverBorderColor;
-	color:            @sapUiButtonEmphasizedTextColor;
-	text-shadow:      0 0 0.125rem @sapUiButtonEmphasizedTextShadow;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical:not(.sapMBtnActive) {
-	background-color: darken(@sapUiCriticalElement, 7);
-	border-color: darken(@sapUiCriticalElement, 7);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative:not(.sapMBtnActive) {
-	background-color: darken(@sapUiNegativeElement, 7);
-	border-color: darken(@sapUiNegativeElement, 7);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess:not(.sapMBtnActive) {
-	background-color: darken(@sapUiPositiveElement, 7);
-	border-color: darken(@sapUiPositiveElement, 7);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral:not(.sapMBtnActive) {
-	background-color: @sapButton_Neutral_Hover_Background;
-	border-color: @sapButton_Neutral_Hover_BorderColor;
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnCritical.sapMBtnActive {
-	background-color: darken(@sapUiCriticalElement, 10);
-	border-color: darken(@sapUiCriticalElement, 10);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNegative.sapMBtnActive {
-	background-color: darken(@sapUiNegativeElement, 10);
-	border-color: darken(@sapUiNegativeElement, 10);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnSuccess.sapMBtnActive {
-	background-color: darken(@sapUiPositiveElement, 10);
-	border-color: darken(@sapUiPositiveElement, 10);
-}
-
-.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnNeutral.sapMBtnActive {
-	background-color: @sapButton_Neutral_Active_Background;
-	border-color: @sapButton_Neutral_Active_BorderColor;
-}
-
-/* Separators between buttons in a footer */
-.sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled),
-html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
-	border-color:     @sapUiButtonLiteBorderColor;
-}
-
-.sapMIBar-CTX .sapMBtnTransparent:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
-	text-shadow:      none;
-	border-color:     @sapUiButtonLiteBorderColor;
-}
-
-/* active transparent button in a footer */
-.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) {
-	.sapMBtnTransparent.sapMBtnActive {
-		background-color: @sapUiButtonLiteActiveBackground;
-		color: @sapUiButtonActiveTextColor;
-		border-color: @sapUiButtonLiteActiveBorderColor;
-	}
-}
-
-.sapMIBar-CTX .sapMBtnDisabled,
-.sapMIBar-CTX .sapMBtnDisabled .sapMBtnContent > .sapMBtnIcon {
-	color: @sapUiButtonHeaderDisabledTextColor;
-	text-shadow: none;
-}
-
-.sapMIBar-CTX.sapMHeader-CTX :not(.sapMBtnDisabled) > .sapMBtnActive,
-.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) > .sapMBtnActive {
-	background-color: @sapUiButtonActiveBackground;
-	color: @sapUiButtonActiveTextColor;
-	text-shadow: none;
-}
-
 /* ----------------------------------------------------------------- */
 /* Default type Buttons in a Toolbar should be styled as transparent */
 /* ----------------------------------------------------------------- */

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

@@ -43,7 +43,7 @@
 	-webkit-transition: opacity .15s, left 0.2s, top 0.2s;
 	transition: opacity .15s, left 0.2s, top 0.2s;
 	border-radius: @sapUiElementBorderCornerRadius;
-	box-shadow: @sapUiShadowLevel3;
+	box-shadow: @sapUiContentShadow3;
 
 	&:not(.sapMDialogHighPixelDensity) {
 		//prevent blurring when the device pixel ration is 1 (not high density screens)

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

@@ -33,7 +33,7 @@
 
 .sapMFeedListItemFigure .sapFAvatarS {
     height: 3rem;
-    font-size: 1.5rem;
+    font-size: 2rem;
 }
 
 .sapMFeedListItemFigure .sapFAvatarImageHolder {
@@ -127,8 +127,7 @@ html.sap-desktop .sapMFeedListItemHasFigure {
 .sapMFeedListItemImage {
 	width: 3rem;
 	height: 3rem;
-	line-height: 4.5rem;
-	letter-spacing: -0.5rem;
+	line-height: 3rem;
 	font-size: 2.5rem;
 	margin-left: 0rem;
 	margin-right: 0rem;

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

@@ -131,7 +131,7 @@
 	border-radius: @sapUiFieldBorderCornerRadius;
 }
 
-.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper) {
+.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState) {
 	box-shadow: @sapUiFieldShadow;
 }
 
@@ -273,7 +273,7 @@ input.sapMInputBaseInner:invalid {
 
 /*read only*/
 
-.sapMInputBaseReadonly .sapMInputBaseContentWrapper {
+.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) .sapMInputBaseContentWrapper {
 	border-color: @sapUiFieldReadOnlyBorderColor;
 	background:@sapField_ReadOnly_BackgroundStyle;
 	background-color: @sapUiFieldReadOnlyBackground;

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

@@ -191,6 +191,7 @@
 
 .sapMObjStatusInverted .sapMObjStatusText,
 .sapMObjStatusInverted .sapMObjStatusIcon {
+	text-shadow: @sapUiContentContrastTextShadow;
 	font-family: @sapUiFontFamily;
 	font-size: @sapMFontSmallSize;
 	font-weight: bold;
@@ -623,7 +624,6 @@ html.sap-desktop .sapMObjStatusActive:focus {
 	color: @sapUiButtonActiveTextColor;
 }
 
-
 html.sap-desktop .sapMObjStatusActive:focus .sapMObjStatusLink {
 	position: relative;
 	display: inline-block;

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

@@ -123,7 +123,7 @@ html.sap-tablet .sapMQuickViewPage > section {
 }
 
 .sapMQuickViewPage .sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
-	background-color : transparent;
+	background-color: transparent;
 }
 
 .sapMQuickViewPage .sapUiSimpleForm .sapMTitle {

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

@@ -11,7 +11,7 @@
 @_sap_m_SearchField_ResetIcon: "\e1c7";
 @_sap_m_SearchField_SearchIcon: "\e00d";
 @_sap_m_SearchField_PlaceholderColor: @sapUiFieldPlaceholderTextColor;
-@_sap_m_SearchField_Border: 1px solid @sapUiFieldBorderColor;
+@_sap_m_SearchField_Border: @sapUiFieldBorderWidth @sapUiFieldBorderStyle @sapUiFieldBorderColor;
 @_sap_m_SearchField_FocusOffset: 1px;
 @_sap_m_SearchField_FocusBorderRadius: unset;
 @_sap_m_SearchField_PlaceholderFontStyle: italic;
@@ -39,7 +39,7 @@
 }
 
 html.sap-desktop .sapMFocus > .sapMSFF::before {
-	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+	border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiFieldActiveBorderColor;
 	position: absolute;
 	content: " ";
 	top: @_sap_m_SearchField_FocusOffset;

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

@@ -19,6 +19,10 @@
 		pointer-events: none;
 	}
 
+	& > .sapMInputBase.sapMInputBaseHasBeginIcons > .sapMInputBaseContentWrapper {
+		padding-left: 0;
+	}
+
 	&:focus {
 		.sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMStepInputReadOnly) {
 			&::before {

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

@@ -47,10 +47,16 @@ div.sapMSuggestionsPopover {
 	box-shadow: @sapUiContentShadow1;
 }
 
-.sapMSuggestionsPopover.sapMPopover {
-	max-width: ~"calc(100% - 2rem)";
-	margin-left: 1rem;
-	margin-right: 1rem;
+.sapMSuggestionsPopover.sapMPopover.sapMSuggestionPopoverDefaultWidth {
+	max-width: 40rem;
+}
+
+.sapMSuggestionsPopover.sapMPopover:not(.sapMSuggestionPopoverDefaultWidth):not(.sapMSuggestionPopoverInputWidth) {
+	max-width: ~"calc(100% - 2rem)" !important;
+}
+
+.sapMSuggestionsPopover.sapMPopover .sapMPopoverCont {
+	max-width: 100% !important;
 }
 
 .sapUiSizeCompact {

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

@@ -13,6 +13,10 @@
 @_sapMTextAreaValueStateInformationPadding_Compact: 0.0625rem 0.375rem;
 @_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem;
 @_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem;
+@_sapMTextAreaContentWrapperPadding: 0;
+@_sapMTextAreaContentWrapperValueStateSuccessPadding: 0;
+@_sapMTextAreaContentWrapperValueStateInformationPadding: 0;
+@_sapMTextAreaContentWrapperValueStateErrorWarningPadding: 0;
 
 /* uses sapMInputBase styles */
 
@@ -29,6 +33,7 @@
 	width: 100%;
 	line-height: 0;
 	display: block;
+	padding: @_sapMTextAreaContentWrapperPadding;
 }
 
 .sapMTextArea .sapMTextAreaInner {
@@ -94,23 +99,29 @@
 	}
 	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperError,
 	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperWarning {
+		padding: @_sapMTextAreaContentWrapperValueStateErrorWarningPadding;
+
 		.sapMTextAreaInner, .sapMTextAreaMirror {
 			padding: @_sapMTextAreaValueStateErrorWarningPadding;
 		}
 	}
 	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperSuccess {
+		padding: @_sapMTextAreaContentWrapperValueStateSuccessPadding;
+
 		.sapMTextAreaInner, .sapMTextAreaMirror {
 			padding: @_sapMTextAreaValueStateSuccessPadding;
 		}
 	}
 	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperInformation {
+		padding: @_sapMTextAreaContentWrapperValueStateInformationPadding;
+
 		.sapMTextAreaInner, .sapMTextAreaMirror {
 			padding: @_sapMTextAreaValueStateInformationPadding;
 		}
 	}
 }
 
-.sapMInputBase.sapMTextArea.sapMInputBaseReadonly {
+.sapMInputBase.sapMTextArea.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) {
 	.sapMTextAreaInner, .sapMTextAreaMirror {
 		padding: @_sapMTextAreaReadonlyPadding;
 	}
@@ -139,7 +150,7 @@
 			padding-top: 0.3125rem;
 		}
 	}
-	.sapMInputBase.sapMTextArea.sapMInputBaseReadonly {
+	.sapMInputBase.sapMTextArea.sapMInputBaseReadonly:not(.sapMInputBaseDisabled) {
 		.sapMTextAreaInner, .sapMTextAreaMirror {
 			padding: @_sapMTextAreaReadonlyPadding_Compact;
 		}
@@ -178,31 +189,4 @@ html.sap-tablet, html.sap-phone {
 		padding-left: 15px;
 		padding-right: 15px;
 	}
-}
-
-html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper) ::-webkit-scrollbar {
-	background: @sapUiFieldBackgroundStyle;
-	background-color: @sapUiScrollBarTrackColor;
-}
-
-html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
-	.sapMInputBaseContentWrapperWarning ::-webkit-scrollbar {
-		background: @sapUiFieldWarningBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
-	}
-
-	.sapMInputBaseContentWrapperError ::-webkit-scrollbar {
-		background: @sapUiFieldInvalidBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
-	}
-
-	.sapMInputBaseContentWrapperInformation ::-webkit-scrollbar {
-		background: @sapUiFieldInformationBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
-	}
-
-	.sapMInputBaseContentWrapperSuccess ::-webkit-scrollbar {
-		background: @sapUiFieldSuccessBackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
-	}
 }

package/src/sap/m/themes/base/{UploadSetTable.less → UploadSetwithTable.less}

@@ -69,11 +69,6 @@
 	padding: 0px;
 }
 
-.sapMUSTFileUploaderVisibility {
-	visibility: hidden;
-	display: none !important;
-}
-
 .sapMUSTRemovePopoverContainer {
 	max-width: 20rem !important;
 	max-height: 11rem !important;

package/src/sap/m/themes/base/library.source.less

@@ -175,7 +175,7 @@
 @import "TreeItemBase.less";
 @import "UploadCollection.less";
 @import "UploadSet.less";
-@import "UploadSetTable.less";
+@import "UploadSetwithTable.less";
 @import "ValueStateMessage.less";
 @import "VariantManagement.less";
 @import "ViewSettingsDialog.less";

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

@@ -50,7 +50,7 @@
 
 .sapMInputBaseContentWrapperInformation {
 	border-style: solid;
-	
+
 }
 
 .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
@@ -166,7 +166,6 @@
 .sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
 .sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
 	text-align: right;
-	background: transparent;
 }
 
 .sapMLIBActive {