From dcfbb3e2db92180bfc6a8d81780f290316d09ed6 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] [AAE-15206] add tokens for label

---
 lib/core/src/lib/styles/_components-variables.scss         | 4 +++-
 .../task-assignment-filter.component.html                  | 7 +++++--
 .../task-assignment-filter.component.scss                  | 7 +++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/lib/core/src/lib/styles/_components-variables.scss b/lib/core/src/lib/styles/_components-variables.scss
index 1f304596af4..2fd4ab57edd 100644
--- a/lib/core/src/lib/styles/_components-variables.scss
+++ b/lib/core/src/lib/styles/_components-variables.scss
@@ -78,7 +78,9 @@
         --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-selected-color: mat.get-color-from-palette($primary),
+        --adf-task-assignment-filter-label-default-color: $adf-ref-select-field-label-color,
+        --adf-task-assignment-filter-label-focus-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 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"
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..8e9a34dee7f 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,13 @@
         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);