@openui5/sap.ui.commons 1.145.0 → 1.146.0

package/src/sap/ui/commons/themes/base/Tree.less

@@ -1,10 +1,10 @@
-/* ============================================= */
-/* CSS for control sap.ui.commons/Tree.control   */
-/* Base Theme                                    */
-/* ============================================= */
+/* ==================================== */
+/* CSS for control sap.ui.commons/Tree  */
+/* base theme                           */
+/* ==================================== */
 
 .sapUiTree {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 /* if the Tree is used within another control that
@@ -15,7 +15,7 @@ invert its text to white as well */
 }
 
 .sapUiTreeFixedHeight {
-	position:relative;
+	position: relative;
 }
 
 .sapUiTree .sapUiBtn.sapUiBtnS {
@@ -23,10 +23,9 @@ invert its text to white as well */
 	vertical-align: middle;
 }
 
-
 .sapUiTreeList {
 	list-style-position: inside;
-	margin: 0px;
+	margin: 0;
 	padding-left: 10px;
 	padding-right: 2px;
 }
@@ -38,27 +37,27 @@ invert its text to white as well */
 }
 
 .sapUiTreeHeader {
-	border-bottom:none;
-	height:26px;
-	overflow-y:hidden;
+	border-bottom: none;
+	height: 26px;
+	overflow-y: hidden;
 	text-align: right;
-	width:100%;
+	width: 100%;
 }
 
 .sapUiTreeFixedHeight .sapUiTreeHeader {
 	width: auto;
-	position:absolute;
-	top: 0px;
-	left: 0px;
-	right: 0px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
 }
 
 html[dir=rtl] .sapUiTreeTbCont {
-	text-align:left;
+	text-align: left;
 }
 
 html[dir=rtl] .sapUiTreeTitle {
-	text-align:right;
+	text-align: right;
 }
 
 .sapUiTreeTitle {
@@ -66,12 +65,12 @@ html[dir=rtl] .sapUiTreeTitle {
 	font-weight: bold;
 	float: left;
 	left: 10px;
-	overflow:hidden;
+	overflow: hidden;
 	position: relative;
 	top: 5px;
-	white-space:nowrap;
+	white-space: nowrap;
 	width: 50%;
-	text-overflow:ellipsis;
+	text-overflow: ellipsis;
 	text-align: left;
 }
 
@@ -81,11 +80,11 @@ html[dir=rtl] .sapUiTreeTitle {
 }
 
 .sapUiTreeTbCont .sapUiTbInner {
-	margin-right: 0px;
+	margin-right: 0;
 }
 
 .sapUiTreeCont {
-	border:1px solid @sapUiMediumBorder;
+	border: 1px solid @sapUiMediumBorder;
 	overflow: auto;
 	background-color: @sapUiExtraLightBG;
 	width: 100%;
@@ -94,16 +93,16 @@ html[dir=rtl] .sapUiTreeTitle {
 
 .sapUiTreeTransparent .sapUiTreeCont {
 	background-color: transparent;
-	border:none;
-	top: 0px;
+	border: none;
+	top: 0;
 }
 
 .sapUiTreeFixedHeight .sapUiTreeCont {
 	width: auto;
-	position:absolute;
-	left: 0px;
-	right: 0px;
-	bottom: 0px;
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
 }
 
 .sapUiTreeContNoScroll {
@@ -128,7 +127,8 @@ html[dir=rtl] .sapUiTreeTitle {
 	margin-bottom: 3px;
 	border: 1px solid transparent;
 	border-radius: 1px;
-	-moz-user-select: none;
+	-webkit-user-select: none;
+	user-select: none;
 }
 
 .sapUiTreeContScroll .sapUiTreeNode {
@@ -145,7 +145,7 @@ html[dir=rtl] .sapUiTreeTitle {
 .sapUiTreeNodeContent {
 	cursor: default;
 	display: inline-block;
-	vertical-align:middle;
+	vertical-align: middle;
 	position: relative;
 	top: -2px;
 	width: 100%;
@@ -171,7 +171,7 @@ html[dir=rtl] .sapUiTreeTitle {
 }
 
 .sapUiTreeChildrenNodes {
-	display:block;
+	display: block;
 	padding-left: 16px;
 }
 
@@ -179,19 +179,19 @@ html[dir=rtl] .sapUiTreeTitle {
 	clear: left;
 }
 
-.sapUiTreeContScroll .sapUiTreeChildrenNodes:before,
-.sapUiTreeContScroll .sapUiTreeChildrenNodes:after,
-.sapUiTreeContScroll .sapUiTreeList:before,
-.sapUiTreeContScroll .sapUiTreeList:after {
-    content: " ";
-    display: table;
+.sapUiTreeContScroll .sapUiTreeChildrenNodes::before,
+.sapUiTreeContScroll .sapUiTreeChildrenNodes::after,
+.sapUiTreeContScroll .sapUiTreeList::before,
+.sapUiTreeContScroll .sapUiTreeList::after {
+	content: ' ';
+	display: table;
 }
 
-.sapUiTreeContScroll .sapUiTreeChildrenNodes:after,
-.sapUiTreeContScroll .sapUiTreeList:after {
-    clear: left;
+.sapUiTreeContScroll .sapUiTreeChildrenNodes::after,
+.sapUiTreeContScroll .sapUiTreeList::after {
+	clear: left;
 }
 
 .sapUiTreeHiddenChildrenNodes {
 	display: none;
-}
+}

package/src/sap/ui/commons/themes/base/layout.less

@@ -1,3 +1,8 @@
+/* ====================================== */
+/* CSS for control sap.ui.commons/layout  */
+/* base theme                             */
+/* ====================================== */
+
 /*
  * Note: capital letters in comment only explain abbreviations, but these still
  * follow original capitalization
@@ -5,8 +10,8 @@
 
 /* MatrixLayouT */
 .sapUiMlt {
-	color: @sapUiBaseText;
-	font-family: @sapUiFontFamily;
+	color: var(--sapTextColor);
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiFontSize;
 	text-align: initial; /* alignment should not be inherited */
 }
@@ -19,9 +24,11 @@
 .sapUiMltCellHAlignCenter {
 	text-align: center;
 }
+
 .sapUiMltCellHAlignLeft {
 	text-align: left;
 }
+
 .sapUiMltCellHAlignRight {
 	text-align: right;
 }
@@ -30,31 +37,64 @@
 	margin-left: auto;
 	margin-right: auto;
 }
+
 .sapUiMltCellHAlignLeft > *,
-html[dir=rtl] .sapUiMltCellHAlignRight > * {
+html[dir='rtl'] .sapUiMltCellHAlignRight > * {
 	margin-right: auto;
 	margin-left: 0;
 }
+
 .sapUiMltCellHAlignRight > *,
-html[dir=rtl] .sapUiMltCellHAlignLeft > * {
+html[dir='rtl'] .sapUiMltCellHAlignLeft > * {
 	margin-left: auto;
 	margin-right: 0;
 }
 
 /* BackGround design */
-.sapUiMltBgBorder   {background-color:@sapUiMediumBorder;}
-.sapUiMltBgFill1    {background-color:@sapUiHighlight;}
-.sapUiMltBgFill2    {background-color:@sapUiMediumBG;}
-.sapUiMltBgFill3    {background-color:@sapUiDarkBG;}
-.sapUiMltBgHeader   {background-color:@sapUiHighlight;}
-.sapUiMltBgPlain    {background-color:@sapUiExtraLightBG;}
+.sapUiMltBgBorder {
+	background-color: @sapUiMediumBorder;
+}
+
+.sapUiMltBgFill1 {
+	background-color: var(--sapHighlightColor);
+}
+
+.sapUiMltBgFill2 {
+	background-color: @sapUiMediumBG;
+}
+
+.sapUiMltBgFill3 {
+	background-color: @sapUiDarkBG;
+}
+
+.sapUiMltBgHeader {
+	background-color: var(--sapHighlightColor);
+}
+
+.sapUiMltBgPlain {
+	background-color: @sapUiExtraLightBG;
+}
 
 /* PADding */
-.sapUiMltPadNone    {padding:0;}
-.sapUiMltPadLeft    {padding:0 0   5px 4px;}
-.sapUiMltPadRight   {padding:0 4px 5px 0;}
-.sapUiMltPadBoth    {padding:0 4px 5px 4px;}
-.sapUiMltPadNeither {padding:0 0   5px 0;}
+.sapUiMltPadNone {
+	padding: 0;
+}
+
+.sapUiMltPadLeft {
+	padding: 0 0 5px 4px;
+}
+
+.sapUiMltPadRight {
+	padding: 0 4px 5px 0;
+}
+
+.sapUiMltPadBoth {
+	padding: 0 4px 5px 4px;
+}
+
+.sapUiMltPadNeither {
+	padding: 0 0 5px 0;
+}
 
 /* SEParation (Small, Medium, Large) WithLine */
 .sapUiMltSepS {
@@ -65,7 +105,7 @@ html[dir=rtl] .sapUiMltCellHAlignLeft > * {
 	padding-left: 17px;
 	background-repeat: repeat-y;
 	background-position: top left;
-	background-image: url(img/layout/separationSmall.gif);
+	background-image: url('img/layout/separationSmall.gif');
 }
 
 .sapUiMltSepM {
@@ -76,7 +116,7 @@ html[dir=rtl] .sapUiMltCellHAlignLeft > * {
 	padding-left: 31px;
 	background-repeat: repeat-y;
 	background-position: top left;
-	background-image: url(img/layout/separationMedium.gif);
+	background-image: url('img/layout/separationMedium.gif');
 }
 
 .sapUiMltSepL {
@@ -87,5 +127,5 @@ html[dir=rtl] .sapUiMltCellHAlignLeft > * {
 	padding-left: 63px;
 	background-repeat: repeat-y;
 	background-position: top left;
-	background-image: url(img/layout/separationLarge.gif);
+	background-image: url('img/layout/separationLarge.gif');
 }

package/src/sap/ui/commons/themes/base/library.source.less

@@ -44,15 +44,11 @@
 @import "RadioButton.less";
 @import "RadioButtonGroup.less";
 @import "RatingIndicator.less";
-@import "ResponsiveContainer.less";
-@import "ResponsiveFlowLayout.less";
-@import "ResponsiveLayout.less";
 @import "RichTooltip.less";
 @import "RoadMap.less";
 @import "RowRepeater.less";
 @import "SearchField.less";
 @import "SegmentedButton.less";
-@import "SimpleForm.less";
 @import "Slider.less";
 @import "Splitter.less";
 @import "TabStrip.less";

package/src/sap/ui/commons/themes/base/ResponsiveContainer.less

@@ -1 +0,0 @@
-

package/src/sap/ui/commons/themes/base/ResponsiveFlowLayout.less

@@ -1,3 +0,0 @@
-/* ================================================================== */
-/* CSS for control sap.ui.commons.layout/ResponsiveFlowLayout.control */
-/* ================================================================== */

package/src/sap/ui/commons/themes/base/ResponsiveLayout.less

@@ -1,3 +0,0 @@
-/* ============================================================ */
-/* CSS for control sap.ui.commons.form/ResponsiveLayout.control */
-/* ============================================================ */

package/src/sap/ui/commons/themes/base/SimpleForm.less

@@ -1,3 +0,0 @@
-/* ====================================================== */
-/* CSS for control sap.ui.commons/form/SimpleForm.control */
-/* ====================================================== */