@openui5/themelib_sap_fiori_3 1.150.0 → 1.151.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.0
 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.0
 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.0
 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.0
 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.0
 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_fiori_3",
-  "version": "1.150.0",
+  "version": "1.151.0",
   "description": "OpenUI5 Theme Library sap_fiori_3",
   "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.151.0",
+    "@openui5/sap.m": "1.151.0",
+    "@openui5/sap.tnt": "1.151.0",
+    "@openui5/sap.ui.codeeditor": "1.151.0",
+    "@openui5/sap.ui.commons": "1.151.0",
+    "@openui5/sap.ui.core": "1.151.0",
+    "@openui5/sap.ui.dt": "1.151.0",
+    "@openui5/sap.ui.fl": "1.151.0",
+    "@openui5/sap.ui.mdc": "1.151.0",
+    "@openui5/sap.ui.integration": "1.151.0",
+    "@openui5/sap.ui.layout": "1.151.0",
+    "@openui5/sap.ui.rta": "1.151.0",
+    "@openui5/sap.ui.suite": "1.151.0",
+    "@openui5/sap.ui.table": "1.151.0",
+    "@openui5/sap.ui.unified": "1.151.0",
+    "@openui5/sap.ui.ux3": "1.151.0",
+    "@openui5/sap.uxap": "1.151.0"
   }
 }

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

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

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

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

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

@@ -44,4 +44,15 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
 			color: var(--sapList_TextColor);
 		}
 	}
+}
+
+html.sap-phone .sapMColorPalette .sapMBtn:focus-visible {
+
+	&::after {
+		border-color: var(--sapContent_FocusColor);
+	}
+
+	&:active::after {
+		border-color: var(--sapContent_ContrastFocusColor);
+	}
 }

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

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

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

@@ -3,14 +3,6 @@
 /* Fiori 3 theme                     */
 /* ================================= */
 
-/* header shadow - different states */
-@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
-@_sap_m_MessageBox_Shadow: @sapUiShadowHeader;
-@_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;
-
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: var(--sapInformativeElementColor);
 }

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

@@ -9,7 +9,19 @@
 	position: relative;
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
+html.sap-desktop .sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
+	pointer-events: none;
+	display: block;
+	content: '';
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	bottom: 1px;
+	right: 1px;
+	outline: 1px dotted var(--sapContent_FocusColor);
+}
+
+.sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible::after {
 	pointer-events: none;
 	display: block;
 	content: '';
@@ -33,7 +45,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;
 	color: var(--sapLink_Hover_Color);
 }

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

@@ -29,18 +29,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;
 }
@@ -63,19 +72,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_fiori_3/ObjectMarker.less

@@ -9,6 +9,7 @@
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
 }
 
-.sapMObjectMarkerActiveIconOnly:focus {
+html.sap-desktop .sapMObjectMarkerActiveIconOnly:focus,
+.sapMObjectMarkerActiveIconOnly:focus-visible {
 	outline-offset: 2px;
 }

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

@@ -34,13 +34,13 @@
 }
 
 .sapMSegBBtn:first-child .sapMSegBBtnInner {
-	border-top-left-radius: 0.25rem;
-	border-bottom-left-radius: 0.25rem;
+	border-top-left-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
 }
 
 .sapMSegBBtn:last-child .sapMSegBBtnInner {
-	border-top-right-radius: 0.25rem;
-	border-bottom-right-radius: 0.25rem;
+	border-top-right-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 }
 
 html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
@@ -63,6 +63,18 @@ html.sap-desktop {
 	}
 }
 
+.sapMSegBBtnFocusable:not(.sapMBtnFocusFromTouch):focus-visible .sapMSegBBtnInner {
+	outline: 1px dotted;
+	outline-offset: -3px;
+	outline-color: var(--sapContent_FocusColor);
+}
+
+.sapMSegBBtnFocusable.sapMSegBBtnSel:not(.sapMBtnFocusFromTouch):focus-visible .sapMSegBBtnInner {
+	outline: 1px dotted;
+	outline-offset: -3px;
+	outline-color: var(--sapContent_ContrastFocusColor);
+}
+
 .sapMSegB.sapMSegBIcons {
 
 	.sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
@@ -198,13 +210,13 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 	}
 
 	.sapMSegBBtn:first-child .sapMSegBBtnInner {
-		border-top-left-radius: 0.2rem;
-		border-bottom-left-radius: 0.2rem;
+		border-top-left-radius: var(--sapButton_BorderCornerRadius);
+		border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
 	}
 
 	.sapMSegBBtn:last-child .sapMSegBBtnInner {
-		border-top-right-radius: 0.2rem;
-		border-bottom-right-radius: 0.2rem;
+		border-top-right-radius: var(--sapButton_BorderCornerRadius);
+		border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 	}
 
 	.sapMSegB img {
@@ -255,6 +267,6 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 
 .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
 	border-right: 1px solid var(--sapButton_BorderColor);
-	border-top-right-radius: 0.2rem;
-	border-bottom-right-radius: 0.2rem;
+	border-top-right-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 }

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

