From 0fe2cd8d4555068bb55f8a125c7b9636feb7fb6e Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Wed, 13 Dec 2023 17:35:55 +0100
Subject: [PATCH 01/32] [AAE-15295] added design tokens to PeopleCloudComponent

---
 .../src/lib/people/components/people-cloud.component.scss        | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
index 8d153117753..60bfb27e114 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
@@ -35,7 +35,6 @@
     }
 
     &-people-cloud-pic {
-        background: var(--theme-primary-color);
         display: flex;
         justify-content: center;
         align-items: center;

From de3ecbfae0f1bf5db3d714338846280dc0d6fe5d Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 09:44:01 +0100
Subject: [PATCH 02/32] [AAE-15295] re-add initials picture background

---
 .../src/lib/people/components/people-cloud.component.scss        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
index 60bfb27e114..8d153117753 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
@@ -35,6 +35,7 @@
     }
 
     &-people-cloud-pic {
+        background: var(--theme-primary-color);
         display: flex;
         justify-content: center;
         align-items: center;

From 282f0dc300db5596eaca4d3aa79314291d99e8e0 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 17:30:35 +0100
Subject: [PATCH 03/32] [AAE-15294] replaced reference variables with theme

---
 lib/core/src/lib/styles/_components-variables.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index ed226f00825..c1582d26736 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -71,6 +71,7 @@
         --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
         --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
+        --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,
         --adf-metadata-buttons-background-color: $adf-ref-metadata-buttons-background-color,

From d9815087f4aedb9c31b35b2b0b690c423b232dce Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 04/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 lib/core/src/lib/styles/_components-variables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c1582d26736..365c1bfdfbc 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -68,8 +68,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
         --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
 

From bef894619ad6d33e142eed4f9357de72e2e84c24 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 13:15:26 +0100
Subject: [PATCH 05/32] [AAE-15206] add tokens for label

---
 .../task-assignment-filter.component.html                  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
index fd213e5a9db..d0afa4689fe 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
@@ -1,8 +1,11 @@
 <div class="adf-cloud-assignment-container">
     <mat-form-field floatLabel="auto" class="adf-task-assignment-filter-container">
+        <mat-label class="adf-task-assignment-filter-label"
+            [ngClass]="{'adf-task-assignment-filter-label--focus': filterSelect.focused}">
+            {{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}
+        </mat-label>
         <mat-select class="adf-task-assignment-filter"
-                    placeholder="{{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}"
-                    [(ngModel)]="assignmentType"
+                    [(ngModel)]="assignmentType" #filterSelect
                     [attr.data-automation-id]="'adf-task-assignment-filter-select'"
                     (selectionChange)="onAssignmentTypeChange($event)">
             <mat-option *ngFor="let assignmentType of assignmentTypeOptions"

From a0568ea26a5e4bd8bbd38beadc8b6e10601b741c Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 16:40:20 +0100
Subject: [PATCH 06/32] [AAE-15206] replaced reference variables with theme
 values

---
 lib/core/src/lib/styles/_components-variables.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 365c1bfdfbc..a81006aee52 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,6 +4,7 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
+    $foreground: map-get($theme, foreground);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);
@@ -68,8 +69,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
         --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
 

From 7a87414a7f162b8f571f3b08fb18f0961b1adf24 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 17:01:11 +0100
Subject: [PATCH 07/32] [AAE-15206] remove last remaining reference colors

---
 lib/core/src/lib/styles/_components-variables.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index a81006aee52..73292cd6bfd 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -5,6 +5,7 @@
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
     $foreground: map-get($theme, foreground);
+    $background: map-get($theme, background);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);

From 0ff3161957aa0d108c781f916d4406bbc2332bb2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Fidor?=
 <42964298+MichalFidor@users.noreply.github.com>
