From 0195d405f7f35b0cb0449b083daa04c779b92855 Mon Sep 17 00:00:00 2001
From: Isoumyajit <soumyajit.chakraborty@hyland.com>
Date: Wed, 9 Sep 2026 00:39:18 +0530
Subject: [PATCH] AAE-48227 keep adf-label class on mat-labels to preserve
 downstream styling

The mat-label refactor dropped the .adf-label class from several widget labels.
That class is a public styling hook: consuming apps (e.g. hxp studio form editor)
target it to set label font, line-height and sizing, so removing it silently
changed label metrics and form field spacing downstream.

Keep class="adf-label" on the mat-labels alongside the new data-automation-id
hooks, and restore the SCSS selectors that had been renamed to work around the
missing class. Unit tests already select labels via data-automation-id, so they
are unaffected.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/lib/form/components/widgets/amount/amount.widget.html  | 2 +-
 lib/core/src/lib/form/components/widgets/date/date.widget.html | 2 +-
 .../widgets/multiline-text/multiline-text.widget.html          | 2 +-
 lib/core/src/lib/form/components/widgets/text/text.widget.html | 2 +-
 .../src/lib/form/components/form-cloud.component.scss          | 3 +--
 .../display-external-property.widget.html                      | 2 +-
 .../src/lib/form/widgets/dropdown/dropdown.widget.html         | 2 +-
 .../form/widgets/functional-group/functional-group.widget.html | 2 +-
 .../src/lib/form/widgets/people/people.widget.html             | 2 +-
 .../src/lib/form/widgets/typeahead/typeahead.widget.html       | 2 +-
 .../task-list/components/start-task/start-task.component.scss  | 2 +-
 11 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html b/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
index 8ff875f63d..627d450161 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.html
@@ -15,7 +15,7 @@
             subscriptSizing="dynamic"
             [floatLabel]="placeholder ? 'always' : null"
         >
-            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label data-automation-id="adf-amount-widget-label">{{field.name | translate }}</mat-label> }
+            @if ( (field.name || field?.required) && !field.leftLabels) { <mat-label class="adf-label" data-automation-id="adf-amount-widget-label">{{field.name | translate }}</mat-label> }
             @if(!enableDisplayBasedOnLocale) {
                 <span matTextPrefix class="adf-amount-widget__prefix-spacing">{{ currency }}&nbsp;</span>
             }
diff --git a/lib/core/src/lib/form/components/widgets/date/date.widget.html b/lib/core/src/lib/form/components/widgets/date/date.widget.html
index 02a0c8fe02..cbfa180115 100644
--- a/lib/core/src/lib/form/components/widgets/date/date.widget.html
+++ b/lib/core/src/lib/form/components/widgets/date/date.widget.html
@@ -2,7 +2,7 @@
      [class.adf-invalid]="dateInputControl.invalid && dateInputControl.touched"
      [class.adf-readonly]="field.readOnly">
     <mat-form-field class="adf-date-widget adf-form-field-input" subscriptSizing="dynamic" [floatLabel]="field.placeholder ? 'always' : null">
-        <mat-label data-automation-id="adf-date-widget-label">
+        <mat-label class="adf-label" data-automation-id="adf-date-widget-label">
             {{ field.name | translate }} ({{ field.dateDisplayFormat }})
         </mat-label>
         <input matInput
diff --git a/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html b/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html
index 7e3477f1db..b846ddff91 100644
--- a/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html
+++ b/lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.html
@@ -12,7 +12,7 @@
         [floatLabel]="field.placeholder ? 'always' : null"
     >
         @if(field.name || field.required) {
-        <mat-label class="adf-multiline-text-widget-label" data-automation-id="adf-multiline-text-widget-label"> {{ field.name | translate }} </mat-label>
+        <mat-label class="adf-label adf-multiline-text-widget-label" data-automation-id="adf-multiline-text-widget-label"> {{ field.name | translate }} </mat-label>
         }
         <textarea
             matInput
diff --git a/lib/core/src/lib/form/components/widgets/text/text.widget.html b/lib/core/src/lib/form/components/widgets/text/text.widget.html
index 2ef7e73f3a..6bbc560b7f 100644
--- a/lib/core/src/lib/form/components/widgets/text/text.widget.html
+++ b/lib/core/src/lib/form/components/widgets/text/text.widget.html
@@ -13,7 +13,7 @@
             subscriptSizing="dynamic"
             [floatLabel]="placeholder ? 'always' : null"
         >
