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

package/src/sap/suite/ui/commons/themes/sap_horizon_hcw/ProcessFlowConnectionLabel.less

@@ -5,61 +5,64 @@
 
 /* Regular */
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapMBtn > .sapMBtnInner {
-	text-shadow: @sapUiContentTextShadow;
+	text-shadow: var(--sapContent_TextShadow);
 }
 
 /* Selected/Highlighted */
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover),
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
 	background-image: none;
-	color: @sapButton_Emphasized_TextColor;
-	background-color: @sapButton_Emphasized_Background;
-	border-color: @sapButton_Emphasized_BorderColor;
-	box-shadow: 0 0 0.125rem 1px @sapContent_Shadow1;
-	-webkit-box-shadow: 0 0 0.125rem 1px @sapContent_Shadow1;
+	color: var(--sapButton_Emphasized_TextColor);
+	background-color: var(--sapButton_Emphasized_Background);
+	border-color: var(--sapButton_Emphasized_BorderColor);
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Shadow1);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover),
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
 	background-image: none;
-	color: @sapButton_Negative_TextColor;
-	background-color: @sapButton_Negative_Background;
-	border-color: @sapButton_Negative_BorderColor;
-	box-shadow: 0 0 0.125rem 1px @sapContent_Negative_Shadow;
-	-webkit-box-shadow: 0 0 0.125rem 1px @sapContent_Negative_Shadow;
+	color: var(--sapButton_Negative_TextColor);
+	background-color: var(--sapButton_Negative_Background);
+	border-color: var(--sapButton_Negative_BorderColor);
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Negative_Shadow);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover),
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
 	background-image: none;
-	color: @sapButton_Critical_TextColor;
-	background-color: @sapButton_Critical_Background;
-	border-color: @sapButton_Critical_BorderColor;
-	box-shadow: 0 0 0.125rem 1px @sapContent_Critical_Shadow;
-	-webkit-box-shadow: 0 0 0.125rem 1px @sapContent_Critical_Shadow;
+	color: var(--sapButton_Critical_TextColor);
+	background-color: var(--sapButton_Critical_Background);
+	border-color: var(--sapButton_Critical_BorderColor);
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Critical_Shadow);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover),
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
 	background-image: none;
