@openui5/sap.m 1.100.0 → 1.102.1

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

@@ -74,6 +74,13 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	display: none;
 }
 
+.sapMListTblCell {
+	padding: .25rem .5rem;
+	font-size: @sapUiListTableTextSize;
+	overflow: hidden;
+	overflow: clip;
+}
+
 .sapMListTblSelCol,
 .sapMListTblCell,
 .sapMListTblNavCol {
@@ -162,13 +169,6 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	font-size: @sapUiListTableIconSize;
 }
 
-.sapMListTblCell {
-	padding: .875rem .5rem;
-	font-size: @sapUiListTableTextSize;
-	overflow: hidden;
-	overflow: clip;
-}
-
 /* Ensuring that the row height is not smaller that 3rem in Cozy mode */
 .sapMListTblRow {
 	height: @sapUiElementLineHeight;
@@ -276,6 +276,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 .sapMListTblDummyCell:last-child {
 	background-color: @sapBackgroundColor;
 	border-left: 1px solid @sapList_TableFooterBorder;
+	border-bottom: none;
 }
 
 :not(.sapMListHasGrowing):not(.sapMListShowSeparatorsInner):not(.sapMListShowSeparatorsNone) > .sapMTableTBody .sapMListTblRow:last-child > .sapMListTblDummyCell:last-child {
@@ -441,25 +442,21 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 
 /********** COMPACT DESIGN ************/
 
-/* overwite cell style */
-.sapUiSizeCompact .sapMListTblCell {
-	padding-top: 0.25rem;
-	padding-bottom: 0.25rem;
-}
-
 .sapUiSizeCompact .sapMListTblCell.sapMListTblCellNoData {
 	font-size: @sapUiListTableTextSize;
 }
 
 /* overwrite text control styles */
-.sapUiSizeCompact .sapMListTblCell > .sapMLnk,
-.sapUiSizeCompact .sapMListTblCell > .sapMText,
-.sapUiSizeCompact .sapMListTblCell > .sapMLabel,
-.sapUiSizeCompact .sapMListTblCell > .sapMObjectNumber,
-.sapUiSizeCompact .sapMListTblCell > .sapMObjectIdentifier,
-.sapUiSizeCompact .sapMListTblCell > .sapMObjStatus {
-	vertical-align: middle;
-	line-height: 1.4;
+.sapUiSizeCompact .sapMListTblCell {
+	.sapMLnk,
+	.sapMText,
+	.sapMLabel,
+	.sapMObjectNumber,
+	.sapMObjectIdentifier,
+	.sapMObjStatus {
+		vertical-align: middle;
+		line-height: 1.4;
+	}
 }
 
 /* special class name to add margin to multiline contents */

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

@@ -132,4 +132,36 @@ html.sap-tablet, html.sap-phone {
 		padding-left: 15px;
 		padding-right: 15px;
 	}
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea .sapMInputBaseContentWrapper ::-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;
+	}
+
+	.sapMInputBaseReadonlyWrapper ::-webkit-scrollbar {
+		background: @sapField_ReadOnly_BackgroundStyle;
+		background-color: @sapUiScrollBarTrackColor;
+	}
 }

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

@@ -11,14 +11,15 @@
 
 .sapMToken {
 	display: inline-block;
+	position: relative;
 	overflow: hidden;
 	box-sizing: border-box;
 	font-size: @sapMFontMediumSize;
 	padding-left: @_sap_m_Token_LeftPadding;
 	height: 1.625rem;
-	background: @sapUiButtonBackground;
-	border: 1px solid @sapUiButtonBorderColor;
-	border-radius: 0.125rem;
+	background: @sapUiButtonTokenBackground;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonTokenBorderColor;
+	border-radius: @sapUiButtonBorderCornerRadius;
 	color: @sapUiButtonTextColor;
 }
 
@@ -31,9 +32,9 @@
 	color: @sapUiContentForegroundTextColor;
 }
 
