@openui5/themelib_sap_horizon 1.103.0 → 1.105.0

package/src/sap/ui/core/themes/sap_horizon_hcw/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_hcw/base.less (Version 11.1.39) *******************/
+/******************* FILE /Base/baseLib/sap_horizon_hcw/base.less (Version 11.1.40) *******************/
 
 
 // [Tags "SapInternal", "Base", "Dimension", "Protected"]
@@ -1626,7 +1626,7 @@
 @sapPageFooter_Background: @sapBackgroundColor;
 
 // [Tags "!Protected"]
-@sapPageFooter_BorderColor: @sapPageFooter_Background;
+@sapPageFooter_BorderColor: @sapHC_StandardForeground;
 
 // [Tags "!Protected"]
 @sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

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

@@ -870,7 +870,7 @@
 @sapUiChartLabelHoverColor: @sapUiButtonHoverBackground;            // #ec8b46
 @sapUiChartLabelPressedColor: @sapUiButtonActiveBackground;         // #ec8b46
 @sapUiChartCategoryAxisLabelFontColor: @sapUiContentForegroundTextColor;    // #000000
-@sapUiChartValueAxisLabelFontColor: @sapUiContentForegroundTextColor;  // #000000
+@sapUiChartValueAxisLabelFontColor: @sapUiContentLabelColor;
 @sapUiChartCategoryAxisLabelFontSize: @sapMFontSmallSize;           // 12px
 @sapUiChartValueAxisLabelFontSize: @sapMFontSmallSize;              // 12px
 @sapUiChartCategoryAxisLineColor: @sapUiContentForegroundBorderColor;  // #000000
@@ -903,7 +903,7 @@
 @sapUiChartAxisTitleFontSize: @sapMFontSmallSize;                   // 12px
 @sapUiChartTitleFontWeight: bold;
 @sapUiChartAxisTitleFontWeight: regular;
-@sapUiChartLightText: @sapUiContentForegroundTextColor;             // #000000
+@sapUiChartLightText: @sapUiContentLabelColor;
 @sapUiChartZeroAxisColor: @sapUiContentForegroundBorderColor;       // #000000
 
 @sapUiChartDataPointBorderColor: @sapUiGroupContentBackground;      // #ffffff
@@ -1174,6 +1174,12 @@
 @sapUiListTableTextSize: 0.875rem;
 @sapUiListTableIconSize: 1rem;
 
+// RatingIndicator
+@sapUiRIIconSizeCozy: 1.5rem;
+@sapUiRIIconSizeCompact: 1rem;
+@sapUiRIIconSizeDisplayOnly: 1.5rem;
+@sapUiRIIconPaddingDisplayOnly: 0.1875rem;
+
 @sapUiCalendarColorToday: @sapUiGroupContentBorderColor;
 
 @sapUiDragAndDropColor: @sapUiContentNonInteractiveIconColor;

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

@@ -160,6 +160,26 @@
 	src: url('fonts/72Mono-Bold-full.woff2') format('woff2');
 }
 
