@openui5/themelib_sap_belize 1.124.1 → 1.125.0

package/src/sap/ui/unified/themes/sap_belize_base/ShellOverlay.less

@@ -0,0 +1,290 @@
+/* ============================================ */
+/* CSS for control sap.ui.unified/ShellOverlay  */
+/* Base theme                                   */
+/* ============================================ */
+
+@_sap_ui_unified_ShellOverlay_AnimDuration: 525ms;
+
+@_sap_ui_unified_ShellOverlay_CntntOpenAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration / 1.5;
+@_sap_ui_unified_ShellOverlay_CntntOpenAnimDelay: 75ms;
+@_sap_ui_unified_ShellOverlay_CntntCloseAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration / 1.5;
+@_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration / 3;
+@_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDelay: @_sap_ui_unified_ShellOverlay_CntntOpenAnimDuration / 1.5 + @_sap_ui_unified_ShellOverlay_CntntOpenAnimDelay;
+@_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration / 3;
+@_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDelay: 0;
+@_sap_ui_unified_ShellOverlay_CntntCloseAnimDelay: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDuration + @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDelay;
+@_sap_ui_unified_ShellOverlay_SearchOpenAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration;
+@_sap_ui_unified_ShellOverlay_SearchCloseAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration;
+@_sap_ui_unified_ShellOverlay_BlockLayerAnimDuration: @_sap_ui_unified_ShellOverlay_AnimDuration / 2.5;
+
+@_sap_ui_unified_ShellOverlay_OpenAnimOverAll: @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDelay + @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDuration;
+@_sap_ui_unified_ShellOverlay_CloseAnimOverAll: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDuration + @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDelay + @_sap_ui_unified_ShellOverlay_CntntCloseAnimDuration;
+
+@_sap_ui_unified_ShellOverlay_HeaderBarHeight: 44px;
+@_sap_ui_unified_ShellOverlay_BrandHeight: 4px;
+@_sap_ui_unified_ShellOverlay_HeadHeight: @_sap_ui_unified_ShellOverlay_BrandHeight + @_sap_ui_unified_ShellOverlay_HeaderBarHeight;
+
+
+.sapUiUfdShellOvrly {
+	position: absolute;
+	box-sizing: border-box;
+	text-align: center;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.sapUiUfdShellOvrly > div {
+	height: 100%;
+	width: 80%;
+	max-width: 1120px; /*70rem*/
+	display: inline-block;
+	position: relative;
+	text-align: left;
+	box-sizing: border-box;
+}
+
+html.sapUiMedia-Std-Tablet .sapUiUfdShellOvrly > div {
+	width: 94%;
+}
+
+html.sapUiMedia-Std-Phone .sapUiUfdShellOvrly > div {
+	width: 100%;
+}
+
+.sapUiUfdShellOvrlyHead {
+	height: @_sap_ui_unified_ShellOverlay_HeadHeight;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	overflow: hidden;
+}
+
+.sapUiUfdShellOvrlyBrand {
+	background-color: @sapUiBrand;
+	position: absolute;
+	top: 0;
+	height: @_sap_ui_unified_ShellOverlay_BrandHeight;
+	left: 0;
+	right: 0;
+	border: medium none;
+	margin: 0;
+}
+
+.sapUiUfdShellOvrlyHeadClose {
+	cursor: pointer;
+	right: 24px;
+	position: absolute;
+	opacity: 1;
+	text-decoration: none;
+	font-size: 14px;
+	top: 0px;
+	height: 100%;
+	padding-top: 14px;
+	padding-left: 14px;
+	padding-right: 14px;
+	box-sizing: border-box;
+}
+
+.sapUiUfdShellOvrlyHeadClose,
+.sapUiUfdShellOvrlyHeadClose:hover,
+.sapUiUfdShellOvrlyHeadClose:focus,
+.sapUiUfdShellOvrlyHeadClose:visited {
+	color: @sapUiButtonIconColor;
+}
+
+.sapUiUfdShellOvrlyHeadClose:active {
+	color: @sapUiButtonActiveTextColor;
+}
+
+.sapUiUfdShellOvrlyHeadClose:focus {
+	outline: @_sap_ui_unified_ShellHeader_ButtonOutlineWidth dotted @sapUiContentFocusColor;
+}
+
+.sapUiUfdShellOvrlyCntnt {
+	background-color: @sapUiGroupContentBackground;
+	top: 0;
+	bottom: 0;
+	position: absolute;
+	width: 100%;
+	box-sizing: border-box;
+	border-top: @_sap_ui_unified_ShellOverlay_HeadHeight solid transparent;
+	box-shadow: 0 0 48px fade(@sapUiContentShadowColor, 30);
+}
+
+.sapUiUfdShellOvrlyCntnt > div {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+}
+
+.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyCntnt {
+	top: -100%;
+	bottom: 100%;
+}
+
+.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyCntnt > div {
+	opacity: 0;
+}
+
+.sapUiUfdShellOvrlyCntntHidden .sapUiUfdShellOvrlyHeadClose {
+	opacity: 0;
+}
+
+.sapUiUfdShellOvrlyHeadCntnt {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	top: @_sap_ui_unified_ShellOverlay_BrandHeight;
+}
+
+.sapUiUfdShellOvrlyHeadCenter {
+	position: absolute;
+	height: 100%;
+	left: 90px;
+	right: 90px;
+	top: 0;
+	text-align: center;
+}
+
+html.sapUiMedia-Std-Phone .sapUiUfdShellOvrlyHeadCenter {
+	left: 5px;
+}
+
+.sapUiUfdShellOvrlySearch {
+	display: inline-block;
+	position: relative;
+	width: 95%;
+	max-width: 600px;
+	height: 100%;
+	line-height: @_sap_ui_unified_ShellOverlay_HeaderBarHeight - @_sap_ui_unified_ShellOverlay_HeaderBarHeight/10;
+	box-sizing: border-box;
+	text-align: left;
+}
+
+.sapUiUfdShellOvrlySearch > div {
+	width: 100%;
+	vertical-align: middle;
+	display: inline-block;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrly > div {
+	-webkit-transition-property: width;
+	transition-property: width;
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_AnimDuration / 3;
+	transition-duration: @_sap_ui_unified_ShellOverlay_AnimDuration / 3;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_CntntOpenAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_CntntOpenAnimDuration;
+	-webkit-transition-delay: @_sap_ui_unified_ShellOverlay_CntntOpenAnimDelay;
+	transition-delay: @_sap_ui_unified_ShellOverlay_CntntOpenAnimDelay;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_CntntCloseAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_CntntCloseAnimDuration;
+	-webkit-transition-delay: @_sap_ui_unified_ShellOverlay_CntntCloseAnimDelay;
+	transition-delay: @_sap_ui_unified_ShellOverlay_CntntCloseAnimDelay;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt,
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt {
+	-webkit-transition-timing-function: cubic-bezier(0,0,0,1);
+	transition-timing-function: cubic-bezier(0,0,0,1);
+}
+
+.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyCntnt {
+	-webkit-transition-property: top, bottom;
+	transition-property: top, bottom;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlyCntnt > div {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDuration;
+	-webkit-transition-delay: @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDelay;
+	transition-delay: @_sap_ui_unified_ShellOverlay_CntntInnerOpenAnimDelay;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlyCntnt > div {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDuration;
+	-webkit-transition-delay: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDelay;
+	transition-delay: @_sap_ui_unified_ShellOverlay_CntntInnerCloseAnimDelay;
+}
+
+.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyCntnt > div {
+	-webkit-transition-property: opacity;
+	transition-property: opacity;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyOpening .sapUiUfdShellOvrlySearch {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_SearchOpenAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_SearchOpenAnimDuration;
+	-webkit-transition-timing-function: ease-out;
+	transition-timing-function: ease-out;
+}
+
+.sapUiUfdShellOvrlyAnim.sapUiUfdShellOvrlyClosing .sapUiUfdShellOvrlySearch {
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_SearchCloseAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_SearchCloseAnimDuration;
+}
+
+.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlySearch {
+	-webkit-transition-property: width;
+	transition-property: width;
+}
+
+.sapUiUfdShellOvrlyAnim .sapUiUfdShellOvrlyHeadClose {
+	-webkit-transition-property: opacity;
+	transition-property: opacity;
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_AnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_AnimDuration;
+}
+
+.sapUiBLy.sapUiUfdShellOvrlyBly {
+	-webkit-transition-property: all;
+	transition-property: all;
+	-webkit-transition-duration: @_sap_ui_unified_ShellOverlay_BlockLayerAnimDuration;
+	transition-duration: @_sap_ui_unified_ShellOverlay_BlockLayerAnimDuration;
+}
+
+.sapUiBLy.sapUiUfdShellOvrlyBly.sapUiUfdShellOvrlyBlyTp {
+	background-color: transparent;
+}
+
+.sapUiUfdShellOvrlyHeadClose {
+	right: 0;
+	height: @_sap_ui_unified_ShellOverlay_HeaderBarHeight - 8px;
+	margin: 4px;
+	padding-top: 10px;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+.sapUiUfdShellOvrlyHeadClose:before {
+	background-color: @sapUiToolbarSeparatorColor;
+    content: " ";
+    height: 76%;
+    top: 12%;
+    position: absolute;
+    left: -4px;
+    width: 1px;
+}
+
+html.sapUiMedia-Std-Desktop .sapUiUfdShellOvrlyHeadClose:hover {
+	background-color: @sapUiButtonHoverBackground;
+}
+
+html.sapUiMedia-Std-Desktop .sapUiUfdShellOvrlyHeadClose:active:hover {
+	background-color: @sapUiButtonActiveBackground;
+}

package/src/sap/ui/unified/themes/sap_belize_base/SplitContainer.less

@@ -0,0 +1,73 @@
+/* ============================================== */
+/* CSS for control sap.ui.unified/SplitContainer  */
+/* Base theme                                     */
+/* ============================================== */
+
+/* The animation duration must be in ms so it returns the correct integer value when used with parseInt */
+@_sap_ui_unified_SplitContainer_AnimationDuration: 500ms;
+
+.sapUiUfdSpltCont {
+	overflow: hidden;
+	position: relative;
+	display: block;
+	height: 100%;
+	width: 100%;
+}
+
+
+.sapUiUfdSpltContAnim .sapUiUfdSpltContCanvas,
+.sapUiUfdSpltContAnim .sapUiUfdSpltContPane {
+	transition: height @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, width @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, left @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, top @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms;
+	-webkit-transition: height @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, width @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, left @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms, top @_sap_ui_unified_SplitContainer_AnimationDuration ease 0ms;
+}
+
+.sapUiUfdSpltContPane {
+	background-color: @sapUiGroupContentBackground;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+	box-sizing: border-box;
+}
+
+.sapUiUfdSpltContPane.sapUiUfdSplitContSecondClosed > div {
+	display: none;
+}
+
+.sapUiUfdSpltContCanvas {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: 0;
+	left: 0;
+}
+
+.sapUiUfdSpltContCntnt {
+	overflow: auto;
+	-webkit-overflow-scrolling: touch;
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+}
+
+.sapUiUfdSpltContPad {
+	padding: 10px;
+}
+
+.sapUiUfdSpltContH {}
+
+.sapUiUfdSpltContH .sapUiUfdSpltContPane {
+	border-right: 1px solid @sapUiGroupContentBorderColor;
+	bottom: 0;
+}
+
+
+.sapUiUfdSpltContV {}
+
+.sapUiUfdSpltContV .sapUiUfdSpltContPane {
+	border-bottom: 1px solid @sapUiGroupContentBorderColor;
+	right: 0;
+}
+

package/src/sap/ui/unified/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";
+
+@import "Calendar.less";
+@import "CalendarDateInterval.less";
+@import "CalendarLegend.less";
+@import "CalendarRow.less";
+@import "ContentSwitcher.less";
+@import "ColorPicker.less";
+@import "Currency.less";
+@import "FileUploader.less";
+@import "IndexPicker.less";
+@import "Menu.less";
+@import "ShellHeader.less";
+@import "ShellLayout.less";
+@import "ShellOverlay.less";
+@import "SplitContainer.less";

package/src/sap/ui/unified/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/ui/unified/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/ux3/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";
 @import "shared.less";