-            @if ( (field.name || this.field?.required) && !field.leftLabels) { <mat-label data-automation-id="adf-text-widget-label">
+            @if ( (field.name || this.field?.required) && !field.leftLabels) { <mat-label class="adf-label" data-automation-id="adf-text-widget-label">
                 {{ field.name | translate }}
             </mat-label>
         }
diff --git a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss
index 46748f97ba..f62635f0ea 100644
--- a/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss
+++ b/lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss
@@ -135,8 +135,7 @@
         }
     }
 
-    .adf-label,
-    .adf-display-external-property-widget-label {
+    .adf-label {
         white-space: normal;
     }
 }
diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html b/lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html
index e674badf78..f9d3a19b4e 100644
--- a/lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/display-external-property/display-external-property.widget.html
@@ -13,7 +13,7 @@
     <div>
         <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic" [floatLabel]="field.placeholder ? 'always' : null">
             @if( (field.name || field?.required) && !field.leftLabels) {
-            <mat-label class="adf-display-external-property-widget-label" data-automation-id="adf-display-external-property-widget-label"> {{ field.name | translate }} </mat-label>
+            <mat-label class="adf-label adf-display-external-property-widget-label" data-automation-id="adf-display-external-property-widget-label"> {{ field.name | translate }} </mat-label>
             }
             <input
                 matInput
diff --git a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
index 2ab1ed91d9..637f9be8d8 100644
--- a/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
+++ b/lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.html
@@ -4,7 +4,7 @@
     [class.adf-readonly]="field.readOnly"
 >
     <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic">
-        <mat-label data-automation-id="adf-dropdown-widget-label">{{ field.name | translate }}</mat-label>
+        <mat-label class="adf-label" data-automation-id="adf-dropdown-widget-label">{{ field.name | translate }}</mat-label>
         <mat-select
             class="adf-select"
             data-automation-id="adf-dropdown-widget-select"
diff --git a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
index 44c9d243d9..2146df3996 100644
--- a/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
+++ b/lib/process-services/src/lib/form/widgets/functional-group/functional-group.widget.html
@@ -6,7 +6,7 @@
     id="functional-group-div"
 >
     <mat-form-field class="adf-group-widget-field">
-        <mat-label data-automation-id="adf-group-widget-label">{{ field.name | translate }}</mat-label>
+        <mat-label class="adf-label" data-automation-id="adf-group-widget-label">{{ field.name | translate }}</mat-label>
         <mat-chip-grid #chipGrid [required]="isRequired()">
             <mat-chip-row
                 *ngFor="let group of selectedGroups"
diff --git a/lib/process-services/src/lib/form/widgets/people/people.widget.html b/lib/process-services/src/lib/form/widgets/people/people.widget.html
index 222399930d..0d087a6035 100644
--- a/lib/process-services/src/lib/form/widgets/people/people.widget.html
+++ b/lib/process-services/src/lib/form/widgets/people/people.widget.html
@@ -4,7 +4,7 @@
      id="people-widget-content">
     <mat-form-field
         class="adf-people-widget-field">
-        <mat-label class="adf-people-widget-label" data-automation-id="adf-people-widget-label">{{ field.name | translate }}</mat-label>
+        <mat-label class="adf-label adf-people-widget-label" data-automation-id="adf-people-widget-label">{{ field.name | translate }}</mat-label>
         <mat-chip-grid #chipGrid [attr.aria-label]="'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECTED_PEOPLE' | translate"
             [required]="isRequired()" [ngModel]="selectedUsers" [errorStateMatcher]="errorStateMatcher">
             <mat-chip-row
diff --git a/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html b/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
index 0e6f63bf2c..5263cf2fe3 100644
--- a/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
+++ b/lib/process-services/src/lib/form/widgets/typeahead/typeahead.widget.html
@@ -5,7 +5,7 @@
         [class.adf-readonly]="field.readOnly"
         id="typehead-div">
         <mat-form-field class="adf-form-field-input" subscriptSizing="dynamic">
-            <mat-label>{{ field.name | translate }}</mat-label>
+            <mat-label class="adf-label">{{ field.name | translate }}</mat-label>
             <input matInput class="adf-input"
                    type="text"
                    [id]="field.id"
diff --git a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss
index faf6e5d731..c173f723f5 100644
--- a/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss
+++ b/lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss
@@ -122,7 +122,7 @@ adf-start-task {
                 border-color: var(--mat-sys-error);
             }
 
-            .adf-people-widget-label {
+            .adf-label {
                 color: var(--mat-sys-error);
 
                 &::after {