@openui5/themelib_sap_horizon 1.150.0 → 1.152.0

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.23.2
+Component: UI5 Web Components, version: 2.24.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.23.2
+Component: UI5 Web Components Fiori, version: 2.24.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.23.2
+Component: UI5 Web Components Icons, version: 2.24.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.23.1
+Component: UI5 Web Components Icons Business Suite, version: 2.24.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 TNT, version: 2.23.1
+Component: UI5 Web Components Icons TNT, version: 2.24.2
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
@@ -267,7 +267,7 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/punycode.js
 
-Component: handlebars, version: 4.7.7
+Component: handlebars, version: 4.7.9
 Copyright: 2011-2019 by Yehuda Katz
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_horizon",
-  "version": "1.150.0",
+  "version": "1.152.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.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"
+    "@openui5/sap.f": "1.152.0",
+    "@openui5/sap.m": "1.152.0",
+    "@openui5/sap.tnt": "1.152.0",
+    "@openui5/sap.ui.codeeditor": "1.152.0",
+    "@openui5/sap.ui.commons": "1.152.0",
+    "@openui5/sap.ui.core": "1.152.0",
+    "@openui5/sap.ui.dt": "1.152.0",
+    "@openui5/sap.ui.fl": "1.152.0",
+    "@openui5/sap.ui.mdc": "1.152.0",
+    "@openui5/sap.ui.integration": "1.152.0",
+    "@openui5/sap.ui.layout": "1.152.0",
+    "@openui5/sap.ui.rta": "1.152.0",
+    "@openui5/sap.ui.suite": "1.152.0",
+    "@openui5/sap.ui.table": "1.152.0",
+    "@openui5/sap.ui.unified": "1.152.0",
+    "@openui5/sap.ui.ux3": "1.152.0",
+    "@openui5/sap.uxap": "1.152.0"
   }
 }

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

@@ -121,10 +121,6 @@ html.sap-desktop {
 /* GenericTag  */
 /* =========== */
 
-.sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild  {
-	margin-top: 1rem;
-}
-
 .sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild  {
 	margin-top: 0.3125rem;
 }

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

@@ -33,7 +33,7 @@
 						}
 					}
 
-					&:focus {
+					&:focus-visible {
 
 						&::after {
 							border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
@@ -43,4 +43,8 @@
 			}
 		}
 	}
+}
+
+html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
+	border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
 }

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

@@ -122,10 +122,6 @@ html.sap-desktop {
 /* GenericTag  */
 /* =========== */
 
-.sapFDynamicPageTitleMain .sapMGenericTag.sapMBarChild  {
-	margin-top: 1rem;
-}
-
 .sapFDynamicPageTitleSnapped .sapMGenericTag.sapMBarChild  {
 	margin-top: 0.3125rem;
 }

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

@@ -33,7 +33,7 @@
 						}
 					}
 
-					&:focus {
+					&:focus-visible {
 
 						&::after {
 							border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
@@ -43,4 +43,8 @@
 			}
 		}
 	}
+}
+
+html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
+	border: 0.125rem solid var(--sapContent_Selected_ForegroundColor);
 }

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

@@ -40,7 +40,7 @@
 						}
 					}
 
-					&:focus {
+					&:focus-visible {
 
 						&::after {
 							border: 0.125rem dotted var(--sapContent_FocusColor);
@@ -50,4 +50,8 @@
 			}
 		}
 	}
+}
+
+html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -40,7 +40,7 @@
 						}
 					}
 
-					&:focus {
+					&:focus-visible {
 
 						&::after {
 							border: 0.125rem dotted var(--sapContent_FocusColor);
@@ -50,4 +50,8 @@
 			}
 		}
 	}
+}
+
+html.sap-desktop .sapFSP .sapFSPSide .sapFSPSideInner .sapFSPActionBar .sapFSPItem:focus::after {
+	border: 0.125rem dotted var(--sapContent_FocusColor);
 }

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

