@openui5/sap.m 1.133.1 → 1.135.0

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

@@ -3,56 +3,62 @@
 /* Base theme                          */
 /* =================================== */
 
-/************************************/
-/* Common styles        */
-/************************************/
+/* Common styles */
+
 /* toggled without context */
 html.sap-desktop .sapMToggleBtnPressed,
 .sapMToggleBtnPressed:not(.sapMBtnDisabled),
-/* Bar context*/
+/* Bar context */
 html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed,
 .sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled),
 /* Toolbar transparent context */
 html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
 .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
 	background-image: none;
-	background-color: @sapUiButtonSelectedBackground;
-	border-color: @sapUiButtonSelectedBorderColor;
-	color: @sapUiButtonSelectedTextColor;
+	background-color: var(--sapButton_Selected_Background);
+	border-color: var(--sapButton_Selected_BorderColor);
+	color: var(--sapButton_Selected_TextColor);
+	text-shadow: none;
+
 	& .sapUiIcon {
-		color: @sapUiButtonSelectedTextColor;
+		color: var(--sapButton_Selected_TextColor);
 	}
-	text-shadow: none;
+
 	&.sapMBtnReject {
-		background-color: @sapUiButtonRejectSelectedBackground;
-		border-color: @sapUiButtonRejectSelectedBorderColor;
-		color: @sapUiButtonRejectSelectedTextColor;
+		background-color: var(--sapButton_Reject_Selected_Background);
+		border-color: var(--sapButton_Reject_Selected_BorderColor);
+		color: var(--sapButton_Reject_Selected_TextColor);
+
 		& .sapUiIcon {
-			color: @sapUiButtonRejectSelectedTextColor;
+			color: var(--sapButton_Reject_Selected_TextColor);
 		}
 	}
+
 	&.sapMBtnAccept {
-		background-color: @sapUiButtonAcceptSelectedBackground;
-		border-color: @sapUiButtonAcceptSelectedBorderColor;
-		color: @sapUiButtonAcceptSelectedTextColor;
+		background-color: var(--sapButton_Accept_Selected_Background);
+		border-color: var(--sapButton_Accept_Selected_BorderColor);
+		color: var(--sapButton_Accept_Selected_TextColor);
+
 		& .sapUiIcon {
-			color: @sapUiButtonAcceptSelectedTextColor;
+			color: var(--sapButton_Accept_Selected_TextColor);
 		}
 	}
+
 	&.sapMBtnAttention {
-		background-color: @sapUiButtonAttentionSelectedBackground;
-		border-color: @sapUiButtonAttentionSelectedBorderColor;
-		color: @sapUiButtonAttentionSelectedTextColor;
+		background-color: var(--sapButton_Attention_Selected_Background);
+		border-color: var(--sapButton_Attention_Selected_BorderColor);
+		color: var(--sapButton_Attention_Selected_TextColor);
+
 		& .sapUiIcon {
-			color: @sapUiButtonAttentionSelectedTextColor;
+			color: var(--sapButton_Attention_Selected_TextColor);
 		}
 	}
 }
 
 /*hover and down on toggled*/
-.sapMBtn:hover .sapMBtnHoverable.sapMToggleBtnPressed, /*in Firefox the button receives the hover state, not it's inner child */
+.sapMBtn:hover .sapMBtnHoverable.sapMToggleBtnPressed, /* in Firefox the button receives the hover state, not it's inner child */
 .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover,
