@openui5/sap.ui.commons 1.146.0 → 1.147.1

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

@@ -1,6 +1,7 @@
-/* ============================================== */
-/* CSS for control sap.ui.commons/RoadMap.control */
-/* ============================================== */
+/* ======================================= */
+/* CSS for control sap.ui.commons/RoadMap  */
+/* base theme                              */
+/* ======================================= */
 
 /* General Styles */
 .sapUiRoadMap {
@@ -41,25 +42,16 @@
 	position: relative;
 }
 
-.sapUiRoadMapSubStep {
-}
-
 .sapUiRoadMapSubStep.sapUiRoadMapStep {
 	padding-top: 4px;
 }
 
-.sapUiRoadMapStepEnd {
-}
-
 .sapUiRoadMapSelected {
 	font-weight: bold;
 }
 
-.sapUiRoadMapExpanded {
-}
-
 .sapUiRoadMapDisabled {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 .sapUiRoadMapStepAdd1,
@@ -73,11 +65,11 @@
 }
 
 .sapUiRoadMapStepAdd1 {
-	left: 0px;
+	left: 0;
 }
 
 .sapUiRoadMapStepAdd2 {
-	right: 0px;
+	right: 0;
 }
 
 .sapUiRoadMapStepEnd.sapUiRoadMapExpanded > .sapUiRoadMapStepAdd1,
@@ -105,21 +97,21 @@
 	position: relative;
 }
 
