@sapui5/sap.suite.ui.commons 1.146.0 → 1.147.0

package/src/sap/suite/ui/commons/themes/base/ChartTile.less

@@ -1,6 +1,7 @@
-/* =========================================================== */
-/* CSS for control sap.suite.ui.commons/ComparisonTile.control */
-/* =========================================================== */
+/* =============================================== */
+/* CSS for control sap.suite.ui.commons/ChartTile  */
+/* Base theme                                      */
+/* =============================================== */
 
 .sapSuiteCmpTileContent {
 	position: absolute;
@@ -39,7 +40,6 @@
 	display: inline-block;
 	max-width: 100%;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
 }
 
 .sapSuiteCmpTileUnitInner {
@@ -102,13 +102,10 @@
 	background-color: #e2e2e2;
 	border-right: 1px solid white;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-
 }
 
 .sapSuiteCmpTileBarNoValue {
 	background-color: #e2e2e2;
 	border-left: 1px solid white;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
-}
+}

package/src/sap/suite/ui/commons/themes/base/CollaborationPopover.less

@@ -1,168 +1,178 @@
-.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnInner{
-    background-color: @sapLegendBackgroundColor20;
-    color: @sapLegendColor20;
-    height: 90px;
-    flex-direction: column;
-    align-items: center;
-    font-size: 15px;
+/* ========================================================== */
+/* CSS for control sap.suite.ui.commons/CollaborationPopover  */
+/* Base theme                                                 */
+/* ========================================================== */
+
+.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnInner {
+	background-color: var(--sapLegendBackgroundColor20);
+	color: var(--sapLegendColor20);
+	height: 90px;
+	flex-direction: column;
+	align-items: center;
+	font-size: 15px;
 }
 
-.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnIcon::before{
-    font-size: 25px;
-    color: @sapLegendColor20;
+.sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnIcon::before {
+	font-size: 25px;
+	color: var(--sapLegendColor20);
 }
 
 .sapSuiteUiCollaborationBarMSTeamsButtonHorizontal .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
 .sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnInner {
-    background-color: @sapLegendBackgroundColor6;
-    color: @sapLegendColor6;
-    height: 90px;
-    flex-direction: column;
-    align-items: center;
-    font-size: 15px;
+	background-color: var(--sapLegendBackgroundColor6);
+	color: var(--sapLegendColor6);
+	height: 90px;
+	flex-direction: column;
+	align-items: center;
+	font-size: 15px;
 }
 
 .sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnIcon::before {
-    font-size: 25px;
-    color: @sapLegendColor6;
+	font-size: 25px;
+	color: var(--sapLegendColor6);
 }
 
 .sapSuiteUiCollaborationBarEmailButtonHorizontal .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
-.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnInner{
-    background-color: @sapLegendBackgroundColor7;
-    color: @sapLegendColor17;
-    height: 90px;
-    flex-direction: column;
-    align-items: center;
-    font-size: 15px;
+.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnInner {
+	background-color: var(--sapLegendBackgroundColor7);
+	color: var(--sapLegendColor17);
+	height: 90px;
+	flex-direction: column;
+	align-items: center;
+	font-size: 15px;
 }
 
-.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnIcon::before{
-    font-size: 25px;
-    color: @sapLegendColor17;
+.sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnIcon::before {
+	font-size: 25px;
+	color: var(--sapLegendColor17);
 }
 
 .sapSuiteUiCollaborationBarCMButtonHorizontal .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
-.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnInner{
-    background-color: @sapLegendBackgroundColor20;
-    color: @sapLegendColor20;
-    height: 60px;
-    align-items: center;
-    font-size: 15px;
+.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnInner {
+	background-color: var(--sapLegendBackgroundColor20);
+	color: var(--sapLegendColor20);
+	height: 60px;
+	align-items: center;
+	font-size: 15px;
 }
 
-.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnIcon::before{
-    font-size: 25px;
-    color: @sapLegendColor20;
+.sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnIcon::before {
+	font-size: 25px;
+	color: var(--sapLegendColor20);
 }
 
 .sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnIcon {
-    margin-right: 15px;
+	margin-right: 15px;
 }
 
 .sapSuiteUiCollaborationBarMSTeamsButtonVertical .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
 .sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnInner {
-    background-color: @sapLegendBackgroundColor6;
-    color: @sapLegendColor6;
-    height: 60px;
-    align-items: center;
-    font-size: 15px;
+	background-color: var(--sapLegendBackgroundColor6);
+	color: var(--sapLegendColor6);
+	height: 60px;
+	align-items: center;
+	font-size: 15px;
 }
 
 .sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnIcon::before {
-    font-size: 25px;
-    color: @sapLegendColor6;
+	font-size: 25px;
+	color: var(--sapLegendColor6);
 }
 
 .sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnIcon {
-    margin-right: 15px;
+	margin-right: 15px;
 }
 
 .sapSuiteUiCollaborationBarEmailButtonVertical .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
-.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnInner{
-    background-color: @sapLegendBackgroundColor7;
-    color: @sapLegendColor17;
-    height: 60px;
-    align-items: center;
-    font-size: 15px;
+.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnInner {
+	background-color: var(--sapLegendBackgroundColor7);
+	color: var(--sapLegendColor17);
+	height: 60px;
+	align-items: center;
+	font-size: 15px;
 }
 
-.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnIcon::before{
-    font-size: 25px;
-    color: @sapLegendColor17;
+.sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnIcon::before {
+	font-size: 25px;
+	color: var(--sapLegendColor17);
 }
 
 .sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnIcon {
-    margin-right: 15px;
+	margin-right: 15px;
 }
 
 .sapSuiteUiCollaborationBarCMButtonVertical .sapMBtnContent {
-    white-space: normal !important;
-    overflow: visible !important;
-    line-height: 15px !important;
+	white-space: normal !important;
+	overflow: visible !important;
+	line-height: 15px !important;
 }
 
 .sapSuiteUiCollaborationBarMsgStripHBox {
-    background-color: @sapLegendBackgroundColor6 !important;
-    background-image: none;
-    border-radius: 10px !important;
-    align-items: center !important;
+	background-color: var(--sapLegendBackgroundColor6) !important;
+	background-image: none;
+	border-radius: 10px !important;
+	align-items: center !important;
 }
 
 .sapSuiteCollaborationBarMsgStrip {
-    background-color: @sapLegendBackgroundColor6 !important;
-    border-width: 0px !important;
+	background-color: var(--sapLegendBackgroundColor6) !important;
+	border-width: 0 !important;
 }
 
 .sapSuiteCollaborationBarMenu {
-    .sapSuiteUiCommonsCollaborationMail {
-        .sapUiIcon {
-            color: @sapLegendColor6;
-        }
-    }
-
-    .sapSuiteUiCommonsCollaborationMSTeamsShare,
-    .sapSuiteUiCommonsCollaborationChat,
-    .sapSuiteUiCommonsCollaborationTab {
-        .sapUiIcon {
-            color: @sapLegendColor20;
-        }
-    }
-
-    .sapSuiteUiCommonsCollaborationManager {
-        .sapUiIcon {
-            color: @sapLegendColor17;
-        }
-    }
-
-    .sapSuiteUiCommonsCollaborationLink {
-        .sapUiIcon {
-            color: @sapLegendColor18;
-        }
-    }
-}
+
+	.sapSuiteUiCommonsCollaborationMail {
+
+		.sapUiIcon {
+			color: var(--sapLegendColor6);
+		}
+	}
+
+	.sapSuiteUiCommonsCollaborationMSTeamsShare,
+	.sapSuiteUiCommonsCollaborationChat,
+	.sapSuiteUiCommonsCollaborationTab {
+
+		.sapUiIcon {
+			color: var(--sapLegendColor20);
+		}
+	}
+
+	.sapSuiteUiCommonsCollaborationManager {
+
+		.sapUiIcon {
+			color: var(--sapLegendColor17);
+		}
+	}
+
+	.sapSuiteUiCommonsCollaborationLink {
+
+		.sapUiIcon {
+			color: var(--sapLegendColor18);
+		}
+	}
+}

package/src/sap/suite/ui/commons/themes/base/DateRangeScroller.less

@@ -1,7 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/DateRangeScroller.control */
-/* ============================================= */
-
+/* ======================================================= */
+/* CSS for control sap.suite.ui.commons/DateRangeScroller  */
+/* Base theme                                              */
+/* ======================================================= */
 
 .sapSuiteUiCommonsDateRangeScrollerLabel {
 	padding-left: 5px;
@@ -16,4 +16,4 @@
 	height: 22px;
 	width: 22px;
 	background-position: 3px 3px;
-}
+}

package/src/sap/suite/ui/commons/themes/base/DateRangeSliderInternal.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/DateRangeSliderInternal.control */
-/* ============================================= */
+/* ============================================================= */
+/* CSS for control sap.suite.ui.commons/DateRangeSliderInternal  */
+/* Base theme                                                    */
+/* ============================================================= */
 
 .sapSuiteUiCommonsDateRangeSlider{
 	position: relative;
@@ -12,13 +13,13 @@
 	width: 102px;
 	top: 30px;
 	bottom: -15px;
-	background-image: url(img/bubble_1.png);
+	background-image: url('img/bubble_1.png');
 	background-size: 102px 18px;
 }
 
-.sapSuiteUiCommonsDateRangeSliderBubbleLbl{
+.sapSuiteUiCommonsDateRangeSliderBubbleLbl {
 	position: absolute;
-	left: 0px;
+	left: 0;
 	width: 102px;
 	top: -14px;
 	text-align:center;
@@ -31,11 +32,10 @@
 	text-align:center;
 }
 
-.sapUiSliHori.sapUiSli.sapUiSuiteDRSliBub{
+.sapUiSliHori.sapUiSli.sapUiSuiteDRSliBub {
 	height: 55px;
 }
 
-
 .sapUiSliGrip.sapUiSliGripPin:link,
 .sapUiSliGrip.sapUiSliGripPin:visited,
 .sapUiSliGrip.sapUiSliGripPin:active,
@@ -46,8 +46,7 @@
 	outline: none;
 }
 
-
 .sapUiSliGrip.sapUiSliGripPin {
 	border-color: @sapUiTextDisabled;
 	cursor: default;
-}
+}

package/src/sap/suite/ui/commons/themes/base/FacetOverview.less

@@ -1,13 +1,14 @@
-/* ========================================================== */
-/* CSS for control sap.suite.ui.commons/FacetOverview.control */
-/* ========================================================== */
+/* =================================================== */
+/* CSS for control sap.suite.ui.commons/FacetOverview  */
+/* Base theme                                          */
+/* =================================================== */
 
 .sapSuiteFov {
 	position: relative;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	overflow: hidden;
-	background-color: @sapUiGroupContentBackground;
+	background-color: var(--sapGroup_ContentBackground);
 }
 
 .sapSuiteFovTitle {
@@ -16,11 +17,11 @@
 	margin-right: 1rem;
 	height: 34px;
 	font-size: 18px;
-	font-family: @sapUiFontFamily;
+	font-family: var(--sapFontFamily);
 }
 
 .sapSuiteFov > .sapSuiteFovContent .sapMLabel {
-	color: @sapUiContentLabelColor;
+	color: var(--sapContent_LabelColor);
 }
 
 .sapSuiteFovContent {
@@ -30,7 +31,6 @@
 	margin-top: -47px;
 	height: 100%;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	padding-bottom: 1rem;
 	padding-top: 47px;
 }
@@ -49,7 +49,7 @@
 	padding-left: 0.25rem;
 }
 
-html[dir=rtl] .sapSuiteFovHoverIcon {
+html[dir='rtl'] .sapSuiteFovHoverIcon {
 	text-align: left;
 }
 
@@ -68,5 +68,4 @@ html[dir=rtl] .sapSuiteFovHoverIcon {
 .sapSuiteFovClickable:focus .sapSuiteFovHoverIcon,
 .sapSuiteFovClickable:hover .sapSuiteFovHoverIcon {
 	display: block;
-}
-
+}

package/src/sap/suite/ui/commons/themes/base/FeedItemHeader.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/FeedItemHeader.control */
-/* ============================================= */
+/* ==================================================== */
+/* CSS for control sap.suite.ui.commons/FeedItemHeader  */
+/* Base theme                                           */
+/* ==================================================== */
 
 .sapSuiteUiCommonsFeedItemHeader {
 	height: 100%;
@@ -27,7 +28,7 @@
 }
 
 .sapSuiteUiCommonsFeedItemHeaderTitle {
-	font-family: Arial, Helvetica, sans-serif;   /*TODO: Use LESS param*/
+	font-family: Arial, Helvetica, sans-serif; /* TODO: Use LESS param */
 	font-size: 16px;
 	font-weight: normal;
 	color: #00679e;
@@ -42,7 +43,7 @@
 }
 
 .sapSuiteUiCommonsFeedItemHeaderDescription  {
-	font-family: Arial, Helvetica, sans-serif; /*TODO: Use LESS param*/
+	font-family: Arial, Helvetica, sans-serif; /* TODO: Use LESS param */
 	font-size: 14px;
 	font-weight: normal;
 	color: #000000;
@@ -54,17 +55,13 @@
 .sapSuiteUiCommonsFeedItemHeaderDescriptionMultiCol {
 	column-count:2;
 	column-gap: 2rem;
-	-webkit-column-count:2;
-	-webkit-column-gap: 2rem;
-	-moz-column-count:2;
-	-moz-column-gap: 2rem;
 }
 
 .sapSuiteUiCommonsFeedItemHeaderLowerText {
-	font-family: Arial, Helvetica, sans-serif; /*TODO: Use LESS param*/
+	font-family: Arial, Helvetica, sans-serif; /* TODO: Use LESS param */
 	font-size: 14px;
 	font-weight: normal;
-	color: #FFFFFF; /*TODO: Use LESS param*/
+	color: #FFFFFF; /* TODO: Use LESS param */
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
@@ -83,4 +80,4 @@
 
 .sapSuiteUiCommonsFeedItemHeaderHeight {
 	height: 9.5rem;
-}
+}

package/src/sap/suite/ui/commons/themes/base/FeedTile.less

@@ -1,8 +1,9 @@
-/* ============================================= */
-/* CSS base theme for control sap.suite.ui.commons/FeedTile.control */
-/* ============================================= */
+/* ============================================== */
+/* CSS for control sap.suite.ui.commons/FeedTile  */
+/* Base theme                                     */
+/* ============================================== */
 
-.sapSuiteUiCommonsFeedTile{
+.sapSuiteUiCommonsFeedTile {
 	height: 100%;
 	width: 100%;
 	position: relative;
@@ -10,7 +11,7 @@
 	border-radius: 0.25rem;
 }
 
-.sapSuiteUiCommonsFeedTileBackground{
+.sapSuiteUiCommonsFeedTileBackground {
 	height: 100%;
 	width: 100%;
 	background-size: 100%;
@@ -18,7 +19,7 @@
 	position: absolute;
 }
 
-.sapSuiteUiCommonsFeedTileText{
+.sapSuiteUiCommonsFeedTileText {
 	position: relative;
 	top: 53%;
 	height: 47%;
@@ -28,11 +29,11 @@
 	border-bottom-left-radius: 0.25rem;
 }
 
-.sapSuiteUiCommonsFeedTileTitle{
-	font-family: 'OpenSans-Semibold', sans-serif; /*TODO: Use LESS param*/
-	color: white; /*TODO: Use LESS param*/
+.sapSuiteUiCommonsFeedTileTitle {
+	font-family: 'OpenSans-Semibold', sans-serif; /* TODO: Use LESS param */
+	color: white; /* TODO: Use LESS param */
 	font-size: 1.125rem;
-	padding: 8px 15px 0px 15px;
+	padding: 8px 15px 0 15px;
 	word-wrap: break-word;
 	overflow: hidden;
 	height: 53%;
@@ -41,27 +42,26 @@
 .sapSuiteUiCommonsFeedTileLowerText {
 	margin-top: 6px;
 	font-size: .875rem;
-	font-family: 'OpenSans-Regular', sans-serif; /*TODO: Use LESS param*/
-	color: #cccccc; /*TODO: Use LESS param*/
+	font-family: 'OpenSans-Regular', sans-serif; /* TODO: Use LESS param */
+	color: #cccccc; /* TODO: Use LESS param */
 	width: 100%;
 }
 
 .sapSuiteUiCommonsFeedTileSource,
-.sapSuiteUiCommonsFeedTileAge{
+.sapSuiteUiCommonsFeedTileAge {
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	display: inline-block;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 }
 
-.sapSuiteUiCommonsFeedTileSource{
+.sapSuiteUiCommonsFeedTileSource {
 	width: 50%;
 	padding-left: 15px;
 }
 
-.sapSuiteUiCommonsFeedTileAge{
+.sapSuiteUiCommonsFeedTileAge {
 	width: 50%;
 	padding-right: 15px;
 	text-align: end;
@@ -71,27 +71,23 @@
 	display: none;
 }
 
-/* for slide animation from NavContainer*/
+/* for slide animation from NavContainer */
 
 .sapSuiteFTItemCenter {
-	-webkit-transform: translate3d(0px, 0px, 0px);
-	transform: translate3d(0px, 0px, 0px);
+	transform: translate3d(0, 0, 0);
 	border-radius: 0.25rem;
 }
+
 .sapSuiteFTItemRight {
-	-webkit-transition-property: -webkit-transform;
-	-webkit-transform: translate3d(100%, 0px, 0px);
-	transform: translate3d(100%, 0px, 0px);
+	transform: translate3d(100%, 0, 0);
 	transition-property: transform;
 }
+
 .sapSuiteFTItemLeft {
-	-webkit-transition-property: -webkit-transform;
-	-webkit-transform: translate3d(-100%, 0px, 0px);
 	transition-property: transform;
-	transform: translate3d(-100%, 0px, 0px);
+	transform: translate3d(-100%, 0, 0);
 }
 
 .sapSuiteFTItemSliding {
-	-webkit-transition-duration: 0.4s;
 	transition-duration: 0.4s;
-}
+}

package/src/sap/suite/ui/commons/themes/base/GenericTile2X2.less

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/GenericTile.control */
-/* ============================================= */
+/* ==================================================== */
+/* CSS for control sap.suite.ui.commons/GenericTile2X2  */
+/* Base theme                                           */
+/* ==================================================== */
 
 .sapSuiteGT2x2 {
 	display: inline-block;
@@ -12,16 +13,15 @@
 	outline: none;
 }
 
-.sapSuiteGT2x2 .sapSuiteGTHdrTxt>.sapSuiteGTTitle,
+.sapSuiteGT2x2 .sapSuiteGTHdrTxt > .sapSuiteGTTitle,
 .sapSuiteGT2x2 .sapSuiteGTSubHdrTxt,
 .sapSuiteGT2x2 .sapSuiteGT .sapSuiteGTContent {
 	-webkit-user-select: none;
-	-moz-user-select: -moz-none;
-	-ms-user-select: none;
+	user-select: none;
 }
 
-.sapSuiteGT2x2 .sapSuiteGTHdrTxt>.sapSuiteGTTitle,
-.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt>.sapSuiteGTFailed {
+.sapSuiteGT2x2 .sapSuiteGTHdrTxt > .sapSuiteGTTitle,
+.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt > .sapSuiteGTFailed {
 	cursor: inherit;
 }
 
@@ -107,10 +107,10 @@
 	position: absolute !important;
 	opacity: 0.8;
 	z-index: 1;
-	top: 0px;
-	right: 0px;
-	left: 0px;
-	bottom: 0px;
+	top: 0;
+	right: 0;
+	left: 0;
+	bottom: 0;
 }
 
 .sapSuiteGT2x2 .sapSuiteGenericTileLoading {
@@ -134,7 +134,7 @@
 	width: 100%;
 }
 
-html[dir=rtl] .sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt {
+html[dir='rtl'] .sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt {
 	padding-right:0.5rem;
 }
 
@@ -144,6 +144,6 @@ html[dir=rtl] .sapSuiteGT2x2 .sapSuiteGenericTileFtrFldTxt {
 	vertical-align: bottom;
 }
 
-.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldIcn>.sapSuiteGTFtrFldIcnMrk {
+.sapSuiteGT2x2 .sapSuiteGenericTileFtrFldIcn > .sapSuiteGTFtrFldIcnMrk {
 	vertical-align: bottom;
-}
+}