@openui5/themelib_sap_belize 1.93.1 → 1.96.0

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

@@ -1,11 +1,11 @@
+// /**
+// * Copyright (c) 2012-2020 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.51.0
+// * data:{"sModified":"2021-10-12T13:35:50Z"}
+// */
 
-/******************* FILE /Base/baseLib/sap_belize_plus/base.less *******************/
 
-
-
-// =====================================
-// Quick
-// =====================================
+/******************* FILE /Base/baseLib/sap_belize_plus/base.less (Version 11.1.34) *******************/
 
 @sapHighlightColor: lighten(saturate(@sapBrandColor, 40), 30);
 @sapBaseColor: @sapPrimary1;
@@ -13,14 +13,6 @@
 @sapTextColor: @sapPrimary5;
 @sapLinkColor: #7ed0ff;
 @sapTitleColor: @sapTextColor;
-
-
-
-
-// =====================================
-// Error Semantics
-// =====================================
-
 @sapNegativeColor: #ff8888;
 @sapCriticalColor: #fabd64;
 @sapPositiveColor: #abe2ab;
@@ -35,14 +27,6 @@
 @sapSuccessBackground: darken(@sapPositiveColor, 60);
 @sapInformationBackground: darken(@sapInformativeColor, 60);
 @sapNeutralBackground: darken(@sapNeutralColor, 60);
-
-
-
-
-// =====================================
-// Content
-// =====================================
-
 @sapContent_IconColor: lighten(@sapHighlightColor, 12);
 @sapContent_ContrastIconColor: darken(@sapPrimary1, 8);
 @sapContent_NonInteractiveIconColor: lighten(@sapBaseColor, 35);
