@openui5/themelib_sap_belize 1.124.0 → 1.125.0

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

@@ -0,0 +1,26 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+@import "../base/base.less";
+@import "global.less";
+@import "shared.less";
+
+@import "BlindLayer.less";
+@import "BrowserScrollbar.less";
+@import "BusyIndicator.less";
+@import "CommandShortcutHints.less";
+@import "DragAndDrop.less";
+
+@import "SAP-icons.less";
+@import "Icon.less";
+
+@import "LocalBusyIndicator.less";
+@import "media.less";
+@import "parameterClasses.less";
+@import "ScrollBar.less";
+@import "Shadow.less";
+@import "TechnicalInfo.less";
+@import "View.less";

package/src/sap/ui/core/themes/sap_belize_base/media.less

@@ -0,0 +1,36 @@
+/************ Media queries for screen sizes ************
+
+Usage:
+
+@media (@_sap_ui_core_media_StdDesktop) {
+      .test {
+            width: 50em;
+      }
+}
+
+*********************************************************/
+
+
+/* see sap.ui.Device.media.RANGESETS.SAP_STANDARD*/
+@_sap_ui_core_media_StdDesktop:  ~"screen and (min-width : 1024px)";
+@_sap_ui_core_media_StdTablet:  ~"screen and (min-width : 600px) and (max-width : 1023px)";
+@_sap_ui_core_media_StdPhone:  ~"screen and (max-width : 599px)";
+
+/* see sap.ui.Device.media.RANGESETS.SAP_3STEPS*/
+@_sap_ui_core_media_3StepL:  ~"screen and (min-width : 960px)";
+@_sap_ui_core_media_3StepM:  ~"screen and (min-width : 520px) and (max-width : 959px)";
+@_sap_ui_core_media_3StepS:  ~"screen and (max-width : 519px)";
+
+/* see sap.ui.Device.media.RANGESETS.SAP_4STEPS*/
+@_sap_ui_core_media_4StepXL:  ~"screen and (min-width : 960px)";
+@_sap_ui_core_media_4StepL:  ~"screen and (min-width : 760px) and (max-width : 959px)";
+@_sap_ui_core_media_4StepM:  ~"screen and (min-width : 520px) and (max-width : 759px)";
+@_sap_ui_core_media_4StepS:  ~"screen and (max-width : 519px)";
+
+/* see sap.ui.Device.media.RANGESETS.SAP_6STEPS*/
+@_sap_ui_core_media_6StepXXL:  ~"screen and (min-width : 960px)";
+@_sap_ui_core_media_6StepXL:  ~"screen and (min-width : 768px) and (max-width : 959px)";
+@_sap_ui_core_media_6StepL:  ~"screen and (min-width : 541px) and (max-width : 767px)";
+@_sap_ui_core_media_6StepM:  ~"screen and (min-width : 400px) and (max-width : 540px)";
+@_sap_ui_core_media_6StepS:  ~"screen and (min-width : 241px) and (max-width : 399px)";
+@_sap_ui_core_media_6StepXS:  ~"screen and (max-width : 240px)";

package/src/sap/ui/core/themes/sap_belize_base/parameterClasses.less

@@ -0,0 +1,83 @@
+
+/* CSS parameters which are available in base theme */
+
+/* font */
+.sapThemeFont {
+	font-family: @sapUiFontFamily !important;
+	font-size: @sapUiFontSize !important;
+}
+.sapThemeFontFamily {
+	font-family: @sapUiFontFamily !important;
+}
+.sapThemeFontSize {
+	font-size: @sapUiFontSize !important;
+}
+
+/* text color */
+.sapThemeText,
+.sapThemeText-asColor {
+	color: @sapUiBaseText !important;
+}
+.sapThemeText-asBackgroundColor {
+	background-color: @sapUiBaseText !important;
+}
+.sapThemeText-asBorderColor {
+	border-color: @sapUiBaseText !important;
+}
+.sapThemeText-asOutlineColor {
+	outline-color: @sapUiBaseText !important;
+}
+
+/* text color inverted */
+.sapThemeTextInverted,
+.sapThemeTextInverted-asColor {
+	color: @sapUiContentContrastTextColor !important;
+}
+
+/* base bg */
+.sapThemeBaseBG,
+.sapThemeBaseBG-asBackgroundColor {
+	background-color: @sapUiBaseBG !important;
+}
+.sapThemeBaseBG-asBorderColor {
+	border-color: @sapUiBaseBG !important;
+}
+.sapThemeBaseBG-asColor {
+	color: @sapUiBaseBG !important;
+}
+
+/* brand color */
+.sapThemeBrand,
+.sapThemeBrand-asColor {
+	color: @sapUiBrand !important;
+}
+.sapThemeBrand-asBorderColor {
+	border-color: @sapUiBrand !important;
+}
+.sapThemeBrand-asBackgroundColor {
+	background-color: @sapUiBrand !important;
+}
+.sapThemeBrand-asOutlineColor {
+	outline-color: @sapUiBrand !important;
+}
+
+/* highlight color */
+.sapThemeHighlight,
+.sapThemeHighlight-asColor {
+	color: @sapUiHighlight !important;
+}
+.sapThemeHighlight-asBorderColor {
+	border-color: @sapUiHighlight !important;
+}
+.sapThemeHighlight-asBackgroundColor {
+	background-color: @sapUiHighlight !important;
+}
+.sapThemeHighlight-asOutlineColor {
+	outline-color: @sapUiHighlight !important;
+}
+
+/* border color */
+.sapThemeForegroundBorderColor,
+.sapThemeForegroundBorderColor-asBorderColor {
+	border-color: @sapUiContentForegroundBorderColor  !important;
+}

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

