@openui5/themelib_sap_horizon 1.96.1 → 1.97.1

package/.reuse/dep5

@@ -418,7 +418,7 @@ Comment: these files contain content from SAP and BooleanExpressionEvaluator: Bo
 
 # Library: sap.ui.webc.common:
 
-Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theme-base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
+Files: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.* src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 Copyright: SAP
 License: Apache-2.0
 Comment: these files belong to: UI5 Web Components

package/THIRDPARTY.txt

@@ -412,10 +412,11 @@ Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/base/*.*
-	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theme-base/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/theming/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/localization/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons/*.*
 	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-tnt/*.*
+	src/sap.ui.webc.common/src/sap/ui/webc/common/thirdparty/icons-business-suite/*.*
 
 Component: lit-html, version: 1.4.1
 Copyright: Google LLC

package/package.json

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

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

@@ -68,7 +68,7 @@
 }
 
 .sapFDynamicPageToggleHeaderIndicator,
-.sapFDynamicPage:not(.sapFDynamicPageTitleClickEnabled) .sapFDynamicPageHeaderPinButton {
+.sapFDynamicPageToggleHeaderIndicator.sapUiHidden ~ .sapFDynamicPageHeaderPinButton {
 	margin-left: -0.75rem;
 }
 

package/src/sap/f/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -20,7 +20,7 @@
 	height: 1.375rem;
 	width: 1.375rem;
 	line-height: 1.125rem;
-	border-width: 0.125rem;
+	border-width: 0.0625rem;
 	box-sizing: border-box;
 	border-radius: @sapField_BorderCornerRadius;
 
@@ -58,7 +58,7 @@
 
 .sapMCb.sapMCbSucc .sapMCbBg {
 	background-color: @sapUiFieldSuccessBackground;
-	border: 0.125rem solid @sapUiFieldSuccessColor;
+	border: 0.0625rem solid @sapUiFieldSuccessColor;
 
 	&.sapMCbMarkChecked:before {
 		color: @sapUiFieldSuccessColor;
@@ -191,7 +191,7 @@ html.sap-desktop {
 
 .sapMCbDisplayOnly .sapMCbBg:not(.sapMCbMarkPartiallyChecked) {
 	border-style: solid;
-	border-width: 0.125rem;
+	border-width: 0.0625rem;
 	margin: 0;
 }
 

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

@@ -1,7 +1,7 @@
-/* ================================== */
-/* CSS for control sap.m/ComboBoxBase */
-/* Horizon theme                      */
-/* ================================== */
+/* =================================== */
+/* CSS for control sap.m/Page.control  */
+/* Horizon theme                       */
+/* =================================== */
 
 .sapMInputBase:not(.sapMInputBaseDisabled):not(.sapMInputBaseIconPressed).sapMComboBoxBase.sapMComboBoxBaseArrowPressed .sapMInputBaseIconContainer .sapMInputBaseIcon:last-child {
 	background-color: @sapField_Focus_Background;

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

@@ -5,8 +5,8 @@
 
 .sapMGT.sapMGTBackgroundImage {
 	.sapMGTContent {
-		border-bottom-left-radius: 0.125rem;
-		border-bottom-right-radius: 0.125rem;
+		border-bottom-left-radius: @sapElement_BorderCornerRadius;
+		border-bottom-right-radius: @sapElement_BorderCornerRadius;
 		height: auto;
 	}
 }
@@ -237,3 +237,125 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 		z-index: 0;
 	}
 }
