@openui5/themelib_sap_belize 1.124.0 → 1.125.0

package/src/sap/tnt/themes/sap_belize_base/SideNavigation.less

@@ -0,0 +1,123 @@
+/* ======================================= */
+/* CSS for control sap.tnt/SideNavigation  */
+/* Base theme                              */
+/* ======================================= */
+
+@_sap_tnt_SideNavigation_Width: 15rem;
+@_sap_tnt_SideNavigation_CollapsedWidth: 3rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMargin: 0.25rem 0.875rem 0.25rem 0.875rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed: 0.25rem 0.5rem 0.25rem 0.5rem;
+@_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor: @sapUiGroupContentBorderColor;
+@_sap_tnt_SideNavigation_NavigationSeparatorRadius: unset;
+@_sap_tnt_SideNavigation_NavigationSeparatorHeight: 1px;
+@_sap_tnt_SideNavigation_TriangleColor: @sapUiContentIconColor;
+@_sap_tnt_SideNavigation_BorderRight: 1px solid @sapUiGroupContentBorderColor;
+@_sap_tnt_SideNavigation_BorderRadius: 0;
+@_sap_tnt_SideNavigation_PhoneBorderRadius: 0;
+@_sap_tnt_SideNavigation_BoxShadow: none;
+@_sap_tnt_SideNavigation_TriangleDisplay: block;
+@_sap_tnt_SideNavigation_PhoneWidth: @_sap_tnt_SideNavigation_Width;
+
+.sapTntSideNavigation {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-height: 0;
+	background: @sapUiListBackground;
+	border-right: @_sap_tnt_SideNavigation_BorderRight;
+	box-shadow: @_sap_tnt_SideNavigation_BoxShadow;
+	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
+	min-width: @_sap_tnt_SideNavigation_Width;
+	max-width: 100%;
+	width: @_sap_tnt_SideNavigation_Width;
+	transition: width 0.3s, min-width 0.3s;
+}
+
+html[data-sap-ui-animation='off'] .sapTntSideNavigation {
+	transition: none;
+}
+
+html.sap-phone,
+html.sap-tablet:not(html.sap-combi) {
+	.sapTntSideNavigation {
+		border-radius: @_sap_tnt_SideNavigation_PhoneBorderRadius;
+	}
+}
+
+html.sap-phone {
+	.sapTntSideNavigation {
+		width: @_sap_tnt_SideNavigation_PhoneWidth;
+	}
+}
+
+.sapTntSideNavigation.sapTntSideNavigationNotExpandedWidth {
+	min-width: @_sap_tnt_SideNavigation_CollapsedWidth;
+	width: @_sap_tnt_SideNavigation_CollapsedWidth;
+}
+
+.sapTntSideNavigationNotExpanded {
+
+	.sapTntSideNavigationSeparator {
+		margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
+	}
+
+	.sapTntNLINotExpandedTriangle:not(.sapTntNLIDisabled):after {
+		display: @_sap_tnt_SideNavigation_TriangleDisplay;
+		content: "";
+		width: 0;
+		height: 0;
+		border-left: 0.375rem solid transparent;
+		border-bottom: 0.375rem solid @_sap_tnt_SideNavigation_TriangleColor;
+		position:absolute;
+		right: 0.1875rem;
+		bottom:0.125rem;
+	}
+}
+
+.sapTntSideNavigationFlexible {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-height: 0;
+	position: relative;
+	box-sizing: border-box;
+	outline: none;
+}
+
+.sapTntSideNavigationFlexibleContent {
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	min-height: 0;
+}
+
+.sapTntSideNavigationSeparator {
+	margin: @_sap_tnt_SideNavigation_NavigationSeparatorMargin;
+	height: @_sap_tnt_SideNavigation_NavigationSeparatorHeight;
+	min-height: @_sap_tnt_SideNavigation_NavigationSeparatorHeight;
+	background-color: @_sap_tnt_SideNavigation_NavigationSeparatorBackgroundColor;
+	border-radius: @_sap_tnt_SideNavigation_NavigationSeparatorRadius;
+}
+
+.sapTntSideNavigationFixed {
+	position: relative;
+}
+
+html.sap-desktop:not(.sapUiNativeScrollbars) .sapTntSideNavigation ::-webkit-scrollbar {
+	border-radius: @_sap_tnt_SideNavigation_BorderRadius;
+}
+
+/*  Compact size
+   ========================================================================== */
+
+.sapUiSizeCompact {
+	.sapTntSideNavigationNotExpanded {
+		.sapTntSideNavigationSeparator {
+			margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
+		}
+	}
+
+	.sapTntSideNavigationSeparator {
+		margin: @_sap_tnt_SideNavigation_NavigationSeparatorMarginCollapsed;
+	}
+}

