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

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;
-}
+}

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

@@ -1,8 +1,9 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/HeaderCell.control */
-/* ============================================= */
+/* ================================================ */
+/* CSS for control sap.suite.ui.commons/HeaderCell  */
+/* Base theme                                       */
+/* ================================================ */
 
-.sapSuiteUiCommonsHeaderCell{
+.sapSuiteUiCommonsHeaderCell {
 	box-sizing:border-box;
 	padding-bottom: 1.125rem;
 	padding-top: 0.875rem;
@@ -12,7 +13,7 @@
 }
 
 .sapMOHR .sapSuiteUiCommonsHeaderCell {
-	padding: 0rem;
+	padding: 0;
 }
 
 .WE.sapSuiteHdrCellWest {
@@ -64,4 +65,4 @@
 .N.sapSuiteHdrCellNorth {
 	width: 100%;
 	height: 100%;
-}
+}

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/HeaderContainer.control */
-/* ============================================= */
+/* ===================================================== */
+/* CSS for control sap.suite.ui.commons/HeaderContainer  */
+/* Base theme                                            */
+/* ===================================================== */
 
 .sapSuiteHdrCntr {
 	position: relative;
@@ -21,53 +22,52 @@
 
 .sapSuiteHdrCntrBtnCntr.Horizontal {
 	position: absolute;
-	top:0px;
-	bottom:0px;
+	top: 0;
+	bottom: 0;
 	min-width: 1.375rem;
 }
 
 .Horizontal > .sapSuiteHdrCntrLeft {
-	left: 0rem;
+	left: 0;
 }
 
 .Horizontal > .sapSuiteHdrCntrRight {
-	right: 0rem;
+	right: 0;
 }
 
 .sapSuiteHdrCntrBtnCntr.Vertical {
 	position: absolute;
-	left: 0px;
-	right: 0px;
+	left: 0;
+	right: 0;
 	min-height: 1.375rem;
 }
 .sapSuiteHdrCntrLeft.Vertical {
-	top: 0rem;
+	top: 0;
 }
 
 .sapSuiteHdrCntrRight.Vertical {
-	bottom: 0rem;
+	bottom: 0;
 }
 
-.sapSuiteHdrCntrBtnCntr.Horizontal >.sapSuiteHdrCntrBtn {
+.sapSuiteHdrCntrBtnCntr.Horizontal > .sapSuiteHdrCntrBtn {
 	position: absolute;
-	top:50%;
+	top: 50%;
 	margin-top: -1.5rem;
 	min-width: 1.375rem;
 }
 
-.sapSuiteHdrCntrBtnCntr.Vertical >.sapSuiteHdrCntrBtn {
+.sapSuiteHdrCntrBtnCntr.Vertical > .sapSuiteHdrCntrBtn {
 	position: absolute;
 	left: 50%;
 	margin-left: -1.5rem;
 	height: 2.5rem;
-	padding: 0px;
+	padding: 0;
 }
 
-.sapSuiteHdrCntrBtnCntr.Vertical >.sapSuiteHdrCntrBtn.sapSuiteHdrCntrRight {
-	bottom: 0px;
+.sapSuiteHdrCntrBtnCntr.Vertical > .sapSuiteHdrCntrBtn.sapSuiteHdrCntrRight {
+	bottom: 0;
 }
 
-
 .sapSuiteHdrCntrCntr.Horizontal {
 	white-space: nowrap;
 }
@@ -75,19 +75,17 @@
 .sapSuiteHdrCntrCntr.Vertical {
 	height: 100%;
 	box-sizing: border-box;
-	-moz-box-sizing: border-box;
 }
 
 .sapSuiteHrdrCntrInner {
-	position:relative;
+	position: relative;
 	vertical-align: bottom;
 	margin-top: 0.065rem;
 	margin-bottom: 0.065rem;
 	margin-left: 0.065rem;
 	margin-right: 0.065rem;
 	-webkit-user-select: none;
-	-moz-user-select: -moz-none;
-	-ms-user-select: none;
+	user-select: none;
 	overflow: visible;
 }
 
@@ -105,24 +103,24 @@
 }
 
 .sapSuiteHrdrCntrDvdrs .sapSuiteHrdrCntrInner:not(:first-child)::after {
-	content:"";
-	position:absolute;
-	box-sizing:border-box;
-	display:inline-block;
+	content: '';
+	position: absolute;
+	box-sizing: border-box;
+	display: inline-block;
 }
 
 .sapSuiteHrdrCntrDvdrs.Horizontal .sapSuiteHrdrCntrInner::after {
-	top:10px;
-	bottom:10px;
-	left:-9px;
-	border-left:1px solid @sapUiFieldBorderColor;
+	top: 10px;
+	bottom: 10px;
+	left: -9px;
+	border-left: 1px solid var(--sapField_BorderColor);
 }
 
 .sapSuiteHrdrCntrDvdrs.Vertical .sapSuiteHrdrCntrInner::after {
-	left:10px;
-	right:10px;
-	top:-9px;
-	border-top: 1px solid @sapUiFieldBorderColor;
+	left: 10px;
+	right: 10px;
+	top: -9px;
+	border-top: 1px solid var(--sapField_BorderColor);
 }
 
 .sapSuiteKTileBorder {
@@ -134,7 +132,7 @@
 }
 
 .sapSuiteHdrPddngRight0 {
-	padding-right: 0rem;
+	padding-right: 0;
 }
 
 .sapSuiteHdrPddngLeft2 {
@@ -142,5 +140,5 @@
 }
 
 .sapSuiteHdrPddngleft0 {
-	padding-left: 0rem;
-}
+	padding-left: 0;
+}