-/* Toolbar transparent context*/
+/* Toolbar transparent context */
 .sapMTB-Transparent-CTX .sapMBtnHoverable.sapMToggleBtnPressed:hover {
 	background-image: none;
 	background-color: @sapUiToggleButtonPressedHoverBackground;
@@ -67,29 +73,32 @@ html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
 
 /* Focus of toggled button */
 .sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable {
-	outline-color: @sapUiContentContrastFocusColor;
+	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
-/* hover and down on toggled button part 1*/
+/* hover and down on toggled button part 1 */
 .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
 .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
-	background-color: @sapUiButtonSelectedHoverBackground;
-	border-color: @sapUiButtonSelectedHoverBorderColor;
-	color: @sapUiButtonSelectedTextColor;
+	background-color: var(--sapButton_Selected_Hover_Background);
+	border-color: var(--sapButton_Selected_Hover_BorderColor);
+	color: var(--sapButton_Selected_TextColor);
 	text-shadow: none;
+
 	&.sapMBtnReject {
 		background-color: darken(@sapUiButtonRejectActiveBackground, 5);
-		border-color: @sapUiButtonRejectActiveBorderColor;
+		border-color: var(--sapButton_Reject_Active_BorderColor);
 		color: contrast(lighten(@sapUiButtonRejectActiveBackground, 5), @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
 	}
+
 	&.sapMBtnAccept {
 		background-color: darken(@sapUiButtonAcceptActiveBackground, 5);
-		border-color: @sapUiButtonAcceptActiveBorderColor;
+		border-color: var(--sapButton_Accept_Active_BorderColor);
 		color: contrast(lighten(@sapUiButtonAcceptActiveBackground, 5), @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
 	}
+
 	&.sapMBtnAttention {
 		background-color: darken(@sapUiButtonAttentionActiveBackground, 5);
-		border-color: @sapUiButtonAttentionActiveBorderColor;
+		border-color: var(--sapButton_Attention_Active_BorderColor);
 		color: contrast(lighten(@sapUiButtonAttentionActiveBackground, 5), @sapUiBaseText, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
 	}
 }

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

@@ -4,21 +4,21 @@
 /* =================================== */
 
 .sapMTreeItemBase {
-	min-height: @sapUiElementHeight;
-	font-family: @sapUiFontFamily;
+	min-height: var(--sapElement_Height);
+	font-family: var(--sapFontFamily);
 	font-size: @sapMFontMediumSize;
 	padding-left: 0;
-	color: @sapUiListTextColor;
+	color: var(--sapList_TextColor);
 	padding-top: 0.25rem;
 	padding-bottom: 0.25rem;
 }
 
 .sapMTreeItemBaseExpander {
-	width: @sapUiElementLineHeight;
-	height: @sapUiElementHeight;
-	line-height: @sapUiElementHeight;
+	width: var(--sapElement_LineHeight);
+	height: var(--sapElement_Height);
+	line-height: var(--sapElement_Height);
 	font-size: 1rem;
-	color: @sapUiContentIconColor;
+	color: var(--sapContent_IconColor);
 	flex-shrink: 0;
 }
 
@@ -28,7 +28,7 @@
 }
 
 .sapMLIBActive .sapMTreeItemBaseExpander {
-	color: @sapUiListActiveTextColor;
+	color: var(--sapList_Active_TextColor);
 }
 
 .sapMListHighlight .sapMTreeItemBaseExpander {
@@ -36,7 +36,7 @@
 }
 
 .sapMTreeItemBaseChildren {
-	background-color: @sapUiListAlternatingBackground;
+	background-color: var(--sapList_AlternatingBackground);
 	border-bottom-color: transparent;
 }
 
@@ -64,4 +64,4 @@
 	width: 2rem;
 	height: 1.5rem;
 	line-height: 1.5rem;
-}
+}

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

@@ -12,6 +12,7 @@
 	font-family: @sapUiFontFamily;
 	padding: 0.3rem 0.625rem;
 	min-width: 6rem;
+	max-width: 22rem;
 	white-space: pre-line;
 	word-wrap: break-word;
 	overflow: hidden;

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

@@ -12,24 +12,28 @@
 	padding-left: 0;
 	padding-right: 1rem;
 	width: 100%;
+
 	.sapMBarChild.sapMCb {
 		margin-left: 0;
+
 		.sapMCbLabel {
 			overflow: hidden;
 			white-space: nowrap;
 			text-overflow: ellipsis;
 		}
+
 		.sapMCbMark {
 			white-space: normal;
 		}
 	}
+
 	&.sapMIBar.sapMTBHeader-CTX.sapMListHdrTBar {
 		padding-left: 0;
 	}
 }
 
-//needed for removing not needed padding from the dialog which depends on the compatible version
-.sapMVSD.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent{
+/* needed for removing not needed padding from the dialog which depends on the compatible version */
+.sapMVSD.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent {
 	height: inherit;
 }
 
@@ -53,6 +57,7 @@
 }
 
 html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
+
 	.sapMCb {
 		outline: none;
 		padding-right: 0.5rem;
@@ -60,68 +65,85 @@ html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
 }
 
 .sapMSF.sapMVSDFilterSearchField {
-	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
+	border-bottom: 1px solid var(--sapGroup_TitleBorderColor);
 }
 
 .sapMVSD .sapMTitle {
-	font-size: @sapMFontHeader5Size;
-	color: @sapUiContentLabelColor;
+	font-size: var(--sapFontHeader5Size);
+	color: var(--sapContent_LabelColor);
 }
 
 .sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
+
 	.sapMLabel.sapMCbLabel {
 		font-size: @sapMFontMediumSize;
 	}
+
 	.sapMCb.sapMBarChild:only-child {
 		padding-left: 2rem;
 	}
+
 	&.sapMIBar.sapMTBHeader-CTX {
 		padding-left: 0.1875rem;
 	}
 }
 
 .sapUiSizeCozy .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
+
 	.sapMLabel.sapMCbLabel {
-		font-size: @sapMFontLargeSize;
+		font-size: var(--sapFontLargeSize);
 	}
 }
 
 .sapMVSD {
+
 	.sapMTB {
 		padding: 0 1rem 0 0.5rem;
 	}
-	.sapMLIB > .sapMLIBSelectS:first-child, .sapMLIB > .sapMLIBSelectM:first-child {
+
+	.sapMLIB > .sapMLIBSelectS:first-child,
+	.sapMLIB > .sapMLIBSelectM:first-child {
 		margin-left: -0.6875rem;
 	}
+
 	.sapMPageSubHeader .sapMVSDBar {
 		padding-bottom: 0.25rem;
 	}
+
 	.sapMTB.sapMVSDFilterHeaderToolbar .sapMBarChild.sapMCb {
 		margin-left: 0.3125rem;
 	}
+
 	.sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
 		top: 5.75rem;
 	}
+
 	.sapMPage .sapMVSDCustomTabContent {
 		max-width: 99%;
 	}
 }
 
 .sapUiSizeCompact .sapMVSD {
+
 	.sapMSFI {
 		height: 1.375rem;
 		line-height: 1.375rem;
 	}
+
 	.sapMSFB {
 		height: 1.375rem;
 		line-height: 1.375rem;
 	}
-	.sapMLIB > .sapMLIBSelectS:first-child, .sapMLIB > .sapMLIBSelectM:first-child {
+
+	.sapMLIB > .sapMLIBSelectS:first-child,
+	.sapMLIB > .sapMLIBSelectM:first-child {
 		margin-left: -0.5rem;
 	}
+
 	.sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
 		padding-left: 0.1875rem;
 	}
+
 	.sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
 		top: 4.75rem;
 	}