@openui5/themelib_sap_belize 1.120.26 → 1.120.28

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

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

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

@@ -1,11 +1,11 @@
 // /**
-// * Copyright (c) 2012-2023 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.23061.0
-// * data:{"sModified":"2023-09-11T07:13:37Z"}
+// * Copyright (c) 2012-2025 SAP SE or an SAP affiliate company. All rights reserved.
+// * Theming Engine 15.0.1
+// * data:{"sModified":"2025-03-20T15:24:53Z"}
 // */
 
 
-/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.6.8) *******************/
+/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.28.2) *******************/
 
 @sapHighlightColor: lighten(saturate(@sapBrandColor, 40), 30);
 @sapBaseColor: @sapPrimary1;
@@ -53,6 +53,24 @@
 @sapContent_BadgeBackground: @sapAccentColor3;
 @sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, lighten(@sapTextColor, 2), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapContent_Selected_Hover_Background: darken(@sapContent_Selected_Background, 3);
+@sapContent_Illustrative_Color2: #4d82b8;
+@sapContent_Illustrative_Color4: #030303;
+@sapContent_Illustrative_Color5: #727f87;
+@sapContent_Illustrative_Color6: #9ba4aa;
+@sapContent_Illustrative_Color7: #101619;
+@sapContent_Illustrative_Color8: #d5dadd;
+@sapContent_Illustrative_Color10: #ebf8ff;
+@sapContent_Illustrative_Color11: #fa4f96;
+@sapContent_Illustrative_Color13: #3b5b7c;
+@sapContent_Illustrative_Color14: #2a4259;
+@sapContent_Illustrative_Color18: #2a4259;
+@sapContent_Illustrative_Color19: #324e6b;
+@sapContent_Illustrative_Color20: #222f3b;
+@sapContent_Illustrative_Color21: #101619;
+@sapContent_Illustrative_Color24: #d094b0;
+@sapContent_Illustrative_Color25: #d0c1cb;
+@sapContent_Illustrative_Color26: #d0b863;
+@sapContent_Illustrative_Color27: #d0cdb3;
 @sapLink_InvertedColor: #0070b1;
 @sapLink_SubtleColor: lighten(@sapLinkColor, 10);
 @sapShell_Background: lighten(saturate(@sapBaseColor, 4), 20.3);
@@ -60,6 +78,7 @@
 @sapShell_TextColor: lighten(@sapTextColor, 2);
 @sapShell_InteractiveTextColor: @sapShell_TextColor;
 @sapShell_Hover_Background: lighten(@sapBrandColor, 10);
+@sapShell_Assistant_ForegroundColor: lighten(@sapAssistant_Color1, 16);
 @sapShell_Category_1_TextShadow: none;
 @sapShell_Category_2_TextShadow: none;
 @sapShell_Category_3_TextShadow: none;
@@ -77,9 +96,11 @@
 @sapShell_Category_15_Background: lighten(@sapLegendColor16, 15);
 @sapShell_Category_15_TextShadow: none;
 @sapShell_Category_16_TextShadow: none;
+@sapAssistant_Question_Background: darken(@sapAssistant_Background, 30);
 @sapButton_Background: lighten(@sapBaseColor, 2);
 @sapButton_BorderColor: lighten(@sapButton_Background, 36);
 @sapButton_TextColor: lighten(@sapHighlightColor, 12);
+@sapButton_FontFamily: @sapFontFamily;
 @sapButton_Hover_Background: lighten(@sapButton_Background, 6);
 @sapButton_Hover_TextColor: @sapButton_TextColor;
 @sapButton_Emphasized_Background: lighten(saturate(@sapPrimary2, 10), 10);
@@ -150,59 +171,69 @@
 @sapIndicationColor_1_Hover_Background: lighten(@sapIndicationColor_1, 5);
 @sapIndicationColor_1_Active_Background: lighten(@sapIndicationColor_1, 10);
 @sapIndicationColor_1b: #5e0303;
