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

package/src/sap/suite/ui/commons/themes/sap_horizon_dark/TimelineItem.less

@@ -1,56 +1,58 @@
+/* ================================================== */
+/* CSS for control sap.suite.ui.commons/TimelineItem  */
+/* Evening Horizon theme                              */
+/* ================================================== */
+
 .sapSuiteUiCommonsTimelineItemUserPicture {
-	border-radius: @sapUiElementBorderCornerRadius;
+	border-radius: var(--sapElement_BorderCornerRadius);
 	size: 2rem;
 	font-size: 1rem;
 }
 
 .sapSuiteUiCommonsTimelineItemActionLink {
 	margin-left: 0.5rem;
-	font-size: @sapLinkColor;
-	background: @sapUiButtonLiteBackground;
-	border-color: @sapUiButtonLiteBorderColor;
-	color: @sapUiButtonLiteTextColor;
-	font-weight: @sapUiButtonEmphasizedFontWeight;
-
+	font-size: var(--sapLinkColor);
+	background: var(--sapButton_Lite_Background);
+	border-color: var(--sapButton_Lite_BorderColor);
+	color: var(--sapButton_Lite_TextColor);
+	font-weight: var(--sapButton_Emphasized_FontWeight);
 }
 
-.sapSuiteUiCommonsTimelineItemActionLink:hover{
-
-background-color: @sapUiButtonLiteHoverBackground;
-border-color: @sapUiButtonLiteHoverBorderColor;
-text-shadow: @sapUiContentInteractionShadow;
-color: @sapUiButtonLiteHoverTextColor;
+.sapSuiteUiCommonsTimelineItemActionLink:hover {
+	background-color: var(--sapButton_Lite_Hover_Background);
+	border-color: var(--sapButton_Lite_Hover_BorderColor);
+	text-shadow: var(--sapContent_Interaction_Shadow);
+	color: var(--sapButton_Lite_Hover_TextColor);
 }
 
 .sapSuiteUiCommonsTimelineItemShellUser {
-	margin-right:  0.3125 rem;
+	margin-right: 0.3125rem;
 }
 
 .sapSuiteUiCommonsTimelineItemShellHdr {
 	font-size: @sapFontSize;
-	font-family: @sapFontFamily;
-color: @sapUiTextColor;
-
+	font-family: var(--sapFontFamily);
+	color: @sapUiTextColor;
 }
 
 .sapSuiteUiCommonsTimelineItemShellDateTime {
 	font-size: @sapUiFontSmallSize;
-	margin-top: 0.125 rem;
+	margin-top: 0.125rem;
 }
 
 .sapSuiteUiCommonsTimelineItemShellBody {
-	font-family: @sapUiFontFamily;
-font-size: @sapUiFontSize;
-color: @sapUiTextColor;
+	font-family: var(--sapFontFamily);
+	font-size: @sapUiFontSize;
+	color: @sapUiTextColor;
 }
 
 .sapSuiteUiCommonsTimelineItemBarV {
-	border-bottom: 1px solid @sapUiContentForegroundBorderColor;
+	border-bottom: 1px solid var(--sapContent_ForegroundBorderColor);
 }
 
 .sapSuiteUiCommonsTimelineItemBox {
-border-radius:@sapUiElementBorderCornerRadius;
-border: 1px solid @sapUiGroupContentBorderColor;
+	border-radius: var(--sapElement_BorderCornerRadius);
+	border: 1px solid var(--sapGroup_ContentBorderColor);
 }
 
 .sapSuiteUiCommonsTimelineItemBubble {
@@ -63,22 +65,22 @@ border: 1px solid @sapUiGroupContentBorderColor;
 
 .sapSuiteUiCommonsTimelineGroupHeaderWrapper {
 	border-radius: 1.625rem;
-	background-color: @sapUiButtonBackground;
-	border: 1px solid @sapUiButtonBorderColor;
-	text-emphasis-color: @sapUiButtonTextColor;
+	background-color: var(--sapButton_Background);
+	border: 1px solid var(--sapButton_BorderColor);
+	text-emphasis-color: var(--sapButton_TextColor);
 }
 
 .sapSuiteUiCommonsTimelineGroupHeaderSpan {
-	font-family: @sapUiFontBoldFamily;
+	font-family: var(--sapFontBoldFamily);
 	font-size: @sapUiFontSize;
 }
-.sapSuiteUiCommonsTimelineItemGroupBarIconWrapper{
+.sapSuiteUiCommonsTimelineItemGroupBarIconWrapper {
 	margin-top: 0.5rem ;
 	margin-bottom: 0.5rem;
 }
 .sapSuiteUiCommonsTimelineGroupHeaderPointer {
-	font-family: @sapUiContentIconFontFamily;
-	font-size: 1 rem;
+	font-family: var(--sapContent_IconFontFamily);
+	font-size: 1rem;
 }
 
 .sapSuiteUiCommonsTimelineScrollV .sapSuiteUiCommonsTimelineGroupHeaderLineWrapper {
@@ -88,20 +90,20 @@ border: 1px solid @sapUiGroupContentBorderColor;
 .sapSuiteUiCommonsTimelineItemNoIcon {
 	margin-top: 0.25rem ;
 	margin-bottom: 0.25rem;
-	width: 0.375 rem;
-	height: 0.375 rem;
-	color: @sapUiContentForegroundBorderColor;
+	width: 0.375rem;
+	height: 0.375rem;
+	color: var(--sapContent_ForegroundBorderColor);
 }
 
 .sapSuiteUiCommonsTimelineItemArrow {
-	width: 0.5625 rem;
-	height: 1.125 rem;
+	width: 0.5625rem;
+	height: 1.125rem;
 }
 
 .sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper:hover,
 .sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderWrapper:hover .sapSuiteUiCommonsTimelineItemArrow,
 .sapSuiteUiCommonsTimelineGroupCollapsed .sapSuiteUiCommonsTimelineGroupHeaderMainWrapper:hover .sapSuiteUiCommonsTimelineItemArrow {
-	background-color: @sapUiButtonSelectedHoverBackground;
-	border-color: @sapUiButtonSelectedHoverBorderColor;
-	box-shadow:	@sapUiContentInteractionShadow;
+	background-color: var(--sapButton_Selected_Hover_Background);
+	border-color: var(--sapButton_Selected_Hover_BorderColor);
+	box-shadow:	var(--sapContent_Interaction_Shadow);
 }

package/src/sap/suite/ui/commons/themes/sap_horizon_hcb/MicroProcessFlow.less

@@ -1,7 +1,7 @@
-/* ============================================== */
-/* CSS for sap.suite.ui.commons/MicroProcessFlow  */
-/* Horizon High Contrast Black theme              */
-/* ============================================== */
+/* ====================================================== */
+/* CSS for control sap.suite.ui.commons/MicroProcessFlow  */
+/* Horizon High Contrast Black theme                      */
+/* ====================================================== */
 
 .sapUiSizeCompact .sapSuiteUiCommonsMicroProcessFlowItem {
 	min-width: 1.25rem;

package/src/sap/suite/ui/commons/themes/sap_horizon_hcb/ProcessFlowConnection.less

@@ -1,33 +1,40 @@
-/* =================================================== */
-/* CSS for sap.suite.ui.commons/ProcessFlowConnection  */
-/* Horizon High Contrast Black theme                   */
-/* =================================================== */
+/* =========================================================== */
+/* CSS for control sap.suite.ui.commons/ProcessFlowConnection  */
+/* Horizon High Contrast Black theme                           */
+/* =========================================================== */
 
-@_sap_suite_ui_commons_ProcessFlowConnection_StateRegular: @sapContent_ForegroundBorderColor;
-@_sap_suite_ui_commons_ProcessFlowConnection_StateSelected: @sapNeutralTextColor;
-@_sap_suite_ui_commons_ProcessFlowConnection_StateDimmed: @sapGroup_ContentBorderColor;
+@_sap_suite_ui_commons_ProcessFlowConnection_StateRegular: var(--sapContent_ForegroundBorderColor);
+@_sap_suite_ui_commons_ProcessFlowConnection_StateSelected: var(--sapNeutralTextColor);
+@_sap_suite_ui_commons_ProcessFlowConnection_StateDimmed: var(--sapGroup_ContentBorderColor);
 
 .sapSuiteUiCommonsBorderLeftStateRegular {
 	border-left-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateRegular;
 }
+
 .sapSuiteUiCommonsBorderLeftStateHighlighted {
-	border-left-color: @sapContent_DragAndDropActiveColor;
+	border-left-color: var(--sapContent_DragAndDropActiveColor);
 }
+
 .sapSuiteUiCommonsBorderLeftStateDimmed {
 	border-left-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateDimmed;
 }
+
 .sapSuiteUiCommonsBorderLeftStateSelected {
 	border-left-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateSelected;
 }
+
 .sapSuiteUiCommonsBorderBottomStateRegular {
 	border-bottom-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateRegular;
 }
+
 .sapSuiteUiCommonsBorderBottomStateHighlighted {
-	border-bottom-color: @sapContent_DragAndDropActiveColor;
+	border-bottom-color: var(--sapContent_DragAndDropActiveColor);
 }
+
 .sapSuiteUiCommonsBorderBottomStateDimmed {
 	border-bottom-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateDimmed;
 }
+
 .sapSuiteUiCommonsBorderBottomStateSelected {
 	border-bottom-color: @_sap_suite_ui_commons_ProcessFlowConnection_StateSelected;
-}
+}