Date: Fri, 15 Dec 2023 10:30:04 +0100
Subject: [PATCH 08/32] [AAE-19026] Fix app permissions (#9171)


From 95c22f3d68b8f87c6641c313683bbf978a1145c9 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 18 Dec 2023 14:47:15 +0100
Subject: [PATCH 09/32] [AAE-15295] added design tokens to PeopleCloudComponent
 (#9162)

---
 .../src/lib/people/components/people-cloud.component.html        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
index 0f5d82cee52..29bee9e0c49 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
@@ -18,6 +18,7 @@
                 </mat-icon>
             </mat-chip>
             <input *ngIf="!isReadonly()" matInput
+                   #chipInput
                    [formControl]="searchUserCtrl"
                    [matAutocomplete]="auto"
                    [matChipInputFor]="userMultipleChipList"

From 75bba6aae56ecab750ac699842725eefd8013408 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Wed, 13 Dec 2023 17:35:55 +0100
Subject: [PATCH 10/32] [AAE-15295] added design tokens to PeopleCloudComponent

---
 .../src/lib/people/components/people-cloud.component.scss        | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
index 8d153117753..60bfb27e114 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
@@ -35,7 +35,6 @@
     }
 
     &-people-cloud-pic {
-        background: var(--theme-primary-color);
         display: flex;
         justify-content: center;
         align-items: center;

From 237119466ea971ce320c08fe238423c0b1d3e066 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:23:17 +0100
Subject: [PATCH 11/32] [AAE-15294] separate component variables

---
 lib/core/src/lib/styles/_components-variables.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 73292cd6bfd..6f53e767891 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -73,6 +73,7 @@
         --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
         --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
+
         --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,

From e3bbea7956998aeca62ee320ccb8d3dbbdc5bacd Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 16:18:59 +0100
Subject: [PATCH 12/32] [AAE-15294] fix rebase

---
 .../task-assignment-filter.component.html     | 13 ++++------
 .../task-assignment-filter.component.scss     | 24 ++++---------------
 2 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
index d0afa4689fe..f1842d24342 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
@@ -1,17 +1,12 @@
 <div class="adf-cloud-assignment-container">
-    <mat-form-field floatLabel="auto" class="adf-task-assignment-filter-container">
-        <mat-label class="adf-task-assignment-filter-label"
-            [ngClass]="{'adf-task-assignment-filter-label--focus': filterSelect.focused}">
-            {{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}
-        </mat-label>
+    <mat-form-field [floatLabel]="'auto'">
         <mat-select class="adf-task-assignment-filter"
-                    [(ngModel)]="assignmentType" #filterSelect
+                    placeholder="{{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}"
+                    [(ngModel)]="assignmentType"
                     [attr.data-automation-id]="'adf-task-assignment-filter-select'"
                     (selectionChange)="onAssignmentTypeChange($event)">
             <mat-option *ngFor="let assignmentType of assignmentTypeOptions"
-                class="adf-task-assignment-filter-option"
-                [ngClass]="{'adf-task-assignment-filter-option--selected': filterOption.selected}"
-                [value]="assignmentType.value" #filterOption
+                [value]="assignmentType.value"
                 [attr.data-automation-id]="'adf-task-assignment-filter-' + assignmentType.value">
                 {{ assignmentType.label | translate }}
             </mat-option>
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
index 9df37c187c8..60a39d7795e 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
@@ -1,30 +1,14 @@
 .adf-cloud-assignment-container {
     display: flex;
     flex-wrap: wrap;
-}
-
-.adf-task-assignment-filter {
-    margin-right: 10px;
 
-    &-container {
+    mat-form-field {
         width: 100%;
     }
+}
 
-    &-label {
-        color: var(--adf-task-assignment-filter-label-default-color);
-
-        &.adf-task-assignment-filter-label--focus {
-            color: var(--adf-task-assignment-filter-label-focus-color);
-        }
-    }
-
-    &-option {
-        color: var(--adf-task-assignment-filter-option-default-color);
-
-        &.adf-task-assignment-filter-option--selected:not(&:disabled) {
-            color: var(--adf-task-assignment-filter-option-selected-color);
-        }
-    }
+.adf-task-assignment-filter {
+    margin-right: 10px;
 }
 
 .adf-group-cloud-filter {

From c7b623eb52111f028acfbf22622b04a49c1c2175 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 16:19:44 +0100
Subject: [PATCH 13/32] [AAE-15294] readded background color to cloud pic

---
 .../src/lib/people/components/people-cloud.component.scss        | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
index 60bfb27e114..8d153117753 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.scss
@@ -35,6 +35,7 @@
     }
 
     &-people-cloud-pic {
+        background: var(--theme-primary-color);
         display: flex;
         justify-content: center;
         align-items: center;

From a9ae58f5baab1053e4f6384ae58591bb39c146b5 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:15:16 +0100
Subject: [PATCH 14/32] [AAE-15294] rebase

---
 lib/core/src/lib/styles/_components-variables.scss | 9 +--------
 1 file changed, 1 insertion(+), 8 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 6f53e767891..c06c11c1efb 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -74,8 +74,6 @@
         --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
-        --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
-
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,
         --adf-metadata-buttons-background-color: $adf-ref-metadata-buttons-background-color,
         --adf-metadata-action-button-clear-color: $adf-ref-metadata-action-button-clear-color,
@@ -87,12 +85,7 @@
         --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
         --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
         --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
-        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
-
-        --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
-        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
-        --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
-        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
+        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
     );
 
     // propagates SCSS variables into the CSS variables scope

From 7e3fdb6a9f1c4c2a180f8948e3a3703727cb2bf6 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:34:53 +0100
Subject: [PATCH 15/32] [AAE-15294] remove duplicate theme pick

---
 lib/core/src/lib/styles/_components-variables.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c06c11c1efb..6c746dd22ae 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,8 +4,6 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
-    $foreground: map-get($theme, foreground);
-    $background: map-get($theme, background);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);

From d9d184473aeb576b234b5eb5bb685a3604a1855b Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 16/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 .../src/lib/people/components/people-cloud.component.html        | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
index 29bee9e0c49..0f5d82cee52 100644
--- a/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/people/components/people-cloud.component.html
@@ -18,7 +18,6 @@
                 </mat-icon>
             </mat-chip>
             <input *ngIf="!isReadonly()" matInput
-                   #chipInput
                    [formControl]="searchUserCtrl"
                    [matAutocomplete]="auto"
                    [matChipInputFor]="userMultipleChipList"

From 24ea450964f2de7e01b3d4a197e952b40a9aeadd Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 17/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 lib/core/src/lib/styles/_components-variables.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 6c746dd22ae..5de897e7c8c 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -68,8 +68,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,
@@ -81,8 +81,8 @@
 
         --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-group-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-group-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
         --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
     );
 

From 43fa2347a3e941688d5620c11a33791bb1511acd Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 12:44:44 +0100
Subject: [PATCH 18/32] [AAE-15206] apply design tokens for
 TaskAssignmentFilterCloudComponent

---
 .../src/lib/styles/_components-variables.scss    |  5 ++++-
 .../task-assignment-filter.component.html        |  6 ++++--
 .../task-assignment-filter.component.scss        | 16 ++++++++++++----
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 5de897e7c8c..89d98edd43d 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -83,7 +83,10 @@
         --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
         --adf-group-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
         --adf-group-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
-        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
+        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
+
+        --adf-task-assignment-filter-option-default-color: $adf-ref-select-option-color,
+        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary)
     );
 
     // propagates SCSS variables into the CSS variables scope
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
index f1842d24342..fd213e5a9db 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.html
@@ -1,12 +1,14 @@
 <div class="adf-cloud-assignment-container">
