@openui5/themelib_sap_horizon 1.100.0 → 1.102.1

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

@@ -9,7 +9,9 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv {
 }
 
 .sapMST.sapMSTScopeActions.sapMSTDarkBackground .sapMSTMoreIcon {
-	color: @sapUiContentContrastTextColor;
+	.sapMBtnIcon{
+		color: @sapUiContentContrastTextColor;
+	}
 }
 
 /* This part is used to achieve dotted white black interlace border*/

package/src/sap/m/themes/sap_horizon/Slider.less

@@ -5,55 +5,68 @@
 
 /*new*/
 .sapMSliderInner .sapMSliderHandle {
-	border: 1px solid @sapContent_Selected_Background;
-	background: @sapContent_Selected_Background;
-	border-radius: @sapButton_BorderCornerRadius;
-	padding-left: 0.25rem;
-	box-shadow: @sapContent_Selected_Shadow;
-	width: 1.625rem;
-	height: 1.625rem;
-	top: -0.8125rem;
+	border: 1px solid @sapUiSliderHandleBorderColor;
+	background: @sapUiSliderHandleBackground;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	width: 2rem;
+	height: 1.5rem;
+	margin-left: -1rem;
+	top: -0.625rem;
+
+	&:not(:focus) {
+		box-shadow: @sapUiContentSelectedShadow;
+	}
 }
 
-.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
 	content: "\e244";
 	position: absolute;
-	top: 6px;
-	right: 3px;
+	top: 4px;
+	right: 0.5rem;
 	overflow: hidden;
 	vertical-align: middle;
 	font-size:14px;
-	color:@sapContent_Selected_ForegroundColor;
-	padding-left: 5px;
-	padding-right: 5px;
+	color: @sapContent_Selected_ForegroundColor;
+}
+
+.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
+	&:after {
+		top: 3px;
+		right: 0.4375rem;
+	}
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled):not(.sapMSliderPressed):hover>.sapMSliderHandle {
 	&:not(:focus) {
-		border-color: @sapContent_Selected_ForegroundColor;
-		box-shadow: @sapContent_Selected_Shadow;
+		border-color: @sapUiSliderHoverHandleBorderColor;
+		background: @sapUiSliderHoverHandleBackground;
+		box-shadow: @sapUiContentSelectedShadow;
 	}
 }
 
 .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-	border: none;
+	background: @sapUiSliderActiveHandleBackground;
+	border: 0.125rem solid #0070F2;
 	outline: none;
-	box-shadow: 0px 0px 0px 2px @sapContent_FocusColor;
-	top: -0.75rem;
+	box-shadow: none;
+	top: -0.625rem;
+}
+
+.sapMSliderHandle:focus:before {
+	content: none;
 }
 
 .sapMSliderInner {
-	background: @sapButton_Track_Background;
-	height: 0.25rem;
-	min-width: 4rem;
-	border-radius: 0.25rem;
+	background: @sapUiSliderBackground;
 }
 
 .sapMSliderProgress {
-	background: @sapContent_Selected_ForegroundColor;
-	height: 0.25rem;
-	border-radius: 0.25rem;
+	background: @sapUiSliderSelectedBackground;
+	&:before {
+		content: none;
+		transform: none;
+	}
 }
 
 /* disabled */
