@openui5/themelib_sap_horizon 1.132.1 → 1.134.0

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

@@ -41,7 +41,7 @@
 		width: fit-content;
 
 		.sapMText {
-			font-size: var(--sapMFontSmallSize);
+			font-size: var(--sapFontSmallSize);
 			text-align: right !important;
 		}
 
@@ -115,7 +115,7 @@
 }
 
 .sapMGT.sapMGTLineMode:not(.sapMGTDisabled).sapMGTLineModePress {
-	background: fade(@sapUiShellHoverBackground, 12);
+	background: var(--sapTile_Active_Background);
 }
 
 .sapMGT.sapMGTLineMode .sapMGTFocusDiv {
@@ -299,37 +299,25 @@ html.sap-tablet .sapMGTWithImageHoverOverlay {
 }
 
 .sapMGT.sapMGTPressActive {
-	box-shadow: 0 0 0 1px fade(@sapUiContentShadowColor, 30);
+	box-shadow: none;
 
 	&:not(.sapMGTBackgroundImage) {
 		background: var(--sapTile_Active_Background);
 	}
 
 	&.sapMGTScopeActions .sapMTileCntContent::after {
-		background-color: fade(@sapUiTileActiveBackground, 70);
+		background-color: var(--sapTile_Active_Background);
 	}
 }
 
-.sapMGTWithImageHoverOverlay.sapMGTPressActive {
-	background: fade(@sapUiTileActiveBackground, 20%);
-}
-
 .sapMGT:hover:not(.sapMGTPressActive) {
-	box-shadow: 0 0 0 1px fade(@sapUiContentShadowColor, 30);
-	transition: background 0.2s;
-
+	box-shadow: var(--sapContent_Shadow2);
 	&:not(.sapMGTBackgroundImage) {
-		background: var(--sapTile_Hover_Background);
-	}
-
-	.sapMGTWithImageHoverOverlay {
-		background: fade(@sapUiTileHoverBackground, 10%);
-		transition: background 0.2s;
+		background-color: var(--sapTile_Hover_Background);
 	}
 
 	&.sapMGTScopeActions .sapMTileCntContent::after {
 		background-color: fade(@sapUiTileHoverBackground, 70);
-		transition: background 0.2s;
 	}
 }
 
@@ -375,7 +363,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 }
 
 .sapMGT {
-	border-radius: var(--sapTile_BorderCornerRadius);
 	border-color: var(--sapTile_BorderColor);
 	box-shadow: var(--sapContent_Shadow0);
 
@@ -484,7 +471,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	margin-right: 1px;
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv,
 .sapMGT:focus .sapMGTFocusDiv,
 .sapMGT:active .sapMGTFocusDiv,
 .sapMGTLineModePress .sapMGTFocusDiv {
@@ -535,11 +521,6 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode,
 	left: 0;
 }
 
-.sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
-	border: 2px solid var(--sapContent_FocusColor);
-	border-radius: var(--sapElement_BorderCornerRadius);
-}
-
 .miniTileBackground {
 	background: var(--sapTile_Background);
 	box-shadow: var(--sapContent_Shadow0) !important;

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

@@ -61,4 +61,8 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+}
+
+.sapMLnk.sapMLnkLargeReactiveArea {
+	line-height: 1.5rem;
 }

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

@@ -59,7 +59,7 @@
 			height: 3.25rem;
 
 			.sapMFT {
-				font-size: 0.75rem;
+				font-size: var(--sapFontSmallSize);
 			}
 		}
 	}

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

@@ -5,6 +5,15 @@
 
 @_sap_m_ObjectAttribute_ListTextShadowColor: none;
 
+.sapMObjectAttributeActive.sapMLnkLargeReactiveArea {
+	.sapMObjectAttributeTitle,
+	.sapMObjectAttributeColon,
+	.sapMObjectAttributeText,
+	.sapMObjectAttributeText > .sapMLnk {
+		line-height: 1.5rem;
+	}
+}
+
 .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
 	position: relative;
 }

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

@@ -17,4 +17,8 @@
 			}
 		}
 	}
+}
+
+.sapMObjectMarker.sapMLnkLargeReactiveArea > .sapUiIcon {
+	line-height: 1.5rem;
 }

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

@@ -3,6 +3,12 @@
 /* Horizon theme                       */
 /* =================================== */
 
+.sapMObjectNumber.sapMLnkLargeReactiveArea:not(.sapMObjectNumberLarge):not(.sapMObjectNumberInverted) {
+	.sapMObjectNumberInner {
+		line-height: 1.5rem;
+	}
+}
+
 .sapMObjectNumberInverted {
 	box-sizing: border-box;
 

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

@@ -7,6 +7,17 @@
 	display: inline-block;
 }
 
