@openui5/themelib_sap_horizon 1.96.2 → 1.97.0

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

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/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

@@ -242,14 +242,17 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:active .sapMGTFocusDiv {
 {
 	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;
@@ -258,73 +261,88 @@ large.sapUiSizeCompact .sapMGT.sapMGTLineMode, .sapUiMedia-GenericTileDeviceSet-
 		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;
 }
-html.sap-desktop .sapMGTIconMode.sapMGT:hover:not(.sapMGTPressActive) {
-	border: none !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 {
@@ -332,11 +350,12 @@ html.sap-desktop .sapMGT.sapMGTBackgroundImage:focus .sapMGTFocusDiv:after, html
 		}
 	}
 }
+
 .TwoByOne.sapMGTActionMode {
 	width: 20rem;
-	height: 11.375rem;
-	border-radius: 1rem;
+	height: 10.875rem;
+	border-radius: 1.25rem;
 	.sapMGTFocusDiv {
-		border-radius: 1rem !important;
+		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/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/ui/core/themes/sap_horizon/.theme

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

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;
 	}