@sapui5/sap.suite.ui.generic.template 1.123.1 → 1.124.0

package/src/sap/suite/ui/generic/template/library.js

@@ -27,7 +27,8 @@ sap.ui.define([
 	"sap/ui/fl/library",
 	"sap/ui/generic/app/library",
 	"sap/ui/rta/library",
-	"sap/ushell/library"
+	"sap/ushell/library",
+	"sap/cards/ap/common/library"
 ], function(Library) {
 	"use strict";
 
@@ -54,13 +55,14 @@ sap.ui.define([
 			"sap.ui.fl",
 			"sap.ui.generic.app",
 			"sap.ui.rta",
-			"sap.ushell"
+			"sap.ushell",
+			"sap.cards.ap.common"
 		],
 		types: [],
 		interfaces: [],
 		controls: [],
 		elements: [],
-		version: "1.123.1",
+		version: "1.124.0",
 		extensions: {
 			//Configuration used for rule loading of Support Assistant
 			"sap.ui.support": {
@@ -80,13 +82,13 @@ sap.ui.define([
 	 * @public
 	 */
 	thisLib.displayMode = {
-		
+
 		/**
 		 * Navigating with a mode which is not yet decided (fallback condition)
 		 * @public
 		 */
 		undefined : "undefined",
-		
+
 		/**
 		 * Navigating in read-only mode
 		 * @public

package/src/sap/suite/ui/generic/template/listTemplates/controller/IappStateHandler.js

@@ -383,6 +383,11 @@ sap.ui.define(["sap/ui/base/Object",
 				// Smart filter bar all the filters will be replaced by the one which are coming from oUiState build base of oSelectionVariant where the Semantic Date Default Values
 				// is missing and because of that the values are replaced. Hence adding the semantic Dates to oSelectionVariant as mentioned by the Smart Control Colleague in the BCP - 2180400040
 				oStartupObject.semanticDates.Dates.forEach(function(oSelectDateOption){
+					var oSelectionDateOption = oStartupObject.selectionVariant.getSelectOption(oSelectDateOption.PropertyName);
+					//If startup object contains date range with the oSelectionDateOption PropertyName no need to override
+					if (oSelectionDateOption && oSelectionDateOption.length != 0) {
+						return;
+					}
 					oStartupObject.selectionVariant.addSelectOption(oSelectDateOption.PropertyName, "I", "EQ", "");
 				});
 

package/src/sap/suite/ui/generic/template/listTemplates/fragments/DetailSmartTable.fragment.xml

@@ -256,6 +256,12 @@
 														</cells>
 													</ColumnListItem>
 												</items>
+												<contextMenu>
+													<core:Fragment fragmentName="sap.suite.ui.generic.template.fragments.SmartControlContextMenu" type="XML"/>
+												</contextMenu>
+												<dependents>
+													<plugins.ContextMenuSetting scope="Selection"/>
+												</dependents>
 											</template:with>
 											<!-- Responsive -->
 										</Table>

package/src/sap/suite/ui/generic/template/listTemplates/listUtils.js

@@ -1,14 +1,11 @@
-sap.ui.define(["sap/ui/core/library",
+sap.ui.define(["sap/ui/core/message/MessageType",
 	"sap/fe/navigation/SelectionVariant",
 	"sap/ui/model/odata/AnnotationHelper",
 	"sap/base/util/extend",
 	"sap/ui/model/Context"],
-	function(coreLibrary, SelectionVariant, ODataAnnotationHelper, extend, Context) {
+	function(MessageType, SelectionVariant, ODataAnnotationHelper, extend, Context) {
 		"use strict";
 
-		// shortcut for sap.ui.core.MessageType
-		var MessageType = coreLibrary.MessageType;
-
 		var sLocalModelName = "msg";
 
 		// Method to be called in onBeforeRebindTable or onBeforeRebindChart to ensure that errors are handled accordingly

package/src/sap/suite/ui/generic/template/support/lib/CommonChecks.js

@@ -110,10 +110,9 @@ sap.ui.define([
 				&& sap.ui.getCore().byId(xmlView[0].id)
 				&& sap.ui.getCore().byId(xmlView[0].id).getController()
 				&& sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent()
-				&& sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent().getMetadata()
-				&& sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent().getMetadata().getManifest()) {
+				&& sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent().getManifest()) {
 
-				oManifest = sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent().getMetadata().getManifest();
+				oManifest = sap.ui.getCore().byId(xmlView[0].id).getController().getOwnerComponent().getManifest();
 			} else {
 				// Detected OVP structure in DOM but could not load manifest from core!
 				return undefined;
@@ -126,10 +125,9 @@ sap.ui.define([
 						&& sap.ui.getCore().byId(xmlView[i].id).getController()
 						&& sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent()
 						&& sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent()
-						&& sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent().getMetadata()
-						&& sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent().getMetadata().getManifest()) {
+						&& sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent().getManifest()) {
 
-						oManifest = sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent().getMetadata().getManifest();
+						oManifest = sap.ui.getCore().byId(xmlView[i].id).getController().getOwnerComponent().getAppComponent().getManifest();
 						break;
 					}
 				}

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal/library.source.less

@@ -1,4 +1,13 @@
-@import "../base/library.source.less";
+/***********************************************************************************
+/* Due to deprecation of sap_bluecrystal with SAPUI5 version 1.44 the
+/* inheritance of the base theme is now updated to an inheritance of a static
+/* copy of the base theme named sap_bluecrystal_base. The respective
+/* control css files of base are copied to the sap_bluecrystal_base theme folder.
+/* This decoupling of the base theme is introduced with SAPUI5 version 1.124.
+***********************************************************************************/
+
+
+@import "../sap_bluecrystal_base/library.source.less";
 @import "../../../../../../../sap/ui/core/themes/sap_bluecrystal/base.less";
 @import "../../../../../../../sap/ui/core/themes/sap_bluecrystal/global.less";
 

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal_base/ALPConstants.less

@@ -0,0 +1,47 @@
+/* KPI TAG */
+@_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight: 37.5rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth: 25rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft : 21px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiErrorPopOverContainerPadding : 10px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight: 0.75rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact : 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy : 3rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCozy: 2.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom:0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCompact: 1.625rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight: 1.4;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMinWidth: 4.5rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth: 1px 1px 1px 3px;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin: 0rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding: 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginInOverflow: 0.4rem 0.2rem 0.5rem 0.1rem;
+
+/* VF */
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterMargin: 0 0.0625rem 0.0625rem 0.0625rem;
+@_sap_suite_ui_generic_template_ALPConstants_ChartTitlePadding: 0 0 0.5rem 0.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterChartHeight: 10rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterPadding: 0 0 0 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarMargin : 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarSapMiBarMargin : 1.25rem;
+@_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarClosed : 1rem;
+@_sap_suite_ui_generic_template_ALPConstants_VFOverflowOpacity: 1.0;
+@_sap_suite_ui_generic_template_ALPConstants_VFOverflowFontSize: 0.875rem;
+@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth: 15rem;
+@_sap_suite_ui_generic_template_ALPConstants_BackgroundColorNone: none;
+@_sap_suite_ui_generic_template_ALPConstants_BackgroundOpacity: .5;
+@_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding: .25rem;
+
+
+
+
+/* ALP PAGE */
+@_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom : 0.75rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageTitlePadding : 0 2rem 0.5rem 2.4rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageChartTitlePadding: 0.2rem 0 0.5rem 0.15rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding : 0.5rem 2.75rem 0.5rem 1.8rem;
+@_sap_suite_ui_generic_template_ALPConstants_PageContentPadding : 1rem 2rem 1rem 2rem;
+@_sap_suite_ui_generic_template_ALPConstants_ZeroPadding : 0 0 0 0;
+@_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight : 15rem;

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal_base/AnalyticalListPage.less

@@ -0,0 +1,475 @@
+
+@import "ALPConstants.less";
+
+.sapSmartTemplatesAnalyticalListPageContentContainer{
+	.sapMBtnTransparent.sapMSegBBtnSel>.sapMBtnIcon {
+		color: @sapHighlightTextColor;
+	}
+    .sapMIBar>.sapMBarChild.sapMSegB:last-child{
+		margin-right: 0;
+    }
+}
+
+.sapSmartTemplatesAnalyticalListPageMasterExtension {
+	overflow: hidden;
+}
+
+.sapSmartTemplatesAnalyticalListPageFilterContainer.sapUiVlt{
+	display:block;
+	overflow:inherit;
+}
+
+.sapSmartTemplatesAnalyticalListPageChartContainer {
+	min-height: @_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight;
+}
+.sapSmartTemplatesAnalyticalListPageInheritHeight{
+	height:inherit;
+}
+.sapSmartTemplatesAnalyticalListPageCompactFilter {
+	border-bottom: none;
+}
+.sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
+	padding-left: 0.4rem;
+}
+.sap-desktop .sapSmartTemplatesAnalyticalListPageVFDialogChartTitle {
+	padding-left: 0.4rem;
+	max-width: 60%;
+}
+
+.sapSmartTemplatesAnalyticalListPageVFDialogGroupTitle {
+	font-family: @sapUiFontHeaderFamily; 
+	font-size: @sapMFontHeader5Size !important;
+	font-weight: @sapUiFontHeaderWeight; 
+	color: @sapUiGroupTitleTextColor;
+}
+
+.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainLeft {
+	width: 59% !important;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPageTitleMargin>.sapFDynamicPageTitleMain>.sapFDynamicPageTitleMainLeft {
+	margin-top: 3px;
+	.sapUiCompVarMngmt {
+		margin-right: 1rem;
+		height: 2.4365rem;
+	}
+}
+.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainRight {
+	width: 41% !important;
+}
+/***** Required end *****/
+
+/***** UI Tweaks start *****/
+
+.sapUiCompSmartFullScreenDialog{
+	.sapSmartTemplatesAnalyticalListPageContentContainer{
+		.sapMTB{
+			border-bottom-color: @sapUiChartBackgroundColor;
+ 		}
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageFilterDialogToolbar.sapMTB{
+	border-bottom-color: @sapUiChartBackgroundColor;
+}
+
+.sapSmartTemplatesAnalyticalListPageSmartChart{
+	.sapMTB{
+		border-bottom-color: @sapUiChartBackgroundColor;
+	}
+}
+.sapMListBGTranslucent{
+	.sapSmartTemplatesAnalyticalListPageRowHighlighted.sapMLIB.sapMListTblRow{
+		background-color: @sapUiListSelectionBackgroundColor !important;
+		> td{ 
+			border-bottom: .0625rem solid @sapUiListSelectionBorderColor;
+		}
+	}
+}
+.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+	background-color: @sapUiListSelectionBackgroundColor !important;
+	.sapUiTableCell{
+		border-bottom: .0625rem solid @sapUiListSelectionBorderColor;
+		&.sapUiTableRowSelectionCell{
+			box-shadow: none !important;
+		}
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageDropdownDialogCancelButton.sapUiIcon{
+    margin-right: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
+}
+.sapSmartTemplatesAnalyticalListPageShowSelectedSelectAllDisabled{
+	opacity: @_sap_suite_ui_generic_template_ALPConstants_BackgroundOpacity;
+	background: @sapUiButtonLiteBackground;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMTB-Info-CTX.sapMTB{
+	padding: 0 0.25rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMLIB{
+	padding:0 .75rem 0 .75rem;
+}
+.sapUiTableCtrl{
+	.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+		background-color: @sapUiListSelectionBackgroundColor;
+	}
+}
+
+.sapUiTableRowHdr.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+	background-color: @sapUiListSelectionBackgroundColor;
+}
+
+.sapUiTable{
+	.sapUiTableCtrl{
+		.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+			> td{
+				background-color: @sapUiListSelectionBackgroundColor;
+			}
+	   	}
+	}
+	.sapUiTableRowHdr.sapUiTableGroupHeader.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
+		background-color: @sapUiListSelectionBackgroundColor;
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageTableContainer>.sapUiCompSmartTable{
+    .sapMTB{
+		margin-bottom: @_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom;
+		border-bottom-color: @sapUiChartBackgroundColor;
+	}
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterBar{
+    .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+    	vertical-align: top;
+    	height: 11rem;
+    }
+    height: 11rem !important;
+}
+
+.sapSmartTemplatesAnalyticalListPageVisualFilterBarCozy {
+   .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+    	vertical-align: top;
+    	height: 14rem;
+    }
+    height: 14rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterBarCozyPhone {
+   .ui5-viz-controls-viz-frame{
+    	.v-datapoint-group{
+        	.v-datapoint{
+            	> rect{
+                    rx: 3px;
+                    ry: 3px;
+                }
+            }
+        }
+    }
+}
+.sapSmartTemplatesAnalyticalListPageVisualFilterToolbar{
+	margin-right: @_sap_suite_ui_generic_template_ALPConstants_VisualFilterToolbarMargin;
+}
+
+.sapSmartTemplatesAnalyticalListPageVisualFilterTitleToolbar.sapMTB { /* not possible to hide the line at the bottom of the toolbar via settings, have to do this via CSS*/
+	border-bottom: none;
+	padding: @_sap_suite_ui_generic_template_ALPConstants_PageChartTitlePadding;
+
+}
+
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle{
+	padding: @_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding;
+	border: none;
+}
+
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle .sapFDynamicPageTitleSnapped>.sapSmartTemplatesAnalyticalListPageSnappedContentText{
+	margin-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft;
+	cursor: pointer;
+}
+
+.sapFDynamicPageContent .sapSmartTemplatesAnalyticalListPageContentContainer {
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
+}
+.sapMFlexBox.sapMFlexBoxAlignContentStretch.sapMFlexBoxAlignItemsEnd {
+	padding: @_sap_suite_ui_generic_template_ALPConstants_ZeroPadding;
+}
+.sapSmartTemplatesAnalyticalListPageFilterDialogTitleToolbar {
+	border-bottom: none !important;
+	padding-left: 0rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageDynamicPage.sapFDynamicPage-Std-Phone .sapFDynamicPageContentFitContainer {
+	padding: 2rem 1rem 0 1rem !important;
+}
+// .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+// 	padding-top: 0.5rem !important;
+// 	padding-bottom: 1.5rem !important;
+// }
+
+.sapSmartTemplatesAnalyticalListPageDynamicPage {
+	.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+		padding: 0rem 2rem 1rem 2rem !important;
+	}
+}
+/***** UI Tweaks end *****/
+
+/***** new controls start *****/
+
+/**************** KPI TAG START ****************/
+
+.sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
+	margin-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerMarginLeft;
+}
+
+.sapSmartTemplatesAnalyticalListPageErrorPopOver{
+	padding: @_sap_suite_ui_generic_template_ALPConstants_KpiErrorPopOverContainerPadding;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
+	margin-left: 0rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy;
+}
+.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact;
+}
+.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTag {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCompact;
+	padding-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom;
+	padding-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCompactPaddingTopBottom;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	margin-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	border-width:@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTag {
+	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagHeightCozy;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom;
+	margin-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyMarginTopBottom;
+	padding-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom;
+	padding-bottom:@_sap_suite_ui_generic_template_ALPConstants_KpiTagCozyPaddingTopBottom;
+	margin-top:@_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginTopBottom;
+	border-width:@_sap_suite_ui_generic_template_ALPConstants_KpiTagBorderWidth;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTag{
+	align-items: center !important;
+	background-color: @sapUiListBackground;
+	border-left-width: 3px;
+	border-style: solid;
+	border-right-style: none;
+	margin-top: 2px;
+	margin-bottom: 1px;
+	border-radius: 3px;
+	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
+	border-color: @sapUiListBorderColor;
+	padding-left:@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight;
+	padding-right:@_sap_suite_ui_generic_template_ALPConstants_KpiTagPaddingLeftRight;
+	cursor: pointer;
+	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiTagMinWidth;
+	display: flex !important;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	font-weight: @sapUiFontHeaderWeight;
+	box-shadow: @sapUiShadowLevel0;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTag:hover {
+	background-color: @sapUiListHoverBackground;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTagValue{
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKpiTagName{
+	color: @sapUiContentLabelColor;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	text-align: left;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIErrorIcon {
+	color: @sapUiNegativeText;
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIWarningIcon {
+  color: @sapUiCriticalText;
+  text-align: right;
+  line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+  padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+  padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+}
+.sapSmartTemplatesAnalyticalListPageKPIInformationIcon {
+	color: @sapUiNeutralText;
+	text-align: right;
+	line-height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLineHeight;
+	padding-left: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftPadding;
+	padding-right: @_sap_suite_ui_generic_template_ALPConstants_KpiTagLeftMargin;
+  }
+.sapSmartTemplatesAnalyticalListPageKPINeutral{
+	color: @sapUiNeutralText;
+	border-left-color: @sapUiNeutralBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPICritical{
+	color: @sapUiCriticalText;
+	border-left-color: @sapUiWarningBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPIPositive{
+	color: @sapUiPositiveText;
+	border-left-color: @sapUiSuccessBorder;
+}
+.sapSmartTemplatesAnalyticalListPageKPINegative{
+	color: @sapUiNegativeText;
+	border-left-color: @sapUiErrorBorder;
+}
+
+.sapSmartTemplatesAnalyticalListPageKPIUndetermined{
+	color: @sapUiBaseText;
+	border-left-color: @sapUiBaseText;
+}
+.sapSmartTemplatesAnalyticalListPageKpiCardStyle{
+	min-height: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight;
+	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth;
+}
+.sapMOverflowToolbarMenu-CTX .sapSmartTemplatesAnalyticalListPageKpiTag {
+	margin: @_sap_suite_ui_generic_template_ALPConstants_KpiTagMarginInOverflow !important
+}
+.sapMOverflowToolbarMenu-CTX .sapSmartTemplatesAnalyticalListPageKpiTagValue {
+	text-align: end;
+	padding-left: 1.8rem;
+}
+.sapSmartTemplatesAnalyticalListPageVFTitle {
+	margin: 0.5rem 1.5rem 0.5rem 1rem !important;
+	width: 20rem !important;
+}
+
+@media screen and (max-width: 600px) {
+	.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
+		padding: 0rem 1rem 1rem 1rem !important;
+	}
+
+	.sapSmartTemplatesAnalyticalListPageVFTitle {
+		margin-top: 0.75rem !important;
+		margin-bottom: 0.75rem !important;
+	}
+
+	.sapSmartTemplatesAnalyticalListPageVisualFilterTitleText {
+		font-family: @sapUiFontFamily; 
+		font-size: @sapMFontLargeSize;
+		line-height: 1.5; 
+		color: @sapUiBaseText; 
+	}
+}
+
+.sapSmartTemplatesAnalyticalListPageVFChart {
+	margin: 0rem 1.5rem 0.5rem 1rem !important;
+	width: 20rem !important;
+}
+
+/**************** KPI TAG END ****************/
+
+.sapSmartTemplatesAnalyticalListPageVFOverflow {
+	background-color: @sapUiTileBackground;
+	opacity: @_sap_suite_ui_generic_template_ALPConstants_VFOverflowOpacity;
+	border-color: fade(@sapUiBrand, 20%);
+	font-size: @_sap_suite_ui_generic_template_ALPConstants_VFOverflowFontSize;
+	border-width: 1px;
+	border-style: solid;
+	white-space: pre-line;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin-top: 0;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom:initial;
+	text-align: center;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagCozy {
+	height: 2.4365rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFOverflowCozy {
+	margin-top: 0.25rem;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy.sapMCb {
+	padding-left: 38px !important;
+}
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy .sapMCbBg {
+	left: 0.4375rem !important;
+}
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog{
+	min-width:	@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth;
+}
+
+ .sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
+ 	width: inherit;
+	padding: 0.5rem 1rem;
+	height: 3rem;
+	border-bottom: none;
+ }
+
+ .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
+ 	width: inherit;
+	padding: 0.5rem 1rem;
+	height: 3rem;
+	border-bottom: none;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageFilterableKPITitle{
+ 	font-family: @sapUiFontHeaderFamily;
+	font-size: @sapMFontHeader2Size;
+	font-weight: @sapUiFontHeaderWeight;
+	color: @sapUiGroupTitleTextColor;
+	line-height: 2rem;
+	padding-right: 1rem;
+	max-width: 25rem;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageKpiTagDisable{
+	z-index: -1;
+	opacity: 0.5;
+	background-color: transparent;
+ }
+
+ .sapSmartTemplatesAnalyticalListPageKpiTagOverflow {
+	border-bottom: none;
+}
+
+.sapSmartTemplatesAnalyticalListPageHeaderContainerBorder {
+	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.10), inset 0 -1px 0 0 #d9d9d9 !important;
+}
+
+
+.sapUiTheme-sap_fiori_3 .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageContentWrapper {
+    background: #f7f7f7;
+}
+
+.sapSmartTemplatesAnalyticalListPageRequired:before {
+	content:"*";
+	color: @sapUiFieldRequiredColor;
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontLargeSize;
+	font-weight: bold;
+	position: relative;
+	vertical-align: middle;
+	line-height: 0;
+}
+

package/src/sap/suite/ui/generic/template/themes/sap_bluecrystal_base/ListReport.less

@@ -0,0 +1,33 @@
+.sapSmartTemplatesListReportDraftInfoIcon.sapUiIcon {
+  font-family: SAP-icons;
+  font-size: 1rem;
+  padding-right: 0.5rem;
+}
+
+.sapSmartTemplatesListReportFilterSummary {
+  cursor: pointer;
+}
+
+.sapSmartTemplatesSLIPositive > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapPositiveElementColor;
+}
+.sapSmartTemplatesSLINeutral > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapNeutralElementColor;
+}
+.sapSmartTemplatesSLINegative > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapNegativeElementColor;
+}
+.sapSmartTemplatesSLICritical > .sapMLIBContent > .sapMGHLITitle {
+	color: @sapCriticalElementColor;
+}
+
+.sapSmartTemplatesSLIBold > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly {
+	font-weight: bold;
+}
+
+.sapSmartTemplatesListReportFirstText {
+	overflow: visible;
+	font-weight: bold;
+	display: inline-block;
+	word-wrap: break-word;
+}