@openui5/sap.ui.commons 1.145.1 → 1.147.0

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control /ValueHelpField.control       */
-/* ============================================= */
+/* ============================================== */
+/* CSS for control sap.ui.commons/ValueHelpField  */
+/* base theme                                     */
+/* ============================================== */
 
 /* textField icon */
 .sapUiTfCombo > .sapUiTfValueHelpIcon {
@@ -20,8 +21,7 @@
 	cursor: default;
 }
 
-.sapUiTfCombo > .sapUiTfValueHelpDsblIcon,  /* make disabled icon look "reduced" */
+.sapUiTfCombo > .sapUiTfValueHelpDsblIcon, /* make disabled icon look "reduced" */
 .sapUiTfCombo.sapUiTfDsbl > span.sapUiTfValueHelpIcon {
-	opacity: .3;
-	filter: alpha(opacity=30);
+	opacity: 0.3;
 }

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 */
-/* ====================================================== */