package/src/sap/tnt/themes/sap_belize_base/ToolHeader.less

@@ -0,0 +1,93 @@
+/* =================================== */
+/* CSS for control sap.tnt/ToolHeader  */
+/* Base theme                          */
+/* =================================== */
+
+@_sap_tnt_ToolHeader_Height: 3rem;
+@_sap_tnt_ToolHeader_BorderRadius: 0;
+@_sap_tnt_ToolHeader_BoxShadow: none;
+@_sap_tnt_ToolHeader_AvatarBackground: lighten(saturate(spin(@sapUiAccent6, 348), 36), 28);
+@_sap_tnt_ToolHeader_AvatarColor: @sapUiBaseText;
+@_sap_tnt_ToolHeader_BorderColor: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapUiContentContrastTextThreshold);
+@_sap_tnt_ToolHeader_ArrowHeight: 0.1875rem;
+@_sap_tnt_ToolHeader_ArrowMargin: 0;
+@_sap_tnt_ToolHeader_Padding: 0 0.5rem;
+@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.188rem;
+@_sap_tnt_ToolHeader_IconTabHeader_Height: @_sap_tnt_ToolHeader_Height;
+
+.sapTntToolHeader.sapMTB {
+	height: @_sap_tnt_ToolHeader_Height;
+	border-radius: @_sap_tnt_ToolHeader_BorderRadius;
+	box-shadow: @_sap_tnt_ToolHeader_BoxShadow;
+}
+
+// ==========================================================================
+// sap.m.IconTabHeader overriding
+// ==========================================================================
+
+.sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
+	flex: 1;
+	min-width: 0; // fixes Chrome flex issue
+}
+
+.sapMIBar.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMBarChild.sapMITH {
+	box-shadow: none;
+	height: @_sap_tnt_ToolHeader_IconTabHeader_Height;
+	padding: @_sap_tnt_ToolHeader_Padding;
+
+	.sapMITBHead {
+		padding-top: 0;
+		padding-bottom: 0;
+
+		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {
+			&:after {
+				border-radius: 0.125rem;
+				box-shadow: none;
+				margin-bottom: @_sap_tnt_ToolHeader_ArrowMarginBottom;
+				height: @_sap_tnt_ToolHeader_ArrowHeight;
+			}
+		}
+	}
+}
+
+.sapMITBFilterPopover.sapMITBFilterPopoverInToolHeader {
+	.sapUiIcon {
+		color: @sapUiContentNonInteractiveIconColor;
+	}
+}
+
+.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMITH .sapMITBContentArrow {
+	margin: @_sap_tnt_ToolHeader_ArrowMargin;
+}
+
+// ==========================================================================
+// sap.m.MenuButton overriding
+// ==========================================================================
+
+.sapTntToolHeader {
+	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnEmphasized.sapMBtnInner::after {
+		content: '\e287';
+	}
+}
+
+/* ------------------------------------------------ */
+/* Shell overrides                        */
+/* ------------------------------------------------ */
+
+.sapTntToolHeader.sapUshellShellToolHeader {
+	background-color: @sapUiShellNavigationBackground;
+	height: 2.75rem;
+	box-shadow: @sapUiShellShadow;
+	border: none;
+	z-index: 1;
+	position: relative;
+
+	&.sapMTB {
+		border-radius: 0;
+	}
+
+	.sapMITH {
+		background: transparent;
+		box-shadow: none;
+	}
+}

package/src/sap/tnt/themes/sap_belize_base/ToolPage.less