-    <mat-form-field [floatLabel]="'auto'">
+    <mat-form-field floatLabel="auto" class="adf-task-assignment-filter-container">
         <mat-select class="adf-task-assignment-filter"
                     placeholder="{{ 'ADF_CLOUD_TASK_ASSIGNMENT_FILTER.ASSIGNMENT_TYPE' | translate }}"
                     [(ngModel)]="assignmentType"
                     [attr.data-automation-id]="'adf-task-assignment-filter-select'"
                     (selectionChange)="onAssignmentTypeChange($event)">
             <mat-option *ngFor="let assignmentType of assignmentTypeOptions"
-                [value]="assignmentType.value"
+                class="adf-task-assignment-filter-option"
+                [ngClass]="{'adf-task-assignment-filter-option--selected': filterOption.selected}"
+                [value]="assignmentType.value" #filterOption
                 [attr.data-automation-id]="'adf-task-assignment-filter-' + assignmentType.value">
                 {{ assignmentType.label | translate }}
             </mat-option>
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
index 60a39d7795e..8204a119913 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
@@ -1,14 +1,22 @@
 .adf-cloud-assignment-container {
     display: flex;
     flex-wrap: wrap;
-
-    mat-form-field {
-        width: 100%;
-    }
 }
 
 .adf-task-assignment-filter {
     margin-right: 10px;
+
+    &-container {
+        width: 100%;
+    }
+
+    &-option {
+        color: var(--adf-task-assignment-filter-option-default-color);
+
+        &.adf-task-assignment-filter-option--selected:not(&:disabled) {
+            color: var(--adf-task-assignment-filter-option-selected-color);
+        }
+    }
 }
 
 .adf-group-cloud-filter {

From 9159ef41711b3c2f1e9a855f82d830aee6dceb6d Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 16:40:20 +0100
Subject: [PATCH 19/32] [AAE-15206] replaced reference variables with theme
 values

---
 lib/core/src/lib/styles/_components-variables.scss       | 9 +++++----
 .../task-assignment-filter.component.scss                | 8 ++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 89d98edd43d..86fa5f3614c 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,6 +4,7 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
+    $foreground: map-get($theme, foreground);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);
@@ -68,8 +69,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,
@@ -81,8 +82,8 @@
 
         --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-group-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-group-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-task-assignment-filter-option-default-color: $adf-ref-select-option-color,