@@ -123,7 +123,7 @@
 	.sapMBtnBack.sapMBtnIconFirst:not(.sapMBtnText) > .sapMBtnIconLeft:not(:last-child),
 	.sapMBtnIconLeft + .sapMBtnIconRight,
 	.sapMBtnIconLeft + .sapMBtnIconLeft,
-	.sapMBtnInner .sapMBtnIcon :not(img) {
+	.sapMBtnInner .sapMBtnIcon :not(img):not(svg) {
 		padding-right: 0.4375rem;
 	}
 
@@ -137,7 +137,7 @@
 /* Custom focus border:                                                 */
 /* ---------------------------------------------------------------------*/
 
-.sapMBtn:focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
+.sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMFocusable:not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::before {
 	content: '';
 	position: absolute;
@@ -151,10 +151,10 @@ html.sap-desktop .sapMBtn:focus > .sapMFocusable:not(.sapMBadgeIndicator)::befor
 	border-radius: 0.375rem;
 }
 
-.sapMBtn:focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
-.sapMBtn:focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
-.sapMBtn:focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
-.sapMBtn:focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+.sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
+.sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+.sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
+.sapMBtn:not(.sapMBtnFocusFromTouch):focus-visible > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnEmphasized.sapMFocusable:not(.sapMBtnActive):not(.sapMToggleBtnPressed):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnCritical.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
 html.sap-desktop .sapMBtn:focus > .sapMBtnNegative.sapMFocusable:not(.sapMBtnActive):not(.sapMBadgeIndicator)::before,
@@ -230,7 +230,7 @@ html.sap-desktop .sapMBtn:focus > .sapMBtnSuccess.sapMFocusable:not(.sapMBtnActi
 .sapMIBar .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnDefault.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed),
 .sapUxAPObjectPageHeaderIdentifierActions .sapMBtnTransparent.sapMBtnActive:not(.sapMBtnDisabled):not(.sapMToggleBtnPressed) {
-	border-color: var(--sapButton_Lite_BorderColor);
+	border-color: var(--sapButton_Lite_Active_BorderColor);
 }
 
 .sapUiSizeCompact .sapMBar-CTX .sapMBtnInner.sapMBtnGhost:not(.sapMBtnDisabled) {
@@ -267,10 +267,11 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	}
 }
 
-.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX {
+.sap-desktop .sapMIBar-CTX, .sap-desktop .sapMTB-Transparent-CTX, .sapMIBar {
 
 	.sapMBtn:not(.sapMBtnDisabled):hover > .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnAttention):not(.sapMBtnReject):not(.sapMBtnActive):not(.sapMBtnGhost):not(.sapMBtnCritical):not(.sapMBtnNegative):not(.sapMBtnNeutral):not(.sapMBtnSuccess) {
-		border-color: var(--sapButton_Hover_BorderColor);
+		border-color: var(--sapButton_Lite_Hover_BorderColor);
+		background-color: var(--sapButton_Lite_Hover_Background);
 	}
 }
 
@@ -317,4 +318,4 @@ html.sap-desktop .sapMFooter-CTX .sapMBtnInner.sapMBtnReject {
 	bdi {
 		color: var(--sapButton_Lite_Hover_TextColor);
 	}
-}
+}

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