@@ -68,37 +52,13 @@
 @sapContent_BadgeBackground: @sapAccentColor3;
 @sapContent_BadgeTextColor: contrast(@sapContent_BadgeBackground, lighten(@sapTextColor, 2), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
 @sapContent_Selected_Hover_Background: darken(@sapContent_Selected_Background, 3);
-
-
-
-
-// =====================================
-// Link
-// =====================================
-
 @sapLink_InvertedColor: #0070b1;
 @sapLink_SubtleColor: lighten(@sapLinkColor, 10);
-
-
-
-
-// =====================================
-// Shell
-// =====================================
-
 @sapShell_Background: lighten(saturate(@sapBaseColor, 4), 20.3);
 @sapShell_BackgroundImage: linear-gradient(to bottom, darken(saturate(@sapShell_Background, 15), 24), lighten(saturate(@sapShell_Background, 24), 22.7));
 @sapShell_TextColor: lighten(@sapTextColor, 2);
 @sapShell_InteractiveTextColor: @sapShell_TextColor;
 @sapShell_Hover_Background: lighten(@sapBrandColor, 10);
-
-
-
-
-// =====================================
-// Button
-// =====================================
-
 @sapButton_Background: lighten(@sapBaseColor, 2);
 @sapButton_BorderColor: lighten(@sapButton_Background, 36);
 @sapButton_TextColor: lighten(@sapHighlightColor, 12);
@@ -129,14 +89,6 @@
 @sapButton_Track_Background: darken(@sapButton_Background, 2);
 @sapButton_TokenBackground: @sapButton_Background;
 @sapButton_TokenBorderColor: lighten(@sapButton_Background, 15);
-
-
-
-
-// =====================================
-// Field
-// =====================================
-
 @sapField_Background: lighten(@sapBaseColor, 5);
 @sapField_TextColor: lighten(@sapTextColor, 2);
 @sapField_PlaceholderTextColor: lighten(saturate(@sapBaseColor, 24), 52.5);
@@ -148,14 +100,6 @@
 @sapGroup_ContentBackground: @sapBaseColor;
 @sapGroup_ContentBorderColor: lighten(@sapGroup_ContentBackground, 8);
 @sapToolbar_SeparatorColor: fade(@sapPrimary3, 20);
-
-
-
-
-// =====================================
-// List
-// =====================================
-
 @sapList_HeaderBackground: darken(@sapBaseColor, 1.5);
 @sapList_BorderColor: lighten(@sapList_Background, 7);
 @sapList_SelectionBackgroundColor: lighten(saturate(@sapList_Background, 10), 10);
@@ -169,37 +113,13 @@
 @sapList_FooterBackground: darken(@sapBaseColor, 8);
 @sapList_TableFooterBorder: lighten(@sapList_BorderColor, 13.1);
 @sapList_TableFixedBorderColor: lighten(@sapList_BorderColor, 30);
-
-
-
-
-// =====================================
-// Scrollbar
-// =====================================
-
 @sapScrollBar_FaceColor: lighten(@sapAccentColor6, 2);
 @sapScrollBar_TrackColor: @sapBaseColor;
 @sapScrollBar_Hover_FaceColor: lighten(@sapScrollBar_FaceColor, 3);
 @sapPageHeader_BorderColor: lighten(@sapPageHeader_Background, 8);
 @sapPageHeader_TextColor: @sapTextColor;
-
-
-
-
-// =====================================
-// Page Footer
-// =====================================
-
 @sapPageFooter_Background: darken(@sapBaseColor, 8);
 @sapPageFooter_TextColor: @sapTextColor;
-
-
-
-
-// =====================================
-// Tile
-// =====================================
-
 @sapTile_Background: @sapBaseColor;
 @sapTile_BorderColor: transparent;
 @sapTile_TitleTextColor: @sapTextColor;
@@ -207,14 +127,6 @@
 @sapTile_IconColor: darken(@sapContent_IconColor, 15);
 @sapTile_SeparatorColor: lighten(@sapTile_Background, 12);
 @sapTile_Interactive_BorderColor: lighten(@sapTile_Background, 30);
-
-
-
-
-// =====================================
-// Indication Colors
-// =====================================
-
 @sapIndicationColor_1: #ff8888;
 @sapIndicationColor_1_Hover_Background: lighten(@sapIndicationColor_1, 5);
 @sapIndicationColor_1_Active_Background: lighten(@sapIndicationColor_1, 10);
@@ -247,14 +159,6 @@
 @sapIndicationColor_8_Hover_Background: lighten(@sapIndicationColor_8, 5);
 @sapIndicationColor_8_Active_Background: lighten(@sapIndicationColor_8, 10);
 @sapIndicationColor_8_TextColor: contrast(@sapIndicationColor_8, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);
-
-
-
-
-// =====================================
-// Legend Colors
-// =====================================
-
 @sapLegend_WorkingBackground: lighten(@sapList_Background, 8);
 @sapLegend_NonWorkingBackground: lighten(@sapList_Background, 2);
 @sapLegendColor1: #ffb914;
@@ -297,26 +201,9 @@
 @sapLegendBackgroundColor18: #576432;
 @sapLegendBackgroundColor19: #36677d;
 @sapLegendBackgroundColor20: #003895;
-
-
-
-
-// =====================================
-// Chart Colors
-// =====================================
-
 @sapChart_Bad: #f55556;
 @sapChart_Critical: #f4ac44;
 @sapChart_Good: #69c683;
 @sapChart_Neutral: #9ea8ad;
-
-
-
-
-// =====================================
-// Deprecated
-// =====================================
-
 @sapBackgroundColorDefault: @sapPrimary1;
-
-@sapList_HighlightColor: darken(desaturate(@sapHighlightColor, 40), 30);
+@sapList_HighlightColor: darken(desaturate(@sapHighlightColor, 40), 30);

package/src/sap/ui/rta/themes/sap_belize_hcb/Overlay.less

@@ -9,7 +9,24 @@
 @_sap_ui_rta_Overlay_Border: @sapUiDragAndDropActiveBorderColor; //#03b803
 
 .sapUiRta {
+	.sapUiDtOverlayTargetZone {
+		&:after {
+			transition: none;
+			box-shadow: none;
+		}
+	}
+}
 
+.sapUiRta:not(.sapUiRtaVisualizationMode) {
+	.sapUiRtaOverlayHover {
+		&:after {
+			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
+			outline-offset: -0.125rem; //2px
+			border: none;
+			transition: none;
+			box-shadow: none;
+		}
+	}
 	.sapUiDtOverlay {
 		&:focus {
 			outline: none;
@@ -23,7 +40,6 @@
 			}
 		}
 	}
-
 	.sapUiDtOverlaySelected {
 		transition: none;
 		box-shadow: none;
@@ -34,30 +50,13 @@
 				box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
 			}
 		}
