@openui5/themelib_sap_horizon 1.149.0 → 1.150.0

package/REUSE.toml

@@ -225,6 +225,16 @@ SPDX-FileCopyrightText = "jQuery Foundation and other contributors"
 SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: QUnit 2.18"
 
+[[annotations]]
+path = [
+    "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.css",
+    "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.js"
+]
+precedence = "aggregate"
+SPDX-FileCopyrightText = "OpenJS Foundation and other contributors"
+SPDX-License-Identifier = "MIT"
+SPDX-FileComment = "these files belong to: QUnit 2.26.0"
+
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/jquery-compat.js"
 precedence = "aggregate"
@@ -349,6 +359,20 @@ SPDX-FileCopyrightText = "2010-2022, Christian Johansen, christian@cjohansen.no"
 SPDX-License-Identifier = "BSD-3-Clause"
 SPDX-FileComment = "these files belong to: SinonJS 14"
 
+[[annotations]]
+path = "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-22.0.0.js"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "2010-2024, Christian Johansen, christian@cjohansen.no"
+SPDX-License-Identifier = "BSD-3-Clause"
+SPDX-FileComment = "these files belong to: SinonJS 22"
+
+[[annotations]]
+path = "src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/nise-6.1.5.js"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "2010-2017, Christian Johansen, christian@cjohansen.no"
+SPDX-License-Identifier = "BSD-3-Clause"
+SPDX-FileComment = "these files belong to: nise"
+
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/sinon-qunit.js"
 precedence = "aggregate"

package/THIRDPARTY.txt

@@ -6,31 +6,31 @@ The full text of all referenced licenses is appended at the end of this file.
 
 Library: sap.f:
 
