@openui5/sap.ui.commons 1.146.0 → 1.147.0

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

@@ -1,14 +1,16 @@
-/* ============================================= */
-/* CSS for control sap.ui.commons/Message.control */
-/* ============================================= */
-/************* Container *************/
+/* ======================================= */
+/* CSS for control sap.ui.commons/Message  */
+/* base theme                              */
+/* ======================================= */
+
+/* Container */
 .sapUiMsg {
 	height: 18px;
 	overflow: hidden;
 	white-space: nowrap;
 }
 
-/************* Inner elements *************/
+/* Inner elements */
 .sapUiMsgIcon,
 .sapUiMsgLnk,
 .sapUiMsgTxt {
@@ -18,25 +20,25 @@
 	vertical-align: middle;
 }
 
-/************* Icon *************/
+/* Icon */
 .sapUiMsgIcon {
 	padding: 0;
-	width: 18px; /* "width" with "position:center" seems more stable then "padding"... */
+	width: 18px; /* 'width' with 'position:center' seems more stable then 'padding'... */
 }
 
 .sapUiMsgIconError {
-	background: url("img/messagebar/iconError.gif") no-repeat scroll center 0px transparent;
+	background: url('img/messagebar/iconError.gif') no-repeat scroll center 0 transparent;
 }
 
 .sapUiMsgIconWarning {
-	background: url("img/messagebar/iconWarning.gif") no-repeat scroll center 0px transparent;
+	background: url('img/messagebar/iconWarning.gif') no-repeat scroll center 0 transparent;
 }
 
 .sapUiMsgIconSuccess {
-	background: url("img/messagebar/iconSuccess.gif") no-repeat scroll center 0px transparent;
+	background: url('img/messagebar/iconSuccess.gif') no-repeat scroll center 0 transparent;
 }
 
-/************* Details link *************/
+/* Details link */
 .sapUiMsgLnk {
 	padding: 0 1px;
 }
@@ -47,7 +49,7 @@
 	vertical-align: 1px;
 }
 