@@ -95,5 +95,26 @@ html.sap-desktop .sapMSltIconOnly.focus:not(.sapMSltExpanded):not(.sapMSltDisabl
 }
 
 div.sapMSltPicker .sapMSltPickerValueState {
-	box-shadow: inset 0 -0.0625rem @_sap_m_Dialog_HeaderShadowColor;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+
+	.sapMSltPickerValueStateIcon {
+		margin-right: 0.5rem;
+	}
+
+	&.sapMSltPickerErrorState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_InvalidColor);
+	}
+
+	&.sapMSltPickerWarningState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_WarningColor);
+	}
+
+	&.sapMSltPickerSuccessState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_SuccessColor);
+	}
+
+	&.sapMSltPickerInformationState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_InformationColor);
+	}
 }

package/src/sap/m/themes/sap_fiori_3/Switch.less

@@ -44,6 +44,30 @@ html.sap-desktop {
 	}
 }
 
+.sapMSwtCont:focus-visible > .sapMSwt::before {
+	content: ' ';
+	position: absolute;
+	display: block;
+	top: -0.375rem;
+	left: -0.125rem;
+	bottom: -0.375rem;
+	right: -0.125rem;
+	outline: 1px dotted var(--sapContent_FocusColor);
+}
+
+.sapUiSizeCompact {
+
+	.sapMSwtCont:focus-visible > .sapMSwt:not(.sapMSwtNoLabel)::before {
+		top: -0.25rem;
+		bottom: -0.25rem;
+	}
+
+	.sapMSwtCont:focus-visible > .sapMSwt.sapMSwtNoLabel::before {
+		top: -0.375rem;
+		bottom: -0.375rem;
+	}
+}
+
 /* Switch */
 .sapMSwt {
 	box-sizing: border-box;

package/src/sap/m/themes/sap_fiori_3/TileContainer.less

@@ -11,7 +11,8 @@
 	opacity: 0.4;
 }
 
-.sapMTC .sapMTCScroller:focus::before {
+html.sap-desktop .sapMTC .sapMTCScroller:focus::before,
+.sapMTC .sapMTCScroller:focus-visible::before {
 	border: 1px dotted var(--sapContent_FocusColor);
 	position: absolute;
 	top: -1px;

package/src/sap/m/themes/sap_fiori_3/Token.less

@@ -34,11 +34,13 @@ html.sap-desktop .sapMToken.sapMTokenSelected:not(.sapMTokenReadOnly):hover {
 	}
 }
 
+.sapMToken:not(.sapMTokenFocusFromTouch):focus-visible,
 html.sap-desktop .sapMToken:focus {
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	outline-offset: -0.1875rem;
 }
 
+.sapMToken.sapMTokenSelected:not(.sapMTokenFocusFromTouch):focus-visible,
 html.sap-desktop .sapMToken.sapMTokenSelected:focus {
 	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_ContrastFocusColor);
 }

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

@@ -44,4 +44,15 @@ html:not(.sap-phone) .sapMColorPalette .sapMColorPaletteSquare div,
 			color: var(--sapList_TextColor);
 		}
 	}
+}
+
+html.sap-phone .sapMColorPalette .sapMBtn:focus-visible {
+
+	&::after {
+		border-color: var(--sapContent_FocusColor);
+	}
+
+	&:active::after {
+		border-color: var(--sapContent_ContrastFocusColor);
+	}
 }

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

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

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

@@ -3,14 +3,6 @@
 /* Quartz Dark theme                 */
 /* ================================= */
 
-/* header shadow - different states */
-@_sap_m_MessageBox_HeaderShadow:  inset 0 -0.0625rem;
-@_sap_m_MessageBox_Shadow: @sapUiShadowHeader;
-@_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;
-
 .sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
 	color: var(--sapInformativeElementColor);
 }

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

@@ -9,7 +9,19 @@
 	position: relative;
 }
 
-.sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
+html.sap-desktop .sapMObjectAttributeActive .sapMObjectAttributeText:focus::after {
+	pointer-events: none;
+	display: block;
+	content: '';
+	position: absolute;
+	top: 1px;
+	left: 1px;
+	bottom: 1px;
+	right: 1px;
+	outline: 1px dotted var(--sapContent_FocusColor);
+}
+
+.sapMObjectAttributeActive .sapMObjectAttributeText:focus-visible::after {
 	pointer-events: none;
 	display: block;
 	content: '';
@@ -33,7 +45,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;
 	color: var(--sapLink_Hover_Color);
 }

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

@@ -29,13 +29,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,
-.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;
 }
@@ -58,19 +72,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_fiori_3_dark/ObjectMarker.less

@@ -9,6 +9,7 @@
 	text-shadow: @_sap_m_ObjectMarker_LinkShadowColor;
 }
 
-.sapMObjectMarkerActiveIconOnly:focus {
+html.sap-desktop .sapMObjectMarkerActiveIconOnly:focus,
+.sapMObjectMarkerActiveIconOnly:focus-visible {
 	outline-offset: 2px;
 }

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

@@ -34,13 +34,13 @@
 }
 
 .sapMSegBBtn:first-child .sapMSegBBtnInner {
-	border-top-left-radius: 0.25rem;
-	border-bottom-left-radius: 0.25rem;
+	border-top-left-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
 }
 
 .sapMSegBBtn:last-child .sapMSegBBtnInner {
-	border-top-right-radius: 0.25rem;
-	border-bottom-right-radius: 0.25rem;
+	border-top-right-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 }
 
 html.sap-desktop .sapMSegBBtnFocusable:hover .sapMSegBBtnInner {
@@ -63,6 +63,18 @@ html.sap-desktop {
 	}
 }
 
+.sapMSegBBtnFocusable:not(.sapMBtnFocusFromTouch):focus-visible .sapMSegBBtnInner {
+	outline: 1px dotted;
+	outline-offset: -3px;
+	outline-color: var(--sapContent_FocusColor);
+}
+
+.sapMSegBBtnFocusable.sapMSegBBtnSel:not(.sapMBtnFocusFromTouch):focus-visible .sapMSegBBtnInner {
+	outline: 1px dotted;
+	outline-offset: -3px;
+	outline-color: var(--sapContent_ContrastFocusColor);
+}
+
 .sapMSegB.sapMSegBIcons {
 
 	.sapMSegBBtn:not(.sapMSegBBtnMixed) .sapMSegBBtnInner {
@@ -198,13 +210,13 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 	}
 
 	.sapMSegBBtn:first-child .sapMSegBBtnInner {
-		border-top-left-radius: 0.2rem;
-		border-bottom-left-radius: 0.2rem;
+		border-top-left-radius: var(--sapButton_BorderCornerRadius);
+		border-bottom-left-radius: var(--sapButton_BorderCornerRadius);
 	}
 
 	.sapMSegBBtn:last-child .sapMSegBBtnInner {
-		border-top-right-radius: 0.2rem;
-		border-bottom-right-radius: 0.2rem;
+		border-top-right-radius: var(--sapButton_BorderCornerRadius);
+		border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 	}
 
 	.sapMSegB img {
@@ -257,6 +269,6 @@ html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover .sapMSegBBtnInner {
 
 .sapMSegBBtn.sapMSegBtnLastVisibleButton .sapMSegBBtnInner {
 	border-right: 1px solid var(--sapButton_BorderColor);
-	border-top-right-radius: 0.2rem;
-	border-bottom-right-radius: 0.2rem;
+	border-top-right-radius: var(--sapButton_BorderCornerRadius);
+	border-bottom-right-radius: var(--sapButton_BorderCornerRadius);
 }

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

@@ -95,5 +95,26 @@ html.sap-desktop .sapMSltIconOnly.sapMSltFocused:not(.sapMSltExpanded):not(.sapM
 }
 
 div.sapMSltPicker .sapMSltPickerValueState {
-	box-shadow: inset 0 -0.0625rem @_sap_m_Dialog_HeaderShadowColor;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+
+	.sapMSltPickerValueStateIcon {
+		margin-right: 0.5rem;
+	}
+
+	&.sapMSltPickerErrorState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_InvalidColor);
+	}
+
+	&.sapMSltPickerWarningState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_WarningColor);
+	}
+
+	&.sapMSltPickerSuccessState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_SuccessColor);
+	}
+
+	&.sapMSltPickerInformationState {
+		box-shadow: inset 0 -0.0625rem var(--sapField_InformationColor);
+	}
 }