-.sapUiRoadMapStepBox:focus{
+.sapUiRoadMapStepBox:focus {
 	outline: 1px dotted @sapUiBlackBorder;
 }
 
-.sapUiRoadMapSubStep.sapUiRoadMapStep > .sapUiRoadMapStepBox{
+.sapUiRoadMapSubStep.sapUiRoadMapStep > .sapUiRoadMapStepBox {
 	line-height: 16px;
 	width: 19px;
 }
 
-.sapUiRoadMapSelected > .sapUiRoadMapStepBox{
-	border: 1px solid @sapUiFieldInvalidColor;
+.sapUiRoadMapSelected > .sapUiRoadMapStepBox {
+	border: 1px solid var(--sapField_InvalidColor);
 	cursor: default;
 }
 
-.sapUiRoadMapDisabled > .sapUiRoadMapStepBox{
+.sapUiRoadMapDisabled > .sapUiRoadMapStepBox {
 	border: 1px solid @sapUiButtonDisabledBorderColor;
 	cursor: default;
 }
@@ -132,13 +124,12 @@
 	display: inline-block;
 	width: 90px;
 	overflow: hidden;
-	/*text-overflow: ellipsis;*/
 	word-wrap: break-word;
-	height: 38px;/*double line-height*/
+	height: 38px; /*double line-height*/
 }
 
-.sapUiRoadMapTitle > span:after {
-	content: "...";
+.sapUiRoadMapTitle > span::after {
+	content: '...';
 }
 
 .sapUiRoadMapStep:hover > .sapUiRoadMapTitle {
@@ -153,28 +144,6 @@
 	text-decoration: none;
 }
 
-/* No special styling for Expanded Step titles according to UX
-.sapUiRoadMapExpanded > .sapUiRoadMapTitle {
-	position: relative;
-	left: 15px;
-	text-align: left;
-	width: 55px;
-}
-
-html[dir=rtl] .sapUiRoadMapExpanded > .sapUiRoadMapTitle {
-	text-align: right;
-}
-
-.sapUiRoadMapExpanded.sapUiRoadMapStepEnd > .sapUiRoadMapTitle{
-	left: auto;
-	right: 15px;
-	text-align: right;
-}
-
-html[dir=rtl] .sapUiRoadMapExpanded.sapUiRoadMapStepEnd > .sapUiRoadMapTitle {
-	text-align: left;
-}*/
-
 /* Delimiter Styles */
 .sapUiRoadMapDelim {
 	background-position: center 4px;
@@ -192,22 +161,22 @@ html[dir=rtl] .sapUiRoadMapExpanded.sapUiRoadMapStepEnd > .sapUiRoadMapTitle {
 	cursor: pointer;
 }
 
-.sapUiRoadMapStartScroll:after {
-	content: "<<";
+.sapUiRoadMapStartScroll::after {
+	content: '<<';
 }
 
-.sapUiRoadMapStartFixed:after{
-	content: "|>";
+.sapUiRoadMapStartFixed::after{
+	content: '|>';
 }
 
 .sapUiRoadMapEndScroll {
 	cursor: pointer;
 }
 
-.sapUiRoadMapEndScroll:after {
-	content: ">>";
+.sapUiRoadMapEndScroll::after {
+	content: '>>';
 }
 
-.sapUiRoadMapEndFixed:after {
-	content: "<|";
+.sapUiRoadMapEndFixed::after {
+	content: '<|';
 }

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

@@ -1,6 +1,7 @@
-/* ======================================================= */
-/* Base CSS for control sap.ui.commons/SearchField.control */
-/* ======================================================= */
+/* =========================================== */
+/* CSS for control sap.ui.commons/SearchField  */
+/* base theme                                  */
+/* =========================================== */
 
 .sapUiSearchField {
 	display: inline-block;
@@ -19,7 +20,7 @@
 	margin-top: 1px;
 }
 
-.sapUiSearchField input[type="search"]::-webkit-search-cancel-button {
+.sapUiSearchField input[type='search']::-webkit-search-cancel-button {
 	/* Do not show the 'X' in the searchfield */
 	-webkit-appearance: none;
 }
@@ -29,18 +30,19 @@
 }
 
 /*The cursor position in Safari on Mac in LTR case is to far on the right*/
-html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldTf > .sapUiTf,
-html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb > .sapUiTf {
+html[data-sap-ui-browser^='sf'][data-sap-ui-os='mac']:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldTf > .sapUiTf,
+html[data-sap-ui-browser^='sf'][data-sap-ui-os='mac']:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb > .sapUiTf {
 	margin-left: -4px;
 	padding-left: 0px;
 }
 
-html[data-sap-ui-browser^="cr"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf,
-html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf {
+html[data-sap-ui-browser^='cr'][data-sap-ui-os='mac']:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf,
+html[data-sap-ui-browser^='sf'][data-sap-ui-os='mac']:not([dir=rtl]) .sapUiSearchField > .sapUiSearchFieldCb.sapUiSearchFieldCbProv > .sapUiTf {
 	padding-left: 16px;
 }
 
-.sapUiSearchFieldTf, .sapUiSearchFieldCb {
+.sapUiSearchFieldTf,
+.sapUiSearchFieldCb {
 	width: auto;
 	position: absolute;
 	left: 0;
@@ -64,9 +66,9 @@ html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearc
 	position: absolute;
 	font-size: 0;
 	color: transparent;
-	-moz-user-select: none;
 	-webkit-user-select: none;
-	background-image: url("img/search/search.png");
+	user-select: none;
+	background-image: url('img/search/search.png');
 	height: 15px;
 	width: 15px;
 	background-repeat: no-repeat;
@@ -80,7 +82,7 @@ html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearc
 .sapUiSearchFieldClear.sapUiSearchFieldVal.sapUiSearchFieldDsbl > .sapUiSearchFieldCb > .sapUiSearchFieldIco {
 	font-size: 0;
 	color: transparent;
-	background-image: url("img/search/search.png");
+	background-image: url('img/search/search.png');
 }
 
 .sapUiSearchFieldProvIco {
@@ -102,7 +104,7 @@ html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearc
 }
 
 .sapUiSearchFieldDsbl .sapUiSearchFieldProvIco,
-.sapUiSearchFieldDsbl .sapUiSearchFieldIco{
+.sapUiSearchFieldDsbl .sapUiSearchFieldIco {
 	cursor: auto;
 	opacity: 0.6;
 }
@@ -134,4 +136,4 @@ html[data-sap-ui-browser^="sf"][data-sap-ui-os="mac"]:not([dir=rtl]) .sapUiSearc
 	font-size: inherit;
 	color: inherit;
 	background-image: none;
-}
+}

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

@@ -1,19 +1,11 @@
-/* =============================================== */
-/* CSS for control sap.ui.commons/Splitter.control */
-/* =============================================== */
-/*
-.sapUiSplitterFocus,
-.sapUiVSplitterSecondPane:focus,
-.sapUiHSplitterSecondPane:focus,
-.sapUiVSplitterFirstPane:focus,
-.sapUiHSplitterFirstPane:focus {
-	outline: @sapUiBlackBorder dotted 1px;
-}
-*/
+/* ======================================== */
+/* CSS for control sap.ui.commons/Splitter  */
+/* base theme                               */
+/* ======================================== */
 
 .sapUiHorizontalSplitterBar:focus,
 .sapUiVerticalSplitterBar:focus {
-	outline: @sapUiHighlight dashed 1px;
+	outline: var(--sapHighlightColor) dashed 1px;
 }
 
 .sapUiVSplitterFirstPane {
@@ -21,14 +13,12 @@
 	display: inline-block;
 	vertical-align: top;
 	outline-offset: -1px;
-	/*overflow: hidden;*/
 }
 
 .sapUiHSplitterFirstPane {
 	width: 100%;
 	vertical-align: top;
 	outline-offset: -1px;
-	/*overflow: hidden;*/
 }
 
 .sapUiVSplitterSecondPane {
@@ -36,47 +26,41 @@
 	display: inline-block;
 	vertical-align: top;
 	outline-offset: -1px;
-	/*overflow: hidden;*/
 }
 
 .sapUiHSplitterSecondPane {
 	width: 100%;
 	vertical-align: top;
 	outline-offset: -1px;
-	/*overflow: hidden;*/
 }
 
 .sapUiVerticalSplitterBar {
-	background-image: url(img/splitter/splitter_vert_grip.gif);
+	background-image: url('img/splitter/splitter_vert_grip.gif');
 	background-color: darken(@sapUiBaseBG, 20);
 	background-position: center center;
 	background-repeat: no-repeat;
 	height: 100%;
 	display: inline-block;
 	vertical-align: top; /* needed to hide vertical scrollbar when all elements fit inside the pane. currently works only in FF*/
-	/*z-index:1;*/
 }
 
 .sapUiVerticalSplitterBarHidden {
 	display: none;
 	vertical-align: top; /* needed to hide vertical scrollbar when all elements fit inside the pane. currently works only in FF*/
 	height: 100%;
-	/*z-index:1;*/
 }
 
 .sapUiHorizontalSplitterBar {
-	background-image: url(img/splitter/splitter_horiz_grip.gif);
+	background-image: url('img/splitter/splitter_horiz_grip.gif');
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-color: darken(@sapUiBaseBG, 20);
-	width:100%;
-	/*z-index:1;*/
+	width: 100%;
 }
 
 .sapUiHorizontalSplitterBarHidden {
 	display: none;
 	width:100%;
-	/*z-index:1;*/
 }
 
 .sapUiVerticalSplitterBar:hover {
@@ -90,17 +74,17 @@
 }
 
 .sapUiVSBGhost {
-	background-image: url(img/splitter/checkerboard.png);
+	background-image: url('img/splitter/checkerboard.png');
 	background-repeat: repeat;
 	position: absolute;
-	cursor:   col-resize;
+	cursor: col-resize;
 	z-index: 20;
 }
 
 .sapUiHSBGhost {
-	background-image: url(img/splitter/checkerboard.png);
+	background-image: url('img/splitter/checkerboard.png');
 	background-repeat: repeat;
 	position: absolute;
-	cursor:  row-resize;
+	cursor: row-resize;
 	z-index: 20;
 }

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

@@ -1,12 +1,13 @@
-/* =============================================== */
-/* CSS for control sap.ui.commons/TextArea.control */
-/* =============================================== */
+/* ======================================== */
+/* CSS for control sap.ui.commons/TextArea  */
+/* base theme                               */
+/* ======================================== */
 
-.sapUiTxtA{
+.sapUiTxtA {
 	resize: none; /* disable safari resize */
 }
 
-.sapUiTf.sapUiTxtA:not(.sapUiTfInner){
+.sapUiTf.sapUiTxtA:not(.sapUiTfInner) {
 	height: auto; /* to overwrite defaults from TextField */
 	width: auto;
 	line-height: normal;

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

@@ -1,6 +1,7 @@
-/* ======================================================= */
-/* CSS for control sap.ui.commons.TriStateCheckBox.control */
-/* ======================================================= */
+/* ================================================ */
+/* CSS for control sap.ui.commons/TriStateCheckBox  */
+/* base theme                                       */
+/* ================================================ */
 
 .sapUiTriCb {
 	line-height: @sapUiLineHeight;
@@ -17,13 +18,12 @@
 
 /* Do not invert for table */
 .sapUiInverted-CTX .sapUiTable .sapUiTriCb {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
-
 .sapUiTriCbInner {
-	height:11px;
-	width:11px;
+	height: 11px;
+	width: 11px;
 	display: inline-block;
 	vertical-align: text-bottom;
 	background-image: none;
@@ -35,7 +35,7 @@
 
 .sapUiTriCbInner.sapUiTriCbCheck,
 .sapUiTriCbInner.sapUiTriCbMix {
-	background-image: url(img/TriStateCheckBox.png);
+	background-image: url('img/TriStateCheckBox.png');
 }
 
 .sapUiTriCbInner.sapUiTriCbMix {
@@ -67,7 +67,7 @@
 }
 
 .sapUiTriCb:hover > .sapUiTriCbInner {
-	border: 2px solid @sapUiHighlight;
+	border: 2px solid var(--sapHighlightColor);
 }
 
 .sapUiTriCb:hover > .sapUiTriCbRo {
@@ -75,32 +75,31 @@
 }
 
 .sapUiTriCbErr {
-	background-color: @sapUiFieldInvalidBackground;
-	border: 2px solid @sapUiFieldInvalidColor;
+	background-color: var(--sapField_InvalidBackground);
+	border: 2px solid var(--sapField_InvalidColor);
 }
 
 .sapUiTriCbWarn {
-	background-color: @sapUiFieldWarningBackground;
-	border: 2px solid @sapUiFieldWarningColor;
+	background-color: var(--sapField_WarningBackground);
+	border: 2px solid var(--sapField_WarningColor);
 }
 
 .sapUiTriCb:hover > .sapUiTriCbWarn.sapUiTriCbRo {
-	border: 2px solid @sapUiFieldWarningColor;
+	border: 2px solid var(--sapField_WarningColor);
 }
 
 .sapUiTriCb:hover > .sapUiTriCbErr.sapUiTriCbRo {
-	border: 2px solid @sapUiFieldInvalidColor;
+	border: 2px solid var(--sapField_InvalidColor);
 }
 
 .sapUiTriCbDis, .sapUiTriCb:hover .sapUiTriCbDis {
 	opacity: 0.5;
-	filter: Alpha(Opacity=50);
 	border: 2px solid @sapUiMediumBorder;
 }
 
 .sapUiTriCbRo,
 .sapUiTriCb:hover > .sapUiTriCbRo {
-	background-color: @sapUiFieldReadOnlyBackground;
+	background-color: var(--sapField_ReadOnly_Background);
 }
 
 .sapUiTriCbLbl {

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