-/************* Short Text *************/
+/* Short Text */
 .sapUiMsgTxt {
 	color: @sapUiBaseText;
 	padding: 0 1px;

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

@@ -1,9 +1,9 @@
-/* ================================================= */
-/* CSS for control sap.ui.commons/MessageBar.control */
-/* ================================================= */
-/*****************************************************/
-/*                 Base definitions                  */
-/*****************************************************/
+/* ========================================== */
+/* CSS for control sap.ui.commons/MessageBar  */
+/* base theme                                 */
+/* ========================================== */
+
+/* Base definitions */
 
 .sapUi-cursorPointer {
 	cursor: pointer;
@@ -15,7 +15,7 @@
 
 /* Icons have less padding within the Bar then they have within Messages... */
 .sapUiMsgBar .sapUiMsgIcon {
-	width: 16px; /* "width" with "position:center" seems more stable then "padding"... */
+	width: 16px; /* 'width' with 'position:center' seems more stable then 'padding'... */
 }
 
 /* .. and Texts come with right padding */
@@ -23,9 +23,8 @@
 	padding: 0 7px 0 1px;
 }
 
-/*****************************************************/
-/* Styling of the messageBar                         */
-/*****************************************************/
+/* Styling of the messageBar */
+
 .sapUiMsgBar {
 	background-color: #3355A8;
 	border-radius: 3px;
@@ -35,7 +34,7 @@
 
 /* Styling the Icons-Counters container: */
 .sapUiMsgBarSums {
-	background: url("img/messagebar/float_backgr.gif") repeat-x scroll 0px 0px transparent;
+	background: url('img/messagebar/float_backgr.gif') repeat-x scroll 0 0 transparent;
 	border: 1px solid #3355A8;
 	border-radius: 2px;
 	cursor: move;
@@ -52,7 +51,7 @@
 
 /* Styling the left Open-Hide arrow: */
 .sapUiMsgBarToggle {
-	background: url("img/messagebar/collapsed.gif") no-repeat scroll 0px 0px transparent;
+	background: url('img/messagebar/collapsed.gif') no-repeat scroll 0 0 transparent;
 	cursor: pointer;
 	display: inline-block;
 	height: 14px;
@@ -63,32 +62,15 @@
 }
 
 .sapUiRtl .sapUiMsgBarToggle {
-	background-image: url("img/messagebar/collapsedRTL.gif");
+	background-image: url('img/messagebar/collapsedRTL.gif');
 }
 
 .sapUiMsgBarOpen .sapUiMsgBarToggle,
 .sapUiRtl .sapUiMsgBarOpen .sapUiMsgBarToggle {
-	background-image: url("img/messagebar/expanded.gif");
-}
-
-/*.sapUiMsgBar .sapUiImg {
-	padding: 0 2px;
-	vertical-align: top;
-}
-.sapUiMsgBarSums .sapUiImg {
-	outline-style: none;
-	vertical-align: middle;  As controls do not vertically align on their own
-}
-.sapUiMsgBarSums .sapUiTv {
-	padding: 0 5px 0 0;
-	vertical-align: middle;  As controls do not vertically align on their own
+	background-image: url('img/messagebar/expanded.gif');
 }
- On RTL, the padding switches sides.
-.sapUiRtl .sapUiMsgBarSums .sapUiTv {
-	padding: 0 0 0 5px;
-}*/
 
-/* By default, not displaying the empty "(0)" levels: */
+/* By default, not displaying the empty '(0)' levels: */
 .sapUiMsgBarZeroCount {
 	display: none !important;
 }
@@ -99,7 +81,7 @@
 }
 
 .sapUiMsgBarHome {
-	background: url("img/messagebar/re-dock.gif") no-repeat scroll 0px 0px transparent;
+	background: url('img/messagebar/re-dock.gif') no-repeat scroll 0 0 transparent;
 	border: 1px solid transparent;
 	border-radius: 2px;
 	cursor: pointer;
@@ -111,7 +93,7 @@
 }
 
 .sapUiRtl .sapUiMsgBarHome {
-	background-image: url("img/messagebar/re-dockRTL.gif");
+	background-image: url('img/messagebar/re-dockRTL.gif');
 }
 
 .sapUiMsgBarHome:hover {

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

@@ -1,3 +1,8 @@
+/* ========================================== */
+/* CSS for control sap.ui.commons/MessageBox  */
+/* base theme                                 */
+/* ========================================== */
+
 .sapUiMboxCont {
 	margin-left: 14px;
 	margin-top: 10px;
@@ -7,33 +12,36 @@
 
 .sapUiMboxText {
 	margin-top: 1px; /* to achieve the desired 26px between content top and baseline; highly depends on font-size! */
-	display:block;
-	/* white-space:nowrap; */
-	/* vertical-align: baseline; */
+	display: block;
 }
 
 .sapUiMboxIcon {
-	height:32px;
-	width:32px;
-	/* background-color: pink; */
-	margin-right:14px;
+	height: 32px;
+	width: 32px;
+	margin-right: 14px;
 	background-repeat: no-repeat;
 }
+
 .sapUiMboxInfo {
-	background-image: url(img/messagebox/information.gif);
+	background-image: url('img/messagebox/information.gif');
 }
+
 .sapUiMboxWarning {
-	background-image: url(img/messagebox/warning.gif);
+	background-image: url('img/messagebox/warning.gif');
 }
+
 .sapUiMboxError {
-	background-image: url(img/messagebox/error.gif);
+	background-image: url('img/messagebox/error.gif');
 }
+
 .sapUiMboxCritical {
-	background-image: url(img/messagebox/critical.gif);
+	background-image: url('img/messagebox/critical.gif');
 }
+
 .sapUiMboxSuccess {
-	background-image: url(img/messagebox/success.gif);
+	background-image: url('img/messagebox/success.gif');
 }
+
 .sapUiMboxQuestion {
-	background-image: url(img/messagebox/question.gif);
-}
+	background-image: url('img/messagebox/question.gif');
+}

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

@@ -1,6 +1,7 @@
-/* ================================================== */
-/* CSS for control sap.ui.commons/MessageList.control */
-/* ================================================== */
+/* =========================================== */
+/* CSS for control sap.ui.commons/MessageList  */
+/* base theme                                  */
+/* =========================================== */
 
 /* List Container: */
 /* Opening with a small height, for Popup to open even with too-tall a list. */

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

@@ -1,6 +1,7 @@
-/* =================================================== */
-/* CSS for control sap.ui.commons/MessageToast.control */
-/* =================================================== */
+/* ============================================ */
+/* CSS for control sap.ui.commons/MessageToast  */
+/* base theme                                   */
+/* ============================================ */
 
 .sapUiMsgToast {
 	background-color: transparent;
@@ -44,20 +45,20 @@
 
 /* Styling of the down-arrow is Type/Priority dependent */
 .sapUiMsgToastArrow {
-	background: url("img/messagebar/toastarrow_multi.gif") no-repeat scroll 0px 0px transparent;
+	background: url('img/messagebar/toastarrow_multi.gif') no-repeat scroll 0 0 transparent;
 	display: block;
 	height: 9px;
 	width: 15px;
 }
 
 .sapUiMsgTError .sapUiMsgToastArrow {
-	background-image: url("img/messagebar/toastarrow_Error.gif");
+	background-image: url('img/messagebar/toastarrow_Error.gif');
 }
 
 .sapUiMsgTWarning .sapUiMsgToastArrow {
-	background-image: url("img/messagebar/toastarrow_Warning.gif");
+	background-image: url('img/messagebar/toastarrow_Warning.gif');
 }
 
 .sapUiMsgTSuccess .sapUiMsgToastArrow {
-	background-image: url("img/messagebar/toastarrow_Success.gif");
+	background-image: url('img/messagebar/toastarrow_Success.gif');
 }

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

@@ -1,7 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.ui.commons/Paginator      */
-/* BASE CSS                                      */
-/* ============================================= */
+/* ========================================= */
+/* CSS for control sap.ui.commons/Paginator  */
+/* base theme                                */
+/* ========================================= */
 
 .sapUiPag {
 	display: inline-block;
@@ -17,7 +17,7 @@
 }
 
 .sapUiPagBtn.sapUiLnkDsbl {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }
 
 .sapUiPagFirst {
@@ -25,13 +25,13 @@
 }
 
 .sapUiPagBack {
-	background: url(img/paginator/arrow_previous.gif) no-repeat;
+	background: url('img/paginator/arrow_previous.gif') no-repeat;
 	background-position: left top;
 	padding-left: 14px;
 }
 
 .sapUiPagForward {
-	background: url(img/paginator/arrow_next.gif) no-repeat;
+	background: url('img/paginator/arrow_next.gif') no-repeat;
 	background-position: right top;
 	padding-right: 14px;
 }
@@ -75,5 +75,5 @@
 }
 
 .sapUiPagCurrentPage > .sapUiLnkDsbl {
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 }

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

@@ -1,3 +1,8 @@
+/* ===================================== */
+/* CSS for control sap.ui.commons/Panel  */
+/* base theme                            */
+/* ===================================== */
+
 @_sap_ui_commons_Panel_BorderRadius: 0;
 
 .sapUiPanel {
@@ -14,16 +19,13 @@
 }
 
 .sapUiPanel.sapUiPanelColl,
-.sapUiPanelColl > .sapUiPanelHdr  {
+.sapUiPanelColl > .sapUiPanelHdr {
 	border-radius: @_sap_ui_commons_Panel_BorderRadius;
 }
 
 .sapUiPanelHdr {
 	border-radius: @_sap_ui_commons_Panel_BorderRadius @_sap_ui_commons_Panel_BorderRadius 0 0;
-	display: -webkit-box;
 	display: flex;
-	-webkit-box-orient: horizontal;
-	-webkit-box-align: center;
 	flex-direction: row;
 	align-items: center;
 	box-sizing: border-box;
@@ -36,7 +38,7 @@
 }
 
 .sapUiPanelDis > .sapUiPanelHdr {
-	color: @sapUiContentDisabledTextColor;
+	color: var(--sapContent_DisabledTextColor);
 }
 
 /* items inside the Panel header */
@@ -59,10 +61,11 @@
 
 .sapUiPanelCollArrow {
 	/* the 'collapse' icon on the left-hand side of the panel header */
-	background-image: url(img/panel/expanded.gif);
+	background-image: url('img/panel/expanded.gif');
 }
+
 .sapUiPanelColl .sapUiPanelCollArrow {
-	background-image: url(img/panel/collapsed.gif);
+	background-image: url('img/panel/collapsed.gif');
 }
 
 .sapUiPanelCollIco {
@@ -79,7 +82,6 @@
 	margin: 0; /* remove the H1 default style */
 	padding: 0;
 	font-size: 11px;
-	-webkit-box-flex: 1;
 	flex-grow: 1;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -89,7 +91,6 @@
 }
 
 .sapUiPanelTb {
-	-webkit-box-flex: 1000;
 	flex-grow: 1000;
 	min-width: 30px; /* the minimum width is also set to the width of the largest button through JS calculations */
 	margin: 2px 10px 0 10px;
@@ -130,41 +131,6 @@
 	display: none;
 }
 
-/* IE only - because no FlexBoxLayout supported */
-
-/* Feature detection is not used yet because we do not write the detected features to the DOM yet. Be assured it will come. */
-html[data-sap-ui-browser*="ie"] .sapUiPanelHdr {
-	white-space: nowrap;
-	overflow: hidden;
-	display: inline-block;
-	position: relative;
-}
-
-html[data-sap-ui-browser*="ie"] .sapUiPanelHdrItem,
-html[data-sap-ui-browser*="ie"] .sapUiPanelHdrRightItem {
-	white-space: normal;
-	display: inline-block;
-	vertical-align: middle;
-}
-
-html[data-sap-ui-browser*="ie"] .sapUiPanelTitle {
-	white-space: nowrap;
-	height: 20px;
-	line-height: 20px;
-}
-
-html[data-sap-ui-browser*="ie"] .sapUiPanelCollIco {
-	position: absolute;
-	top: 2px;
-	right: 4px;
-	display: none;
-}
-
-html[data-sap-ui-browser*="ie"] .sapUiPanelTb {
-	right: 56px;
-	min-width: 150px;
-}
-
 .sapUiPanelAreaDesignFill > .sapUiPanelCont {
 	background-color: @sapUiExtraLightBG;
 }
@@ -175,4 +141,4 @@ html[data-sap-ui-browser*="ie"] .sapUiPanelTb {
 
 .sapUiPanel.sapUiPanelBorderDesignNone {
 	border: none;
-}
+}

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

@@ -1,6 +1,7 @@
-/* ======================================================== */
-/* CSS for control sap.ui.commons/ProgressIndicator.control */
-/* ======================================================== */
+/* ================================================= */
+/* CSS for control sap.ui.commons/ProgressIndicator  */
+/* base theme                                        */
+/* ================================================= */
 
 .sapUiProgInd {
 	display: inline-block;
@@ -8,7 +9,7 @@
 
 .sapUiProgIndBorder {
 	display: inline-block;
-	border: 1px solid @sapUiContentForegroundBorderColor;
+	border: 1px solid var(--sapContent_ForegroundBorderColor);
 	border-radius: 3px;
 	box-sizing: border-box;
 }
@@ -20,44 +21,44 @@
 	border-radius: 3px;
 	box-sizing: border-box;
 	height: 14px;
-	-moz-user-select: none;
+	-webkit-user-select: none;
 	user-select: none;
 }
 
 .sapUiProgIndBarPos {
 	position: relative;
-	background-color: @sapUiSuccessBG;
+	background-color: var(--sapSuccessBackground);
 	color: contrast(@sapUiSuccessBG, @sapTextColor, @sapUiTextInverted);
 	border-radius: 3px;
 	box-sizing: border-box;
 	height: 14px;
-	-moz-user-select: none;
+	-webkit-user-select: none;
 	user-select: none;
 }
 
 .sapUiProgIndBarNeg {
 	position: relative;
-	background-color: @sapUiErrorBG;
+	background-color: var(--sapErrorBackground);
 	color: contrast(@sapUiErrorBG, @sapTextColor, @sapUiTextInverted);
 	border-radius: 3px;
 	box-sizing: border-box;
 	height: 14px;
-	-moz-user-select: none;
+	-webkit-user-select: none;
 	user-select: none;
 }
 
-.sapUiProgIndBarCrit{
+.sapUiProgIndBarCrit {
 	position: relative;
-	background-color: @sapUiWarningBG;
+	background-color: var(--sapWarningBackground);
 	color: contrast(@sapUiWarningBG, @sapTextColor, @sapUiTextInverted);
 	border-radius: 3px;
 	box-sizing: border-box;
 	height: 14px;
-	-moz-user-select: none;
+	-webkit-user-select: none;
 	user-select: none;
 }
 
-.sapUiProgIndFont{
+.sapUiProgIndFont {
 	display: inline-block;
 	position: absolute;
 	left: 0;
@@ -69,35 +70,35 @@
 	white-space: nowrap;
 }
 
-.sapUiProgIndEndHidden{
+.sapUiProgIndEndHidden {
 	display: inline-block;
 	width: 1px;
 	height: 14px;
 	visibility: hidden;
 }
 
-.sapUiProgIndEnd{
+.sapUiProgIndEnd {
 	display: inline-block;
 	width: 1px;
 	height: 14px;
 	visibility: visible;
-	background-color: @sapUiContentForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 }
 
-.sapUiProgIndPosEnd{
+.sapUiProgIndPosEnd {
 	display: inline-block;
 	width: 1px;
 	height: 14px;
 	visibility: visible;
-	background-color: @sapUiContentForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 }
 
-.sapUiProgIndNegEnd{
+.sapUiProgIndNegEnd {
 	display: inline-block;
 	width: 1px;
 	height: 14px;
 	visibility: visible;
-	background-color: @sapUiContentForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 }
 
 .sapUiProgIndCritEnd {
@@ -105,5 +106,5 @@
 	width: 1px;
 	height: 14px;
 	visibility: visible;
-	background-color: @sapUiContentForegroundBorderColor;
+	background-color: var(--sapContent_ForegroundBorderColor);
 }

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

@@ -1,7 +1,12 @@
-// Define image URLs to be used in control rendering code
-@_sap_ui_commons_RatingIndicator_SymbolSelected: url("img/rating/star_selected.png");
-@_sap_ui_commons_RatingIndicator_SymbolUnselected: url("img/rating/star_unselected.png");
-@_sap_ui_commons_RatingIndicator_SymbolHovered: url("img/rating/star_hover.png");
+/* =============================================== */
+/* CSS for control sap.ui.commons/RatingIndicator  */
+/* base theme                                      */
+/* =============================================== */
+
+/* Define image URLs to be used in control rendering code */
+@_sap_ui_commons_RatingIndicator_SymbolSelected: url('img/rating/star_selected.png');
+@_sap_ui_commons_RatingIndicator_SymbolUnselected: url('img/rating/star_unselected.png');
+@_sap_ui_commons_RatingIndicator_SymbolHovered: url('img/rating/star_hover.png');
 
 .sapUiRating {
 	display: inline-block;
@@ -19,7 +24,7 @@
 .sapUiRatingItm {
 	display: inline-block;
 	border: 0 none;
-	line-height: 0px;
+	line-height: 0;
 	position: relative;
 	margin-left: 1px;
 	margin-right: 1px;
@@ -28,8 +33,8 @@
 .sapUiRatingItmOvrflw {
 	display: inline-block;
 	position: absolute;
-	top: 0px;
-	right: 0px;
+	top: 0;
+	right: 0;
 	width: 100%;
 	height: 100%;
 	overflow:hidden;
@@ -41,6 +46,6 @@
 
 .sapUiRatingItmOvrflw > .sapUiRatingItmOvrflwImg {
 	position: absolute;
-	top: 0px;
-	right: 0px;
-}
+	top: 0;
+	right: 0;
+}

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

@@ -1,7 +1,12 @@
+/* =========================================== */
+/* CSS for control sap.ui.commons/RichTooltip  */
+/* base theme                                  */
+/* =========================================== */
+
 .sapUiRtt {
-	font-family: @sapUiFontFamily;
+	font-family: var(--sapFontFamily);
 	font-size: @sapUiFontSize;
-	color: @sapUiBaseText;
+	color: var(--sapTextColor);
 	background-color: @sapUiExtraLightBG;
 	position: relative;
 	display: table;