@openui5/themelib_sap_belize 1.124.1 → 1.125.0

package/.reuse/dep5

@@ -50,6 +50,11 @@ Copyright: Mario Heiderich
 License: Apache-2.0
 Comment: these files belong to: purify.js
 
+Files: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.js
+Copyright: jQuery Foundation and other contributors, https://jquery.org/
+License: MIT
+Comment: these files belong to: QUnit Composite 2.0.0
+
 
 # Library: sap.ui.codeeditor:
 

package/THIRDPARTY.txt

@@ -12,6 +12,13 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: src/sap.m/src/sap/m/_thirdparty/purify.js
 
+Component: QUnit Composite 2.0.0, version: 2.0.0
+Copyright: jQuery Foundation and other contributors, https://jquery.org/
+License: MIT
+License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
+Contained in: src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.css
+	src/sap.m/test/sap/m/qunit/_thirdparty/qunit-composite.js
+
 
 Library: sap.ui.codeeditor:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/themelib_sap_belize",
-  "version": "1.124.1",
+  "version": "1.125.0",
   "description": "OpenUI5 Theme Library sap_belize",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,22 +14,22 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "devDependencies": {
-    "@openui5/sap.f": "1.124.1",
-    "@openui5/sap.m": "1.124.1",
-    "@openui5/sap.tnt": "1.124.1",
-    "@openui5/sap.ui.codeeditor": "1.124.1",
-    "@openui5/sap.ui.commons": "1.124.1",
-    "@openui5/sap.ui.core": "1.124.1",
-    "@openui5/sap.ui.dt": "1.124.1",
-    "@openui5/sap.ui.fl": "1.124.1",
-    "@openui5/sap.ui.mdc": "1.124.1",
-    "@openui5/sap.ui.integration": "1.124.1",
-    "@openui5/sap.ui.layout": "1.124.1",
-    "@openui5/sap.ui.rta": "1.124.1",
-    "@openui5/sap.ui.suite": "1.124.1",
-    "@openui5/sap.ui.table": "1.124.1",
-    "@openui5/sap.ui.unified": "1.124.1",
-    "@openui5/sap.ui.ux3": "1.124.1",
-    "@openui5/sap.uxap": "1.124.1"
+    "@openui5/sap.f": "1.125.0",
+    "@openui5/sap.m": "1.125.0",
+    "@openui5/sap.tnt": "1.125.0",
+    "@openui5/sap.ui.codeeditor": "1.125.0",
+    "@openui5/sap.ui.commons": "1.125.0",
+    "@openui5/sap.ui.core": "1.125.0",
+    "@openui5/sap.ui.dt": "1.125.0",
+    "@openui5/sap.ui.fl": "1.125.0",
+    "@openui5/sap.ui.mdc": "1.125.0",
+    "@openui5/sap.ui.integration": "1.125.0",
+    "@openui5/sap.ui.layout": "1.125.0",
+    "@openui5/sap.ui.rta": "1.125.0",
+    "@openui5/sap.ui.suite": "1.125.0",
+    "@openui5/sap.ui.table": "1.125.0",
+    "@openui5/sap.ui.unified": "1.125.0",
+    "@openui5/sap.ui.ux3": "1.125.0",
+    "@openui5/sap.uxap": "1.125.0"
   }
 }

package/src/sap/f/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/f/themes/sap_belize_base/AvatarGroup.less