-Component: UI5 Web Components, version: 2.19.2
+Component: UI5 Web Components, version: 2.23.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Fiori, version: 2.19.2
+Component: UI5 Web Components Fiori, version: 2.23.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons, version: 2.19.2
+Component: UI5 Web Components Icons, version: 2.23.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons Business Suite, version: 2.19.2
+Component: UI5 Web Components Icons Business Suite, version: 2.23.1
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.f/src/sap/f/thirdparty/**
 
-Component: UI5 Web Components Icons TNT, version: 2.19.2
+Component: UI5 Web Components Icons TNT, version: 2.23.1
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -134,6 +134,13 @@ License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.css
 	src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.18.js
 
+Component: QUnit 2.26.0, version: 2.26.0
+Copyright: OpenJS Foundation and other contributors
+License: MIT
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.css
+	src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/qunit-2.26.0.js
+
 Component: jQuery-Migrate, version: 3.3.1
 Copyright: OpenJS Foundation and other contributors
 License: MIT
@@ -227,6 +234,18 @@ License: BSD-3-Clause
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
 Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-14.0.js
 
+Component: SinonJS 22, version: 22.0.0
+Copyright: 2010-2024, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/sinon-22.0.0.js
+
+Component: nise, version: 6.1.5
+Copyright: 2010-2017, Christian Johansen, christian@cjohansen.no
+License: BSD-3-Clause
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/BSD-3-Clause.txt
+Contained in: src/sap.ui.core/test/sap/ui/core/qunit/thirdparty/nise-6.1.5.js
+
 Component: Sinon-qunit, version: 2.0.0
 Copyright: 2010-2011, Christian Johansen
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.149.0",
+  "version": "1.150.0",
   "description": "OpenUI5 Theme Library sap_horizon",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.149.0",
-    "@openui5/sap.m": "1.149.0",
-    "@openui5/sap.tnt": "1.149.0",
-    "@openui5/sap.ui.codeeditor": "1.149.0",
-    "@openui5/sap.ui.commons": "1.149.0",
-    "@openui5/sap.ui.core": "1.149.0",
-    "@openui5/sap.ui.dt": "1.149.0",
-    "@openui5/sap.ui.fl": "1.149.0",
-    "@openui5/sap.ui.mdc": "1.149.0",
-    "@openui5/sap.ui.integration": "1.149.0",
-    "@openui5/sap.ui.layout": "1.149.0",
-    "@openui5/sap.ui.rta": "1.149.0",
-    "@openui5/sap.ui.suite": "1.149.0",
-    "@openui5/sap.ui.table": "1.149.0",
-    "@openui5/sap.ui.unified": "1.149.0",
-    "@openui5/sap.ui.ux3": "1.149.0",
-    "@openui5/sap.uxap": "1.149.0"
+    "@openui5/sap.f": "1.150.0",
+    "@openui5/sap.m": "1.150.0",
+    "@openui5/sap.tnt": "1.150.0",
+    "@openui5/sap.ui.codeeditor": "1.150.0",
+    "@openui5/sap.ui.commons": "1.150.0",
+    "@openui5/sap.ui.core": "1.150.0",
+    "@openui5/sap.ui.dt": "1.150.0",
+    "@openui5/sap.ui.fl": "1.150.0",
+    "@openui5/sap.ui.mdc": "1.150.0",
+    "@openui5/sap.ui.integration": "1.150.0",
+    "@openui5/sap.ui.layout": "1.150.0",
+    "@openui5/sap.ui.rta": "1.150.0",
+    "@openui5/sap.ui.suite": "1.150.0",
+    "@openui5/sap.ui.table": "1.150.0",
+    "@openui5/sap.ui.unified": "1.150.0",
+    "@openui5/sap.ui.ux3": "1.150.0",
+    "@openui5/sap.uxap": "1.150.0"
   }
 }

package/src/sap/f/themes/sap_horizon/GridListItem.less

@@ -8,4 +8,5 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);

package/src/sap/f/themes/sap_horizon_dark/GridListItem.less

@@ -8,4 +8,5 @@
 @_sap_f_GridListItem_HeaderHeight: 2.75rem;
 @_sap_f_GridListItem_FocusedHighlightOffset: 0.5rem;
 @_sap_f_GridListItem_HighlightBorderRadius: 1rem;
-@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_FocusedHighlightBorderRadius: 1rem 2rem;
+@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);

package/src/sap/f/themes/sap_horizon_hcb/GridListItem.less

@@ -4,4 +4,5 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;
+@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);

package/src/sap/f/themes/sap_horizon_hcw/GridListItem.less

@@ -4,4 +4,5 @@
 /* =================================== */
 
 @_sap_f_GridListItem_HeaderBoxShadow: none;
-@_sap_f_GridListItem_HeaderHeight: 2.75rem;
+@_sap_f_GridListItem_HeaderHeight: 2.75rem;
+@_sap_f_GridListItem_SelectedBoxShadow: 0 0 0 0.125rem var(--sapList_SelectionBorderColor), var(--sapContent_Shadow0);

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

@@ -156,8 +156,6 @@
 /* =========== Shell =========== */
 @_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
 @_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
-@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: var(--sapButton_Hover_Background);
-@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: var(--sapButton_Hover_BorderColor);
 
 
 /* Head Container */
@@ -244,11 +242,6 @@
 			padding-left: 0.375rem;
 		}
 	}
-
-	/* Arrow button */
-	.sapMITBFilterWithItems .sapMITBFilterExpandBtn .sapUiIcon {
-		color: var(--sapTextColor);
-	}
 }
 
 /* Head Container - compact */
@@ -391,7 +384,7 @@
 		}
 
 		.sapMITBFilterExpandIcon {
-			color: @_sap_m_IconTabBar_SelectedTextColor !important;
+			color: @_sap_m_IconTabBar_SelectedTextColor;
 		}
 	}
 
@@ -875,27 +868,12 @@ html.sap-desktop {
 		.sapMITBItem {
 
 			&:hover {
-				background: var(--sapShell_Hover_Background);
-				background-color: var(--sapShell_Hover_Background);
+				background: var(--sapShell_Navigation_Hover_Background);
+				background-color: var(--sapShell_Navigation_Hover_Background);
 				border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
 			}
 		}
 	}
