From 433fa182f85b276866b2c8d5211e1ab38a23cc9b Mon Sep 17 00:00:00 2001
From: VitoAlbano <vito.albano@hyland.com>
Date: Sat, 1 Aug 2026 10:08:44 +0100
Subject: [PATCH] [AAE-49015] - Removing mat-selectors from widgets

---
 .../card-view-selectitem.component.scss            | 14 ++++++++++----
 .../components/widgets/amount/amount.widget.scss   |  5 -----
 .../layout-container.component.scss                |  4 ++++
 lib/core/src/lib/styles/_mat-selectors.scss        |  1 -
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
index dfe6ba3995..886b8a6bed 100644
--- a/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss
@@ -1,6 +1,16 @@
+@use '@angular/material' as mat;
 @use '../../../styles/mat-selectors' as ms;
 
 .adf-card-view-selectitem {
+    // Hide the filled form-field line-ripple (resting + focus) via the public token API
+    // instead of overriding the internal `.mdc-line-ripple` element.
+    @include mat.form-field-overrides(
+        (
+            filled-active-indicator-height: 0,
+            filled-focus-active-indicator-height: 0
+        )
+    );
+
     .adf-property-value {
         width: 100%;
     }
@@ -47,10 +57,6 @@
         padding: 6px 0;
     }
 
-    #{ms.$mat-line-ripple} {
-        display: none;
-    }
-
     .adf-property-readonly-value {
         color: var(--mat-sys-on-surface);
     }
diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
index ccb713274f..4cdbd820b1 100644
--- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
+++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss
@@ -1,5 +1,4 @@
 /* stylelint-disable selector-class-pattern */
-@use '../../../../styles/mat-selectors' as ms;
 @use '../../../../styles/mixins' as mixins;
 
 .adf {
@@ -17,10 +16,6 @@
     }
 
     &-amount-widget__input {
-        #{ms.$mat-focused} {
-            transition: none;
-        }
-
         .adf-input {
             margin-top: 3px;
         }
diff --git a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss
index 396ddebe8a..44ccd46302 100644
--- a/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss
+++ b/lib/core/src/lib/layout/components/layout-container/layout-container.component.scss
@@ -31,6 +31,10 @@ adf-layout-container {
 }
 
 /* stylelint-disable selector-class-pattern, declaration-no-important */
+// Neutralize Material's built-in sidenav content push (margin/transform + 400ms transition) so
+// ADF's own width/margin animation (sidenavAnimationState/contentAnimationState in the template)
+// is the sole driver. No ADF-owned hook exists on Material's generated .mat-drawer-content, and
+// there is no sidenav token/@Input to disable this behavior — keep the internal selectors.
 #{ms.$mat-sidenav-content},
 #{ms.$mat-drawer-transition} #{ms.$mat-drawer-content} {
     margin-left: 0 !important;
diff --git a/lib/core/src/lib/styles/_mat-selectors.scss b/lib/core/src/lib/styles/_mat-selectors.scss
index e7b8e151d3..0da3f51e2d 100644
--- a/lib/core/src/lib/styles/_mat-selectors.scss
+++ b/lib/core/src/lib/styles/_mat-selectors.scss
@@ -1,5 +1,4 @@
 $mat-icon: '.mat-icon';
-$mat-focused: '.mat-focused';
 $mat-line: '.mat-line';
 $mat-tab-label: '.mat-mdc-tab';
 $mat-tab-label-text: '.mdc-tab__text-label';