+
+.sapUshellSection .sapUshellSectionHeader, .sapUshellSection .sapUshellSectionDefaultArea, .sapUshellSection .sapUshellSectionFlatArea
+{
+	gap: 0.75rem !important;
+}
+
+large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-large .sapUiSizeCompact .sapMGT.sapMGTLineMode {
+	margin-right: 1rem;
+	border: 1px solid @sapTile_BorderColor
+}
+
+.sapMGT {
+	border-radius: @sapElement_BorderCornerRadius;
+	border-color: @sapTile_BorderColor;
+}
+
+.sapUshellSection {
+	.sapMGT.TwoByOne {
+		width: 23rem;
+	}
+	.sapMGT.TwoByHalf {
+		width: 23rem;
+	}
+}
+
+.sapMGT.TwoByOne {
+	width: 22.5rem;
+}
+
+.sapMGT.TwoByHalf {
+	width: 22.5rem;
+}
+
+.sapMGTHdrTxt>.sapMText {
+	font-weight: bold;
+	font-size: @sapFontHeader6Size;
+}
+
+.sapMGTLineMode .sapMGTHdrTxt {
+	font-weight: bold;
+}
+
+.sapMGT.sapMGTLineMode {
+	border: 1px solid @sapTile_BorderColor !important;
+	border-radius: @sapElement_BorderCornerRadius !important;
+	box-shadow: @sapContent_Shadow0 !important;
+}
+
+.sap-desktop .sapMGT.sapMGTLineMode:not(.sapMGTDisabled):not(.sapMGTLineModePress):hover {
+	background: @sapTile_Hover_Background;
+	border: 1px solid @sapTile_BorderColor !important;
+	box-shadow: @sapContent_Shadow1 !important;
+}
+
+html.sap-desktop .sapMGT:hover:not(.sapMGTPressActive) {
+	border: 1px solid @sapTile_BorderColor !important;
+	box-shadow: @sapContent_Shadow1 !important;
+}
+
+.sapMTileCntFtrTxt .sapMLnk .sapUiIcon {
+	font-size: 0.75rem !important;
+	margin-left: 1px;
+	margin-right: 1px;
+}
+
+html.sap-desktop .sapFGridContainer .sapFGridContainerItemWrapperNoVisualFocus:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:focus .sapMGTFocusDiv, html.sap-desktop .sapMGT:active .sapMGTFocusDiv, html.sap-desktop .sapMGTLineModePress .sapMGTFocusDiv {
+	border-radius: @sapElement_BorderCornerRadius;
+	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
+}
+
+html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv:after {
+	border: none;
+	border-radius: @sapElement_BorderCornerRadius;
+}
+
+.sapMGTLineMode .sapMGTFocusDiv {
+	border-radius: 10px !important;
+}
+
+.sapFGridContainer .sapFGridContainerItemWrapper:not(.sapFGridContainerItemWrapperNoVisualFocus):focus::before {
+	border: 2px solid @sapContent_FocusColor;
+	border-radius: @sapElement_BorderCornerRadius;
+}
+
+.miniTileBackground {
+	background: @sapTile_Background;
+	box-shadow: @sapContent_Shadow0 !important;
+}
+
+.miniTileContainer .sapMGT {
+	background: @sapTile_Background;
+	box-shadow: @sapContent_Shadow0 !important;
+}
+
+.sapUshellTile, .sapUshellTileWrapper, .sapUshellTileInner, .sapUshellTileBase, .sapUshellInner .sapUshellTile-placeholder, .sapUshellInner .sapUshellLinkTile-placeholder {
+	border-radius: @sapElement_BorderCornerRadius;
+}
+
+.sapUshellTile{
+	margin: 0 1rem 1rem 0;
+}
+
+.sapUshellSection .sapUshellSectionTitle {
+	font-weight: bold;
+}
+
+.OneByOne.tileWithAppInfo {
+	.sapMGTTInfoContainer {
+		.sapMGTTInfo {
+			background-color: @sapTile_Active_Background;
+		}
+	}
+}
+
+.TwoByOne.sapMGTActionMode {
+	width: 20rem;
+	height: 10.875rem;
+	border-radius: 1.25rem;
+	.sapMGTFocusDiv {
+		border-radius: 1.25rem !important;
+	}
+}

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

@@ -34,7 +34,6 @@
 			margin-top: 0.1875rem;
 	}
 }
-
 .sapMInputBase:not(.sapMInputBaseReadonly) .sapMInputBaseIconContainer .sapMInputBaseIcon {
 	width: 2 * @sapContent_GridSize;
 	height: 2 * @sapContent_GridSize;
@@ -170,7 +169,7 @@
 		&.sapMInputBaseContentWrapperInformation {
 			box-shadow: @sapContent_Informative_Shadow;
 		}
-}
+	}
 
 .sapMInputBaseInner::-webkit-input-placeholder {
 	font-style: normal;

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

@@ -4,6 +4,7 @@
 /* =================================== */
 
 .sapMMsgStrip {
+	//@sapUiElementBorderCornerRadius was used but currently it results in 12px
 	border-radius: @sapElement_BorderCornerRadius;
 }
 
@@ -34,7 +35,7 @@
 		border-color: @sapErrorBackground;
 	}
 }