diff --git a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
index 8204a119913..9df37c187c8 100644
--- a/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
+++ b/lib/process-services-cloud/src/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss
@@ -10,6 +10,14 @@
         width: 100%;
     }
 
+    &-label {
+        color: var(--adf-task-assignment-filter-label-default-color);
+
+        &.adf-task-assignment-filter-label--focus {
+            color: var(--adf-task-assignment-filter-label-focus-color);
+        }
+    }
+
     &-option {
         color: var(--adf-task-assignment-filter-option-default-color);
 

From c822600631924ad629c43df5cfddd1483600d1d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Fidor?=
 <42964298+MichalFidor@users.noreply.github.com>
Date: Fri, 15 Dec 2023 10:30:04 +0100
Subject: [PATCH 20/32] [AAE-19026] Fix app permissions (#9171)


From ff1117ec6d1e022b7d9e0adf56528b2881c792e0 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:23:17 +0100
Subject: [PATCH 21/32] [AAE-15294] separate component variables

---
 lib/core/src/lib/styles/_components-variables.scss | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 86fa5f3614c..ea30c0749d9 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -86,8 +86,10 @@
         --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
-        --adf-task-assignment-filter-option-default-color: $adf-ref-select-option-color,
-        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary)
+        --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
+        --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
+        --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
     );
 
     // propagates SCSS variables into the CSS variables scope

From b3bb82e273df1c48a93597c4b1874e78d60e281c Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 8 Jan 2024 09:37:31 +0100
Subject: [PATCH 22/32] [AAE-15206] remove duplicate palette pick

---
 lib/core/src/lib/styles/_components-variables.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index ea30c0749d9..ed226f00825 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,7 +4,6 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
-    $foreground: map-get($theme, foreground);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);

From b9d7b34003ed46459cae89524d079e72b1d3d3af Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 23/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 lib/core/src/lib/styles/_components-variables.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index ed226f00825..c0b6a415997 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -88,7 +88,13 @@
         --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
         --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
         --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
-        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary)
+        --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary),
+
+        --adf-group-cloud-input-label-default-color: $adf-ref-text-field-label-color,
+        --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
+        --adf-group-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-group-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
     );
 
     // propagates SCSS variables into the CSS variables scope

From e3c6b7113f73948ce4533c271a6ffec1afd25208 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 17:30:35 +0100
Subject: [PATCH 24/32] [AAE-15294] replaced reference variables with theme

---
 lib/core/src/lib/styles/_components-variables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c0b6a415997..c9fca442a93 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -92,8 +92,8 @@
 
         --adf-group-cloud-input-label-default-color: $adf-ref-text-field-label-color,
         --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-group-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-group-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
     );
 