-
-	html.sap-desktop & {
-
-		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
-		.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
-		.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
-		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
-		.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
-		.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
-
-			&::after {
-				border-color: var(--sapContent_FocusColor) !important;
-			}
-		}
-	}
 }
 
 /* ------------------------------------------------ */

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

@@ -51,6 +51,13 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+	&:focus-visible {
+		border-radius: 0.125rem;
+		background-color: var(--sapContent_FocusColor);
+		color: var(--sapContent_ContrastTextColor);
+		text-shadow: none;
+		outline: none;
+	}
 }
 
 /* align Link in Form with Label */

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

@@ -65,15 +65,14 @@
 	}
 }
 
-.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
+.sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: none;
 }
 
-.sapMPanelContentWrapper {
+.sapMPanelContent {
 	padding: 0.625rem 1rem;
 	border-bottom-left-radius: inherit;
 	border-bottom-right-radius: inherit;
-	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel.sapMPanelExpanded.sapMPanelAnimating {

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

@@ -94,7 +94,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
 }
 
 .sapMSltHoverable.sapMSltPressed:not(.sapMSltState):not(.sapMSltIconOnly):hover .sapMSltArrow {
-	border-radius: 0.125rem;
+	border-radius: var(--sapField_BorderCornerRadius);
 }
 
 /* pressed and hover */
@@ -173,6 +173,15 @@ div.sapMSltPicker .sapMSltPickerValueState {
 	}
 }
 
+.sapMSltExpanded > .sapMSltArrow {
+	box-shadow: var(--sapField_Hover_Shadow);
+}
+
+.sapMSltError > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_InvalidShadow); }
+.sapMSltWarning > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_WarningShadow); }
+.sapMSltSuccess > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_SuccessShadow); }
+.sapMSltInformation > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_InformationShadow); }
+
 .sapUiSizeCompact .sapMSltArrow {
 	width: 2rem;
 	height: 1.625rem;
@@ -181,8 +190,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
 .sapMSltPressed >.sapMSltArrow,
 .sapMSlt:hover > .sapMSltArrow {
 	background-color: var(--sapButton_Active_Background);
-	overflow: none;
-	border-radius: 0.125rem;
+	border-radius: var(--sapField_BorderCornerRadius);
 }
 
 /* focus */
@@ -215,8 +223,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 	}
 }
 
-.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltInformation {
+.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltInformation:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_InformationColor);
 	background-color: var(--sapField_Focus_Background);
@@ -257,8 +265,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Success Focus - Experimental */
-.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltSuccess {
+.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltSuccess:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_SuccessColor);
 	border-radius: var(--sapField_BorderCornerRadius);
@@ -298,8 +306,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Warning Focus - Experimental */
-.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltWarning {
+.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltWarning:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_WarningColor); /* Experimental */
 	background-color: var(--sapField_Focus_Background);
@@ -340,8 +348,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Error Focus - Experimental */
-.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltError {
+.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltError:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_InvalidColor);
 	background-color: var(--sapField_Focus_Background);
@@ -357,4 +365,4 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 	> .sapMSltArrow::before {
 		color: inherit;
 	}
-}
+}

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

@@ -39,6 +39,7 @@ html.sap-desktop .sapMSelectListItemBase.sapMSelectListItemBasePressed:focus {
 }
 
 /* focus */
+.sapMSelectListItemBase:focus-visible::after,
 html.sap-desktop .sapMSelectListItemBase:focus::after,
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected::after,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected::after {
@@ -55,6 +56,7 @@ html.sap-desktop .sapMSelectListItemBase:focus::after,
 
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
+.sapMSelectListItemBase:focus-visible,
 html.sap-desktop .sapMSelectListItemBase:focus {
 	outline: none;
 }
@@ -65,4 +67,4 @@ html.sap-desktop .sapMSelectListItemBase:focus {
 	position: relative;
 	font-size: var(--sapFontSize);
 	color: var(--sapList_TextColor);
-}
+}

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