-
+ 
 .sapMMsgStripSuccess {
 	border-color: darken(saturate(@sapSuccessBackground, 20), 20);
 
@@ -56,7 +57,7 @@
 		border-color: @sapWarningBackground;
 	}
 }
-
+ 
 .sapMMsgStripMessage>.sapMLnk {
 	padding-right: 0.25rem;
 	padding-left: 0.25rem;

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

@@ -1,11 +1,7 @@
-/* =================================== */
-/* CSS for control sap.m/MultiComboBox */
-/* Horizon theme                       */
-/* =================================== */
-
 .sapMMultiComboBox.sapMInputBaseReadonly.sapMMultiComboBoxHasToken.sapMFocus .sapMTokenizer {
 	left: 0;
 }
+
 .sapMMultiComboBoxPicker .sapMListHdrTBar {
 	border-radius: 0;
 }
@@ -37,4 +33,11 @@
 	& .sapMBarChild.sapMCb.sapMCbHasLabel:focus:after {
 		border: none;
 	}
+}
+.sapMMultiComboBox .sapMTokenizer {
+	padding-top: 1px;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiComboBox .sapMTokenizer {
+	padding-top: 0px;
 }

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

@@ -1,8 +1,11 @@
-/* =================================== */
-/* CSS for control sap.m/MultiInput    */
-/* Horizon theme                       */
-/* =================================== */
-
 .sapMMultiInput.sapMInputBaseReadonly.sapMMultiInputHasTokens.sapMInputFocused .sapMTokenizer {
 	left: 0;
+}
+
+.sapMMultiInput .sapMTokenizer {
+	padding-top: 1px;
+}
+
+.sapUiSizeCondensed .sapUiTableDataCell .sapMMultiInput .sapMTokenizer {
+	padding-top: 0px;
 }

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

@@ -2,15 +2,14 @@
 /* CSS for control sap.m/RangeSlider  */
 /* Horizon theme                      */
 /* ================================== */
-
 .sapMRangeSlider.sapMSliderInner .sapMSliderHandle {
 	top: -0.75rem;
 }
 
 .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover>.sapMSliderHandle {
-	border: 1px @sapContent_FocusStyle @sapContent_Selected_ForegroundColor;
-	background: transparent;
-	box-shadow: @sapContent_Selected_Shadow;
+		border: 1px @sapContent_FocusStyle @sapContent_Selected_ForegroundColor;
+		background: transparent;
+		box-shadow: @sapContent_Selected_Shadow;
 }
 
 .sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled):hover .sapMSliderProgress:focus ~ .sapMSliderHandle,

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