+@sapIndicationColor_1b_TextColor: lighten(saturate(@sapIndicationColor_1b, 4), 44);
 @sapIndicationColor_1b_Hover_Background: lighten(@sapIndicationColor_1b, 5);
 @sapIndicationColor_2: #ffbbbb;
 @sapIndicationColor_2_TextColor: contrast(@sapIndicationColor_2_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_2_Hover_Background: lighten(@sapIndicationColor_2, 5);
 @sapIndicationColor_2_Active_Background: lighten(@sapIndicationColor_2, 10);
 @sapIndicationColor_2b: #7d0000;
+@sapIndicationColor_2b_TextColor: lighten(@sapIndicationColor_2b, 53);
 @sapIndicationColor_2b_Hover_Background: lighten(@sapIndicationColor_2b, 5);
 @sapIndicationColor_3: #fabd64;
 @sapIndicationColor_3_TextColor: contrast(@sapIndicationColor_3_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_3_Hover_Background: lighten(@sapIndicationColor_3, 3);
 @sapIndicationColor_3_Active_Background: lighten(@sapIndicationColor_3, 6);
-@sapIndicationColor_3b: #662b00;
+@sapIndicationColor_3b: #640;
+@sapIndicationColor_3b_TextColor: lighten(@sapIndicationColor_3b, 40);
 @sapIndicationColor_3b_Hover_Background: lighten(@sapIndicationColor_3b, 5);
 @sapIndicationColor_4: #abe2ab;
 @sapIndicationColor_4_TextColor: contrast(@sapIndicationColor_4_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_4_Hover_Background: lighten(@sapIndicationColor_4, 5);
 @sapIndicationColor_4_Active_Background: lighten(@sapIndicationColor_4, 10);
-@sapIndicationColor_4b: #044a18;
+@sapIndicationColor_4b: #1b4a04;
+@sapIndicationColor_4b_TextColor: lighten(desaturate(@sapIndicationColor_4b, 21), 57);
 @sapIndicationColor_4b_Hover_Background: lighten(@sapIndicationColor_4b, 5);
 @sapIndicationColor_5: #91c8f6;
 @sapIndicationColor_5_TextColor: contrast(@sapIndicationColor_5_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_5_Hover_Background: lighten(@sapIndicationColor_5, 5);
 @sapIndicationColor_5_Active_Background: lighten(@sapIndicationColor_5, 10);
 @sapIndicationColor_5b: #024594;
+@sapIndicationColor_5b_TextColor: lighten(saturate(@sapIndicationColor_5b, 3), 54);
 @sapIndicationColor_5b_Hover_Background: lighten(@sapIndicationColor_5b, 5);
 @sapIndicationColor_6: #7fc6c6;
 @sapIndicationColor_6_TextColor: contrast(@sapIndicationColor_6_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_6_Hover_Background: lighten(@sapIndicationColor_6, 5);
 @sapIndicationColor_6_Active_Background: lighten(@sapIndicationColor_6, 10);
 @sapIndicationColor_6b: #00454e;
+@sapIndicationColor_6b_TextColor: lighten(desaturate(@sapIndicationColor_6b, 21), 51);
 @sapIndicationColor_6b_Hover_Background: lighten(@sapIndicationColor_6b, 5);
 @sapIndicationColor_7: #b995e0;
 @sapIndicationColor_7_TextColor: contrast(@sapIndicationColor_7_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_7_Hover_Background: lighten(@sapIndicationColor_7, 5);
 @sapIndicationColor_7_Active_Background: lighten(@sapIndicationColor_7, 10);
 @sapIndicationColor_7b: #2702c2;
+@sapIndicationColor_7b_TextColor: lighten(saturate(@sapIndicationColor_7b, 12), 48);
 @sapIndicationColor_7b_Hover_Background: lighten(@sapIndicationColor_7b, 5);
 @sapIndicationColor_8: #e269c9;
 @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapIndicationColor_8_Hover_Background: lighten(@sapIndicationColor_8, 5);
 @sapIndicationColor_8_Active_Background: lighten(@sapIndicationColor_8, 10);
 @sapIndicationColor_8b: #4c005b;
+@sapIndicationColor_8b_TextColor: lighten(@sapIndicationColor_8b, 59);
 @sapIndicationColor_8b_Hover_Background: lighten(@sapIndicationColor_8b, 5);
 @sapIndicationColor_9: #f2f2f2;
 @sapIndicationColor_9_Hover_Background: lighten(@sapIndicationColor_9, 5);
 @sapIndicationColor_9_Active_Background: lighten(@sapIndicationColor_9, 10);
 @sapIndicationColor_9b: #1d232a;
+@sapIndicationColor_9b_TextColor: lighten(desaturate(@sapIndicationColor_9b, 18), 81);
 @sapIndicationColor_9b_BorderColor: lighten(@sapIndicationColor_9b, 16);
 @sapIndicationColor_9b_Hover_Background: lighten(@sapIndicationColor_9b, 5);
 @sapIndicationColor_10: #d8d8d8;
 @sapIndicationColor_10_Hover_Background: lighten(@sapIndicationColor_10, 5);
 @sapIndicationColor_10_Active_Background: lighten(@sapIndicationColor_10, 10);
 @sapIndicationColor_10b: #373737;
+@sapIndicationColor_10b_TextColor: lighten(@sapIndicationColor_10b, 63);
 @sapIndicationColor_10b_Hover_Background: lighten(@sapIndicationColor_10b, 5);
 @sapLegend_WorkingBackground: lighten(@sapList_Background, 8);
 @sapLegend_NonWorkingBackground: lighten(@sapList_Background, 2);
@@ -246,9 +277,116 @@
 @sapLegendBackgroundColor18: #576432;
 @sapLegendBackgroundColor19: #36677d;
 @sapLegendBackgroundColor20: #003895;
-@sapChart_Bad: #f55556;
-@sapChart_Critical: #f4ac44;
-@sapChart_Good: #69c683;
-@sapChart_Neutral: #9ea8ad;
+@sapChart_ContrastTextShadow: 0 0 .125rem @sapContent_ContrastShadowColor;
+@sapChart_ContrastLineColor: darken(@sapGroup_ContentBackground, 20);
+@sapChart_LineColor_1: darken(@sapContent_ForegroundBorderColor, 35);
+@sapChart_LineColor_2: darken(@sapChart_LineColor_1, 32);
+@sapChart_LineColor_3: lighten(@sapChart_LineColor_1, 76);
+@sapChart_Choropleth_Background: @sapChart_Sequence_Neutral_Minus5;
+@sapChart_Data_TextColor: lighten(@sapTextColor, 2);
+@sapChart_Data_ContrastTextColor: darken(@sapContent_ContrastTextColor, 20);
+@sapChart_OrderedColor_1: #5899da;
+@sapChart_OrderedColor_11: #4d78a2;
+@sapChart_OrderedColor_12: #a68a5b;
+@sapChart_Sequence_2_Plus3_TextColor: contrast(@sapChart_Sequence_2_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Plus2_TextColor: contrast(@sapChart_Sequence_2_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Plus1_TextColor: contrast(@sapChart_Sequence_2_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_TextColor: contrast(@sapChart_Sequence_2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_BorderColor: @sapChart_Sequence_2;
+@sapChart_Sequence_2_Minus1_TextColor: contrast(@sapChart_Sequence_2_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Minus2_TextColor: contrast(@sapChart_Sequence_2_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Minus3_TextColor: contrast(@sapChart_Sequence_2_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Minus4_TextColor: contrast(@sapChart_Sequence_2_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_2_Minus5_TextColor: contrast(@sapChart_Sequence_2_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Plus3_TextColor: contrast(@sapChart_Sequence_3_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Plus2_TextColor: contrast(@sapChart_Sequence_3_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Plus1_TextColor: contrast(@sapChart_Sequence_3_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_TextColor: contrast(@sapChart_Sequence_3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_BorderColor: @sapChart_Sequence_3;
+@sapChart_Sequence_3_Minus1_TextColor: contrast(@sapChart_Sequence_3_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Minus2_TextColor: contrast(@sapChart_Sequence_3_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Minus3_TextColor: contrast(@sapChart_Sequence_3_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Minus4_TextColor: contrast(@sapChart_Sequence_3_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_3_Minus5_TextColor: contrast(@sapChart_Sequence_3_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_4_Plus3_TextColor: contrast(@sapChart_Sequence_4_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Plus2_TextColor: contrast(@sapChart_Sequence_4_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Plus1_TextColor: contrast(@sapChart_Sequence_4_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_TextColor: contrast(@sapChart_Sequence_4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Minus1_TextColor: contrast(@sapChart_Sequence_4_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Minus2_TextColor: contrast(@sapChart_Sequence_4_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Minus3_TextColor: contrast(@sapChart_Sequence_4_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Minus4_TextColor: contrast(@sapChart_Sequence_4_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_4_Minus5_TextColor: contrast(@sapChart_Sequence_4_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_5_Plus3_TextColor: contrast(@sapChart_Sequence_5_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Plus2_TextColor: contrast(@sapChart_Sequence_5_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Plus1_TextColor: contrast(@sapChart_Sequence_5_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_TextColor: contrast(@sapChart_Sequence_5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_BorderColor: @sapChart_Sequence_5_Plus1;
+@sapChart_Sequence_5_Minus1_TextColor: contrast(@sapChart_Sequence_5_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Minus2_TextColor: contrast(@sapChart_Sequence_5_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Minus3_TextColor: contrast(@sapChart_Sequence_5_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Minus4_TextColor: contrast(@sapChart_Sequence_5_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_5_Minus5_TextColor: contrast(@sapChart_Sequence_5_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_6_Plus1: lighten(desaturate(@sapChart_Sequence_6, 26), 1);
+@sapChart_Sequence_6_TextColor: contrast(@sapChart_Sequence_6, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_7_TextColor: contrast(@sapChart_Sequence_7, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_7_BorderColor: @sapChart_Sequence_7_Plus1;
+@sapChart_Sequence_8_Plus3_TextColor: contrast(@sapChart_Sequence_8_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Plus2_TextColor: contrast(@sapChart_Sequence_8_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Plus1_TextColor: contrast(@sapChart_Sequence_8_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_TextColor: contrast(@sapChart_Sequence_8, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_BorderColor: @sapChart_Sequence_8_Plus1;
+@sapChart_Sequence_8_Minus1_TextColor: contrast(@sapChart_Sequence_8_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Minus2_TextColor: contrast(@sapChart_Sequence_8_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Minus3_TextColor: contrast(@sapChart_Sequence_8_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Minus4_TextColor: contrast(@sapChart_Sequence_8_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_8_Minus5_TextColor: contrast(@sapChart_Sequence_8_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .3);
+@sapChart_Sequence_9_TextColor: contrast(@sapChart_Sequence_9, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Plus3_TextColor: contrast(@sapChart_Sequence_10_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Plus2_TextColor: contrast(@sapChart_Sequence_10_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Plus1_TextColor: contrast(@sapChart_Sequence_10_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_TextColor: contrast(@sapChart_Sequence_10, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Minus1_TextColor: contrast(@sapChart_Sequence_10_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Minus2_TextColor: contrast(@sapChart_Sequence_10_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Minus3_TextColor: contrast(@sapChart_Sequence_10_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Minus4_TextColor: contrast(@sapChart_Sequence_10_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_10_Minus5_TextColor: contrast(@sapChart_Sequence_10_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Plus3: lighten(desaturate(@sapChart_Sequence_11, 8), 24);
+@sapChart_Sequence_11_Plus3_TextColor: contrast(@sapChart_Sequence_11_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Plus2: lighten(desaturate(@sapChart_Sequence_11, 8), 16);
+@sapChart_Sequence_11_Plus2_TextColor: contrast(@sapChart_Sequence_11_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Plus1: lighten(desaturate(@sapChart_Sequence_11, 6), 8);
+@sapChart_Sequence_11_Plus1_TextColor: contrast(@sapChart_Sequence_11_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_TextColor: contrast(@sapChart_Sequence_11, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Minus1: darken(saturate(@sapChart_Sequence_11, 17), 8);
+@sapChart_Sequence_11_Minus1_TextColor: contrast(@sapChart_Sequence_11_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Minus2: darken(saturate(@sapChart_Sequence_11, 24), 12);
+@sapChart_Sequence_11_Minus2_TextColor: contrast(@sapChart_Sequence_11_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Minus3: darken(saturate(@sapChart_Sequence_11, 37), 18);
+@sapChart_Sequence_11_Minus3_TextColor: contrast(@sapChart_Sequence_11_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Minus4: darken(saturate(@sapChart_Sequence_11, 36), 24);
+@sapChart_Sequence_11_Minus4_TextColor: contrast(@sapChart_Sequence_11_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_11_Minus5: darken(saturate(@sapChart_Sequence_11, 36), 30);
+@sapChart_Sequence_11_Minus5_TextColor: contrast(@sapChart_Sequence_11_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_12_Plus3: lighten(desaturate(@sapChart_Sequence_12, 34), 31.2);
+@sapChart_Sequence_12_Plus2: lighten(saturate(@sapChart_Sequence_12, 16), 23.8);
+@sapChart_Sequence_12_Plus1: lighten(saturate(@sapChart_Sequence_12, 5), 11.2);
+@sapChart_Sequence_12_TextColor: contrast(@sapChart_Sequence_12, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .5);
+@sapChart_Sequence_12_Minus1: darken(saturate(@sapChart_Sequence_12, 1), 13.2);
+@sapChart_Sequence_12_Minus2: darken(saturate(@sapChart_Sequence_12, 17), 24.6);
+@sapChart_Sequence_12_Minus3: darken(saturate(@sapChart_Sequence_12, 17), 28);
+@sapChart_Sequence_12_Minus4: darken(saturate(@sapChart_Sequence_12, 17), 32);
+@sapChart_Sequence_12_Minus5: darken(saturate(@sapChart_Sequence_12, 17), 38);
+@sapChart_Sequence_Bad_BorderColor: @sapChart_Sequence_Bad_Plus1;
+@sapChart_Sequence_Neutral_Plus3_TextColor: contrast(@sapChart_Sequence_Neutral_Plus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Plus2_TextColor: contrast(@sapChart_Sequence_Neutral_Plus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Plus1_TextColor: contrast(@sapChart_Sequence_Neutral_Plus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_TextColor: contrast(@sapChart_Sequence_Neutral, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Minus1_TextColor: contrast(@sapChart_Sequence_Neutral_Minus1, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Minus2_TextColor: contrast(@sapChart_Sequence_Neutral_Minus2, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Minus3_TextColor: contrast(@sapChart_Sequence_Neutral_Minus3, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Minus4_TextColor: contrast(@sapChart_Sequence_Neutral_Minus4, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapChart_Sequence_Neutral_Minus5_TextColor: contrast(@sapChart_Sequence_Neutral_Minus5, @sapChart_Data_TextColor, @sapChart_Data_ContrastTextColor, .45);
+@sapSapThemeId: sap_belize_plus;
 @sapBackgroundColorDefault: @sapPrimary1;
 @sapList_HighlightColor: darken(desaturate(@sapHighlightColor, 40), 30);

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

@@ -17,7 +17,7 @@
 	text-transform: uppercase;
 }
 
-.sapUxAPObjectPageSubSection:focus {
+.sapUxAPObjectPageSubSectionFocusable:focus {
 	outline: 1px dotted @sapUiContentFocusColor;
 	outline-offset: -1px;
 }

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

@@ -0,0 +1,238 @@
+/* ============================================== */
+/* CSS for control sap.uxap/ObjectPageSubSection  */
+/* Base theme                                     */
+/* ============================================== */
+
+.sapUxAPObjectPageSubSection {
+	padding-top: 1rem;
+	box-sizing: border-box;
+}
+
+.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionStashed .sapUxAPBlockContainer > .sapUiRespGrid:empty,
+/* Blockbase is used */
+.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionStashed .sapUxAPBlockContainer > .sapUiRespGrid > div > div:empty {
+	height: 20vh;
+}
+
+.sapUxAPObjectPageSubSectionHeaderActions > .sapMBtn {
+	margin-left: 0.5rem;
+}
+
+.sapUxAPObjectPageSubSectionHeader {
+	height: auto;
+	word-wrap: break-word;
+	padding: 0 2.25rem 0 3rem;
+	display: flex;
+	justify-content: space-between;
+}
+
+.sapUxAPObjectPageSubSectionHeaderTitle {
+	white-space: normal;
+	line-height: 3rem;
+	color: @sapUiGroupTitleTextColor;
+	font-size: @sapMFontHeader4Size;
+	font-weight: normal;
+}
+
+.sapUxAPSubSectionSeeMoreContainer {
+	text-align: right;
+	width: auto;
+	float: right;
+	height: auto;
+}
+
+.sapUxAPSubSectionSeeMoreButton {
+	display: none;
+}
+
+.sapUxAPSubSectionSeeMoreButtonVisible {
+	display: block;
+}
+
+/* public sapUxAPObjectPageSubSectionTransparentBackground class that sets background transparency */
+.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionTransparentBackground .sapUxAPBlockContainer {
+	background: transparent;
+}
+
+/* phone display */
+.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeader,
+html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
+	padding: 0 1rem;
+}
+
+.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
+html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
+	height: auto;
+	overflow: auto;
+	float: none;
+	white-space: normal;
+	word-wrap: break-word;
+	word-break: break-all;
+}
+
+/* tablet display */
+
+.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
+html .sapUiContainer-Medium .sapUxAPObjectPageSubSectionHeader {
+	padding: 0 1.25rem 0 2rem;
+}
+
+/* Those styles apply Desktop and Desktop-XL.
+Instead of writing
+".sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop,
+.sapUxAPObjectPageLayout.sapUxAPObjectPageLayout-Std-Desktop-XL",
+we exclude the phone and tablet breakpoints.
+Doing so will result in less generated CSS, as well as less future maintanance if Desktop-XXL is implemented.
+*/
+
+.sapUxAPObjectPageLayout:not(.sapUxAPObjectPageLayout-Std-Phone):not(.sapUxAPObjectPageLayout-Std-Tablet) {
+	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout {
+		box-sizing: border-box;
+		width: 25%;
+		margin-right: 0;
+		display: inline-block;
+		vertical-align: top;
+		overflow: visible;
+	}
+
+	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout + .sapUxAPBlockContainer {
+		width: -webkit-calc(~"75% - 2rem");
+		width: calc(~"75% - 2rem");
+		box-sizing: border-box;
+		display: inline-block;
+		margin-left: 0;
+	}
+
+	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
+		height: auto;
+		white-space: normal;
+		word-wrap: break-word;
+		line-height: normal;
+	}
+
+	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
+		float: none;
+		display: inline-block;
+		margin-left: 0;
+		width: 100%;
+	}
+
+	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions > .sapMBtn:first-child {
+		margin-left: 0;
+	}
+}
+/* remove the padding of form content, since form itself is already in a grid-cell that provides the required extra spacing */
+/* (1) if the direct child is a form container with a title, a more specific selector is needed: */
+.sapUxAPBlockContainer .sapUiFormCLContainer > div.sapUiFormContainerTitle {
+	padding-top: 0;
+}
+
+/* (2) if the direct child is a form container with a title, a more specific selector is needed for the title itself: */
+.sapUxAPBlockContainer .sapUiFormCLContainer > div.sapUiFormContainerTitle > .sapUiFormTitle {
+	line-height: 2rem;
+	margin-bottom: 0;
+}
+
+.sapUxAPBlockContainer {
+	.sapUiFormResGrid>.sapUiFormTitle {
+		padding: 0;
+	}
+	.sapUiFormResGrid.sapUiFormToolbar >.sapMTB {
+		padding: 0;
+	}
+	.sapUxAPObjectPageSubSectionAlignContent {
+		margin-left: -@sapUiMarginSmall;
+		margin-right: -@sapUiMarginSmall;
+	}
+}
+
+.sapUxAPBlockContainer {
+	padding: 0 2rem;
+}
+.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer {
+	padding: 0 1rem;
+}
+.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer {
+	padding: 0 1rem;
+	.sapUxAPObjectPageSubSectionAlignContent {
+		margin-left: -@sapUiMarginSmall;
+		margin-right: -@sapUiMarginSmall;
+	}
+}
+
+
+.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSection {
+	.sapUiRespGrid.sapUiRespGridHSpace1 {
+		.sapUiRespGridSpanS12 {
+			width: 100%;
+		}
+
+		padding: 0;
+	}
+	.sapUiRespGrid.sapUiRespGridHSpace1 > div {
+		margin: 0;
+		width: 100%;
+	}
+	.sapUxAPBlockBase {
+		margin-bottom: 1rem;
+	}
+}
+
+.sapUxAPObjectPageSubSectionFitContainer {
+	display: flex;
+	flex-direction: column;
+}
+
+.sapUxAPObjectPageSubSectionFitContainer .sapUxAPBlockContainer .sapUxAPBlockBase {
+	overflow-y: hidden;
+}
+
+.sapUxAPObjectPageSubSectionFitContainer {
+	.sapUxAPBlockContainer,
+	.sapUxAPBlockContainer > .sapUiRespGrid,
+	.sapUxAPBlockContainer > .sapUiRespGrid > *,
+	.sapUxAPBlockContainer .sapUxAPBlockBase {
+		box-sizing: border-box;
+		height: 100%;
+		margin-bottom: 0;
+		margin-top: 0;
+	}
+}
+
+/* compact size */
+.sapUiSizeCompact {
+	.sapUxAPObjectPageSubSectionHeaderTitle {
+		height: 2rem;
+		line-height: 2rem;
+	}
+	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
+	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
+		padding: 1rem 0;
+	}
+}
+
+html[data-sap-ui-browser^="ed"].sap-desktop .sapUxAPObjectPageSubSectionFocusable:focus {
+	outline-style: dashed;
+}
+
+/* IE ignores outline-offset. Use an overlay: */
+/* TODO remove after the end of support for Internet Explorer */
+html[data-sap-ui-browser^="ie"].sap-desktop {
+	.sapUxAPObjectPageSubSectionFocusable:focus {
+		outline: none;
+		position: relative;
+	}
+	.sapUxAPObjectPageSubSectionFocusable:focus:before {
+		content: " ";
+		box-sizing: border-box;
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		border: 0.0625rem dashed @sapUiContentFocusColor;
+		pointer-events: none;
+	}
+}

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

@@ -3,7 +3,7 @@
 /* Belize High Contrast Black theme               */
 /* ============================================== */
 
-.sapUxAPObjectPageSubSection:focus {
+.sapUxAPObjectPageSubSectionFocusable:focus {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -0.125rem;
 	border-color: transparent;
@@ -13,7 +13,7 @@
 /* IE ignores outline-offset. Use an overlay: */
 /* TODO remove after the end of support for Internet Explorer */
 html[data-sap-ui-browser^="ie"].sap-desktop {
-	.sapUxAPObjectPageSubSection:focus:before {
+	.sapUxAPObjectPageSubSectionFocusable:focus:before {
 		border-width: 0.125rem;
 	}
 }

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

@@ -3,7 +3,7 @@
 /* Belize High Contrast White theme               */
 /* ============================================== */
 
-.sapUxAPObjectPageSubSection:focus {
+.sapUxAPObjectPageSubSectionFocusable:focus {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -0.125rem;
 	border-color: transparent;
@@ -13,7 +13,7 @@
 /* IE ignores outline-offset. Use an overlay: */
 /* TODO remove after the end of support for Internet Explorer */
 html[data-sap-ui-browser^="ie"].sap-desktop {
-	.sapUxAPObjectPageSubSection:focus:before {
+	.sapUxAPObjectPageSubSectionFocusable:focus:before {
 		border-width: 0.125rem;
 	}
 }