@@ -0,0 +1,194 @@
+/* ================================= */
+/* CSS for control sap.tnt/ToolPage  */
+/* Base theme                        */
+/* ================================= */
+
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+@_sap_tnt_ToolPage_AnimationDuration : 0.3s;
+@_sap_tnt_ToolPage_Paddings: 0;
+@_sap_tnt_ToolPage_PaddingsTablet: 0;
+@_sap_tnt_ToolPage_PaddingsPhone: 0;
+@_sap_tnt_ToolPage_Background: darken(@sapUiBaseBG, 4);
+@_sap_tnt_ToolPage_AsideMargins: 0;
+@_sap_tnt_ToolPage_AsideMarginsPhone: 0;
+@_sap_tnt_ToolPage_ContentMargins: 0;
+@_sap_tnt_ToolPage_ContentMarginsPhone: 0;
+@_sap_tnt_ToolPage_ContentShadow: none;
+@_sap_tnt_ToolPage_ContentBackgroundStandard: none;
+@_sap_tnt_ToolPage_ContentBackgroundSolid: none;
+@_sap_tnt_ToolPage_ContentBackgroundTransparent: none;
+@_sap_tnt_ToolPage_ContentBackgroundList: none;
+@_sap_tnt_ToolPage_ContentBorderRadius: 0;
+@_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone: 0;
+@_sap_tnt_ToolPage_AsideCollapsedPhoneTransform: -100%;
+@_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl: 100%;
+@_sap_tnt_ToolPage_AsidePhoneTop: 0;
+@_sap_tnt_ToolPage_AsidePhoneWidth: auto;
+
+/* ==========================================================================
+   Root element
+   ========================================================================== */
+.sapTntToolPage {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  display: flex;
+  flex-direction: column;
+
+  box-sizing: border-box;
+  overflow: hidden;
+  padding: @_sap_tnt_ToolPage_Paddings;
+  background: @_sap_tnt_ToolPage_Background;
+}
+
+/* ==========================================================================
+   Content wrapper
+   ========================================================================== */
+.sapTntToolPageContentWrapper {
+  display: flex;
+  flex: 1;
+  min-height: 0; // fixes flex chrome issue
+  position: relative;
+}
+
+/* Aside container
+   ========================================================================== */
+
+.sapTntToolPageAside {
+  max-width: 100%;
+  display: flex;
+  flex-direction: column;
+
+  will-change: transform;
+  margin: @_sap_tnt_ToolPage_AsideMargins;
+}
+
+.sapTntToolPageAsideContent {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  height: 100%;
+}
+
+html:not([data-sap-ui-animation='off']) .sapTntToolPageAside {
+  transition: transform @_sap_tnt_ToolPage_AnimationDuration;
+}
+
+html.sap-tablet:not(html.sap-combi) {
+  .sapTntToolPage {
+    padding: @_sap_tnt_ToolPage_PaddingsTablet;
+  }
+
+  .sapTntToolPageMain {
+    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
+  }
+}
+
+html.sap-phone {
+  .sapTntToolPage {
+    padding: @_sap_tnt_ToolPage_PaddingsPhone;
+  }
+
+  .sapTntToolPageAside {
+    z-index: 2;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    top: @_sap_tnt_ToolPage_AsidePhoneTop;
+    width:  @_sap_tnt_ToolPage_AsidePhoneWidth;
+
+    margin: @_sap_tnt_ToolPage_AsideMarginsPhone;
+  }
+
+  .sapTntToolPageAsideCollapsed {
+    .sapTntToolPageAside {
+      transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedPhoneTransform);
+    }
+  }
+
+  .sapTntToolPageMain {
+    border-radius: @_sap_tnt_ToolPage_ContentBorderRadiusTabletPhone;
+    margin: @_sap_tnt_ToolPage_ContentMarginsPhone;
+  }
+}
+
+/* Main container
+   ========================================================================== */
+
+.sapTntToolPageMain {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0; // fixes flex chrome issue
+  overflow: hidden;
+
+  will-change: transform;
+  margin: @_sap_tnt_ToolPage_ContentMargins;
+  box-shadow: @_sap_tnt_ToolPage_ContentShadow;
+  border-radius: @_sap_tnt_ToolPage_ContentBorderRadius;
+  background: @_sap_tnt_ToolPage_ContentBackgroundStandard;
+}
+
+.sapTntToolPageMain.sapTntToolPageMainBackground-Solid {
+  background: @_sap_tnt_ToolPage_ContentBackgroundSolid;
+}
+
+.sapTntToolPageMain.sapTntToolPageMainBackground-Transparent {
+  background: @_sap_tnt_ToolPage_ContentBackgroundTransparent;
+  box-shadow: none;
+}
+
+.sapTntToolPageMain.sapTntToolPageMainBackground-List {
+  background: @_sap_tnt_ToolPage_ContentBackgroundList;
+}
+
+.sapTntToolPageMainContent {
+  flex: 1;
+  min-height: 0; // fixes flex chrome issue
+  position: relative;
+}
+
+.sapTntToolPageMainContentWrapper {
+  width: 100%;
+  height: 100%;
+}
+
+/* ==========================================================================
+   RTL
+   ========================================================================== */
+
+html[dir=rtl] {
+  &.sap-phone {
+    .sapTntToolPageAsideCollapsed {
+      .sapTntToolPageAside {
+        transform: translateX(@_sap_tnt_ToolPage_AsideCollapsedPhoneTransformRtl);
+      }
+    }
+  }
+}
+
+/* ========================================================================== */
+
+.sapTntToolPageAsideCollapsed {
+
+  .sapTntToolPageMain {
+    z-index: 1;
+  }
+
+  .sapTntToolPageAside {
+    z-index: 2;
+  }
+}
+
+.sapUiLocalBusy > .sapTntToolPage {
+  z-index: 0;
+}
+
+.sapTntToolPage.sapUiLocalBusy .sapUiLocalBusyIndicator {
+  z-index: 3;
+}