@@ -7,7 +7,6 @@
 	background: var(--sapField_Focus_Background);
 	border-radius: 0.0625rem;
 	border: none;
-	box-shadow: var(--sapContent_Shadow1);
 	min-width: 2rem;
 	padding: 0.25rem;
 	font-size: var(--sapFontSmallSize);
@@ -19,8 +18,13 @@
 	color: var(--sapField_TextColor);
 }
 
-.sapMSliderTooltipErrorState {
-	box-shadow: inset 0 0 0 2px @sapField_InvalidColor;
+.sapMSliderTooltip:has(.sapMSliderTooltipInput:focus) {
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
+	outline-offset: -0.0625rem;
+}
+
+.sapMSliderTooltip.sapMSliderTooltipErrorState:has(.sapMSliderTooltipInput:focus) {
+	outline-color: var(--sapField_InvalidColor);	
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {

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

@@ -6,10 +6,6 @@
 @_sap_m_StandardListItem_TextShadowColor: none;
 @_sap_m_StandardListItem_SelectedLabelColor: var(--sapContent_LabelColor);
 
-.sapMSLIInfo {
-	text-shadow: @_sap_m_StandardListItem_TextShadowColor;
-}
-
 .sapMSLI {
 	height: 2.75rem;
 }

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

@@ -156,8 +156,6 @@
 /* =========== Shell =========== */
 @_sap_m_IconTabBar_ShellHeaderShadow: var(--sapShell_Shadow);
 @_sap_m_IconTabBar_ShellSelectedTextColor: var(--sapShell_Navigation_Selected_TextColor);
-@_sap_m_IconTabBar_Filter_Expand_Shell_BackgroundColor_Hover: var(--sapButton_Hover_Background);
-@_sap_m_IconTabBar_Filter_Expand_Shell_BorderColor_Hover: var(--sapButton_Hover_BorderColor);
 
 
 /* Head Container */
@@ -245,11 +243,6 @@
 			padding-left: 0.375rem;
 		}
 	}
-
-	/* Arrow button */
-	.sapMITBFilterExpandBtn .sapUiIcon {
-		color: var(--sapTextColor);
-	}
 }
 
 /* Head Container - compact */
@@ -392,7 +385,7 @@
 		}
 
 		.sapUiIcon {
-			color: @_sap_m_IconTabBar_SelectedTextColor !important;
+			color: @_sap_m_IconTabBar_SelectedTextColor;
 		}
 	}
 
@@ -876,27 +869,12 @@ html.sap-desktop {
 		.sapMITBItem {
 
 			&:hover {
-				background: var(--sapShell_Hover_Background);
-				background-color: var(--sapShell_Hover_Background);
+				background: var(--sapShell_Navigation_Hover_Background);
+				background-color: var(--sapShell_Navigation_Hover_Background);
 				border-color: @_sap_m_IconTabBar_ShellOverflowHoverBorderColor;
 			}
 		}
 	}
-
-	html.sap-desktop & {
-
-		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBFilterIcon,
-		.sapMITBTextOnly .sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
-		.sapMITBItem:not(.sapUiDnDDragging):focus.sapMITBAll,
-		.sapMITBItem:not(.sapUiDnDDragging):focus .sapMITBText,
-		.sapMITHStartOverflow .sapMITBItem:not(.sapUiDnDDragging):focus,
-		.sapMITHEndOverflow .sapMITBItem:not(.sapUiDndDragging):focus {
-
-			&::after {
-				border-color: var(--sapContent_FocusColor) !important;
-			}
-		}
-	}
 }
 
 /* ------------------------------------------------ */

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

@@ -51,6 +51,13 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+	&:focus-visible {
+		border-radius: 0.125rem;
+		background-color: var(--sapContent_FocusColor);
+		color: var(--sapContent_ContrastTextColor);
+		text-shadow: none;
+		outline: none;
+	}
 }
 
 /* align Link in Form with Label */

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

@@ -59,15 +59,14 @@
 	border: none;
 }
 