From 20ea190f44fa8253f96715876aa8302a5c715d72 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 25/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 lib/core/src/lib/styles/_components-variables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c9fca442a93..4c5b991fd92 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -68,8 +68,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,

From 09d6836b27833cf57da5c8897fe4155b018ffecb Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 16:40:20 +0100
Subject: [PATCH 26/32] [AAE-15206] replaced reference variables with theme
 values

---
 lib/core/src/lib/styles/_components-variables.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 4c5b991fd92..c07efb2682a 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,6 +4,7 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
+    $foreground: map-get($theme, foreground);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);
@@ -68,8 +69,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,

From a68fa672f322ffee9539b14ee5ef8c0b6f1572e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Fidor?=
 <42964298+MichalFidor@users.noreply.github.com>
Date: Fri, 15 Dec 2023 10:30:04 +0100
Subject: [PATCH 27/32] [AAE-19026] Fix app permissions (#9171)


From 096c25a6a89657fc9e7424b14022d2575313edc8 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Thu, 14 Dec 2023 13:26:00 +0100
Subject: [PATCH 28/32] [AAE-15294] applied design tokens for
 GroupCloudComponent

---
 lib/core/src/lib/styles/_components-variables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c07efb2682a..98de95ba1cc 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -69,8 +69,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
+        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
+        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,

From b6082ccc12376351a17feabb92792e938224c417 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 15 Dec 2023 16:40:20 +0100
Subject: [PATCH 29/32] [AAE-15206] replaced reference variables with theme
 values

---
 lib/core/src/lib/styles/_components-variables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 98de95ba1cc..c07efb2682a 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -69,8 +69,8 @@
 
         --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-people-cloud-autosuggest-result-active-color: $adf-ref-autosuggest-result-active-color,
-        --adf-people-cloud-autosuggest-result-disabled-color: $adf-ref-autosuggest-result-disabled-color,
+        --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
+        --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
 
         --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,

From 4653a3272afe9517c5a58122cebbba0f69aabbea Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:17:38 +0100
Subject: [PATCH 30/32] [AAE-14726] apply design tokens for
 ProcessHeaderCloudComponent

---
 .../components/process-header-cloud.component.html            | 4 ++--
 .../components/process-header-cloud.component.scss            | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss

diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
index 6889a8ef655..fa55a6cb079 100644
--- a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.html
@@ -1,5 +1,5 @@
-<mat-card *ngIf="processInstanceDetails">
+<mat-card *ngIf="processInstanceDetails" class="adf-process-header-cloud-card">
   <mat-card-content>
     <adf-card-view [properties]="properties"></adf-card-view>
   </mat-card-content>
-</mat-card>
\ No newline at end of file
+</mat-card>
diff --git a/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
new file mode 100644
index 00000000000..aa71b833092
--- /dev/null
+++ b/lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.scss
@@ -0,0 +1,3 @@
+.adf-process-header-cloud-card {
+    background-color: var(--adf-process-header-cloud-card-background);
+}

From debca10f868938d201f89e4632c38d0ef808b410 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 8 Jan 2024 11:54:33 +0100
Subject: [PATCH 31/32] [AAE-14726] remove additional palette pick

---
 lib/core/src/lib/styles/_components-variables.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c07efb2682a..c9fca442a93 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -4,7 +4,6 @@
 
 @mixin adf-components-variables($theme) {
     $primary: map-get($theme, primary);
-    $foreground: map-get($theme, foreground);
     $accent: map-get($theme, accent);
     $warn: map-get($theme, warn);
     $foreground: map-get($theme, foreground);

From 6a5fa530dba10e28489c49ecb00cac29565c8ab7 Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Mon, 8 Jan 2024 13:40:50 +0100
Subject: [PATCH 32/32] [AAE-14726] fix comp variables

---
 lib/core/src/lib/styles/_components-variables.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index c9fca442a93..b62ed8928ec 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -90,11 +90,7 @@
         --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
         --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary),
 
-        --adf-group-cloud-input-label-default-color: $adf-ref-text-field-label-color,
-        --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
-        --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
-        --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
-        --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn)
+        --adf-process-header-cloud-card-background: mat.get-color-from-palette($background, card)
     );
 
     // propagates SCSS variables into the CSS variables scope