package/src/sap/tnt/themes/sap_belize_base/library.source.less

@@ -0,0 +1,14 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../sap/ui/core/themes/base/global.less";
+
+@import "ToolHeader.less";
+@import "SideNavigation.less";
+@import "NavigationList.less"; // keep this order, it reuses variable @_sap_tnt_SideNavigation_BoxShadow defined in SideNavigation.less
+@import "ToolPage.less";
+@import "InfoLabel.less";

package/src/sap/tnt/themes/sap_belize_hcb/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcb/global.less";
 

package/src/sap/tnt/themes/sap_belize_hcw/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
 @import "../../../../sap/ui/core/themes/sap_belize_hcw/global.less";
 

package/src/sap/ui/codeeditor/themes/sap_belize/library.source.less

@@ -4,6 +4,15 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/global.less";

package/src/sap/ui/codeeditor/themes/sap_belize_base/library.source.less

@@ -0,0 +1,23 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../../../../../sap/ui/core/themes/base/base.less";
+@import "../../../../../sap/ui/core/themes/base/global.less";
+
+.sapCEd[data-sap-ui-syntaxhints='false'] .ace_gutter-cell {
+	background-image: none !important;
+}
+.sapCEd[data-sap-ui-syntaxhints='false'] .ace_tooltip {
+	display: none !important;
+}
+
+/*
+* Fixes an issue in the ace editor. Where focusing the textarea causes a scroll to the top.
+* Incident 1780370870
+*/
+.ace_text-input {
+	position: absolute !important;
+}

package/src/sap/ui/codeeditor/themes/sap_belize_hcb/library.source.less

@@ -4,6 +4,15 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcb/global.less";

package/src/sap/ui/codeeditor/themes/sap_belize_hcw/library.source.less

@@ -4,6 +4,15 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize_hcw/global.less";

package/src/sap/ui/commons/themes/sap_belize/library.source.less

@@ -4,7 +4,16 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of the Belize theme family with SAPUI5 version 1.120 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_belize_base. The respective
+/* control css files of base are copied to the sap_belize_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.125.
+***********************************************************************************/
+
+
+@import "../sap_belize_base/library.source.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/base.less";
 @import "../../../../../sap/ui/core/themes/sap_belize/global.less";
 

package/src/sap/ui/commons/themes/sap_belize_base/AbsoluteLayout.less

@@ -0,0 +1,48 @@
+/* ===================================================== */
+/* CSS for control sap.ui.commons.AbsoluteLayout.control */
+/* ===================================================== */
+
+.sapUiLayoutAbs{
+	position: relative;
+	display: block;
+	width: 100%;
+	height: 100%;
+}
+
+.sapUiLayoutAbsPos {
+	display: inline-block;
+	position: absolute;
+	overflow: visible;
+}
+
+.sapUiLayoutAbsOvrflwXAuto {
+	overflow-x: auto;
+}
+
+.sapUiLayoutAbsOvrflwYAuto {
+	overflow-y: auto;
+}
+
+.sapUiLayoutAbsOvrflwXHidden {
+	overflow-x: hidden;
+}
+
+.sapUiLayoutAbsOvrflwYHidden {
+	overflow-y: hidden;
+}
+
+.sapUiLayoutAbsOvrflwXScroll {
+	overflow-x: scroll;
+}
+
+.sapUiLayoutAbsOvrflwYScroll {
+	overflow-y: scroll;
+}
+
+.sapUiLayoutAbsOvrflwXNone {
+	overflow-x: visible;
+}
+
+.sapUiLayoutAbsOvrflwYNone {
+	overflow-y: visible;
+}

package/src/sap/ui/commons/themes/sap_belize_base/Accordion.less

@@ -0,0 +1,22 @@
+/* ================================================ */
+/* CSS for control sap.ui.commons/Accordion.control */
+/* ================================================ */
+
+.sapUiAcd {
+	display: block;
+	position: relative;
+}
+
+.sapUiAcd-panel,
+.sapUiAcd-section {
+	display: 	block;
+	position:	relative;
+}
+
+.sapUiAcd-droptarget {
+	height: 			1px;
+	z-index: 			1;
+	background-color: 	transparent;
+	top:				-1px;
+	position:			relative;
+}