-.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
+.sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: none;
 }
 
-.sapMPanelContentWrapper {
+.sapMPanelContent {
 	padding: 0.625rem 1rem;
 	border-bottom-left-radius: inherit;
 	border-bottom-right-radius: inherit;
-	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel.sapMPanelExpanded.sapMPanelAnimating {

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

@@ -94,7 +94,7 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
 }
 
 .sapMSltHoverable.sapMSltPressed:not(.sapMSltState):not(.sapMSltIconOnly):hover .sapMSltArrow {
-	border-radius: 0.125rem;
+	border-radius: var(--sapField_BorderCornerRadius);
 }
 
 /* pressed and hover */
@@ -140,7 +140,6 @@ div.sapMSltPicker .sapMSltPickerValueState {
 }
 
 .sapMSltHoverable:not(.sapMSltState):not(.sapMSltIconOnly):hover {
-	border:none;
 	box-shadow: var(--sapField_Hover_Shadow);
 	border: none;
 	background-image: linear-gradient(0deg, var(--sapField_BorderColor) 0, var(--sapField_BorderColor) 100%);
@@ -174,6 +173,15 @@ div.sapMSltPicker .sapMSltPickerValueState {
 	}
 }
 
+.sapMSltExpanded > .sapMSltArrow {
+	box-shadow: var(--sapField_Hover_Shadow);
+}
+
+.sapMSltError > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_InvalidShadow); }
+.sapMSltWarning > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_WarningShadow); }
+.sapMSltSuccess > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_SuccessShadow); }
+.sapMSltInformation > .sapMSltArrow:hover { box-shadow: var(--sapField_Hover_InformationShadow); }
+
 .sapUiSizeCompact .sapMSltArrow {
 	width: 2rem;
 	height: 1.625rem;
@@ -182,8 +190,7 @@ div.sapMSltPicker .sapMSltPickerValueState {
 .sapMSltPressed >.sapMSltArrow,
 .sapMSlt:hover > .sapMSltArrow {
 	background-color: var(--sapButton_Active_Background);
-	overflow: none;
-	border-radius: 0.125rem;
+	border-radius: var(--sapField_BorderCornerRadius);
 }
 
 
@@ -217,8 +224,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 	}
 }
 
-.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltInformation {
+.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltInformation:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_InformationColor);
 	background-color: var(--sapField_Focus_Background);
@@ -257,8 +264,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Success Focus - Experimental */
-.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltSuccess {
+.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltSuccess:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0px 0px 0px 2px var(--sapField_SuccessColor);
 	border-radius: var(--sapField_BorderCornerRadius);
@@ -300,8 +307,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Warning Focus - Experimental */
-.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltWarning {
+.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltWarning:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_WarningColor); /* Experimental */
 	background-color: var(--sapField_Focus_Background);
@@ -342,8 +349,8 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
 }
 
 /* Field Error Focus - Experimental */
-.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):active,
-.sapMSltFocused.sapMSltError {
+.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):not(.sapMSltExpanded):active,
+.sapMSltFocused.sapMSltError:not(.sapMSltExpanded) {
 	border-bottom: none;
 	box-shadow: inset 0 0 0 2px var(--sapField_InvalidColor);
 	background-color: var(--sapField_Focus_Background);

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

@@ -39,6 +39,7 @@ html.sap-desktop .sapMSelectListItemBase.sapMSelectListItemBasePressed:focus {
 }
 
 /* focus */
+.sapMSelectListItemBase:focus-visible::after,
 html.sap-desktop .sapMSelectListItemBase:focus::after,
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected::after,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected::after {
@@ -55,6 +56,7 @@ html.sap-desktop .sapMSelectListItemBase:focus::after,
 
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
+.sapMSelectListItemBase:focus-visible,
 html.sap-desktop .sapMSelectListItemBase:focus {
 	outline: none;
 }
@@ -65,4 +67,4 @@ html.sap-desktop .sapMSelectListItemBase:focus {
 	position: relative;
 	font-size: var(--sapFontSize);
 	color: var(--sapList_TextColor);
-}
+}

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

@@ -20,8 +20,13 @@
 	background: var(--sapField_Focus_Background);
 }
 