@@ -0,0 +1,275 @@
+/* ============================= */
+/* CSS for control sap.f/AvatarGroup  */
+/* Base theme                    */
+/* ============================= */
+.sapFAvatarGroup {
+	width: 100%;
+	overflow: hidden;
+	padding: 0.0625rem;
+	margin: 0px;
+	display: inline-block;
+	white-space: nowrap;
+	max-width: 100%;
+
+	&.sapFAvatarGroupXS {
+		min-width: 2rem;
+		max-height: 2.00625rem;
+	}
+
+	&.sapFAvatarGroupS {
+		min-width: 3rem;
+		max-height: 3.00625rem;
+	}
+
+	&.sapFAvatarGroupM {
+		min-width: 4rem;
+		max-height: 4.00625rem;
+	}
+
+	&.sapFAvatarGroupL {
+		min-width: 5rem;
+		max-height: 5.00625rem;
+	}
+
+	&.sapFAvatarGroupXL {
+		min-width: 7rem;
+		max-height: 7.00625rem;
+	}
+}
+
+.sapFAvatarGroup:focus {
+	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+}
+
+.sapFAvatarGroupGroup {
+	cursor: pointer;
+
+	.sapFAvatarGroupItem {
+		display: inline-block;
+	}
+}
+
+.sapFAvatarGroupNonInteractive {
+	pointer-events: none;
+
+	&.sapFAvatarGroupIndividual .sapFAvatarGroupItem {
+		pointer-events: none;
+	}
+}
+
+.sapFAvatarGroupIndividual {
+	pointer-events: none;
+
+	.sapFAvatar {
+		pointer-events: none;
+	}
+
+	.sapFAvatarGroupMoreButton {
+		pointer-events: all;
+		cursor: pointer;
+	}
+
+	.sapFAvatarGroupItem {
+		pointer-events: all;
+		display: inline-block;
+		cursor: pointer;
+		padding: 0;
+		margin: 0;
+	}
+
+	.sapFAvatarGroupItem:focus {
+		outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+	}
+
+	.sapFAvatarGroupItemXS {
+		height: 2rem;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.0625rem;
+		}
+	}
+
+	.sapFAvatarGroupItemS {
+		height: 3rem;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.125rem;
+		}
+	}
+
+	.sapFAvatarGroupItemM {
+		height: 4rem;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.125rem;
+		}
+	}
+
+	.sapFAvatarGroupItemL {
+		height: 5rem;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.25rem;;
+		}
+	}
+
+	.sapFAvatarGroupItemXL {
+		height: 7rem;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.25rem;;
+		}
+	}
+
+	.sapFAvatarGroupItemCustom {
+		height: inherit;
+
+		&.sapFAvatarGroupItem:not(:last-child) {
+			margin-right: 0.125rem;
+		}
+	}
+}
+
+.sapFAvatarGroupGroup:not(.sapFAvatarGroupShowMore) {
+	pointer-events: all;
+}
+
+.sapFAvatarGroupGroup {
+	.sapFAvatarGroupItem:not(:last-child) {
+		&.sapFAvatarGroupItemXS {
+			margin-right: -0.75rem;
+		}
+
+		&.sapFAvatarGroupItemS {
+			margin-right: -1.25rem;
+		}
+
+		&.sapFAvatarGroupItemM {
+			margin-right: -1.625rem;
+		}
+
+		&.sapFAvatarGroupItemL {
+			margin-right: -2rem;
+		}
+
+		&.sapFAvatarGroupItemXL {
+			margin-right: -2.75rem;
+		}
+
+		&.sapFAvatarGroupItemCustom {
+			margin-right: var(--sapUiAvatarGroupCustomMarginRight);
+		}
+	}
+
+	.sapFAvatar,
+	.sapFAvatarGroupMoreButton {
+		pointer-events: none;
+	}
+}
+
+.sapFAvatarGroupMoreButton.sapMBtn {
+	padding: 0;
+ }
+
+ .sapFAvatarGroupMoreButton.sapMBtn:focus .sapMBtnFocusDiv {
+	border: none;
+}
+
+.sapFAvatarGroupMoreButton.sapMBtn:focus > .sapMBtnInner.sapMFocusable.sapMIE {
+	outline: @sapContent_FocusWidth @sapContent_FocusStyle @sapUiContentFocusColor;
+}
+
+ .sapFAvatarGroupMoreButton.sapMBtn:focus > .sapMFocusable.sapMBtnInner {
+	outline-offset: 0;
+}
+
+ .sapFAvatarGroupMoreButton .sapMBtnInner {
+	border-radius: 50%;
+ }
+
+ .sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonXS {
+	 height: 2rem;
+ }
+
+ .sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonS {
+	height: 3rem;
+}
+
+.sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonM {
+	height: 4rem;
+}
+
+.sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonL {
+	height: 5rem;
+}
+
+.sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonXL {
+	height: 7rem;
+}
+
+.sapMBtn.sapFAvatarGroupMoreButton.sapFAvatarGroupMoreButtonCustom {
+	height: inherit;
+	min-width: inherit;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+ .sapFAvatarGroupMoreButtonXS .sapMBtnInner {
+	height: 2rem;
+	min-width: 2rem;
+	font-size: 0.75rem;
+
+	.sapMBtnContent {
+		line-height: 2rem;
+	}
+ }
+
+ .sapFAvatarGroupMoreButtonS .sapMBtnInner {
+	height: 3rem;
+	min-width: 3rem;
+	font-size: 1.125rem;
+
+	.sapMBtnContent {
+		line-height: 3rem;
+	}
+ }
+
+ .sapFAvatarGroupMoreButtonM .sapMBtnInner {
+	height: 4rem;
+	min-width: 4rem;
+	font-size: 1.625rem;
+
+	.sapMBtnContent {
+		line-height: 4rem;
+	}
+ }
+
+ .sapFAvatarGroupMoreButtonL .sapMBtnInner {
+	height: 5rem;
+	min-width: 5rem;
+	font-size: 2rem;
+
+	.sapMBtnContent {
+		line-height: 5rem;
+	}
+ }
+
+ .sapFAvatarGroupMoreButtonXL .sapMBtnInner {
+	height: 7rem;
+	min-width: 7rem;
+	font-size: 2.75rem;
+
+	.sapMBtnContent {
+		line-height: 7rem;
+	}
+ }
+
+.sapFAvatarGroupMoreButtonCustom .sapMBtnInner {
+	height: inherit;
+	min-width: inherit;
+	font-size: inherit;
+
+	.sapMBtnContent {
+		line-height: inherit;
+	}
+}

package/src/sap/f/themes/sap_belize_base/CalendarPlaceholder.less

@@ -0,0 +1,70 @@
+/* ======================================================== */
+/* CSS for control sap.f.cards.loading/CalendarPlaceholder	*/
+/* Base theme																							 */
+/* ======================================================== */
+
+.sapFCard .sapFCardContentCalendarPlaceholder .sapFCardLoadingShimmer {
+	background-size: unset;
+}
+
+.sapFCardCalendarContent.sapMPCInCardTwoColumns .sapFCardContentCalendarPlaceholder {
+	display: flex;
+}
+
+.sapFCardContentCalendarPlaceholder {
+	.sapFCardContentCalendarPartPlaceholder {
+		height: 13rem;
+		min-width: 18rem;
+		margin: 1rem;
+	}
+	.sapFCardContentLegendItemsListPlaceholder {
+		column-width: 9rem;
+	}
+	.sapFCardContentItemsListPlaceholder {
+		margin: 1rem;
+	}
+	.sapFCardListPlaceholderItem {
+		height: 4.75rem;
+		display: block;
+		&.sapFCardListPlaceholderLegendItem {
+			width: 15rem;
+			height: 1.75rem;
+			.sapFCardListPlaceholderImg,
+			.sapFCardListPlaceholderRows {
+				display: inline-block;
+			}
+			.sapFCardListPlaceholderImg {
+				margin: 0.5rem 0.5rem 0.5rem 0;
+				height: 1rem;
+				width: 1rem;
+			}
+			.sapFCardListPlaceholderRows {
+				.sapFCardListPlaceholderRow {
+					width: 6rem;
+					margin-left: 0;
+				}
+				width: 8rem;
+			}
+		}
+		.sapFCardListPlaceholderFromTo {
+			height: 1rem;
+			width: 5rem;
+			display: inline-block;
+		}
+		.sapFCardListPlaceholderRows {
+			.sapFCardListPlaceholderRow {
+				height: 1rem;
+				width: 8rem;
+				margin-left: 2rem;
+				&.sapFCardListPlaceholderTextRow {
+					height: 0.75rem;
+					width: 6rem;
+				}
+			}
+		}
+	}
+}
+
+.sapUiSizeCompact .sapFCardContentCalendarPlaceholder .sapFCardContentItemsListPlaceholder .sapFCardListPlaceholderItem {
+	height: 4.75rem;
+}