@sapui5/sap.suite.ui.generic.template 1.126.0 → 1.127.0

package/src/sap/suite/ui/generic/template/lib/presentationControl/SmartTableHandler.js

@@ -231,7 +231,8 @@ sap.ui.define([
 		//Accepts row context in Grid Table and returns the Grid table row
 		function getGridTableRow(oContext) {
 			var iFirstVisibleRowIndex = oInnerTable.getFirstVisibleRow();
-			var iVisibleRowCount = oInnerTable.getVisibleRowCount();
+			// TODO This logic needs to be updated while adding "rowMode" aggregation to grid table 
+			var iVisibleRowCount = oInnerTable.getRows().length;
 			var sRowPath = oContext.getPath();
 			for (var i = 0; i < iVisibleRowCount; i++) {
 				if (oInnerTable.getContextByIndex(iFirstVisibleRowIndex + i).getPath() === sRowPath) {

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

@@ -62,7 +62,7 @@ sap.ui.define([
 		interfaces: [],
 		controls: [],
 		elements: [],
-		version: "1.126.0",
+		version: "1.127.0",
 		extensions: {
 			//Configuration used for rule loading of Support Assistant
 			"sap.ui.support": {

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

@@ -145,7 +145,7 @@ sap.ui.define(["sap/suite/ui/generic/template/genericUtilities/FeError", "sap/ba
 
 		if (Array.isArray(aNavigationProperties)) {
 			bUseProvidedNavigationProperties = true;
-			sIncludedNavigationProperties = aNavigationProperties.join(",");	
+			sIncludedNavigationProperties = aNavigationProperties.join(",");
 		} else {
 			bUseProvidedNavigationProperties = true;
 		}

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

@@ -35,7 +35,7 @@
 									showDetailsButton="{= ${tableSettings>type} === 'ResponsiveTable'}"
 									detailsButtonSetting="{= ${tableSettings>type} === 'ResponsiveTable' ? 'None,Low,Medium' : null}"
 									demandPopin="{= ${tableSettings>type} === 'ResponsiveTable'}"
-									useExportToExcel="true"
+									enableExport="true"
 									customData:p13nDialogSettings="{= (${parameter>/settings/smartVariantManagement} && !${parameter>/settings/enableTableFilterInPageVariant}) ? '{filter:{visible:false}}' : '{filter:{visible:true}}'}"
 									customizeConfig="{parts: [{path: 'entitySet>'}, {path: 'entitySet>dummy'}, {path: 'tableSettings>calculateWidthIncludingColumnHeader'}], formatter: 'AH.buildSmartTableCustomizeConfig'}"
 									ignoredFields="{workingContext>ignoredFields}"

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

@@ -287,7 +287,7 @@ sap.ui.define(["sap/suite/ui/generic/template/genericUtilities/FeError", "sap/ba
 	/**
 	 * checks for date value is semantic or not
 	 * @param {Object} oState - state of the app
-	 * @returns {object} return true if atleast one semantic date value present else false
+	 * @returns {boolean} return true if at least one semantic date value present else false
 	 */
 	function fnHasSemanticDateValue(oState) {
 		var oSemanticDates = oState.oSmartFilterbar.getUiState().getSemanticDates();

package/src/sap/suite/ui/generic/template/themes/base/base.less

@@ -5,3 +5,7 @@
 .sapSmartTemplatesCreateDialog {
 	max-width: fit-content;
 }
+
+.sapSmartTemplateEasyFilterInputPadding {
+  padding: 0.5rem 1rem;
+}

package/src/sap/suite/ui/generic/template/themes/sap_hcb/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_hcb/base.less

@@ -0,0 +1,7 @@
+.sapSmartTemplatesSmartLinkNavPopoverContentAvatar{
+  margin-right: .75rem;
+}
+
+.sapSmartTemplatesCreateDialog {
+	max-width: fit-content;
+}

package/src/sap/suite/ui/generic/template/themes/sap_hcb/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_hcb/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;
+}