-html.sap-desktop .sapMToken:hover {
+html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
 	background: @sapUiButtonHoverBackground;
-	border: 1px solid @sapUiButtonHoverBorderColor;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonHoverBorderColor;
 }
 
 .sapMTokenText {
@@ -71,10 +72,10 @@ html.sap-desktop .sapMToken:hover {
 .sapMTokenIcon {
 	vertical-align: top;
 	display: inline-block;
-	line-height: 1.5rem;
+	line-height: 1.5625rem;
 	padding: 0 0.5rem;
 	color: @sapUiContentIconColor;
-	font-size: @sapMFontLargeSize;
+	font-size: 0.75rem;
 	box-sizing: border-box;
 	touch-action: none;
 }
@@ -93,26 +94,27 @@ html.sap-desktop .sapMToken:hover {
 	line-height: 1.125rem;
 }
 
-.sapUiSizeCompact .sapMTokenIcon {
+.sapUiSizeCompact .sapMToken .sapMTokenIcon {
 	font-size: @sapMFontSmallSize;
 	padding: 0 0.25rem;
-	line-height: 1.125rem;
+	line-height: 1.1875rem;
 }
 
-html.sap-desktop .sapMToken.sapMTokenSelected:hover {
+html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	background: @sapUiToggleButtonPressedHoverBackground;
 	border: 1px solid @sapUiToggleButtonPressedHoverBorderColor;
 }
 
 .sapMTokenSelected,
 .sapMToken.sapMTokenReadOnly.sapMTokenSelected {
-	color: @sapUiToggleButtonPressedTextColor;
-	background: @sapUiToggleButtonPressedBackground;
-	border: 1px solid @sapUiToggleButtonPressedBorderColor;
+	color: @sapUiButtonSelectedTextColor;
+	background: @sapUiButtonSelectedBackground;
+	border: @sapUiButtonBorderWidth solid @sapUiButtonSelectedBorderColor;
 }
 
-.sapMTokenSelected .sapMTokenIcon {
-	color: @sapUiToggleButtonPressedTextColor;
+.sapMTokenSelected .sapMTokenIcon,
+.sapMTokenSelected .sapMTokenText {
+	color: @sapUiButtonSelectedTextColor;
 }
 
 .sapUiSizeCompact .sapMListTbl .sapMToken .sapUiIcon:not(.sapMLIBImgNav) {

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

@@ -2,13 +2,13 @@
 /* CSS for control sap.m/Tokenizer  */
 /* Base theme                       */
 /* ================================ */
-@_sap_m_Tokenizer_OutlineOffset: 3px;
+@_sap_m_Tokenizer_OutlineOffset: 0.1875rem;
 @_sap_m_Tokenizer_Token_MarginRight: 0.375rem;
 @_sap_m_Tokenizer_FontSizeRatioCozy: (@sapMFontMediumSize / @sapFontLargeSize);
 @_sap_m_Tokenizer_FontSizeRatioCompact: 1;
 
 .sapMTokenizer {
-	padding-left: 2 * @_sap_m_Tokenizer_OutlineOffset;
+	padding-left: 0.375rem;
 	position: relative;
 	display: inline-block;
 	white-space: nowrap;

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

@@ -157,6 +157,6 @@
 	min-width: 2rem;
 }
 
-.sapFDynamicPageTitleContent-CTX .sapMTB {
+.sapFDynamicPageTitleContent-CTX .sapMTB.sapMTBStandard {
 	border-bottom: none;
 }

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

@@ -416,10 +416,12 @@
 
 .sapUiSizeCompact .sapMUCItem .sapMLIBSelectM {
 	padding-left: 0.3rem;
+	width: 2.75rem;
 }
 
 .sapUiSizeCozy .sapMUCItem .sapMLIBSelectM {
 	padding-left: 0;
+	width: 2.75rem;
 }
 
 /* Item Icon */

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

@@ -22,13 +22,13 @@
 }
 
 .sapMValueStateMessageError {
-	background: @sapUiErrorBG;
+	background: @sapErrorBackground;
 }
 
 .sapMValueStateMessageWarning {
-	background: @sapUiWarningBG;
+	background: @sapWarningBackground;
 }
 
 .sapMValueStateMessageInformation {
-	background: @sapUiInformationBG;
+	background: @sapInformationBackground;
 }

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

@@ -0,0 +1,97 @@
+/* ============================================== */
+/* CSS for control sap.m/VariantManagement    */
+/* Base theme                                     */
+/* ============================================== */
+
+.sapMVarMngmt {
+	display: inline-block;
+	text-align: center;
+}
+
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child {
+   vertical-align: middle;  
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child>div {
+   vertical-align: middle;  
+}
+
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2) {
+   vertical-align: top;  
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2)>span {
+   vertical-align: top;  
+}
+
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:last-child {
+   vertical-align: middle;
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:last-child>button {
+   vertical-align: middle;
+}
+
+.sapMVarMngmt .sapMTitle.sapMVarMngmtTitle  {
+    color: @sapUiLink;	
+}
+
+.sapMVarMngmtModified {
+	color: @sapUiLink;
+	font-weight: bold;
+	padding-left: 0.125rem;
+	padding-right: 0.125rem;	
+}
+
+.sapMVarMngmtErrorPopover>div {
+	padding-top: 1rem;
+}
+
+.sapMVarMngmtErrorPopover>div:last-child {
+	padding-left: 4rem;
+	padding-right: 4rem;
+}
+
+.sapMVarMngmt .sapMVarMngmtTextPhoneMaxWidth {
+	max-width: 5em;
+}
+
+.sapMVarMngmt .sapMVarMngmtTextMaxWidth {
+	max-width: 25rem;
+}
+
+.sapMVarMngmt .sapMVarMngmtClickable:hover {
+	color: @sapUiLinkHoverColor;
+	cursor: default;	
+}
+
+.sapMVarMngmt .sapMVarMngmtClickable:active {
+	color: @sapUiLinkActiveColor;
+	cursor: pointer;	
+}
+
+.sapMVarMngmt .sapMVarMngmtDisabled {
+	opacity: 0.5;
+}
+
+.sapMVarMngmtPopover .sapMSelectList {
+	border: 0rem solid;
+}
+
+.sapMVarMngmtFavColor {
+	color: @sapUiContentMarkerIconColor;
+}
+
+.sapMVarMngmtFavNonInteractiveColor {
+	color: @sapUiContentNonInteractiveIconColor;
+}
+
+.sapMVarMngmtSaveDialog  .sapUiRespGrid.sapUiRespGridVSpace1 > div {
+	margin-bottom: 0rem;
+	margin: 0rem;
+ }
+
+.sapMVarMngmtSaveDialog .sapMVarMngmtSaveDialogLabel.sapMLabel::after {
+	content: ":";
+}
+
+.sapMVarMngmtRolesEdit {
+	padding-left: 0.5rem;
+}

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

@@ -30,10 +30,6 @@
 		display: block;
 	}
 
-	.sapMWizardLastActivatedStep {
-		min-height: 100%;
-	}
-
 	&.sapMWizardModeScroll .sapMWizardStepTitle::before {
 		counter-increment: steps-counter;
 		content: counter(steps-counter) ". ";
@@ -46,6 +42,7 @@
 	}
 
 	.sapMWizardNextButtonVisible {
+		margin-top: 0.5rem;
 		bottom: 0rem;
 		opacity: 1;
 		animation-name: showWizardButton
@@ -73,6 +70,10 @@
 	}
 }
 
+.sapMWizard:not(.sapMWizardModePage) .sapMWizardLastActivatedStep {
+	min-height: 100%;
+}
+
 html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible,
 html[data-sap-ui-animation='on'] .sapMWizardNextButtonVisible {
 	animation-timing-function: linear;

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

@@ -44,6 +44,10 @@
 	text-decoration: none;
 }
 
+.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="true"] .sapMWizardProgressNavStepContainer {
+	max-width: 100%;
+}
+
 .sapMWizardProgressNavStep {
 	display: table-cell;
 	position: relative;
@@ -214,6 +218,10 @@ html.sap-phone .sapMWizardProgressNav {
 		background: @sapUiSelected;
 		color: @sapUiContentContrastIconColor;
 	}
+
+	& ~ .sapMWizardProgressNavStep .sapMWizardProgressNavStepIcon {
+		cursor: default;
+	}
 }