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

package/src/sap/suite/ui/commons/statusindicator/Circle.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.suite.ui.commons.statusindicator.SimpleShape
 		 *
 		 * @author SAP SE
-		 * @version 1.145.1
+		 * @version 1.147.0
 		 * @since 1.50
 		 *
 		 * @constructor

package/src/sap/suite/ui/commons/statusindicator/CustomShape.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.statusindicator.Shape
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/DiscreteThreshold.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/FillingOption.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/LibraryShape.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.statusindicator.CustomShape
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.60.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/Path.js

@@ -29,7 +29,7 @@ sap.ui.define([
 		 * @extends sap.suite.ui.commons.statusindicator.SimpleShape
 		 *
 		 * @author SAP SE
-		 * @version 1.145.1
+		 * @version 1.147.0
 		 * @since 1.50
 		 *
 		 * @constructor

package/src/sap/suite/ui/commons/statusindicator/PropertyThreshold.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/Rectangle.js

@@ -29,7 +29,7 @@ sap.ui.define(
 		 * @extends sap.suite.ui.commons.statusindicator.SimpleShape
 		 *
 		 * @author SAP SE
-		 * @version 1.145.1
+		 * @version 1.147.0
 		 * @since 1.50
 		 *
 		 * @constructor

package/src/sap/suite/ui/commons/statusindicator/Shape.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/ShapeGroup.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/SimpleShape.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.suite.ui.commons.statusindicator.Shape
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/statusindicator/StatusIndicator.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.50
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccount.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountGroup.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountItem.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountItemProperty.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

package/src/sap/suite/ui/commons/taccount/TAccountPanel.js

@@ -65,7 +65,7 @@ sap.ui.define([
 	 * @extends sap.m.Panel
 	 *
 	 * @author SAP SE
-	 * @version 1.145.1
+	 * @version 1.147.0
 	 * @since 1.58.0
 	 *
 	 * @constructor

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

@@ -1,6 +1,7 @@
-/* ============================================= */
-/* CSS for control sap.suite.ui.commons/BusinessCard.control */
-/* ============================================= */
+/* ================================================== */
+/* CSS for control sap.suite.ui.commons/BusinessCard  */
+/* Base theme                                         */
+/* ================================================== */
 
 .suiteUiCard {
 	border: solid @sapUiLightBorder 1px;
@@ -50,4 +51,4 @@
 
 .suiteUiCardDesc {
 	width: 100%;
-}
+}

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

@@ -1,18 +1,24 @@
+/* ======================================================== */
+/* CSS for control sap.suite.ui.commons/CalculationBuilder  */
+/* Base theme                                               */
+/* ======================================================== */
+
 .sapCalculationBuilderInner {
 	display: flex;
 	align-items: center;
-  	&:focus {
-	  outline: none;
+
+	&:focus {
+		outline: none;
 	}
 }
 
 .sapCalculationBuilderWrapItems .sapCalculationBuilderInner {
- 	flex-wrap: wrap;
+	flex-wrap: wrap;
 }
 
 .sapCalculationBuilderInsideWrapper {
-  	overflow: auto;
-  	padding-bottom: 0.5rem;
+	overflow: auto;
+	padding-bottom: 0.5rem;
 }
 
 .sapUiSizeCozy .sapCalculationBuilderInsideWrapper {
@@ -24,40 +30,43 @@
 }
 
 .sapCalculationBuilderToolbar {
- 	margin-bottom: 0.5rem;
-  	height: 3rem;
-  	.sapMBtn {
+	margin-bottom: 0.5rem;
+	height: 3rem;
+
+	.sapMBtn {
 		padding: 0;
-  	}
-  	.sapMBtnInner {
+	}
+
+	.sapMBtnInner {
 		height: 2rem;
+
 		.sapMBtnIcon {
-	  		line-height: 30px;
-	 		max-height: 2rem;
+			line-height: 30px;
+			max-height: 2rem;
 		}
-  	}
+	}
 }
 
 .sapUiSizeCompact .sapCalculationBuilderToolbar {
-  	height: 3rem;
+	height: 3rem;
 }
 
 .sapCalculationBuilderOverlay {
 	width: 100%;
-  	min-height: 100%;
-	background-color: @sapUiListBackground;
+	min-height: 100%;
+	background-color: var(--sapList_Background);
 }
 
 .sapCalculationBuilderDelimiterLine {
 	height: 1px;
-	background-color: @sapUiGroupTitleBorderColor;
+	background-color: var(--sapGroup_TitleBorderColor);
 }
-.sapMListUl>.sapMLIB.sapMGHLI.sapCalculationBuilderSuggestionListHeader {
-	 height: auto;
-	 padding-top: 0;
- }
 
- .sapCalculationBuilderDisplayNone {
-	 display: none;
- }
+.sapMListUl > .sapMLIB.sapMGHLI.sapCalculationBuilderSuggestionListHeader {
+	height: auto;
+	padding-top: 0;
+}
 
+.sapCalculationBuilderDisplayNone {
+	display: none;
+}

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

@@ -1,3 +1,8 @@
+/* ================================================================== */
+/* CSS for control sap.suite.ui.commons/CalculationBuilderExpression  */
+/* Base theme                                                         */
+/* ================================================================== */
+
 .sapCalculationBuilderDelimiter {
 	display: flex;
 	width: 0.5rem;
@@ -24,20 +29,17 @@
 	position: absolute;
 	border-radius: 3px;
 	z-index: 10000;
-
 	justify-content: center;
 	align-items: center;
 	cursor: pointer;
-
-
 	outline: none;
-	border: 1px solid @sapUiButtonTextColor;
-	background-color: @sapUiButtonBackground;
-	color: @sapUiButtonTextColor;
+	border: 1px solid var(--sapButton_TextColor);
+	background-color: var(--sapButton_Background);
+	color: var(--sapButton_TextColor);
 }
 
 .sapCalculationBuilderDelimiterNewButton:hover {
-	background-color: @sapUiButtonHoverBackground;
+	background-color: var(--sapButton_Hover_Background);
 }
 
 .sapCalculationBuilderDelimiterNewButtonIcon{
@@ -47,22 +49,23 @@
 }
 
 .ui-selectable-helper {
-  // TODO: change color
-  border: 1px dashed @sapUiNeutralBorder;
-  position: absolute;
-  z-index: 40;
+	/* TODO: change color*/
+	border: 1px dashed var(--sapNeutralBorderColor);
+	position: absolute;
+	z-index: 40;
 }
 
 .sapCalculationBuilderWrapItems {
 	position: relative;
+
 	.sapCalculationBuilderSelected {
-	  flex-wrap: wrap;
+		flex-wrap: wrap;
 	}
 }
 
 .sapCalculationBuilderSelected {
-  display: flex;
-  align-items: center;
+	display: flex;
+	align-items: center;
 }
 
 .sapCalculationBuilderDraggingSelectedClone {
@@ -71,43 +74,49 @@
 }
 
 .sapCalculationBuilderNavMainPage {
-  	.sapMLIB {
+
+	.sapMLIB {
 		padding: 0;
-  	}
-  	.sapMSLIImgIcon {
-		font-size: @sapFontLargeSize;
-  	}
-  	.sapMLIB.sapMSLI {
+	}
+
+	.sapMSLIImgIcon {
+		font-size: var(--sapFontLargeSize);
+	}
+
+	.sapMLIB.sapMSLI {
 		height: 4.5rem;
-  	}
+	}
 }
 
 .sapCalculationBuilderPopoverOperatorsButton {
+
 	.sapMBtn {
-	  	padding: 0;
+		padding: 0;
 	}
+
 	.sapMBtnInner {
-	  	height: 2rem;
+		height: 2rem;
 	}
+
 	.sapMBtnContent {
-	  	line-height: 30px;
-	  	font-size: @sapFontLargeSize;
-	  	font-weight: bold
+		line-height: 30px;
+		font-size: var(--sapFontLargeSize);
+		font-weight: bold
 	}
+
 	.sapMBtnIcon {
-	  	line-height: 30px;
+		line-height: 30px;
 	}
 }
 
 .sapCalculationBuilderExpressionErrorIcon {
-	color: @sapUiNegativeElement;
+	color: var(--sapNegativeElementColor);
 	position: absolute;
-
 	display: none;
 	top: 0;
 	right: 2px;
 }
 
 .sapCalculationBuilderExpressionSAPFont {
-	font-family: 'SAP-icons';
-}
+	font-family: var(--sapContent_IconFontFamily);
+}

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

@@ -1,21 +1,27 @@
+/* ============================================================= */
+/* CSS for control sap.suite.ui.commons/CalculationBuilderInput  */
+/* Base theme                                                    */
+/* ============================================================= */
+
 .sapCalculationBuilderInput {
-	border: 1px solid @sapUiGroupTitleBorderColor;
+	border: 1px solid var(--sapGroup_TitleBorderColor);
 	padding: 0.75rem;
 	min-height: 2.5rem;
-
 	position: relative;
 	user-select: text;
+
 	&:focus {
 		outline: none;
 	}
+
 	&:focus::before {
-		content: "";
+		content: '';
 		position: absolute;
 		top: 2px;
 		left: 2px;
 		right: 2px;
 		bottom: 2px;
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 		pointer-events: none;
 	}
 
@@ -33,12 +39,12 @@ html.sap-tablet:not(.sap-desktop) .sapCalculationBuilderInput span {
 }
 
 .sapCalculationBuilderInputError.sapCalculationBuilderInput {
-	border-color: @sapUiErrorBorder;
+	border-color: var(--sapErrorBorderColor);
 	border-width: 2px;
 }
 
 .sapCalculationBuilderInputWrapper {
-	background-color: @sapUiFieldBackground;
+	background-color: var(--sapField_Background);
 }
 
 .sapCalculationBuilderInputOuterWrapperMargin {
@@ -48,30 +54,39 @@ html.sap-tablet:not(.sap-desktop) .sapCalculationBuilderInput span {
 .sapCalculationBuilderInputToolbar {
 	border: none;
 	height: 3rem;
+
 	.sapCalculationBuilderInputToolbarFunctionMenu {
 		margin-left: 0.75rem;
 	}
+
 	.sapCalculationBuilderInputToolbarMenuButtons {
+
 		.sapMBtnInner {
 			height: 2rem;
 		}
+
 		.sapMBtnContent {
 			line-height: 30px;
 		}
+
 		&.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
 			height: 30px;
 			line-height: 30px;
 		}
 	}
+
 	.sapCalculationBuilderInputToolbarButtons {
+
 		.sapMBtnInner {
 			height: 2rem;
 		}
+
 		.sapMBtnContent {
 			line-height: 30px;
 			font-size: 1.25rem;
 			font-weight: bold;
 		}
+
 		.sapMBtnIcon {
 			line-height: 30px;
 		}
@@ -80,6 +95,7 @@ html.sap-tablet:not(.sap-desktop) .sapCalculationBuilderInput span {
 
 .sapUiSizeCompact .sapCalculationBuilderInputToolbar {
 	height: 3rem;
+
 	.sapMBtn {
 		padding: 0;
 	}
@@ -95,15 +111,15 @@ html.sap-tablet:not(.sap-desktop) .sapCalculationBuilderInput span {
 
 .sapCalculationBuilderInputErrorArea {
 	white-space: pre-line;
-	background-color: @sapErrorBackground;
-	font-size: @sapMFontSmallSize;
+	background-color: var(--sapErrorBackground);
+	font-size: var(--sapFontSmallSize);
 	position: relative;
 	width: max-content;
 	padding: 3px;
 	display: none;
-	z-Index:1;
+	z-index: 1;
 }
 
 .sapCalculationBuilderItemTextDefault {
 	overflow-wrap: break-word;
-}
+}