+@font-face {
+	font-family: '72Black';
+	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
@@ -173,8 +193,7 @@
  *  * 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
@@ -186,92 +205,79 @@
  * 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/rta/themes/sap_horizon/Toolbar.adaptation.less

@@ -10,6 +10,8 @@
 @_sap_ui_rta_Toolbar_Adaptation_BorderRadius: @sapUiButtonBorderCornerRadius; //0.5rem
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: transparent;
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiShellTextColor;
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#b95100
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#256f3a
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {

package/src/sap/ui/rta/themes/sap_horizon_dark/Toolbar.adaptation.less

@@ -13,6 +13,8 @@
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverBG: @sapUiButtonEmphasizedHoverBackground; //#0064d9
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnBG: @sapUiButtonEmphasizedBackground; //	#0070f2
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnFocusShadow: @sapUiContentInteractionShadow; //
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: lighten(@sapUiChartCritical, 16%); //#ff903a
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#97dd40
 
 
 .sapUiRtaMode {

package/src/sap/ui/rta/themes/sap_horizon_hcb/Toolbar.adaptation.less

@@ -6,6 +6,9 @@
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiNeutralElement; //#ffffff
 @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected;
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiCriticalText; //#ffab1d
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; //#9c9
+
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {

package/src/sap/ui/rta/themes/sap_horizon_hcw/Toolbar.adaptation.less

@@ -7,6 +7,9 @@
 @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiNeutralBorder; //#000
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiNeutralElement; //000
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnSelBG: @sapUiSelected; //#5c93ff
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: darken(@sapUiActive, 12%); //#bd5a13
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiContentHelpColor; //#006800
+
 
 .sapUiRtaMode {
 	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {

package/src/sap/ui/table/themes/sap_horizon/RowAction.less

@@ -6,28 +6,28 @@
 /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
 
 .sapUiTableActionIcon {
-    border-radius: @sapUiButtonBorderCornerRadius;
-    box-sizing: border-box;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	box-sizing: border-box;
+	color: @sapUiButtonLiteTextColor;
 }
 
 .sapUiTableActionIcon:hover {
-    color: @sapUiButtonHoverTextColor;
-    border: 1px solid @sapUiButtonHoverBorderColor;
-    background: @sapUiButtonHoverBackground;
+	border: 1px solid @sapUiButtonHoverBorderColor;
+	background: @sapUiButtonHoverBackground;
 }
 
 .sapUiTableActionIcon:active {
-    color: @sapUiButtonActiveTextColor;
-    border: 1px solid @sapUiButtonActiveBorderColor;
+	color: @sapUiButtonActiveTextColor;
+	border: 1px solid @sapUiButtonActiveBorderColor;
 }
 
 .sapUiTableActionIcon.sapUiIcon:focus {
-    outline-width: @sapUiContentFocusWidth;
-    outline-style: @sapUiContentFocusStyle;
-    outline-color: @sapUiContentFocusColor;
-    outline-offset: -@sapUiContentFocusWidth;
+	outline-width: @sapUiContentFocusWidth;
+	outline-style: @sapUiContentFocusStyle;
+	outline-color: @sapUiContentFocusColor;
+	outline-offset: -@sapUiContentFocusWidth;
 }
 
 .sapUiTableActionIcon:active:focus {
-    outline: none;
+	outline: none;
 }

package/src/sap/ui/table/themes/sap_horizon_dark/RowAction.less

@@ -6,28 +6,28 @@
 /*TBD: Adjustments for sapUiTableActionIcon might be obsolete when Icon is adjusted*/
 
 .sapUiTableActionIcon {
-    border-radius: @sapUiButtonBorderCornerRadius;
-    box-sizing: border-box;
+	border-radius: @sapUiButtonBorderCornerRadius;
+	box-sizing: border-box;
+	color: @sapUiButtonLiteTextColor;
 }
 
 .sapUiTableActionIcon:hover {
-    color: @sapUiButtonHoverTextColor;
-    border: 1px solid @sapUiButtonHoverBorderColor;
-    background: @sapUiButtonHoverBackground;
+	border: 1px solid @sapUiButtonHoverBorderColor;
+	background: @sapUiButtonHoverBackground;
 }
 
 .sapUiTableActionIcon:active {
-    color: @sapUiButtonActiveTextColor;
-    border: 1px solid @sapUiButtonActiveBorderColor;
+	color: @sapUiButtonActiveTextColor;
+	border: 1px solid @sapUiButtonActiveBorderColor;
 }
 
 .sapUiTableActionIcon.sapUiIcon:focus {
-    outline-width: @sapUiContentFocusWidth;
-    outline-style: @sapUiContentFocusStyle;
-    outline-color: @sapUiContentFocusColor;
-    outline-offset: -@sapUiContentFocusWidth;
+	outline-width: @sapUiContentFocusWidth;
+	outline-style: @sapUiContentFocusStyle;
+	outline-color: @sapUiContentFocusColor;
+	outline-offset: -@sapUiContentFocusWidth;
 }
 
 .sapUiTableActionIcon:active:focus {
-    outline: none;
+	outline: none;
 }

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

@@ -60,6 +60,10 @@ html.sap-desktop .sapUiCalHead > .sapUiCalHeadB:focus:active {
 	color: @sapUiButtonLiteTextColor;
 }
 
+.sapUiCalSecType .sapUiCalHead > button .sapUiCalHeadBAddText {
+	font-family: @sapUiFontFamily;
+}
+
 html.sap-desktop .sapUiCalHead > button:hover,
 html.sap-desktop .sapUiCalCancel:hover,
 html.sap-desktop .sapUiCalHead > button:focus,
@@ -565,7 +569,10 @@ html.sap-desktop .sapUiCalItemSelBetween:focus:not(:hover){
 
 	.sapUiCalHead > button {
 		margin: 0.1875rem 0;
-		height: 1.625rem;
+		height: 2rem;
+		.sapUiIcon {
+			line-height: 2rem;
+		}
 	}
 
 	.sapUiCalItem.sapUiCalItemNow.sapUiCalItemSelBetween > .sapUiCalItemText {

package/src/sap/uxap/themes/sap_horizon/ObjectPageSubSection.less

@@ -57,7 +57,6 @@
 }
 
 .sapUxAPObjectPageSubSection {
-    margin-bottom: 1rem;
     padding: 0;
     padding-top: 0.5rem;
 }

package/src/sap/uxap/themes/sap_horizon_dark/ObjectPageSubSection.less

@@ -64,7 +64,6 @@
 }
 
 .sapUxAPObjectPageSubSection {
-    margin-bottom: 1rem;
     padding: 0;
     padding-top: 0.5rem;
 }