@openui5/themelib_sap_horizon 1.129.0 → 1.130.1

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

@@ -4,32 +4,34 @@
 /* =========================== */
 
 .sapMLnkDsbl {
-	opacity: @sapUiContentDisabledOpacity;
+	opacity: var(--sapContent_DisabledOpacity);
 	outline: none;
 	cursor: default;
 }
 
 .sapMLIBActive .sapMLnk {
-	color: @sapUiListActiveTextColor;
+	color: var(--sapList_Active_TextColor);
 	text-decoration: underline;
 }
 
 .sapMLnk.sapMLnkSubtle {
-	color: @sapUiLinkSubtleColor;
+	color: var(--sapLink_SubtleColor);
 	text-decoration: underline;
 
 	&:not(.sapMLnkDsbl) {
+
 		&:active {
-			color: @sapUiLinkSubtleColor;
+			color: var(--sapLink_SubtleColor);
 		}
 	}
 }
 
 html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
+
 	&:focus {
 		border-radius: 0.125rem;
-		background-color: @sapUiContentFocusColor;
-		color: @sapUiContentContrastTextColor;
+		background-color: var(--sapContent_FocusColor);
+		color: var(--sapContent_ContrastTextColor);
 		text-shadow: none;
 		outline: none;
 
@@ -39,23 +41,24 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 	}
 
 	&.sapMLnkSubtle {
+
 		&:hover:not(:active):not(:focus) {
-			color: @sapUiLinkSubtleColor;
+			color: var(--sapLink_SubtleColor);
 			text-decoration: none;
 		}
 	}
 }
 
 .sapMLnk:not(.sapMLnkDsbl) {
-	text-shadow: @sapUiContentTextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* align Link in Form with Label */
 .sapUiFormEdit .sapMLnk {
 	margin-top: 0.875rem; /* don't use padding as this would stretch the focus outline */
-	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline*/
+	margin-bottom: 0.625rem; /* for some reason browser adds 4px, display: block would lead to stretched focus outline */
 }
 
 .sapMListTblRow.sapMLIBSelected .sapMLnk:not(.sapMLnkDsbl) {
-	text-shadow: @sapUiContentTextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }

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

@@ -277,6 +277,24 @@
 	border-color: @sapUiContentContrastFocusColor;
 }
 
+.sapMSB.sapMSBEmphasized:focus {
+	.sapMSBInner:has(.sapMBtn):has(.sapMBtnActive)::after {
+		border-color: transparent;
+	}
+	.sapMBtnActive.sapMFocusable:not(.sapMBadgeIndicator)::before {
+		content: '';
+		position: absolute;
+		box-sizing: border-box;
+		left: 0.0625rem;
+		top: 0.0625rem;
+		right: 0.0625rem;
+		bottom: 0.0625rem;
+		border: 0.125rem solid var(--sapContent_FocusColor);
+		pointer-events: none;
+		border-radius: 0.375rem;
+	}
+}
+
 .sapMSB .sapMSBText:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
 	margin-right: 2.25rem;
 }

package/src/sap/m/themes/sap_horizon_dark/Breadcrumbs.less

@@ -19,6 +19,10 @@
 		outline-offset: 0;
 	}
 
+	.sapMBreadcrumbsItem {
+		padding: .125rem; // avoid focus clip
+	}
+
 	.sapMBreadcrumbsItem.sapMBreadcrumbsSelectItem {
 
 		& > .sapMSlt.sapMSltWithIcon.sapMSltIconOnly.sapMSltWithArrow.sapMSltHoverable {

package/src/sap/m/themes/sap_horizon_dark/Carousel.less

@@ -10,6 +10,8 @@
 @_sap_m_Carousel_BackgroundColorSolid: var(--sapGroup_ContentBackground);
 @_sap_m_Carousel_BackgroundColorTranslucent: var(--sapBackgroundColor);
 @_sap_m_Carousel_MinWidth: 15.5rem;
+@_sap_m_Carousel_PageIndicatorBarHeight: 2.75rem;
+@_sap_m_Carousel_BottomArrowsOffset: calc(~'2.75rem + 1px');
 @_sap_m_Carousel_ControlsNoArrowsHeight: 2.75rem;
 @_sap_m_Carousel_NumericIndicatorTextColor: var(--sapPageFooter_TextColor);
 @_sap_m_Carousel_PrevAndNextSize: 2.125rem;

package/src/sap/m/themes/sap_horizon_dark/ColumnListItem.less

@@ -10,19 +10,19 @@
 /* note: adding border-top to the sibling row is not suitable as the sibling row can be hidden and in such case the selection border is lost */
 .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected,
 .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow {
-	box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
+	box-shadow: inset 0px -0.0625rem var(--sapList_SelectionBorderColor);
 }
 
 /* selection border indicator was not visible on the last row as the td elements within the last row have a bottom border */
 /* hence applying -0.125rem so that the selection border is visible */
 .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected:last-child,
 .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow:last-child {
-	box-shadow: inset 0px -0.125rem @sapUiListSelectionBorderColor;
+	box-shadow: inset 0px -0.125rem var(--sapList_SelectionBorderColor);
 }
 
-// Safari work-around as box-shadow is not supported on the <tr> element,
-// hence adding the selection indicator box-shadow to the <td> element
+/* Safari work-around as box-shadow is not supported on the <tr> element, */
+/* hence adding the selection indicator box-shadow to the <td> element */
 html[data-sap-ui-browser^="sf"] .sapMTableTBody:not(.sapMListTblHasPopin) > .sapMLIBSelected > td,
 html[data-sap-ui-browser^="sf"] .sapMTableTBody.sapMListTblHasPopin > .sapMLIBSelected + .sapMListTblSubRow > td {
-	box-shadow: inset 0px -0.0625rem @sapUiListSelectionBorderColor;
+	box-shadow: inset 0px -0.0625rem var(--sapList_SelectionBorderColor);
 }