@@ -97,6 +97,11 @@ html:not(.sap-phone) .sapMColorPalette,
 .sapMColorPalette {
 
 	.sapMBtn {
+		&:active {
+			background-color: var(--sapButton_Lite_Active_Background);
+			color: var(--sapButton_Active_TextColor);
+			border: 0.125rem solid var(--sapButton_Lite_Active_BorderColor);
+		}
 
 		&:focus {
 
@@ -110,12 +115,6 @@ html:not(.sap-phone) .sapMColorPalette,
 		}
 
 		.sapMBtnInner {
-			height: 2.75rem;
-
-			.sapMBtnContent {
-				line-height: 2.75rem;
-			}
-
 			&.sapMBtnText {
 				padding: 0;
 			}
@@ -125,6 +124,13 @@ html:not(.sap-phone) .sapMColorPalette,
 	.sapMBtnInner {
 		border-radius: 0;
 	}
+
+	.sapMColorPaletteDefaultColorBtn:active {
+		border-radius: 0.5rem 0.5rem 0 0;
+		.sapMBtnInner {
+			border-radius: 0.5rem 0.5rem 0 0;
+		}
+	}
 }
 
 html:not(.sap-phone) .sapUiSizeCompact .sapMColorPalette {
@@ -159,6 +165,80 @@ html.sap-desktop .sapMColorPalette .sapMBtn:focus > .sapMFocusable::before {
 	display: none;
 }
 
+.sapMColorPalette .sapMColorPaletteSquare:focus-visible:not(.sapMColorPaletteSquareSelected) {
+
+	&::after {
+		display: none;
+	}
+
+	&::before {
+		border: 0.125rem solid var(--sapContent_FocusColor);
+		border-radius: 0.4375rem;
+		top: -0.1875rem;
+		left: -0.1875rem;
+		bottom: -0.1875rem;
+		right: -0.1875rem;
+	}
+
+	&:hover {
+
+		&::after {
+			display: block;
+			border: 0.0625rem solid var(--sapContent_ContrastFocusColor);
+			border-radius: 0.3125rem;
+			top: 0.0625rem;
+			left: 0.0625rem;
+			bottom: 0.0625rem;
+			right: 0.0625rem;
+		}
+
+		&::before {
+			border: 0.125rem solid var(--sapContent_FocusColor);
+			border-radius: 0.4375rem;
+			top: 0.0625rem;
+			left: 0.0625rem;
+			bottom: 0.0625rem;
+			right: 0.0625rem;
+		}
+	}
+}
+
+.sapMColorPalette .sapMBtn:focus-visible {
+
+	> .sapMFocusable {
+		outline: none;
+		outline-offset: 0;
+
+		.sapMBtnFocusDiv {
+			box-sizing: inherit;
+			position: inherit;
+			left: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			border-radius: 0;
+			border: none;
+			pointer-events: none;
+		}
+	}
+
+	&::after {
+		border-radius: 0.5rem;
+		border: 0.125rem solid var(--sapContent_FocusColor);
+	}
+}
+
+.sapUiSizeCompact .sapMColorPalette .sapMColorPaletteSquare:focus-visible:not(:hover):not(.sapMColorPaletteSquareSelected)::before {
+	top: -0.25rem;
+	left: -0.25rem;
+	bottom: -0.25rem;
+	right: -0.25rem;
+}
+
+.sapMColorPalette .sapMBtn:focus-visible > .sapMFocusable::before {
+	display: none;
+}
+
 .sap-phone .sapMColorPalette .sapMColorPaletteSquare {
 
 	& > div {

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

@@ -7,6 +7,7 @@
 /* Horizon theme             */
 /* ========================= */
 
-.sapMCustomTile:focus {
+html.sap-desktop .sapMCustomTile:focus,
+.sapMCustomTile:focus-visible {
 	outline: 1px dotted var(--sapContent_FocusColor);
 }

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

@@ -761,7 +761,8 @@ html.sap-desktop {
 	.sapMITHStartOverflow,
 	.sapMITHEndOverflow {
 
-		.sapMITBItem:not(.sapUiDnDDragging):focus {
+		.sapMITBItem:not(.sapUiDnDDragging):focus,
+		.sapMITBItem:not(.sapUiDnDDragging):active:focus {
 
 			&::after {
 				border-radius: 1.75rem;

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

@@ -3,15 +3,6 @@
 /* Horizon theme                     */
 /* ================================= */
 
-/* header shadow - different states */
-@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
-@_sap_m_MessageBox_Shadow: var(--sapContent_HeaderShadow);
-@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow var(--sapInformationBorderColor), @_sap_m_MessageBox_Shadow;
-@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow var(--sapWarningBorderColor), @_sap_m_MessageBox_Shadow;
-@_sap_m_MessageBox_ErrorShadow:  @_sap_m_MessageBox_HeaderShadow var(--sapErrorBorderColor), @_sap_m_MessageBox_Shadow;
-@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow var(--sapSuccessBorderColor), @_sap_m_MessageBox_Shadow;
-@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow var(--sapNeutralColor);
-
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: var(--sapInformativeElementColor);
 }

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

@@ -24,7 +24,14 @@
 	color: var(--sapLink_Hover_Color);
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+html.sap-desktop .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+	border-radius: 0.125rem;
+	background-color: var(--sapContent_FocusColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: none;
+}
+
+.sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
 	border-radius: 0.125rem;
 	background-color: var(--sapContent_FocusColor);
 	color: var(--sapContent_ContrastTextColor);
@@ -37,7 +44,8 @@
 
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
 .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
-.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+html.sap-desktop .sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
+.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
 	text-decoration: underline;
 }
 
@@ -47,11 +55,13 @@
 
 .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
 .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
-.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus {
+html.sap-desktop .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible {
 	text-decoration: underline;
 }
 
-.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus:hover {
+html.sap-desktop .sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus,
+.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible:hover {
 	text-decoration: none;
 }
 

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

@@ -30,18 +30,27 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 	outline-offset: -1px;
 }
 
-.sapMOHTitle.sapMOHTitleActive:focus {
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus,
+.sapMOHTitle.sapMOHTitleActive:focus-visible {
 	outline: none;
 }
 
-.sapMOHTitle.sapMOHTitleActive:focus > h1 span,
-.sapMOHTitle.sapMOHTitleActive:focus > h2 span,
-.sapMOHTitle.sapMOHTitleActive:focus > h3 span,
-.sapMOHTitle.sapMOHTitleActive:focus > h4 span,
-.sapMOHTitle.sapMOHTitleActive:focus > h5 span,
-.sapMOHTitle.sapMOHTitleActive:focus > h6 span,
-.sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
-.sapMOHTitleArrow .sapUiIcon:focus {
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h1 span,
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h2 span,
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h3 span,
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h4 span,
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h5 span,
+html.sap-desktop .sapMOHTitle.sapMOHTitleActive:focus > h6 span,
+html.sap-desktop .sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
+html.sap-desktop .sapMOHTitleArrow .sapUiIcon:focus,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h1 span,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h2 span,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h3 span,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h4 span,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h5 span,
+.sapMOHTitle.sapMOHTitleActive:focus-visible > h6 span,
+.sapMOHIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus-visible,
+.sapMOHTitleArrow .sapUiIcon:focus-visible {
 	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
@@ -64,19 +73,22 @@ a.sapMOHTitle.sapMOHTitleActive:hover > h1 .sapMText {
 	background: transparent;
 }
 
-.sapMOHRTitleArrow .sapUiIcon:focus {
+html.sap-desktop .sapMOHRTitleArrow .sapUiIcon:focus,
+.sapMOHRTitleArrow .sapUiIcon:focus-visible {
 	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }
 
-.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus {
+html.sap-desktop .sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus,
+.sapMOHRIcon.sapMPointer .sapUiIcon.sapUiIconPointer:focus-visible {
 
 	&::before {
 		outline: 1px dotted var(--sapContent_FocusColor);
 	}
 }
 
-.sapMOHRTitleActive .sapMOHRTitleText:focus {
+html.sap-desktop .sapMOHRTitleActive .sapMOHRTitleText:focus,
+.sapMOHRTitleActive .sapMOHRTitleText:focus-visible {
 	outline: 1px dotted var(--sapContent_FocusColor);
 	outline-offset: -1px;
 }

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

@@ -5,12 +5,16 @@
 
 @_sap_m_ObjectMarker_LinkShadowColor: none;
 
+html.sap-desktop .sapMObjectMarker .sapMLnk:focus .sapUiIcon {
+	color: var(--sapContent_ContrastTextColor);
+}
+
 .sapMObjectMarker {
 
 	.sapMLnk {
 		text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
 
-		&:focus {
+		&:focus-visible {
 
 			.sapUiIcon {
 				color: var(--sapContent_ContrastTextColor);
@@ -23,7 +27,16 @@
 	line-height: 1.5rem;
 }
 
-.sapMObjectMarkerActiveIconOnly:focus {
+html.sap-desktop .sapMObjectMarkerActiveIconOnly:focus {
+	outline: none;
+	border-radius: 0.125rem;
+	background-color: var(--sapContent_FocusColor);
+	color: var(--sapContent_ContrastTextColor);
+	text-shadow: none;
+}
+
+.sapMObjectMarkerActiveIconOnly:focus-visible {
+	outline: none;
 	border-radius: 0.125rem;
 	background-color: var(--sapContent_FocusColor);
 	color: var(--sapContent_ContrastTextColor);

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

@@ -25,7 +25,8 @@
 	vertical-align: middle;
 }
 
-html.sap-desktop .sapMObjectNumberActive:focus {
+html.sap-desktop .sapMObjectNumberActive:focus,
+.sapMObjectNumberActive:focus-visible {
 
 	.sapMObjectNumberInner::after {
 		left: -0.0625rem;

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

@@ -214,6 +214,100 @@ html.sap-desktop .sapMObjStatusActive.sapMObjStatusInverted {
 	}
 }
 
+html.sap-phone .sapMObjStatusActive:not(.sapMObjStatusInverted),
+html.sap-tablet .sapMObjStatusActive:not(.sapMObjStatusInverted) {
+
+	.sapMObjStatusText {
+		text-decoration: underline;
+	}
+
+	&:focus-visible {
+
+		.sapMObjStatusLink::after {
+			outline: none;
+			border-radius: 0.125rem;
+			content: '';
+			position: absolute;
+			box-sizing: border-box;
+			left: 0;
+			right: 0;
+			pointer-events: none;
+			border: 0.125rem solid var(--sapContent_FocusColor);
+			z-index: -1;
+		}
+
+		.sapMObjStatusLink {
+			background: var(--sapContent_FocusColor);
+			border-radius: 0.125rem;
+
+			.sapMObjStatusIcon > .sapUiIcon,
+			.sapMObjStatusText {
+				color: var(--sapContent_ContrastTextColor);
+				text-shadow: none;
+			}
+
+			.sapMObjStatusText {
+				text-decoration: underline;
+			}
+
+			.sapMObjStatusIcon > .sapUiIcon {
+				text-decoration: none;
+			}
+		}
+	}
+
+	&:hover,
+	&:active,
+	&:focus:hover,
+	&:focus:active {
+
+		.sapMObjStatusIcon > .sapUiIcon,
+		.sapMObjStatusText {
+			text-decoration: none;
+		}
+	}
+
+	&.sapMObjectStatusLarge:focus-visible {
+
+		.sapMObjStatusLink::after {
+			top: 0;
+			bottom: 0;
+		}
+	}
+}
+
+html.sap-phone .sapMObjStatusActive.sapMObjStatusInverted,
+html.sap-tablet .sapMObjStatusActive.sapMObjStatusInverted {
+
+	.sapMObjStatusLink {
+		height: auto;
+	}
+
+	&:focus-visible,
+	&.sapMObjectStatusLarge:focus-visible {
+
+		.sapMObjStatusLink::after {
+			outline: none;
+			content: '';
+			position: absolute;
+			box-sizing: border-box;
+			left: 0;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			pointer-events: none;
+			z-index: 1;
+			box-shadow: inset 0 0 0 0.125em var(--sapContent_FocusColor), inset 0 0 0 0.1875em var(--sapContent_ContrastFocusColor);
+			border-radius: var(--sapButton_BorderCornerRadius);
+			height: 100%;
+		}
+	}
+
+	&.sapMObjectStatusLarge:focus-visible {
+		min-height: 1.75rem;
+	}
+}
+
 .sapMObjStatusInverted.sapMObjStatusError .sapMObjStatusWrapper {
 	background-color: var(--sapButton_Negative_Background);
 	border-color: var(--sapButton_Negative_BorderColor);