-.sapMSliderTooltipErrorState {
-	box-shadow: inset 0 0 0 2px var(--sapField_InvalidColor);
+.sapMSliderTooltip:has(.sapMSliderTooltipInput:focus) {
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
+	outline-offset: -0.0625rem;
+}
+
+.sapMSliderTooltip.sapMSliderTooltipErrorState:has(.sapMSliderTooltipInput:focus) {
+	outline-color: var(--sapField_InvalidColor);	
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {

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

@@ -6,10 +6,6 @@
 @_sap_m_StandardListItem_TextShadowColor: none;
 @_sap_m_StandardListItem_SelectedLabelColor: var(--sapContent_LabelColor);
 
-.sapMSLIInfo {
-	text-shadow: @_sap_m_StandardListItem_TextShadowColor;
-}
-
 .sapMSLI {
 	height: 2.75rem;
 }

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

@@ -43,6 +43,9 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+	&:focus-visible {
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
+	}
 }
 
 /* align Link in Form with Label */

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

@@ -37,13 +37,12 @@
 	border: none;
 }
 
-.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
+.sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
 }
 
-.sapMPanelContentWrapper {
+.sapMPanelContent {
 	padding: 0.625rem 1rem;
-	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel .sapMPanelHdr {

package/src/sap/m/themes/sap_horizon_hcb/SelectList.less

@@ -24,6 +24,7 @@
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
 /* focus */
+.sapMSelectListItemBase:focus-visible,
 html.sap-desktop .sapMSelectListItemBase:focus {
 	outline: var(--sapContent_FocusStyle);
 	outline-offset: -0.1875rem;

package/src/sap/m/themes/sap_horizon_hcb/SliderTooltip.less

@@ -21,13 +21,19 @@
 	color: var(--sapField_TextColor);
 }
 
-.sapMSliderTooltipErrorState {
+.sapMSliderTooltip.sapMSliderTooltipErrorState {
 	background: var(--sapField_InvalidBackground);
-	border-color: var(--sapField_InvalidColor);
+
+	.sapMSliderTooltipInput {
+		background: var(--sapField_InvalidBackground);
+		font-style: italic;
+		font-weight: bold;
+	}
 }
 
-.sapMSliderTooltipErrorState .sapMSliderTooltipInput {
-	background: var(--sapField_InvalidBackground);
+.sapMSliderTooltip:has(.sapMSliderTooltipInput:focus) {
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
+	outline-offset: -.3125rem;
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {

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

@@ -5,10 +5,4 @@
 
 .sapMSLIWithDescription .sapMSLIDescription {
 	padding-top: 0.75rem;
-}
-
-/* This change and the usage of sapList_Background for the text color is just temporary. */
-/* Refer to DINC0336686 for more information */
-.sapMSLIInfo.sapMSLIInfoStateInverted {
-	color: var(--sapList_Background);
 }

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

@@ -75,4 +75,9 @@ html.sap-desktop .sapMTokenizer:focus {
 	& .sapMTokenIcon {
 		cursor: default;
 	}
+}
+
+.sapMTokenizer:not(.sapMTokenizerDisabled) .sapMTokenizerIndicator {
+	color: var(--sapLinkColor);
+	text-decoration: underline;
 }

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

@@ -43,6 +43,9 @@ html.sap-desktop .sapMLnk:not(.sapMLnkDsbl) {
 
 .sapMLnk:not(.sapMLnkDsbl) {
 	text-shadow: var(--sapContent_TextShadow);
+	&:focus-visible {
+		outline: 0.125rem dotted var(--sapContent_FocusColor);
+	}
 }
 
 /* align Link in Form with Label */

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

@@ -37,13 +37,12 @@
 	border: none;
 }
 
-.sapMPanelContentWrapper:not(:has(> .sapMPanelBGTransparent)) {
+.sapMPanelContent:not(.sapMPanelBGTransparent) {
 	border-bottom: @sapGroup_TitleBorderWidth solid @sapUiGroupTitleBorderColor;
 }
 
-.sapMPanelContentWrapper {
+.sapMPanelContent {
 	padding: 0.625rem 1rem;
-	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapMPanel .sapMPanelHdr {

package/src/sap/m/themes/sap_horizon_hcw/SelectList.less

@@ -24,6 +24,7 @@
 .sapMSltPicker-CTX .sapMSelectListItemBaseSelected,
 .sapMComboBoxBasePicker-CTX .sapMSelectListItemBaseSelected,
 /* focus */
+.sapMSelectListItemBase:focus-visible,
 html.sap-desktop .sapMSelectListItemBase:focus {
 	outline: var(--sapContent_FocusStyle);
 	outline-offset: -0.1875rem;

package/src/sap/m/themes/sap_horizon_hcw/SliderTooltip.less

@@ -21,13 +21,19 @@
 	color: var(--sapField_TextColor);
 }
 
-.sapMSliderTooltipErrorState {
+.sapMSliderTooltip.sapMSliderTooltipErrorState {
 	background: var(--sapField_InvalidBackground);
-	border-color: var(--sapField_InvalidColor);
+
+	.sapMSliderTooltipInput {
+		background: var(--sapField_InvalidBackground);
+		font-style: italic;
+		font-weight: bold;
+	}
 }
 
-.sapMSliderTooltipErrorState .sapMSliderTooltipInput {
-	background: var(--sapField_InvalidBackground);
+.sapMSliderTooltip:has(.sapMSliderTooltipInput:focus) {
+	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
+	outline-offset: -.3125rem;
 }
 
 .sapMSliderTooltip.sapMSliderTooltipNonEditableWrapper {

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

@@ -5,10 +5,4 @@
 
 .sapMSLIWithDescription .sapMSLIDescription {
 	padding-top: 0.75rem;
-}
-
-/* This change and the usage of sapList_Background for the text color is just temporary. */
-/* Refer to DINC0336686 for more information */
-.sapMSLIInfo.sapMSLIInfoStateInverted {
-	color: var(--sapList_Background);
 }

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

@@ -75,4 +75,9 @@ html.sap-desktop .sapMTokenizer:focus {
 	& .sapMTokenIcon {
 		cursor: default;
 	}
+}
+
+.sapMTokenizer:not(.sapMTokenizerDisabled) .sapMTokenizerIndicator {
+	color: var(--sapLinkColor);
+	text-decoration: underline;
 }

package/src/sap/ui/core/themes/sap_horizon/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.149.0</version>
+	<version>1.150.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_dark/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.149.0</version>
+	<version>1.150.0</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcb/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.149.0</version>
+	<version>1.150.0</version>
 
 	<documentation>SAPUI5 horizon high contrast black theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_hcw/.theme

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (c) Copyright 2026 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.149.0</version>
+	<version>1.150.0</version>
 
 	<documentation>SAPUI5 horizon high contrast white theme library.</documentation>
 

package/src/sap/ui/unified/themes/sap_horizon/Calendar.less

@@ -31,7 +31,7 @@
 
 	.sapUiCalItem,
 	.sapUiCalWeekNum {
-		min-width: 2.25rem;
+		min-width: 2.125rem;
 		height: 2.25rem;
 	}
 }
@@ -761,7 +761,7 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 
 			&::before,
 			.sapUiCalItemText {
-				border-radius: 0.375rem;
+				border-radius: 0.3125rem;
 			}
 
 			&.sapUiCalItemSel:not(.sapUiCalItemSelBetween),
@@ -795,10 +795,10 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 			&.sapUiCalItemSelBetween:not(.sapUiCalItemSel) {
 
 				.sapUiCalItemText::after {
-					top: 0.125rem;
-					left: 0.125rem;
-					right: 0.125rem;
-					bottom: 0.125rem;
+					top: 0.1875rem;
+					left: 0.1875rem;
+					right: 0.1875rem;
+					bottom: 0.1875rem;
 					border: 0.125rem solid var(--sapContent_FocusColor);
 					border-radius: 0.25rem;
 				}
@@ -964,13 +964,13 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 
 	.sapUiCalItemText::before {
 		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
+		top: 0.0625rem;
+		left: 0.0625rem;
+		right: 0.0625rem;
+		bottom: 0.0625rem;
 		border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 		content: '';
-		border-radius: 0.5rem;
+		border-radius: 0.5625rem;
 	}
 }
 
@@ -1025,7 +1025,7 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 			text-align: left;
 			line-height: normal;
 			padding-top: 0.1875rem;
-			padding-left: 0.375rem;
+			padding-left: 0.3125rem;
 		}
 
 		.sapUiCalItemSecText {
@@ -1033,6 +1033,10 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 			text-align: right;
 		}
 
+		&:focus > .sapUiCalItemSecText {
+			line-height: 0.625rem;
+		}
+
 		&.sapUiCalItemNow {
 
 			&:focus.sapUiCalItemSel,
@@ -1094,6 +1098,11 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 				text-align: right;
 			}
 
+
+			&:focus > .sapUiCalItemSecText {
+				line-height: 0.75rem;
+			}
+
 			&.sapUiCalItemSelBetween > .sapUiCalItemText {
 				line-height: normal;
 			}

package/src/sap/ui/unified/themes/sap_horizon_dark/Calendar.less

@@ -31,7 +31,7 @@
 
 	.sapUiCalItem,
 	.sapUiCalWeekNum {
-		min-width: 2.25rem;
+		min-width: 2.125rem;
 		height: 2.25rem;
 	}
 }
@@ -761,7 +761,7 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 
 			&::before,
 			.sapUiCalItemText {
-				border-radius: 0.375rem;
+				border-radius: 0.3125rem;
 			}
 
 			&.sapUiCalItemSel:not(.sapUiCalItemSelBetween),
@@ -795,10 +795,10 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 			&.sapUiCalItemSelBetween:not(.sapUiCalItemSel) {
 
 				.sapUiCalItemText::after {
-					top: 0.125rem;
-					left: 0.125rem;
-					right: 0.125rem;
-					bottom: 0.125rem;
+					top: 0.1875rem;
+					left: 0.1875rem;
+					right: 0.1875rem;
+					bottom: 0.1875rem;
 					border: 0.125rem solid var(--sapContent_FocusColor);
 					border-radius: 0.25rem;
 				}
@@ -964,13 +964,13 @@ html.sap-desktop .sapUiCalItemOtherMonth:not(.sapUiCalItemSel) :not(.sapUiCalWee
 
 	.sapUiCalItemText::before {
 		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
+		top: 0.0625rem;
+		left: 0.0625rem;
+		right: 0.0625rem;
+		bottom: 0.0625rem;
 		border: 0.0625rem solid var(--sapList_SelectionBorderColor);
 		content: '';
-		border-radius: 0.5rem;
+		border-radius: 0.5625rem;
 	}
 }
 
@@ -1025,7 +1025,7 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 			text-align: left;
 			line-height: normal;
 			padding-top: 0.1875rem;
-			padding-left: 0.375rem;
+			padding-left: 0.3125rem;
 		}
 
 		.sapUiCalItemSecText {
@@ -1033,6 +1033,10 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 			text-align: right;
 		}
 
+		&:focus > .sapUiCalItemSecText {
+			line-height: 0.625rem;
+		}
+
 		&.sapUiCalItemNow {
 
 			&:focus.sapUiCalItemSel,
@@ -1094,6 +1098,11 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover) {
 				text-align: right;
 			}
 
+
+			&:focus > .sapUiCalItemSecText {
+				line-height: 0.75rem;
+			}
+
 			&.sapUiCalItemSelBetween > .sapUiCalItemText {
 				line-height: normal;
 			}