+.sapMObjStatus.sapMLnkLargeReactiveArea:not(.sapMObjectStatusLarge):not(.sapMObjStatusInverted) {
+	.sapMObjStatusTitle,
+	.sapMObjStatusIcon .sapUiIcon,
+	.sapMObjStatusText {
+		line-height: 1.5rem;
+	}
+	.sapMObjStatusIcon {
+		height: 1.5rem;
+	}
+}
+
 .sapMObjStatusInverted:not(.sapMObjectStatusLarge) {
 
 	.sapMObjStatusText {

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

@@ -5,11 +5,11 @@
 
 .sapMPanel {
 	min-height: 2.75rem;
-	border-radius: var(--sapElement_BorderCornerRadius);
+	border-radius: @sapGroup_BorderCornerRadius;
 
 	.sapMPanelWrappingDiv:not(.sapMPanelWrappingDivExpanded),
 	.sapMPanelWrappingDivTb:not(.sapMPanelWrappingDivTbExpanded) {
-		border-radius: var(--sapElement_BorderCornerRadius);
+		border-radius: @sapGroup_BorderCornerRadius;
 		overflow: hidden;
 	}
 }
@@ -38,13 +38,13 @@
 .sapMPanelWrappingDiv,
 /* do not want border if expanded and if only header text */
 .sapMPanelWrappingDivTb {
-	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
-	background: var(--sapGroup_ContentBackground);
+	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
+	background: @sapGroup_ContentBackground;
 }
 
 .sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded,
 .sapMPanelWrappingDivTb.sapMPanelWrappingDivTbExpanded {
-	border-bottom: 0.0625rem solid var(--sapGroup_TitleBorderColor);
+	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
 }
 
 .sapMPanelWrappingDivTb .sapMTB.sapMTBStandard {

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

@@ -232,7 +232,7 @@
 
 /* Condensed */
 .sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
-	padding: 0.4375rem 0;
+	padding: 0.375rem 1.25rem 0.375rem 0;
 	margin: 0;
 }
 

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

@@ -87,7 +87,7 @@
 
 .sapMRb:not(.sapMRbErr):not(.sapMRbWarn):not(.sapMRbInfo):not(.sapMRbSucc):not(.sapMRbDis) .sapMRbHoverable:hover .sapMRbBOut {
 	stroke: var(--sapField_Hover_BorderColor);
-	fill: var(--sapContent_Selected_Hover_Background);
+	fill: var(--sapField_Selector_Hover_Background);
 }
 
 .sapMRb:focus::before {
@@ -140,6 +140,10 @@
 	}
 }
 
+.sapMRb.sapMRbErr .sapMRbHoverable:hover .sapMRbBOut {
+	fill: var(--sapField_Selector_Hover_InvalidBackground);
+}
+
 .sapMRbWarn.sapMRbSel,
 .sapMRbWarn.sapMRbSel.sapMRbRo {
 
@@ -159,6 +163,10 @@
 	}
 }
 
+.sapMRb.sapMRbWarn .sapMRbHoverable:hover .sapMRbBOut {
+	fill: var(--sapField_Selector_Hover_WarningBackground);
+}
+
 .sapMRbSucc.sapMRbSel,
 .sapMRbSucc.sapMRbSel.sapMRbRo {
 
@@ -178,6 +186,10 @@
 	}
 }
 
+.sapMRb.sapMRbSucc .sapMRbHoverable:hover .sapMRbBOut {
+	fill: var(--sapField_Selector_Hover_SuccessBackground);
+}
+
 .sapMRbInfo.sapMRbSel,
 .sapMRbInfo.sapMRbSel.sapMRbRo {
 
@@ -197,6 +209,10 @@
 	}
 }
 
+.sapMRb.sapMRbInfo .sapMRbHoverable:hover .sapMRbBOut {
+	fill: var( --sapField_Selector_Hover_InformationBackground);
+}
+
 .sapMRbRo .sapMRbBOut {
 	stroke-dasharray: 4,2; /* parameter needed for the type of the dashes */
 }

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

@@ -76,7 +76,7 @@
 
 html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
 	background: var(--sapButton_Hover_Background);
-	border-radius: 0.5rem;
+	border-radius: var(--sapButton_Segment_BorderCornerRadius);
 	border-color: var(--sapButton_Hover_BorderColor);
 }
 
@@ -260,7 +260,7 @@ html.sap-desktop {
 		background: var(--sapButton_Selected_Background);
 		color: var(--sapButton_Selected_TextColor);
 		border-color: var(--sapButton_Selected_BorderColor);
-		border-radius: 0.5rem;
+		border-radius: var(--sapButton_Segment_BorderCornerRadius);
 	}
 
 	.sapUiIcon {