-		&.sapUiRtaOverlayHover {
+		&.sapUiRtaOverlayHover{
 			&:after {
 				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
 				outline-offset: -0.25rem; //4px
 			}
 		}
 	}
-
-	.sapUiRtaOverlayHover {
-		&:after {
-			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
-			outline-offset: -0.125rem; //2px
-			border: none;
-			transition: none;
-			box-shadow: none;
-		}
-	}
-
-	.sapUiDtOverlayTargetZone {
-		&:after {
-			transition: none;
-			box-shadow: none;
-		}
-	}
 }
 
 .sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {

package/src/sap/ui/rta/themes/sap_belize_hcw/Overlay.less

@@ -7,7 +7,24 @@
 @_sap_ui_rta_Overlay_HoverBorder: @sapUiBlackBG; //#000000
 
 .sapUiRta {
+	.sapUiDtOverlayTargetZone {
+		&:after {
+			transition: none;
+			box-shadow: none;
+		}
+	}
+}
 
+.sapUiRta:not(.sapUiRtaVisualizationMode) {
+	.sapUiRtaOverlayHover {
+		&:after {
+			border: none;
+			transition: none;
+			box-shadow: none;
+			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
+			outline-offset: -0.125rem; //2px
+		}
+	}
 	.sapUiDtOverlay {
 		&:focus {
 			outline: none;
@@ -21,16 +38,6 @@
 			}
 		}
 	}
-
-	.sapUiRtaOverlayHover {
-		&:after {
-			border: none;
-			transition: none;
-			box-shadow: none;
-			outline: 0.125rem dotted @_sap_ui_rta_Overlay_BorderColor; //2px
-			outline-offset: -0.125rem; //2px
-		}
-	}
 	.sapUiDtOverlaySelected {
 		transition: none;
 		box-shadow: none;
@@ -39,14 +46,12 @@
 			border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor; //2px
 			outline: none;
 		}
-
 		&.sapUiDtOverlayFocusable {
 			&:focus {
 				/* Same trick as described above but doubled thickness */
 				box-shadow: 0 0 0 4px @_sap_ui_rta_Overlay_BoxShadowColor inset;
 			}
 		}
-
 		&.sapUiRtaOverlayHover {
 			&:after {
 				border: 0.125rem solid @_sap_ui_rta_Overlay_BorderColor!important; //2px
@@ -57,12 +62,6 @@
 			}
 		}
 	}
-	.sapUiDtOverlayTargetZone {
-		&:after {
-			transition: none;
-			box-shadow: none;
-		}
-	}
 }
 
 .sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {

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

@@ -10,6 +10,10 @@
 	border-top: 0.125rem solid @_sap_uxap_ObjectPageSection_HeaderBorderColor;
 }
 
+.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageSection:first-of-type > .sapUxAPObjectPageSectionHeader {
+	border-top: 0;
+}
+
 .sapUxAPObjectPageSectionTitle {
 	color: @sapUiGroupTitleTextColor;
 	font-size: @sapMFontHeader2Size;

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

@@ -18,6 +18,10 @@
 	border-radius: 0;
 }
 
+.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageSection:first-of-type > .sapUxAPObjectPageSectionHeader {
+	border-top: 0;
+}
+
 .sapUxAPObjectPageSectionTitle {
 	line-height: 2.9rem;
 }

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

@@ -18,6 +18,10 @@
 	border-radius: 0;
 }
 
+.sapUxAPObjectPageLayoutNoAnchorBar .sapUxAPObjectPageSection:first-of-type > .sapUxAPObjectPageSectionHeader {
+	border-top: 0;
+}
+
 .sapUxAPObjectPageSectionTitle {
 	line-height: 2.9rem;
 }

package/ui5.yaml

@@ -1,5 +1,5 @@
 ---
-specVersion: "1.1"
+specVersion: "2.0"
 type: theme-library
 metadata:
   name: themelib_sap_belize