From bc74338e1382d7e5b122ca9bc6fa8e56c0fb8b8c Mon Sep 17 00:00:00 2001
From: VitoAlbano <vito.albano@hyland.com>
Date: Mon, 3 Aug 2026 11:28:04 +0100
Subject: [PATCH] [AAE-49015] - Removing and replacing mat-selectors

---
 .../card-view-textitem.component.scss                 | 11 +++++++----
 .../components/card-view/card-view.component.scss     | 10 ++++++----
 lib/core/src/lib/styles/_mat-selectors.scss           |  2 --
 .../attach-file-widget-dialog.component.scss          |  4 +++-
 4 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
index b423abc342..bbb5fb9c6e 100644
--- a/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss
@@ -1,3 +1,4 @@
+@use '@angular/material' as mat;
 @use '../../../styles/mat-selectors' as ms;
 
 .adf-card-view-textitem {
@@ -24,10 +25,12 @@
         padding: 0;
         line-height: 20px;
 
-        #{ms.$mat-button-touch-target} {
-            width: 30px;
-            height: 30px;
-        }
+        // Shrink the icon-button touch-target (default 48px) to match via the public token API.
+        @include mat.icon-button-overrides(
+            (
+                touch-target-size: 30px
+            )
+        );
     }
 
     #{ms.$mat-form-field-icon-suffix} {
diff --git a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
index 518a0c7f62..98488ad1de 100644
--- a/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view/card-view.component.scss
@@ -1,5 +1,3 @@
-@use '../../../styles/mat-selectors' as ms;
-
 .adf-property-list {
     border: unset;
     border-color: var(--mat-sys-outline);
@@ -19,13 +17,17 @@
         .adf-property-field {
             width: 100%;
 
-            #{ms.$mat-input-element} {
+            // All card-view inputs/textareas are matInput (verified) — target them directly
+            // instead of Material's .mat-mdc-input-element internal.
+            input,
+            textarea {
                 text-overflow: ellipsis;
                 line-height: 20px;
             }
 
             .adf-card-view__key-value-pairs__row {
-                #{ms.$mat-input-element} {
+                input,
+                textarea {
                     margin-top: 0;
                     padding-left: 12px;
                 }
diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
index 0129025e9e..8963ceca5c 100644
--- a/lib/core/src/lib/styles/_mat-selectors.scss
+++ b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -9,8 +9,6 @@ $mat-form-field: '.mat-mdc-form-field';
 $mat-form-field-wrapper: '.mat-mdc-text-field-wrapper';
 $mat-line-ripple: '.mdc-line-ripple';
 $mat-form-field-label: '.mat-mdc-floating-label';
-$mat-button-touch-target: '.mat-mdc-button-touch-target';
-$mat-input-element: '.mat-mdc-input-element';
 $mat-card: '.mat-mdc-card';
 $mat-select: '.mat-mdc-select';
 $mat-sidenav-content: '.mat-sidenav-content';
diff --git a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
index 58abc8bcff..f4ee78ee39 100644
--- a/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
+++ b/lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss
@@ -15,6 +15,8 @@
     }
 }
 
-#{ms.$mat-dialog-surface} {
+// Scoped to this dialog's panelClass (was global — ViewEncapsulation.None leaked
+// overflow-x:hidden onto every dialog surface in the app).
+.adf-attach-file-widget-dialog #{ms.$mat-dialog-surface} {
     overflow-x: hidden;
 }