-	color: @sapButton_Success_TextColor;
-	background-color: @sapButton_Success_Background;
-	border-color: @sapButton_Success_BorderColor;
-	box-shadow: 0 0 0.125rem 1px @sapContent_Positive_Shadow;
-	-webkit-box-shadow: 0 0 0.125rem 1px @sapContent_Positive_Shadow;
+	color: var(--sapButton_Success_TextColor);
+	background-color: var(--sapButton_Success_Background);
+	border-color: var(--sapButton_Success_BorderColor);
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Positive_Shadow);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon,
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapButton_Emphasized_TextColor;
+	color: var(--sapButton_Emphasized_TextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon,
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapButton_Negative_TextColor;
+	color: var(--sapButton_Negative_TextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon,
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapButton_Critical_TextColor;
+	color: var(--sapButton_Critical_TextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelSelected.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon,
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelHighlighted.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapButton_Success_TextColor;
+	color: var(--sapButton_Success_TextColor);
 }
 
 /* Disabled */
@@ -71,253 +74,272 @@
 /* Dimmed */
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
 	background-image: none;
-	background-color: @sapButton_TokenBackground;
-	border-color: @sapButton_TokenBorderColor;
+	background-color: var(--sapButton_TokenBackground);
+	border-color: var(--sapButton_TokenBorderColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
-	color: @sapUiNegativeText;
+	color: var(--sapNegativeTextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
-	color: @sapUiCriticalText;
+	color: var(--sapCriticalTextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
-	color: @sapUiPositiveText;
+	color: var(--sapPositiveTextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) {
-	color: @sapUiButtonTextColor;
+	color: var(--sapButton_TextColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateNegative:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapUiNegativeElement;
+	color: var(--sapNegativeElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateCritical:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapUiCriticalElement;
+	color: var(--sapCriticalElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStatePositive:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapUiPositiveElement;
+	color: var(--sapPositiveElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelDimmed.sapSuiteUiCommonsLabelStateNeutral:not(.sapMBtnDisabled) > .sapMBtnInner:not(.sapSuiteUiCommonsProcessFlowLabelHover) > .sapMBtnIcon{
-	color: @sapUiButtonTextColor;
+	color: var(--sapButton_TextColor);
 }
 
 /* Hover */
 .sapSuiteUiCommonsProcessFlowConnectionLabel:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active) {
-	background-color: @sapUiButtonHoverBackground;
-	border-color: @sapUiButtonHoverBorderColor;
+	background-color: var(--sapButton_Hover_Background);
+	border-color: var(--sapButton_Hover_BorderColor);
 }
+
 .sapSuiteUiCommonsLabelStateNegative:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active)  {
-	color: @sapUiNegativeText !important;
-	box-shadow: 0 0 0.125rem 1px @sapContent_Negative_Shadow !important;
+	color: var(--sapNegativeTextColor) !important;
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Negative_Shadow) !important;
 }
+
 .sapSuiteUiCommonsLabelStateCritical:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active)  {
-	color: @sapUiCriticalText !important;
-	box-shadow: 0 0 0.125rem 1px @sapUiContentCriticalShadow !important;
+	color: var(--sapCriticalTextColor) !important;
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Critical_Shadow) !important;
 }
+
 .sapSuiteUiCommonsLabelStatePositive:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active)  {
-	color: @sapUiPositiveText !important;
-	box-shadow: 0 0 0.125rem 1px @sapUiContentPositiveShadow !important;
+	color: var(--sapPositiveTextColor) !important;
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Positive_Shadow) !important;
 }
+
 .sapSuiteUiCommonsLabelStateNeutral:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active)  {
-	color: @sapUiButtonTextColor !important;
-	box-shadow: 0 0 0.125rem 1px @sapUiContentInteractionShadow !important;
+	color: var(--sapButton_TextColor) !important;
+	box-shadow: 0 0 0.125rem 1px var(--sapContent_Interaction_Shadow) !important;
 }
+
 .sapSuiteUiCommonsLabelStateNegative:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active) > .sapMBtnIcon {
-	color: @sapUiNegativeText !important;
+	color: var(--sapNegativeTextColor) !important;
 }
+
 .sapSuiteUiCommonsLabelStateCritical:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active) > .sapMBtnIcon {
-	color: @sapUiCriticalText !important;
+	color: var(--sapCriticalTextColor) !important;
 }
+
 .sapSuiteUiCommonsLabelStatePositive:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active) > .sapMBtnIcon {
-	color: @sapUiPositiveText !important;
+	color: var(--sapPositiveTextColor) !important;
 }
