@openui5/themelib_sap_horizon 1.103.1 → 1.106.0

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

@@ -16,14 +16,6 @@
 	outline: none;
 }
 
-.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
-	border-left: 1px solid @sapUiHcReducedAltForeground;
-}
-
-.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
-	border-top: 1px solid @sapUiHcReducedAltForeground;
-}
-
 .sapMHrdrCntrInner {
     border: 2px solid transparent;
 }
@@ -31,4 +23,20 @@
 html.sap-desktop .sapMHrdrCntrInner:focus {
     outline: none;
     border: 2px dotted @sapUiContentFocusColor;
+}
+
+.sapMHdrCntrBtnIcon{
+	color: @sapContent_NonInteractiveIconColor;
+}
+
+.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
+	border-left: 1px solid @sapList_BorderColor;
+}
+
+.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
+	border-top: 1px solid @sapList_BorderColor;
+}
+
+.sapMHdrCntrBGTransparent {
+	background-color: transparent;
 }

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

@@ -44,7 +44,7 @@
 	}
 
 	.sapMMsgViewTitleText {
-		margin: 0 01rem 2.5rem;
+		margin: 0 0 1rem 2.5rem;
 		font-family: @sapUiFontHeaderFamily;
 		font-size: @sapUiFontHeader5Size;
 		font-weight: @sapUiFontHeaderWeight;

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

@@ -126,6 +126,10 @@
 .sapMPopover {
 	border-radius: @sapUiPopoverBorderCornerRadius;
 
+	.sapMPopoverCont {
+		padding: 0.0625rem;
+	}
+
 	&.sapMPopoverWithoutBar .sapMPopoverCont,
 	.sapMIBar.sapMHeader-CTX {
 		border-top-right-radius: @sapUiPopoverBorderCornerRadius;

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

@@ -203,4 +203,11 @@
 		top: -1.3125rem;
 		right: -0.0675rem;
 	}
+}
+
+/* Compact and Condensed */
+.sapUiSizeCondensed .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly),
+.sapUiSizeCompact .sapUiTableDataCell .sapMPI:not(.sapMPIDisplayOnly) {
+	padding: 0.4375rem 0;
+	margin: 0;
 }

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

@@ -4,6 +4,10 @@
 /* ====================================== */
 
 .sapMRI {
+	& {
+		margin: 0.75rem 0;
+	}
+
 	&:not(.sapMRIDisabled):not(.sapMRIDisplayOnly):not(.sapMRIReadOnly):hover {
 		opacity: 0.9;
 	}
@@ -43,4 +47,37 @@ html.sap-desktop .sapMRI:focus:not(.sapMRIDisabled):not(.sapMRIDisplayOnly) {
 
 .sapMRIIconSel, .sapMRIIconUnsel {
 	text-shadow: @sapContent_TextShadow;
+}
+
+/* As font-size is set as an inline style, we need to override it for horizon only using important */
+.sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon {
+		font-size: 1.125rem !important;
+	}
+}
+
+.sapUiSizeCompact .sapMRINoCustomIconSize {
+	&.sapMRIReadOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIReadOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisplayOnly .sapMRIIconSel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIUnsel .sapMRIunratedIcon,
+	&.sapMRIDisabled .sapMRIIconSel .sapMRIunratedIcon {
+		font-size: .75rem !important;
+	}
+
+	& .sapUiIcon,
+	& .sapUiIcon {
+		font-size: 1rem !important;
+	}
+
+	& .sapMRISel,
+	& .sapMRIUnselWrapper {
+		height: 100%;
+	}
 }

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

@@ -22,26 +22,74 @@ html.sap-desktop .sapMST:focus:not([tabindex]) {
 
 /* Bulleted indicator of multiple tiles*/
 .sapMSTBulleted > span {
-	background-color: @sapUiTileBackground;
-	border: 1px solid @sapUiTileBorderColor;
+	border: solid 0.0625rem @sapTile_OverlayForegroundColor;
+	opacity: 0.6;
+	box-shadow : 0 0 0.125rem @sapContent_ShadowColor;
+	margin: 0 0.094rem;
 }
 
 .sapMSTBulleted > span.sapMSTActive {
-	background-color: @sapUiContentContrastIconColor;
+	background: @sapTile_OverlayForegroundColor;
+	box-shadow: 0 0 0.063rem @sapContent_ShadowColor;
 }
 
 .sapMST .sapMSTIconDisplayArea {
-	background-color: darken(@sapUiHighlight, 18);
+	background-color: @sapButton_Background;
+	border: 0.0625rem solid @sapButton_BorderColor;
+}
+
+.sapMST .sapMSTIconNestedArea .sapUiIcon{
+	color: @sapButton_IconColor !important;
 }
 
 .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
-	background-color: @sapUiHighlight;
+	background-color: @sapButton_Active_Background;
 }
 
 .sapMST .sapMGT {
 	border: none;
 }
 
+.sapMST:hover {
+	box-shadow: none;
+	.sapMSTFocusDiv{
+		outline: 0.1875rem solid;
+	}
+}
+
 .sapMST .sapMGT:active .sapMGTFocusDiv {
 	border: none;
+}
+
+html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
+	border-color: @sapButton_Active_BorderColor;
+	background-color: @sapButton_Active_Background;
+}
+
+html.sap-desktop .sapMST.sapMSTIconPressed{
+	.sapMSTIconNestedArea{
+		.sapUiIcon{
+			color: @sapButton_Active_TextColor !important;
+		}
+	}
+}
+
+.sapMSTWrapper>.sapMGT{
+	&:not(.sapMGTStateDisabled):hover, &:not(.sapMGTStateDisabled):active {
+		border: none !important;
+	}
+}
+
+.sapMST .sapMSTIconNestedArea {
+	.sapUiIcon {
+		top: 0.1rem;
+		right: 0.04rem
+	}
+}
+
+.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea{
+	.sapUiIcon {
+		top: 0.05rem;
+		left: 0.1rem;
+	}
 }

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

