@sapui5/sap.cux.home 1.135.0 → 1.136.0

package/src/sap/cux/home/manifest.json

@@ -29,16 +29,16 @@
   },
   "sap.ui5": {
     "dependencies": {
-      "minUI5Version": "1.134",
+      "minUI5Version": "1.135",
       "libs": {
         "sap.ui.core": {
-          "minVersion": "1.134.0"
+          "minVersion": "1.135.0"
         },
         "sap.m": {
-          "minVersion": "1.134.0"
+          "minVersion": "1.135.0"
         },
         "sap.ui.integration": {
-          "minVersion": "1.134.0"
+          "minVersion": "1.135.0"
         }
       }
     },

package/src/sap/cux/home/themes/base/AppsContainer.less

@@ -1,5 +1,6 @@
 @_sap_f_Card_BorderRadius: @sapUiElementBorderCornerRadius;
 @_sap_f_Card_BoxShadow: @sapUiContentShadow0;
+@appsPanelWrapperBorder: 0;
 
 .sapCuxBaseContainer {
 	.sapCuxAppsPanel {
@@ -10,6 +11,10 @@
 		border: 0.25rem solid @sapUiTileBorderColor;
 	}
 
+	.sapCuxAppsPanelWrapper {
+		border: @appsPanelWrapperBorder solid @sapUiTileBorderColor;
+	}
+
 	.TwoByHalf.sapMGTIconMode.sapThemeBrand-asOutlineColor {
 		outline: 0.125rem solid;
 
@@ -72,6 +77,13 @@
 	.sapCuxAppsDetailContainerPadding {
 		padding: 1rem;
 	}
+
+	.TwoByHalf.sapMGTIconMode.sapThemeBrand-asOutlineColor {
+		outline: 0.125rem solid;
+		.sapMGTMoreIcon {
+			visibility: visible;
+		}
+	}
 }
 
 .sapCuxCreateGroupDialog,

package/src/sap/cux/home/themes/base/BaseLayout.less

@@ -6,6 +6,7 @@
 	--padding-left: 2rem;
 	--header-padding-top: 0.5rem;
 	--header-padding-bottom: 0.5rem;
+	--header-bgcolor-faded: fade(@sapShell_Category_1_Background, 50%);
 
 	// Inner element margins
 	--margin-bottom: 2.625rem;

package/src/sap/cux/home/themes/base/ContentAdditionDialog.less

@@ -0,0 +1,69 @@
+.sapCuxContentAdditionDialog {
+	.sapMDialogScroll,
+	.sapMITB,
+	.sapMITBContainerContent,
+	.sapMITBContent {
+		height: 100%;
+	}
+
+	.sapMDialogSection {
+		background: @sapBackgroundColor;
+	}
+
+	.sapMITH {
+		padding: 0 1rem;
+	}
+
+	.sapMITBContent {
+		padding: 0;
+	}
+
+	.headerContent {
+		padding: 1rem;
+	}
+
+	.illustratedMessageContainer figcaption {
+		max-width: none;
+	}
+
+	.loadingAnimation {
+		border-radius: @_sap_f_Card_BorderRadius;
+	}
+
+	.appSuggestionList {
+		padding: 0 1rem 1rem 1rem;
+
+		.sapMLIB.sapMLIBSelected {
+			border-bottom-color: @sapList_BorderColor;
+			background: @sapList_Background;
+		}
+
+		ul {
+			display: flex;
+			flex-direction: column;
+			row-gap: 1rem;
+
+			li {
+				border-radius: @_sap_f_Card_BorderRadius;
+			}
+		}
+	}
+
+	.suggestedTile {
+		box-shadow: @sapContent_Shadow0;
+	}
+
+	.statusTextsContainer span:nth-child(even)::before {
+		content: "|";
+		margin: 0 0.5rem;
+		color: @sapTile_SeparatorColor;
+	}
+
+	.addedAppStatusText {
+		color: @sapPositiveTextColor;
+	}
+
+	.deprecatedAppStatusText {
+		color: @sapCriticalElementColor;
+	}
+}

package/src/sap/cux/home/themes/base/NewsAndPagesContainer.less

@@ -1,6 +1,6 @@
 .sapCuxBaseContainer {
-	.newsSlideFlexGap {
-		gap: 0.5rem;
+	.pagesFlexGap {
+		gap: 1rem;
 	}
 
 	.pagesFlexBox {
@@ -8,7 +8,7 @@
 	}
 
 	.newsTileMaxWidth {
-		max-width: 39.75rem;
+		max-width: 100%;
 	}
 
 	.sapMNewsFlex {
@@ -68,14 +68,7 @@
 
 	.cuxPagesPlaceholder {
 		height: 8rem;
-	}
-}
-
-.sapCuxHorizontal {
-	.sapCuxBaseWrapper {
-		> .sapMFlexItem:first-child {
-			max-width: 39.75rem;
-		}
+		width: 48%;
 	}
 }
 
@@ -88,10 +81,42 @@
 .newsListItemContainer {
 	gap: 0.5rem;
 }
+.sapMGTOneByOne.sapMGTIconMode.sapCuxPageTile {
+	max-width: 100%;
+}
 
 /** Mobile View **/
-@media (min-width: 320px) and (max-width: 599px) {
+@media (min-width: 320px) and (max-width: 623px) {
 	.sapMGTOneByOne.sapMGTIconMode.sapCuxPageTile {
 		min-width: calc(50% - 2.5rem);
 	}
+	.sapCuxBaseContainer {
+		.pagesFlexGap {
+			gap: 0.5rem;
+		}
+		.cuxPagesPlaceholder {
+			width: 48%;
+		}
+	}
+}
+
+/** Tablet View **/
+@media (min-width: 624px) and (max-width: 1023px) {
+	.sapCuxBaseContainer {
+		.cuxPagesPlaceholder {
+			width: 22%;
+		}
+	}
+}
+
+/** Desktop View **/
+@media (min-width: 1024px) {
+	.sapCuxBaseContainer {
+		.newsTileMaxWidth {
+			min-width: 27rem;
+		}
+		.cuxPagesPlaceholder {
+			width: 23%;
+		}
+	}
 }