@@ -64,23 +77,27 @@
 .sapMSliderInner::before {
 	content: "";
 	position: absolute;
-	background-color: @sapContent_Selected_ForegroundColor;
+	box-sizing: border-box;
+	border: 0.0625rem solid @sapUiContentSelectedMeasureIndicatorColor;
+	background-color: @sapUiSliderSelectedBackground;
 	border-radius: 50%;
-	width: 6px;
-	height: 6px;
+	width: 0.5rem;
+	height: 0.5rem;
 	left: -14px;
-	top: -1px;
+	top: -2px;
 }
 
 .sapMSlider::after {
 	content: "";
 	position: absolute;
-	background-color: @sapField_BorderColor;
+	box-sizing: border-box;
+	border: 0.0625rem solid @sapUiContentMeasureIndicatorColor;
+	background-color: @sapUiContentMeasureIndicatorColor;
 	border-radius: 50%;
-	width: 6px;
-	height: 6px;
+	width: 0.5rem;
+	height: 0.5rem;
 	right: 2px;
-	top: 21px;
+	top: 20px;
 }
 
 .sapMSliderTooltip {
@@ -116,33 +133,38 @@
 
 .sapUiSizeCompact {
 	.sapMSlider::after {
-		top: 15px;
+		top: 14px;
+		right: 6px;
 	}
 
-	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
-		font-family: SAP-icons;
-		content: "\e244";
-		position: absolute;
-		top: 3px;
-		right: 0px;
-		overflow: hidden;
-		vertical-align: middle;
-		font-size:14px;
-		color:@sapContent_Selected_ForegroundColor;
-		padding-left: 0px;
+	.sapMSliderInner::before {
+		left: -12px;
 	}
 
 	.sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus {
-		top: -0.5625rem;
+		top: -0.5rem;
 	}
 
 	.sapMSliderHandle {
-		width: 1.25rem;
+		width: 1.5rem;
 		height: 1.25rem;
-		top: -0.625rem;
+		margin-left: -0.75rem;
+		top: -0.5rem;
 	}
 
 	.sapMSliderTickLabel .sapMSliderLabel {
 		padding-top: 0.375rem;
 	}
+
+	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
+		top: 2px;
+		right: 0.25rem;
+	}
+
+	.sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):focus {
+		&:after {
+			top: 1px;
+			right: 0.1875rem;
+		}
+	}
 }

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

@@ -26,14 +26,6 @@
 	}
 }
 
-.sapMSB .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive):not(.sapMToggleBtnPressed) {
-	border-left-color: @sapUiButtonBackground;
-}
-
-.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized {
-	border-left-color: @sapUiButtonBackground;
-}
-
 //ie
 .sapMSBTextIE.sapMSBText {
 	padding-right: 2.25rem;
@@ -214,4 +206,20 @@ html.sap-desktop .sapMSB .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator
 	width: auto;
 	height: auto;
 	background-color: transparent;
+}
+
+.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
+	border: 0.0625rem solid @sapUiButtonActiveBorderColor;
+	.sapUiIcon {
+		line-height: 2.125rem;
+	}
+}
+
+.sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnTransparent.sapMBtnIconFirst::before,
+.sapMIBar .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnDefault::before {
+	background-color: @sapUiButtonActiveTextColor;
+}
+
+.sapMIBar .sapMSB .sapMBtn {
+	background-color: transparent;
 }

package/src/sap/m/themes/sap_horizon/StandardListItem.less

@@ -14,10 +14,6 @@
 	height: 2.75rem;
 }
 
-.sapMSLI.sapMSLIWrapping {
-	min-height: 2.75rem;
-}
-
 .sapMSLIImgIcon {
 	height: 2.75rem;
 	width: 2.75rem;
@@ -29,6 +25,10 @@
 	border-radius: 0.25rem;
 }
 
+.sapMSLIWithDescription .sapMSLIDescription {
+	padding-top: 0.75rem;
+}
+
 /* Compact Size */
 .sapUiSizeCompact .sapMSLIImgIcon {
 	height: 2rem;

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

@@ -1,23 +1,5 @@
-div.sapMSuggestionsPopover {
-	box-shadow: @sapUiShadowLevel2;
-}
-
 .sapMSuggestionsPopover .sapMList .sapMLIB.sapMLIBFocusable.sapMLIBFocused,
 .sapMSuggestionsPopover .sapMValueStateHeaderRoot.sapMPseudoFocus {
 	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
-}
-
-.sapMSuggestionsPopoverNoneState .sapMList:not(.sapMListTblCnt) .sapMLIBFocused[data-sap-ui-first-suggestion-item] {
-	border-top-left-radius:  @sapUiElementBorderCornerRadius;
-	border-top-right-radius:  @sapUiElementBorderCornerRadius;
-}
-
-.sapMSuggestionsPopover .sapMValueStateHeaderRoot.sapMPseudoFocus {
-	border-top-left-radius: @sapUiElementBorderCornerRadius;
-	border-top-right-radius: @sapUiElementBorderCornerRadius;
-}
-
-.sapMSuggestionsPopover .sapMLIBFocused[data-sap-ui-last-suggestion-item] {
-	border-bottom-left-radius: @sapUiElementBorderCornerRadius;
-	border-bottom-right-radius: @sapUiElementBorderCornerRadius;
+	outline-offset: -0.25rem;
 }