@@ -61,7 +61,7 @@
 
 .sapMSliderInner .sapMSliderHandle:not(.sapMSliderHandlePressed):not(.sapMRangeSlider.sapMSlider .sapMSliderInner:not(.sapMSliderInnerDisabled) .sapMSliderHandle:focus):after {
 	font-family: SAP-icons;
-	content: "\e244";
+	content: "\e29c";
 	position: absolute;
 	top: 4px;
 	right: 0.5rem;
@@ -147,7 +147,7 @@
 	width: 0.5rem;
 	height: 0.5rem;
 	left: -14px;
-	top: -2px;
+	top: -3px;
 }
 
 .sapMSlider::after {
@@ -160,7 +160,7 @@
 	width: 0.5rem;
 	height: 0.5rem;
 	right: 2px;
-	top: 21px;
+	top: 20px;
 }
 
 .sapMSliderInner {

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

@@ -16,7 +16,7 @@ html.sap-desktop .sapMTBActive:focus {
 
 .sapMTB-Transparent-CTX.sapMTB,
 .sapMIBar.sapMTB-Info-CTX.sapMTB {
-	padding: 0 0.5rem;
+	padding: 0 0.5rem 0 0.75rem;
 }
 
 /* Transparent Toolbar Context */

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (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.103.1</version>
+	<version>1.106.0</version>
 
 	<documentation>SAPUI5 Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon/base.less

@@ -1,11 +1,11 @@
 // /**
-// * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
+// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-26T06:31:06Z"}
+// * data:{"sModified":"2022-05-24T07:19:31Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.39) *******************/
+/******************* FILE /Base/baseLib/sap_horizon/base.less (Version 11.1.40) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]

package/src/sap/ui/core/themes/sap_horizon/global.less

@@ -850,7 +850,7 @@
 @sapUiChartLabelHoverColor: @sapUiButtonHoverBackground;            // #ebebeb
 @sapUiChartLabelPressedColor: darken(@sapUiButtonBackground, 17);   // #cccccc
 @sapUiChartCategoryAxisLabelFontColor: @sapUiContentForegroundTextColor;    // #333333
-@sapUiChartValueAxisLabelFontColor: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartValueAxisLabelFontColor: @sapUiContentLabelColor;
 @sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;           // 12px
 @sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;              // 12px
 @sapUiChartCategoryAxisLineColor: darken(@sapUiChartGridlineColor, 10);  // #cccccc
@@ -883,7 +883,7 @@
 @sapUiChartAxisTitleFontSize: @sapMFontSmallSize;                   // 12px
 @sapUiChartTitleFontWeight: bold;
 @sapUiChartAxisTitleFontWeight: regular;
-@sapUiChartLightText: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartLightText: @sapUiContentLabelColor;
 @sapUiChartZeroAxisColor: darken(@sapUiChartGridlineColor, 50);     // #666666
 
 @sapUiChartDataPointBorderColor: lighten(@sapUiGroupContentBackground, 2);  // #ffffff

package/src/sap/ui/core/themes/sap_horizon/shared.less

@@ -306,6 +306,21 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
 	src: url('fonts/72-Black.woff2') format('woff2');
 }
 
+@font-face {
+	font-family: '72Blackfull';
+	src: url('fonts/72-Black-full.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: '72-SemiboldDuplex';
+	src: url('fonts/72-SemiboldDuplex.woff2') format('woff2');
+}
+
+@font-face {
+	font-family: '72-SemiboldDuplexfull';
+	src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
+}
+
 /**
  * Some diacritics are supported by the 72 font:
  *  * Grave
@@ -319,8 +334,7 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
  *  * Dot below
  *  * Hook above
  *
- *
- * Fallback for the characters that aren't covered by the '72' font to other system fonts
+ * Fallback for the characters that aren't covered by the '72' font to the '72-full' font where they are supported
  *
  * U+0102-0103: A and a with Breve
  * U+01A0-01A1: O and o with Horn
@@ -332,92 +346,79 @@ html.sap-tablet:not(.sap-desktop) input, html.sap-tablet:not(.sap-desktop) texta
  * U+1EE4-1EF1: U and u with diacritics that are not supported by the font and combination of multiple diacritics
  * U+1EF4-1EF7: Y and y with diacritics that are not supported by the font and combination of multiple diacritics
  *
+ *
+ * Moreover, the caron has a special vertical form used on tall characters:
+ *
+ * U+010F: small letter d with caron
+ * U+013D: capital letter L with caron
+ * U+013E: small letter l with caron
+ * U+0165: small letter t with caron
+ *
+ * Those characters aren't covered by the font '72' but some browser simply combine the letter without diacritics with the
+ * standard combining caron (U+030C) which leads to the wrong display of those 4 characters. Because those 4 characters
+ * are covered by the '72-full' font, they are redirected to that font as well for being correctly displayed.
+ *
  */
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 400;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Regular-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 700;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial Bold'), local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Bold-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72';
 	font-style: normal;
 	font-weight: 300;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Light-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72-Bold';
 	font-style: normal;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial Bold'), local('Arial'), local('Helvetica'), local('sans-serif');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Bold-full.woff2') format('woff2');
 }
 
 @font-face {
 	font-family: '72-Light';
 	font-style: normal;
-	unicode-range: U+0102-0103, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
-	src: local('Arial'), local('Helvetica'), local('sans-serif');
-}
-
-/**
- * The caron has a special vertical form used on tall characters:
- *  * Small letter d with caron U+010F
- *  * Small letter t with caron U+0165
- *  * Small letter l with caron U+013E
- *  * Capital letter L with caron U+013D
- *
- * Those characters aren't covered by the font 72 but some browser simply combine the letter without diacritics with the
- * standard combining caron (U+030C) which leads to the wrong display of those 4 characters. Because those 4 characters
- * are covered by the 72-full font, they are redirected to that font for being correctly displayed.
- */
-@font-face {
-	font-family: '72';
-	font-style: normal;
-	font-weight: 400;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Regular-full.woff2') format('woff2');
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Light-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72';
-	font-style: normal;
-	font-weight: 700;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Bold-full.woff2') format('woff2');
+	font-family: '72Mono';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72Mono-Regular-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72';
-	font-style: normal;
-	font-weight: 300;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Light-full.woff2') format('woff2');
+	font-family: '72Mono-Bold';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72-Light';
-	font-style: normal;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Light-full.woff2') format('woff2');
+	font-family: '72Black';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-Black-full.woff2') format('woff2');
 }
 
 @font-face {
-	font-family: '72-Bold';
-	font-style: normal;
-	unicode-range: U+010F, U+0165, U+013E, U+013D;
-	src: url('fonts/72-Bold-full.woff2') format('woff2');
+	font-family: '72-SemiboldDuplex';
+	unicode-range: U+0102-0103, U+010F, U+013D, U+013E, U+0165, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EB7, U+1EB8-1EC7, U+1EC8-1ECB, U+1ECC-1EE3, U+1EE4-1EF1, U+1EF4-1EF7;
+	src: url('fonts/72-SemiboldDuplex-full.woff2') format('woff2');
 }
 
 // Responsive paddings

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

@@ -6,7 +6,7 @@
 	<copyright>OpenUI5
  * (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.103.1</version>
+	<version>1.106.0</version>
 
 	<documentation>SAPUI5 Evening Horizon theme library.</documentation>
 

package/src/sap/ui/core/themes/sap_horizon_dark/base.less

@@ -1,11 +1,11 @@
 // /**
-// * Copyright (c) 2012-2020 SAP SE or an SAP affiliate company. All rights reserved.
+// * Copyright (c) 2012-2022 SAP SE or an SAP affiliate company and Theming Base Content contributors. Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 // * Theming Engine 1.69.2
-// * data:{"sModified":"2022-04-26T06:31:06Z"}
+// * data:{"sModified":"2022-05-24T07:19:31Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.39) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_dark/base.less (Version 11.1.40) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]

package/src/sap/ui/core/themes/sap_horizon_dark/global.less

@@ -850,7 +850,7 @@
 @sapUiChartLabelHoverColor: @sapUiButtonHoverBackground;            // #ebebeb
 @sapUiChartLabelPressedColor: darken(@sapUiButtonBackground, 17);   // #cccccc
 @sapUiChartCategoryAxisLabelFontColor: @sapUiContentForegroundTextColor;    // #333333
-@sapUiChartValueAxisLabelFontColor: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartValueAxisLabelFontColor: @sapUiContentLabelColor;
 @sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;           // 12px
 @sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;              // 12px
 @sapUiChartCategoryAxisLineColor: darken(@sapUiChartGridlineColor, 10);  // #cccccc
@@ -883,7 +883,7 @@
 @sapUiChartAxisTitleFontSize: @sapMFontSmallSize;                   // 12px
 @sapUiChartTitleFontWeight: bold;
 @sapUiChartAxisTitleFontWeight: regular;
-@sapUiChartLightText: lighten(@sapUiContentForegroundTextColor, 24);  // #707070
+@sapUiChartLightText: @sapUiContentLabelColor;
 @sapUiChartZeroAxisColor: darken(@sapUiChartGridlineColor, 50);     // #666666
 
 @sapUiChartDataPointBorderColor: lighten(@sapUiGroupContentBackground, 2);  // #ffffff