@sapui5/sap.suite.ui.generic.template 1.145.1 → 1.147.0

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

@@ -1,3 +1,7 @@
+/* ================================================================= */
+/* CSS for control sap.suite.ui.generic.template/AnalyticalListPage  */
+/* Base Theme                                                        */
+/* ================================================================= */
 
 @import "ALPConstants.less";
 
@@ -5,7 +9,7 @@
 	overflow: hidden;
 }
 
-.sapSmartTemplatesAnalyticalListPageFilterContainer.sapUiVlt{
+.sapSmartTemplatesAnalyticalListPageFilterContainer.sapUiVlt {
 	display:block;
 	overflow:inherit;
 }
@@ -13,179 +17,211 @@
 .sapSmartTemplatesAnalyticalListPageChartContainer {
 	min-height: @_sap_suite_ui_generic_template_ALPConstants_PageChartMinHeight;
 }
-.sapSmartTemplatesAnalyticalListPageInheritHeight{
+
+.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;
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader5Size) !important;
+	font-weight: @sapUiFontHeaderWeight;
+	color: var(--sapGroup_TitleTextColor);
 }
 
-.sapSmartTemplatesAnalyticalListPageDynamicPageTitle>.sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainLeft {
+.sapSmartTemplatesAnalyticalListPageDynamicPageTitle > .sapFDynamicPageTitleMain.sapFDynamicPageTitleMainNoContent>.sapFDynamicPageTitleMainLeft {
 	width: 59% !important;
 }
+
 /***** Required end *****/
 
 /***** UI Tweaks start *****/
 
 .sapUiCompSmartFullScreenDialog{
-	.sapSmartTemplatesAnalyticalListPageContentContainer{
-		.sapMTB{
+
+	.sapSmartTemplatesAnalyticalListPageContentContainer {
+
+		.sapMTB {
 			border-bottom-color: @sapUiChartBackgroundColor;
- 		}
+		}
 	}
 }
 
-.sapSmartTemplatesAnalyticalListPageFilterDialogToolbar.sapMTB{
+.sapSmartTemplatesAnalyticalListPageFilterDialogToolbar.sapMTB {
 	border-bottom-color: @sapUiChartBackgroundColor;
 }
 
-.sapSmartTemplatesAnalyticalListPageSmartChart{
+.sapSmartTemplatesAnalyticalListPageSmartChart {
+
 	.sapMTB{
 		border-bottom-color: @sapUiChartBackgroundColor;
 	}
 }
-.sapMListBGTranslucent{
-	.sapSmartTemplatesAnalyticalListPageRowHighlighted.sapMLIB.sapMListTblRow{
-		background-color: @sapUiListSelectionBackgroundColor !important;
-		> td{ 
-			border-bottom: @sapElement_BorderWidth solid @sapUiListSelectionBorderColor;
+
+.sapMListBGTranslucent {
+
+	.sapSmartTemplatesAnalyticalListPageRowHighlighted.sapMLIB.sapMListTblRow {
+		background-color: var(--sapList_SelectionBackgroundColor) !important;
+
+		> td {
+			border-bottom: var(--sapElement_BorderWidth) solid var(--sapList_SelectionBorderColor);
 		}
 	}
 }
-.sapSmartTemplatesAnalyticalListPageRowHighlighted{
-	background-color: @sapUiListSelectionBackgroundColor !important;
-	.sapUiTableCell{
-		border-bottom: @sapElement_BorderWidth solid @sapUiListSelectionBorderColor;
-		&.sapUiTableRowSelectionCell{
+
+.sapSmartTemplatesAnalyticalListPageRowHighlighted {
+	background-color: var(--sapList_SelectionBackgroundColor) !important;
+
+	.sapUiTableCell {
+		border-bottom: var(--sapElement_BorderWidth) solid var(--sapList_SelectionBorderColor);
+
+		&.sapUiTableRowSelectionCell {
 			box-shadow: none !important;
 		}
 	}
 }
 
-.sapSmartTemplatesAnalyticalListPageDropdownDialogCancelButton.sapUiIcon{
-    margin-right: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
+.sapSmartTemplatesAnalyticalListPageDropdownDialogCancelButton.sapUiIcon {
+	margin-right: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
 	padding: @_sap_suite_ui_generic_template_ALPConstants_ShowSelectedPadding !important;
 }
 
-.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMTB-Info-CTX.sapMTB{
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMTB-Info-CTX.sapMTB {
 	padding: 0 0.25rem !important;
 }
-.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMLIB{
-	padding:0 .75rem 0 .75rem;
+
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog .sapMLIB {
+	padding: 0 .75rem 0 .75rem;
 }
-.sapUiTableCtrl{
-	.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
-		background-color: @sapUiListSelectionBackgroundColor;
+
+.sapUiTableCtrl {
+
+	.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted {
+		background-color: var(--sapList_SelectionBackgroundColor);
 	}
 }
 
-.sapUiTableRowHdr.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted{
-	background-color: @sapUiListSelectionBackgroundColor;
+.sapUiTableRowHdr.sapUiTableGroupHeader.sapSmartTemplatesAnalyticalListPageRowHighlighted {
+	background-color: var(--sapList_SelectionBackgroundColor);
 }
 
-.sapUiTable{
-	.sapUiTableCtrl{
-		.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
-			> td{
-				background-color: @sapUiListSelectionBackgroundColor;
+.sapUiTable {
+
+	.sapUiTableCtrl {
+
+		.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted {
+
+			> td {
+				background-color: var(--sapList_SelectionBackgroundColor);
 			}
-	   	}
+		}
 	}
-	.sapUiTableRowHdr.sapUiTableGroupHeader.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted{
-		background-color: @sapUiListSelectionBackgroundColor;
+
+	.sapUiTableRowHdr.sapUiTableGroupHeader.sapUiTableRowHvr.sapSmartTemplatesAnalyticalListPageRowHighlighted {
+		background-color: var(--sapList_SelectionBackgroundColor);
 	}
 }
 
-.sapSmartTemplatesAnalyticalListPageTableContainer>.sapUiCompSmartTable{
-    .sapMTB{
+.sapSmartTemplatesAnalyticalListPageTableContainer > .sapUiCompSmartTable {
+
+	.sapMTB {
 		margin-bottom: @_sap_suite_ui_generic_template_ALPConstants_ToolbarMarginBottom;
 		border-bottom-color: @sapUiChartBackgroundColor;
 	}
 }
-.sapSmartTemplatesAnalyticalListPageVisualFilterBar{
-    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
-    	vertical-align: top;
-    	height: 11rem;
-    }
-    height: 11rem !important;
+
+.sapSmartTemplatesAnalyticalListPageVisualFilterBar {
+
+	.sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+		vertical-align: top;
+		height: 11rem;
+	}
+	height: 11rem !important;
 }
 
 .sapSmartTemplatesAnalyticalListPageVisualFilterBarCozy {
-    .sapMHdrCntrItemCntr.sapMHrdrCntrInner {
-    	vertical-align: top;
-    	height: 14rem;
-    }
-    height: 14rem !important;
+
+	.sapMHdrCntrItemCntr.sapMHrdrCntrInner {
+		vertical-align: top;
+		height: 14rem;
+	}
+	height: 14rem !important;
 }
 
-.sapSmartTemplatesAnalyticalListPageVisualFilterToolbar{
+.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*/
+.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{
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper > .sapSmartTemplatesAnalyticalListPageDynamicPageTitle {
 	padding: @_sap_suite_ui_generic_template_ALPConstants_PageHeadingPadding;
 	border: none;
 }
 
-.sapUiSizeCompact .sapFDynamicPageTitleWrapper>.sapSmartTemplatesAnalyticalListPageDynamicPageTitle .sapFDynamicPageTitleSnapped>.sapSmartTemplatesAnalyticalListPageSnappedContentText{
+.sapUiSizeCompact .sapFDynamicPageTitleWrapper > .sapSmartTemplatesAnalyticalListPageDynamicPageTitle .sapFDynamicPageTitleSnapped>.sapSmartTemplatesAnalyticalListPageSnappedContentText {
 	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;
+	padding-left: 0 !important;
 }
 
 .sapSmartTemplatesAnalyticalListPageDynamicPage {
+
 	.sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-		padding-top: 0rem !important;
+		padding-top: 0 !important;
 	}
 }
+
 /***** UI Tweaks end *****/
 
 /***** new controls start *****/
 
 /**************** KPI TAG START ****************/
 
-.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageAlignVariantTitle{
-	margin-left: 0rem;
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageAlignVariantTitle {
+	margin-left: 0;
 }
+
 .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
 	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCozy;
 }
+
 .sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageKpiTagContainer {
 	height: @_sap_suite_ui_generic_template_ALPConstants_KpiTagContainerHeightCompact;
 }
-.sapSmartTemplatesAnalyticalListPageKpiCardStyle{
+
+.sapSmartTemplatesAnalyticalListPageKpiCardStyle {
 	min-height: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinHeight;
 	min-width: @_sap_suite_ui_generic_template_ALPConstants_KpiCardMinWidth;
 }
+
 .sapSmartTemplatesAnalyticalListPageVFTitle {
 	margin: 0.5rem 1.5rem 0.5rem 1rem !important;
 	width: 20rem !important;
@@ -193,22 +229,24 @@
 
 @media screen and (max-width: 600px) {
 	.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageHeader.sapFDynamicPageHeaderWithContent {
-		padding-top: 0rem !important;
+		padding-top: 0 !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; 
+		font-family: var(--sapFontFamily);
+		font-size: var(--sapFontLargeSize);
+		line-height: 1.5;
+		color: var(--sapTextColor);
 	}
 }
+
 .sapSmartTemplatesAnalyticalListPageVFChart {
-	margin: 0rem 1.5rem 0.5rem 1rem !important;
+	margin: 0 1.5rem 0.5rem 1rem !important;
 	width: 20rem !important;
 }
 
@@ -217,58 +255,57 @@
 .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy.sapMCb {
 	padding-left: 2.375rem !important;
 }
+
 .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageVFDShowInFilterBarCozy .sapMCbBg {
 	left: 0.4375rem !important;
 }
-.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog{
+
+.sapSmartTemplatesAnalyticalListPageSelectedLinkDialog {
 	min-width:	@_sap_suite_ui_generic_template_ALPConstants_SelectedLinkDialogWidth;
 }
 
- .sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
- 	width: inherit;
+.sapUiSizeCompact .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer {
+	width: inherit;
 	padding: 0.5rem 1rem;
 	border-bottom: none;
-	height: @sapElement_LineHeight;
- }
+	height: var(--sapElement_LineHeight);
+}
 
- .sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer{
- 	width: inherit;
+.sapUiSizeCozy .sapSmartTemplatesAnalyticalListPageFilterableKPIContainer {
+	width: inherit;
 	padding: 0.5rem 1rem;
 	border-bottom: none;
-	height: @sapElement_LineHeight;
- }
+	height: var(--sapElement_LineHeight);
+}
 
- .sapSmartTemplatesAnalyticalListPageFilterableKPITitle{
- 	font-family: @sapUiFontHeaderFamily;
-	font-size: @sapMFontHeader2Size;
-	color: @sapUiGroupTitleTextColor;
-	padding-right: @sapContent_Space_Small;
- }
+.sapSmartTemplatesAnalyticalListPageFilterableKPITitle {
+	font-family: var(--sapFontHeaderFamily);
+	font-size: var(--sapFontHeader2Size);
+	color: var(--sapGroup_TitleTextColor);
+	padding-right: var(--sapContent_Space_Small);
+}
 
- .sapSmartTemplatesAnalyticalListPageKpiTagDisable{
+.sapSmartTemplatesAnalyticalListPageKpiTagDisable {
 	z-index: -1;
-	opacity: @sapContent_DisabledOpacity;
+	opacity: var(--sapContent_DisabledOpacity);
 	background-color: transparent;
- }
+}
 
- .sapSmartTemplatesAnalyticalListPageKpiTagOverflow {
+.sapSmartTemplatesAnalyticalListPageKpiTagOverflow {
 	border-bottom: none;
 }
 
-
-
 .sapUiTheme-sap_fiori_3 .sapSmartTemplatesAnalyticalListPageDynamicPage .sapFDynamicPageContentWrapper {
-    background: @sapBackgroundColor;
+	background: var(--sapBackgroundColor);
 }
 
-.sapSmartTemplatesAnalyticalListPageRequired:before {
-	content:"*";
-	color: @sapUiFieldRequiredColor;
-	font-family: @sapUiFontFamily;
-	font-size: @sapMFontLargeSize;
+.sapSmartTemplatesAnalyticalListPageRequired::before {
+	content: '*';
+	color: var(--sapField_RequiredColor);
+	font-family: var(--sapFontFamily);
+	font-size: var(--sapFontLargeSize);
 	font-weight: bold;
 	position: relative;
 	vertical-align: middle;
 	line-height: 0;
-}
-
+}

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

@@ -1,19 +1,26 @@
+/* ========================================================= */
+/* CSS for control sap.suite.ui.generic.template/ListReport  */
+/* Base theme                                                */
+/* ========================================================= */
 
 .sapSmartTemplatesListReportFilterSummary {
 	cursor: pointer;
 }
 
 .sapSmartTemplatesSLIPositive > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapPositiveElementColor;
+	color: var(--sapPositiveElementColor);
 }
+
 .sapSmartTemplatesSLINeutral > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapNeutralElementColor;
+	color: var(--sapNeutralElementColor);
 }
+
 .sapSmartTemplatesSLINegative > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapNegativeElementColor;
+	color: var(--sapNegativeElementColor);
 }
+
 .sapSmartTemplatesSLICritical > .sapMLIBContent > .sapMGHLITitle {
-	color: @sapCriticalElementColor;
+	color: var(--sapCriticalElementColor);
 }
 
 .sapSmartTemplatesSLIBold > .sapMLIBContent > .sapMSLITitleDiv > .sapMSLITitleOnly {
@@ -25,4 +32,4 @@
 	font-weight: bold;
 	display: inline-block;
 	word-wrap: break-word;
-}
+}