@@ -166,4 +166,112 @@ html.sap-desktop .sapMSlt.sapMSltFocused:not(.sapMSltExpanded):not(.sapMSltDisab
     &:before {
         box-shadow: inset 0px 0px 0px 2px @sapField_Focus_BorderColor;
     }
+}
+
+// =====================================
+// Input Information state
+// =====================================
+.sapMSltInformation {
+    border: none;
+    background-image: linear-gradient(0deg, @sapField_InformationColor 0, @sapField_InformationColor 100%);
+    background-size: 100% @sapField_InformationBorderWidth;
+    background-repeat: repeat-x;
+    background-position: bottom;
+}
+
+.sapMSltInformation.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
+    background-color: @sapField_Hover_Background;
+
+    &:not(.sapMSltFocused) {
+        box-shadow: @sapContent_Informative_Shadow; // NEW Parameter
+    }
+}
+
+.sapMSltHoverable.sapMSltInformation:not(.sapMSltIconOnly):active,
+.sapMSltFocused.sapMSltInformation {
+    box-shadow: inset 0px 0px 0px 2px @sapField_Active_BorderColor;
+    background-color: @sapField_Focus_Background;
+}
+
+// =====================================
+// Input Success state
+// =====================================
+
+.sapMSltSuccess {
+    border: none;
+    background-image: linear-gradient(0deg, @sapField_SuccessColor 0, @sapField_SuccessColor 100%);
+    background-size: 100% @sapField_SuccessBorderWidth;
+    background-repeat: repeat-x;
+    background-position: bottom;
+}
+
+.sapMSltSuccess.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover  {
+    background-color: @sapField_Hover_Background;
+
+    &:not(.sapMSltFocused) {
+        box-shadow: @sapContent_Positive_Shadow; // New Parameter
+    }
+}
+
+// Field Success Focus - Experimental
+.sapMSltHoverable.sapMSltSuccess:not(.sapMSltIconOnly):active,
+.sapMSltFocused.sapMSltSuccess {
+    box-shadow: inset 0px 0px 0px 2px @sapField_SuccessColor;
+    border-radius: @sapField_BorderCornerRadius;
+    background-color: @sapField_Focus_Background;
+}
+
+// =====================================
+// Input Warning state
+// =====================================
+
+.sapMSltWarning {
+    border: none;
+    background-image: linear-gradient(0deg, @sapField_WarningColor 0, @sapField_WarningColor 100%);
+    background-size: 100% @sapField_WarningBorderWidth;
+    background-repeat: repeat-x;
+    background-position: bottom;
+}
+
+.sapMSltWarning.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
+    background-color: @sapField_Hover_Background;
+
+    &:not(.sapMSltFocused) {
+        box-shadow: @sapContent_Critical_Shadow; // NEW Parameter
+    }
+}
+
+// Field Warning Focus - Experimental
+.sapMSltHoverable.sapMSltWarning:not(.sapMSltIconOnly):active,
+.sapMSltFocused.sapMSltWarning {
+    box-shadow: inset 0px 0px 0px 2px @sapField_WarningColor; // Experimental
+    background-color: @sapField_Focus_Background;
+}
+
+
+// =====================================
+// Input Error state
+// =====================================
+
+.sapMSltError {
+    border: none;
+    background-image: linear-gradient(0deg, @sapField_InvalidColor 0, @sapField_InvalidColor 100%);
+    background-size: 100% @sapField_InvalidBorderWidth;
+    background-repeat: repeat-x;
+    background-position: bottom;
+}
+
+.sapMSltError.sapMSltHoverable:not(.sapMSltIconOnly):not(.sapMSltDisabled):not(.sapMSltPressed):hover {
+    background-color: @sapField_Hover_Background;
+
+    &:not(.sapMSltFocused) {
+        box-shadow: @sapContent_Negative_Shadow; // New Parameter
+    }
+}
+
+// Field Error Focus - Experimental
+.sapMSltHoverable.sapMSltError:not(.sapMSltIconOnly):active,
+.sapMSltFocused.sapMSltError {
+    box-shadow: inset 0px 0px 0px 2px @sapField_InvalidColor;
+    background-color: @sapField_Focus_Background;
 }

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

@@ -50,13 +50,15 @@ html.sap-desktop .sapMSelectListItemBase:focus {
 .sapMSelectListItemBase {
 	position: relative;
 
+	&:last-child:not(:only-child)::after {
+		border-bottom-left-radius: 0.75rem;
+		border-bottom-right-radius: 0.75rem;
+	}
+}
+
+.sapMSltPicker-CTX:not(.sapMSltPickerWithSubHeader) .sapMSelectListItemBase {
 	&:first-child::after {
 		border-top-left-radius: 0.75rem;
 		border-top-right-radius: 0.75rem;
 	}
-
-	&:last-child::after {
-		border-bottom-left-radius: 0.75rem;
-		border-bottom-right-radius: 0.75rem;
-	}
 }

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

@@ -37,6 +37,19 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 	box-shadow: 0 0 0.25rem fade(@sapUiContentShadowColor, 25);
 }
 
+.sapMST {
+	border-radius: @sapElement_BorderCornerRadius;
+	border-color: @sapTile_BorderColor;
+}
+
+.sapMST.TwoByOne {
+	width: 23rem;
+}
+
+.sapMST.TwoByHalf {
+	width: 23rem;
+}
+
 .sapMST .sapMSTIconDisplayArea {
 	background-color: darken(@sapUiBrand, 18);
 }