@@ -0,0 +1,340 @@
+/* ====================== */
+/* Shared CSS Base theme  */
+/* ====================== */
+
+.sapUiThemeDesignerCustomCssCheck() when(@sapUiThemeDesignerCustomCss = true){
+	content: 'true';
+}
+.sapUiThemeDesignerCustomCssCheck() when not(@sapUiThemeDesignerCustomCss = true){
+}
+
+link[id^="sap-ui-theme-"]::after,
+.sapUiThemeDesignerCustomCss {
+	.sapUiThemeDesignerCustomCssCheck;
+}
+
+.sapUiBody {
+	background-color: @sapUiExtraLightBG;
+	color: @sapUiText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	-webkit-tap-highlight-color: rgba(0,0,0,0); /* to prevent touch highlight on the entire body */
+	forced-color-adjust: @sapUiContentForcedColorAdjust;
+}
+
+.sapUiArea {
+	background-color: @sapUiExtraLightBG;
+	color: @sapUiText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+}
+
+/*
+ * used for static (Core) and hidden (HTML) area
+ * (TODO: think about renaming static area also to hidden since static is not
+ *        required for newer browsers anymore => position: static)
+ */
+.sapUiHidden {
+	position: absolute;
+	visibility: hidden;
+	left: -10000px;
+	top: -10000px;
+	background-color: @sapUiExtraLightBG; /* repeat the body style in case the application adapts it */
+	color: @sapUiText;
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+}
+
+.sapUiForcedHidden, .sapUiForcedHidden * {
+	visibility: hidden !important;
+}
+
+.sapUiCorePlaintext {
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+	line-height: @sapUiLineHeight;
+}
+
+.sapUiCoreDefaultFont {
+	font-family: @sapUiFontFamily;
+	font-size: @sapUiFontSize;
+}
+
+.sapUiCoreDefaultCursor {
+	cursor: default;
+}
+
+.sapUiBLy {
+	background-color: #CCCCCC;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+	top: 0px;
+	left: 0px;
+	right: 0px;
+	bottom: 0px;
+	position: fixed;
+	outline: 0 none;
+}
+
+.sapUiBLyWithin {
+	left: auto;
+	right: auto;
+	top: auto;
+	bottom: auto;
+}
+.sapUiBLyBack{
+	/* to prevent HTML page from scrolling if blocked */
+	overflow: hidden;
+}
+
+.sapUiPopupShield{
+	position: absolute;
+}
+
+[data-sap-ui-type] {
+	visibility:hidden;
+}
+
+/* CSS for windows 8 combi devices */
+.sapUiBody {
+	/* disable pinch zooming */
+	content-zooming: none;
+}
+
+@media (max-width:599px) {
+	.sapUiHideOnPhone {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnTablet {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnDesktop {
+		display : none !important;
+	}
+}
+
+@media (min-width:600px) and (max-width:1023px) {
+	.sapUiHideOnTablet {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnDesktop {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnPhone {
+		display : none !important;
+	}
+}
+
+@media (min-width:1024px) {
+	.sapUiHideOnDesktop {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnTablet {
+		display : none !important;
+	}
+	.sapUiVisibleOnlyOnPhone {
+		display : none !important;
+	}
+}
+
+.sapUiOverlay {
+	background-color: fade(@sapUiExtraLightBG, 80%);
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+/*
+ * Enforces 'auto' width. To be used in combination
+ * with pre-defined margin classes to remove any '100%'
+ * width's that might be set.
+ */
+.sapUiForceWidthAuto { width: auto !important; }
+
+/*
+ * Pre-defined margins classes. These contain css margin
+ * properties which are flagged 'important' to make sure
+ * margins that come with a control are overwritten (an
+ * example for a control with a pre defined margin is the
+ * sap.m.List).
+ *
+ * In case your control comes with width '100%', horizontal
+ * margins will not work properly. If your control has a
+ * width property (which is usually the case), you should
+ * set that property to 'auto'.
+ *
+ * There are some control's though which do not have a width
+ * property but still have a default width of '100%'
+ * (one example would be the SimpleForm). For these cases,
+ * please use css class 'sapUiForceWidthAuto' to which replace
+ * your control's default width with value 'auto'.
+ */
+
+/* Margins all around */
+.sapUiTinyMargin 	{ margin: @sapUiMarginTiny !important; }
+.sapUiSmallMargin 	{ margin: @sapUiMarginSmall !important; }
+.sapUiMediumMargin 	{ margin: @sapUiMarginMedium !important; }
+.sapUiLargeMargin 	{ margin: @sapUiMarginLarge !important; }
+
+/* Two-sided margins */
+.sapUiTinyMarginBeginEnd {
+	margin-left: @sapUiMarginTiny !important;
+	margin-right: @sapUiMarginTiny !important;
+}
+.sapUiTinyMarginTopBottom {
+	margin-top: @sapUiMarginTiny !important;
+	margin-bottom: @sapUiMarginTiny !important;
+}
+.sapUiSmallMarginBeginEnd {
+	margin-left: @sapUiMarginSmall !important;
+	margin-right: @sapUiMarginSmall !important;
+}
+.sapUiSmallMarginTopBottom {
+	margin-top: @sapUiMarginSmall !important;
+	margin-bottom: @sapUiMarginSmall !important;
+}
+.sapUiMediumMarginBeginEnd {
+	margin-left: @sapUiMarginMedium !important;
+	margin-right: @sapUiMarginMedium !important;
+}
+.sapUiMediumMarginTopBottom {
+	margin-top: @sapUiMarginMedium !important;
+	margin-bottom: @sapUiMarginMedium !important;
+}
+.sapUiLargeMarginBeginEnd {
+	margin-left: @sapUiMarginLarge !important;
+	margin-right: @sapUiMarginLarge !important;
+}
+.sapUiLargeMarginTopBottom {
+	margin-top: @sapUiMarginLarge !important;
+	margin-bottom: @sapUiMarginLarge !important;
+}
+
+/* Single-sided margins */
+.sapUiTinyMarginTop    { margin-top: @sapUiMarginTiny !important; }
+.sapUiTinyMarginBottom { margin-bottom: @sapUiMarginTiny !important; }
+.sapUiTinyMarginBegin  { margin-left: @sapUiMarginTiny !important; }
+.sapUiTinyMarginEnd    { margin-right: @sapUiMarginTiny !important; }
+
+.sapUiSmallMarginTop    { margin-top: @sapUiMarginSmall !important; }
+.sapUiSmallMarginBottom { margin-bottom: @sapUiMarginSmall !important; }
+.sapUiSmallMarginBegin  { margin-left: @sapUiMarginSmall !important; }
+.sapUiSmallMarginEnd    { margin-right: @sapUiMarginSmall !important; }
+
+.sapUiMediumMarginTop    { margin-top: @sapUiMarginMedium !important; }
+.sapUiMediumMarginBottom { margin-bottom: @sapUiMarginMedium !important; }
+.sapUiMediumMarginBegin  { margin-left: @sapUiMarginMedium !important; }
+.sapUiMediumMarginEnd    { margin-right: @sapUiMarginMedium !important; }
+
+.sapUiLargeMarginTop    { margin-top: @sapUiMarginLarge !important; }
+.sapUiLargeMarginBottom { margin-bottom: @sapUiMarginLarge !important; }
+.sapUiLargeMarginBegin  { margin-left: @sapUiMarginLarge !important; }
+.sapUiLargeMarginEnd    { margin-right: @sapUiMarginLarge !important; }
+
+/* Negative two-sided margins */
+.sapUiTinyNegativeMarginBeginEnd {
+	margin-left: -@sapUiMarginTiny !important;
+	margin-right: -@sapUiMarginTiny !important;
+}
+.sapUiSmallNegativeMarginBeginEnd {
+	margin-left: -@sapUiMarginSmall !important;
+	margin-right: -@sapUiMarginSmall !important;
+}
+.sapUiMediumNegativeMarginBeginEnd {
+	margin-left: -@sapUiMarginMedium !important;
+	margin-right: -@sapUiMarginMedium !important;
+}
+.sapUiLargeNegativeMarginBeginEnd {
+	margin-left: -@sapUiMarginLarge !important;
+	margin-right: -@sapUiMarginLarge !important;
+}
+
+
+/*
+ * Class for responsive margins which adapts to the screen size of the currently used device
+ */
+@media (max-width:599px) {
+	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
+	.sapMSplitContainerPortrait > .sapMSplitContainerDetail .sapUiResponsiveMargin,
+	.sapUiResponsiveMargin {
+		margin: 0 0 1rem 0 !important;
+	}
+}
+
+@media (min-width:600px) and (max-width:1023px) {
+	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
+	.sapUiResponsiveMargin {
+		margin: 1rem !important;
+	}
+}
+
+@media (min-width:1024px) {
+	.sapMSplitContainerHideMode > .sapMSplitContainerDetail .sapUiResponsiveMargin,
+	.sapUiResponsiveMargin {
+		margin: 1rem 2rem !important;
+	}
+}
+
+/*
+ * Content of SplitContainer Master
+ * (Left hand-side of SplitContainer)
+ */
+.sapMSplitContainerMaster .sapUiResponsiveMargin
+{
+	margin: 0 0 1rem 0 !important;
+}
+
+/*
+ * Content of SplitContainer Detail
+ * (Right hand-side of SplitContainer)
+ */
+.sapMSplitContainerDetail .sapUiResponsiveMargin{
+	margin: 1rem !important;
+}
+
+
+/*
+ * No margins, use these classes to remove existing margins.
+ * IMPORTANT: THESE CLASSES MUST COME AFTER ALL OTHER PRE-DEFINED MARGINS
+ * to make sure that their 'IMPORTANT' statement wins
+ */
+.sapUiNoMargin    { margin: 0 !important; } /*Removes ALL margins*/
+/*Use the following to remove a margin on a particular side of your container*/
+.sapUiNoMarginTop    { margin-top: 0 !important; }
+.sapUiNoMarginBottom { margin-bottom: 0 !important; }
+.sapUiNoMarginBegin  { margin-left: 0 !important; }
+.sapUiNoMarginEnd    { margin-right: 0 !important; }
+
+.sapUiInvisibleText, .sapUiHiddenPlaceholder {
+	display: none !important;
+}
+
+/* hides the content to sighted users, but still allow it to be read by screen readers */
+.sapUiPseudoInvisibleText {
+	position: absolute !important;
+	clip: rect(1px, 1px, 1px, 1px);
+	user-select: none;
+	left: 0;
+	top: 0;
+	font-size: 0;
+}
+
+/* CSS classes for bridging two buttons in the technical info dialog */
+.sapMBtn.sapUiDebugTechnicalInfoAssistantButton {
+	margin-right: 0 !important;
+}
+
+.sapMBtn.sapUiDebugTechnicalInfoAssistantButton>.sapMBtnInner {
+	border-top-right-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+.sapMBtn.sapUiDebugTechnicalInfoAssistantSettingsButton {
+	margin-left: 0 !important;
+}
+
+.sapMBtn.sapUiDebugTechnicalInfoAssistantSettingsButton>.sapMBtnInner  {
+	border-top-left-radius: 0 !important;
+	border-bottom-left-radius: 0 !important;
+}

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

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

package/src/sap/ui/core/themes/sap_belize_hcb/.theming

@@ -1,6 +1,7 @@
 {
   "sEntity": "Theme",
   "sId": "sap_belize_hcb",
-  "oExtends": "base",
-  "sVendor": "SAP"
+  "oExtends": "sap_belize_base",
+  "sVendor": "SAP",
+  "sDeprecated" : "since version 1.120.0"
 }

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

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

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

package/src/sap/ui/core/themes/sap_belize_hcw/.theming

@@ -1,6 +1,7 @@
 {
   "sEntity": "Theme",
   "sId": "sap_belize_hcw",
-  "oExtends": "base",
-  "sVendor": "SAP"
+  "oExtends": "sap_belize_base",
+  "sVendor": "SAP",
+  "sDeprecated" : "since version 1.120.0"
 }

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

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

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

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

@@ -3,6 +3,7 @@
   "sId": "sap_belize_plus",
   "oExtends": "sap_belize",
   "sVendor": "SAP",
+  "sDeprecated" : "since version 1.120.0",
   "aBundled": ["sap_belize"],
   "mCssScopes": {
     "library": {

package/src/sap/ui/dt/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 "Overlay.less";