+
 .sapSuiteUiCommonsLabelStateNeutral:hover:not(.sapMBtnDisabled) > .sapMBtnInner:not(:active) > .sapMBtnIcon {
-	color: @sapUiButtonTextColor !important;
+	color: var(--sapButton_TextColor) !important;
 }
 
 /* Configure inner text element, background and border of Label for specific state. */
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner {
-	color: @sapUiNegativeText;
-	background-color: @sapUiButtonRejectBackground;
-	border-color: @sapUiButtonRejectBorderColor;
+	color: var(--sapNegativeTextColor);
+	background-color: var(--sapButton_Reject_Background);
+	border-color: var(--sapButton_Reject_BorderColor);
 	box-shadow: 0 0 0.125rem 1px fade(@sapUiContentShadowColor, 30);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner {
-	color: @sapUiCriticalText;
-	background-color: @sapUiButtonAttentionBackground;
-	border-color: @sapUiButtonAttentionBorderColor;
+	color: var(--sapCriticalTextColor);
+	background-color: var(--sapButton_Attention_Background);
+	border-color: var(--sapButton_Attention_BorderColor);
 	box-shadow: 0 0 0.125rem 1px fade(@sapUiContentShadowColor, 30);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner {
-	color: @sapUiPositiveText;
-	background-color: @sapUiButtonAcceptBackground;
-	border-color: @sapUiButtonAcceptBorderColor;
+	color: var(--sapPositiveTextColor);
+	background-color: var(--sapButton_Accept_Background);
+	border-color: var(--sapButton_Accept_BorderColor);
 	box-shadow: 0 0 0.125rem 1px fade(@sapUiContentShadowColor, 30);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner {
-	color: @sapUiButtonTextColor;
-	background-color: @sapUiButtonBackground;
-	border-color: @sapUiButtonBorderColor;
+	color: var(--sapButton_TextColor);
+	background-color: var(--sapButton_Background);
+	border-color: var(--sapButton_BorderColor);
 	box-shadow: 0 0 0.125rem 1px fade(@sapUiContentShadowColor, 30);
 }
 
 /* Configure inner icon element of Label for specific state. */
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner > .sapMBtnIcon {
-	color: @sapUiNegativeElement;
+	color: var(--sapNegativeElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner > .sapMBtnIcon {
-	color: @sapUiCriticalElement;
+	color: var(--sapCriticalElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner > .sapMBtnIcon {
-	color: @sapUiPositiveElement;
+	color: var(--sapPositiveElementColor);
 }
+
 .sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner > .sapMBtnIcon {
-	color: @sapUiButtonTextColor;
+	color: var(--sapButton_TextColor);
 }
 
 /* handle the keyboard press event for active state (both text and icon) */
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner.sapMBtnActive{
-	color: @sapButton_Attention_Active_TextColor !important;
-	background-color: @sapButton_Attention_Active_Background !important;
-	border-color: @sapButton_Attention_Active_BorderColor !important;
+	color: var(--sapButton_Attention_Active_TextColor) !important;
+	background-color: var(--sapButton_Attention_Active_Background) !important;
+	border-color: var(--sapButton_Attention_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner.sapMBtnActive{
-	color: @sapButton_Active_TextColor !important;
-	background-color: @sapButton_Active_Background !important;
-	border-color: @sapButton_Active_BorderColor !important;
+	color: var(--sapButton_Active_TextColor) !important;
+	background-color: var(--sapButton_Active_Background) !important;
+	border-color: var(--sapButton_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner.sapMBtnActive{
-	color: @sapButton_Accept_Active_TextColor !important;
-	background-color: @sapButton_Accept_Active_Background !important;
-	border-color: @sapButton_Accept_Active_BorderColor !important;
+	color: var(--sapButton_Accept_Active_TextColor) !important;
+	background-color: var(--sapButton_Accept_Active_Background) !important;
+	border-color: var(--sapButton_Accept_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner.sapMBtnActive {
-	color: @sapButton_Reject_Active_TextColor !important;
-	background-color: @sapButton_Reject_Active_Background !important;
-	border-color: @sapButton_Reject_Active_BorderColor !important;
+	color: var(--sapButton_Reject_Active_TextColor) !important;
+	background-color: var(--sapButton_Reject_Active_Background) !important;
+	border-color: var(--sapButton_Reject_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon{
-	color: @sapButton_Reject_Active_TextColor !important;
-	background-color: @sapButton_Reject_Active_Background !important;
-	border-color: @sapButton_Reject_Active_BorderColor !important;
+	color: var(--sapButton_Reject_Active_TextColor) !important;
+	background-color: var(--sapButton_Reject_Active_Background) !important;
+	border-color: var(--sapButton_Reject_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon{
-	color: @sapButton_Attention_Active_TextColor !important;
-	background-color: @sapButton_Attention_Active_Background !important;
-	border-color: @sapButton_Attention_Active_BorderColor !important;
+	color: var(--sapButton_Attention_Active_TextColor) !important;
+	background-color: var(--sapButton_Attention_Active_Background) !important;
+	border-color: var(--sapButton_Attention_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon{
-	color: @sapButton_Accept_Active_TextColor !important;
-	background-color: @sapButton_Accept_Active_Background !important;
-	border-color: @sapButton_Accept_Active_BorderColor !important;
+	color: var(--sapButton_Accept_Active_TextColor) !important;
+	background-color: var(--sapButton_Accept_Active_Background) !important;
+	border-color: var(--sapButton_Accept_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner.sapMBtnActive > .sapMBtnIcon {
-	color: @sapButton_Active_TextColor !important;
-	background-color: @sapButton_Active_Background !important;
-	border-color: @sapButton_Active_BorderColor !important;
+	color: var(--sapButton_Active_TextColor) !important;
+	background-color: var(--sapButton_Active_Background) !important;
+	border-color: var(--sapButton_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
 
-
 /* handle the mouse press event for active state (both text and icon) */
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive{
-	color: @sapButton_Attention_Active_TextColor !important;
-	background-color: @sapButton_Attention_Active_Background !important;
-	border-color: @sapButton_Attention_Active_BorderColor !important;
+	color: var(--sapButton_Attention_Active_TextColor) !important;
+	background-color: var(--sapButton_Attention_Active_Background) !important;
+	border-color: var(--sapButton_Attention_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive{
-	color: @sapButton_Active_TextColor !important;
-	background-color: @sapButton_Active_Background !important;
-	border-color: @sapButton_Active_BorderColor !important;
+	color: var(--sapButton_Active_TextColor) !important;
+	background-color: var(--sapButton_Active_Background) !important;
+	border-color: var(--sapButton_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive{
-	color: @sapButton_Accept_Active_TextColor !important;
-	background-color: @sapButton_Accept_Active_Background !important;
-	border-color: @sapButton_Accept_Active_BorderColor !important;
+	color: var(--sapButton_Accept_Active_TextColor) !important;
+	background-color: var(--sapButton_Accept_Active_Background) !important;
+	border-color: var(--sapButton_Accept_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive {
-	color: @sapButton_Reject_Active_TextColor !important;
-	background-color: @sapButton_Reject_Active_Background !important;
-	border-color: @sapButton_Reject_Active_BorderColor !important;
+	color: var(--sapButton_Reject_Active_TextColor) !important;
+	background-color: var(--sapButton_Reject_Active_Background) !important;
+	border-color: var(--sapButton_Reject_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNegative > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive > .sapMBtnIcon{
-	color: @sapButton_Reject_Active_TextColor !important;
-	background-color: @sapButton_Reject_Active_Background !important;
-	border-color: @sapButton_Reject_Active_BorderColor !important;
+	color: var(--sapButton_Reject_Active_TextColor) !important;
+	background-color: var(--sapButton_Reject_Active_Background) !important;
+	border-color: var(--sapButton_Reject_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateCritical > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive > .sapMBtnIcon{
-	color: @sapButton_Attention_Active_TextColor !important;
-	background-color: @sapButton_Attention_Active_Background !important;
-	border-color: @sapButton_Attention_Active_BorderColor !important;
+	color: var(--sapButton_Attention_Active_TextColor) !important;
+	background-color: var(--sapButton_Attention_Active_Background) !important;
+	border-color: var(--sapButton_Attention_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStatePositive > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive > .sapMBtnIcon{
-	color: @sapButton_Accept_Active_TextColor !important;
-	background-color: @sapButton_Accept_Active_Background !important;
-	border-color: @sapButton_Accept_Active_BorderColor !important;
+	color: var(--sapButton_Accept_Active_TextColor) !important;
+	background-color: var(--sapButton_Accept_Active_Background) !important;
+	border-color: var(--sapButton_Accept_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
 }
+
 :not(.sapMBtnDisabled).sapSuiteUiCommonsProcessFlowConnectionLabel.sapSuiteUiCommonsLabelStateNeutral > .sapMBtnInner.sapSuiteUiCommonsProcessFlowLabelActive > .sapMBtnIcon {
-	color: @sapButton_Active_TextColor !important;
-	background-color: @sapButton_Active_Background !important;
-	border-color: @sapButton_Active_BorderColor !important;
+	color: var(--sapButton_Active_TextColor) !important;
+	background-color: var(--sapButton_Active_Background) !important;
+	border-color: var(--sapButton_Active_BorderColor) !important;
 	box-shadow: none;
-	-webkit-box-shadow: none;
 	text-shadow: none;
 	outline-style: none;
-}
+}

package/src/sap/suite/ui/commons/themes/sap_horizon_hcw/ProcessFlowLaneHeader.less

@@ -1,7 +1,7 @@
-/* =================================================== */
-/* CSS for sap.suite.ui.commons/ProcessFlowLaneHeader  */
-/* Horizon High Contrast White theme                   */
-/* =================================================== */
+/* =========================================================== */
+/* CSS for control sap.suite.ui.commons/ProcessFlowLaneHeader  */
+/* Horizon High Contrast White theme                           */
+/* =========================================================== */
 
 @_sap_suite_ui_commons_ProcessFlowLaneHeader_PositiveColor: lighten(@sapUiPositiveElement, 6);
 @_sap_suite_ui_commons_ProcessFlowLaneHeader_NegativeColor: lighten(@sapUiNegativeElement, 6);
@@ -10,92 +10,91 @@
 
 .suiteUiProcessFlowLaneHeaderDonutSvg {
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderIconContainer {
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderStartEndSymbolContainer {
 	border: none;
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderProcessSymbolContainer {
 	border: none;
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderProcessSymbol {
 	background-color: transparent;
 	text-shadow: @sapUiShadowText;
-	-webkit-text-shadow: @sapUiShadowText;
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderProcessSymbolIcon,
 .suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon,
-.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon:before {
+.suiteUiProcessFlowLaneHeaderProcessSymbolIcon > .sapUiIcon::before {
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiProcessFlowLaneHeaderNoSelection {
 	-webkit-tap-highlight-color: transparent;
-	-webkit-transform: translate3d(0, 0, 0);
+	transform: translate3d(0, 0, 0);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill {
-	fill: @sapGroup_ContentBackground;
-	stroke: @sapContent_ForegroundBorderColor;
+	fill: var(--sapGroup_ContentBackground);
+	stroke: var(--sapContent_ForegroundBorderColor);
 }
 
 .suiteUiCommonsProcessFlowHeaderPositiveColor {
-	fill: @sapChart_Good;
+	fill: var(--sapChart_Good);
 }
 
 .suiteUiCommonsProcessFlowHeaderNegativeColor {
-	fill: @sapChart_Bad;
+	fill: var(--sapChart_Bad);
 }
 
 .suiteUiCommonsProcessFlowHeaderNeutralColor {
-	fill: @sapChart_Neutral;
+	fill: var(--sapChart_Neutral);
 }
 
 .suiteUiCommonsProcessFlowHeaderCriticalColor {
-	fill: @sapChart_Critical;
+	fill: var(--sapChart_Critical);
 }
 
 .suiteUiCommonsProcessFlowHeaderPlannedColor {
-	fill: @sapUiGroupContentBackground;
+	fill: var(--sapGroup_ContentBackground);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill.suiteUiCommonsProcessFlowHeaderPositiveColor {
-	stroke: @sapChart_Good;
-	fill: @sapGroup_ContentBackground;
+	stroke: var(--sapChart_Good);
+	fill: var(--sapGroup_ContentBackground);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill.suiteUiCommonsProcessFlowHeaderNegativeColor {
-	stroke: @sapChart_Bad;
-	fill: @sapGroup_ContentBackground;
+	stroke: var(--sapChart_Bad);
+	fill: var(--sapGroup_ContentBackground);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill.suiteUiCommonsProcessFlowHeaderNeutralColor {
-	stroke: @sapChart_Neutral;
-	fill: @sapGroup_ContentBackground;
+	stroke: var(--sapChart_Neutral);
+	fill: var(--sapGroup_ContentBackground);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill.suiteUiCommonsProcessFlowHeaderCriticalColor {
-	stroke: @sapChart_Critical;
-	fill: @sapGroup_ContentBackground;
+	stroke: var(--sapChart_Critical);
+	fill: var(--sapGroup_ContentBackground);
 }
 
 .suiteUiCommonsProcessFlowHeaderIconFill.suiteUiCommonsProcessFlowHeaderPlannedColor {
-	stroke: @sapUiGroupContentBackground;
-	fill: @sapUiGroupContentBackground;
+	stroke: var(--sapGroup_ContentBackground);
+	fill: var(--sapGroup_ContentBackground);
 }