@@ -49,7 +62,15 @@ html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
 	text-shadow: 0px 1px @sapUiButtonEmphasizedTextShadow;
 }
 
-html.sap-desktop .sapMST .sapMGT:active .sapMGTFocusDiv,
-html.sap-desktop .sapMST .sapMGT:active .sapMGTFocusDiv:after {
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv,
+html.sap-desktop .sapMST:active .sapMSTFocusDiv {
 	border: none;
+	border-radius: @sapElement_BorderCornerRadius;
+	box-shadow: inset 0 0 0 0.063rem @sapContent_ContrastFocusColor, 0 0 0 @sapContent_FocusWidth @sapContent_FocusColor;
 }
+
+html.sap-desktop .sapMST:focus .sapMSTFocusDiv:after,
+html.sap-desktop .sapMST:active .sapMSTFocusDiv:after {
+	border: none;
+	border-radius: @sapElement_BorderCornerRadius;
+}

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

@@ -3,6 +3,7 @@
 /* Horizon theme                 */
 /* ============================= */
 
+/*new*/
 .sapMSliderInner .sapMSliderHandle {
 	border: 1px solid @sapContent_Selected_Background;
 	background: @sapContent_Selected_Background;

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

@@ -3,12 +3,8 @@
 /* Horizon theme                        */
 /* ==================================== */
 
-/* ------------------------------ */
-/* Slider Tooltip styles          */
-/* ------------------------------ */
-
 .sapMSliderTooltip {
-	background: @sapField_Focus_Background;
+	background: @sapField_Focus_Background; 
 	border-radius: 0.5rem;
 	border: none;
 	box-shadow: @sapUiContentShadow1;

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

@@ -118,7 +118,8 @@
 	box-sizing: border-box;
 	top: 0.5rem;
 	left: -0.0625rem;
-	border: 0.0125rem solid @sapUiButtonHoverTextColor;
+	width: 0.0625rem;
+	background-color: @sapUiButtonHoverTextColor;
 	pointer-events: none;
 	height: 1.25rem;
 	border-radius: 0.35rem;
@@ -129,19 +130,19 @@
 .sapMSB.sapMSBSuccess .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
 .sapMSB.sapMSBCritical .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before,
 .sapMSB.sapMSBNegative .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
-	border-color: @sapUiButtonEmphasizedTextColor;
+	background-color: @sapUiButtonEmphasizedTextColor;
 }
 
 .sapMSB.sapMSBAccept .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
-	border-color: @sapUiButtonAcceptTextColor;
+	background-color: @sapUiButtonAcceptTextColor;
 }
 
 .sapMSB.sapMSBReject .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
-	border-color: @sapUiButtonRejectTextColor;
+	background-color: @sapUiButtonRejectTextColor;
 }
 
 .sapMSB.sapMSBAttention .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {
-	border-color: @sapUiButtonAttentionTextColor;
+	background-color: @sapUiButtonAttentionTextColor;
 }
 
 .sapUiSizeCompact .sapMSB .sapMBtn:not(.sapMSBText) .sapMBtnInner.sapMBtnIconFirst::before {

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

@@ -1,8 +1,3 @@
-/* ======================================== */
-/* CSS for control sap.m/SuggestionsPopover */
-/* Horizon theme                            */
-/* ======================================== */
-
 div.sapMSuggestionsPopover {
 	box-shadow: @sapUiShadowLevel2;
 }

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

@@ -28,7 +28,7 @@ html.sap-desktop .sapMTokenizer:focus {
 
 /* editable tokens in read-only tokenizer */
 .sapMTokenizer.sapMTokenizerReadonly .sapMToken {
-	color: @sapUiContentLabelColor;
+		color: @sapUiContentLabelColor;
 }
 
 .sapUiSizeCompact {
@@ -87,4 +87,4 @@ html.sap-desktop .sapMTokenizer:focus {
 		border-bottom-left-radius: @sapUiElementBorderCornerRadius;
 		border-bottom-right-radius: @sapUiElementBorderCornerRadius;
 	}
-}
+}

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

@@ -1,8 +1,3 @@
-/* ====================================== */
-/* CSS for control sap.m/ValueStateHeader */
-/* Horizon theme                          */
-/* ====================================== */
-
 .sapMValueStateHeaderText {
 	padding-left: 0.75rem;
 }

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

@@ -99,6 +99,5 @@
 }
 
 .sapMWizardProgressNavStep:focus .sapMWizardProgressNavStepContainer {
-	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapContent_FocusColor;
 	border-radius: 8px;
 }

package/src/sap/m/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/tnt/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/codeeditor/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/commons/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -4,9 +4,9 @@
 	<name>sap_horizon</name>
 	<vendor>SAP SE</vendor>
 	<copyright>OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-	<version>1.96.1</version>
+	<version>1.97.1</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/dt/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/fl/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/integration/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/layout/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/mdc/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/rta/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 @import "../base/library.source.less";

package/src/sap/ui/suite/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/table/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

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

@@ -9,33 +9,33 @@
 }
 
 /* increase outline offset */
-.sapMIBar-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable {
+.sapMIBar-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable {
 	outline-offset: -.125rem;
 }
 
-.sapUiFup:focus .sapMBtn {
+.sapUiFup .sapMBtn:focus {
 	outline: none;
 }
 
-html.sap-desktop .sapUiFup:focus .sapMFocusable,
-html.sap-desktop .sapUiFup:active .sapMFocusable {
+html.sap-desktop .sapUiFup .sapMFocusable:focus,
+html.sap-desktop .sapUiFup .sapMFocusable:active {
 	outline: 1px dotted @sapUiContentFocusColor;
 	outline-offset: -1px;
 }
 
-.sapMFooter-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable,
-.sapMFooter-CTX .sapUiFup:active .sapMBtnInner.sapMFocusable,
-.sapUiFup:active .sapMBtnInner.sapMBtnAccept,
-html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnAccept,
-.sapUiFup:active .sapMBtnInner.sapMBtnReject,
-html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnReject,
-.sapUiFup:active .sapMBtnInner.sapMBtnEmphasized,
-html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnEmphasized {
+.sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable,
+.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable,
+.sapUiFup .sapMBtnInner:active.sapMBtnAccept,
+html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnAccept,
+.sapUiFup .sapMBtnInner:active.sapMBtnReject,
+html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnReject,
+.sapUiFup .sapMBtnInner:active.sapMBtnEmphasized,
+html.sap-desktop .sapUiFup .sapMBtnInner:active.sapMBtnEmphasized {
 	outline-color: @sapUiContentContrastFocusColor;
 	outline-offset: -.125rem;
 }
 
-.sapMFooter-CTX .sapUiFup:active .sapMBtnInner.sapMFocusable {
+.sapMFooter-CTX .sapUiFup .sapMBtnInner:active.sapMFocusable {
 	background-color: @sapUiButtonActiveBackground;
 }
 
@@ -43,12 +43,12 @@ html.sap-desktop .sapUiFup:active .sapMBtnInner.sapMBtnEmphasized {
 
 html[data-sap-ui-browser^="ie"] {
 
-	.sapUiFup:focus .sapMBtnInner.sapMFocusable {
+	.sapUiFup .sapMBtnInner:focus.sapMFocusable {
 		outline: none;
 		position: relative;
 	}
 
-	.sapUiFup:focus .sapMBtnInner.sapMFocusable:before {
+	.sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
 		content: " ";
 		box-sizing: border-box;
 		width: 100%;
@@ -59,7 +59,7 @@ html[data-sap-ui-browser^="ie"] {
 		border: 1px dotted @sapUiContentFocusColor;
 	}
 
-	.sapMFooter-CTX .sapUiFup:focus .sapMBtnInner.sapMFocusable:before {
+	.sapMFooter-CTX .sapUiFup .sapMBtnInner:focus.sapMFocusable:before {
 		border-color: @sapUiContentContrastFocusColor;
 	}
 

package/src/sap/ui/unified/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/ux3/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/uxap/themes/sap_horizon/library.source.less

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */