From f4d4dca81ab941d215a4e83a6a2b69b0418d2bdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 08:38:19 +0200
Subject: [PATCH] Use interactive-elements disabled states in max-list layout

---
 patterns/vsf-list-card.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/patterns/vsf-list-card.html b/patterns/vsf-list-card.html
index a9adcb6..c683355 100644
--- a/patterns/vsf-list-card.html
+++ b/patterns/vsf-list-card.html
@@ -95,7 +95,7 @@
                     <label class="sg-labeled-input-row">
                       <span class="sg-label">Listentyp</span>
                       <div class="sg-pulldown-demo" data-open="false" data-align="left" data-selection-mode="single" data-component="pulldown" data-component-context="form" data-component-state="inactive-selectable">
-                        <button class="sg-interaction-element sg-pulldown sg-pulldown--inactive-selectable sg-form-inactive-selectable sg-pulldown-demo__trigger" type="button" aria-expanded="false" aria-label="Pulldown ohne aktive Auswahl" data-component-part="pulldown-trigger" data-label-base="Listentyp" disabled aria-disabled="true">
+                        <button class="sg-interaction-element sg-pulldown sg-pulldown--disabled sg-form-disabled sg-pulldown-demo__trigger" type="button" aria-expanded="false" aria-label="Pulldown ohne aktive Auswahl" data-component-part="pulldown-trigger" data-label-base="Listentyp" disabled aria-disabled="true">
                           Listentyp
                         </button>
                         <div class="sg-pulldown-panel" aria-label="Geoeffnetes Pulldown Listentyp" data-component-part="pulldown-panel">
@@ -111,7 +111,7 @@
                     <label class="sg-labeled-input-row">
                       <span class="sg-label">Name</span>
                       <input
-                        class="sg-interaction-element sg-input-single-line sg-input-single-line--inactive-selectable sg-form-inactive-selectable"
+                        class="sg-interaction-element sg-input-single-line sg-input-single-line--disabled sg-form-disabled"
                         type="text"
                         placeholder="Name eingeben"
                         aria-label="Name"
@@ -123,7 +123,7 @@
                     <label class="sg-labeled-input-row">
                       <span class="sg-label">Beschreibung</span>
                       <textarea
-                        class="sg-input-multi-line sg-form-inactive-selectable"
+                        class="sg-input-multi-line sg-form-disabled"
                         rows="4"
                         placeholder="Beschreibung eingeben"
                         aria-label="Beschreibung"
@@ -137,8 +137,8 @@
 
               <footer class="sg-form-sections-card__actions-segment" data-pattern-part="form-actions-segment">
                 <div class="sg-form-sections-card__actions" data-pattern-part="form-actions">
-                  <button class="sg-interaction-element sg-button sg-button--inactive sg-form-sections-card__action" type="button" disabled aria-disabled="true">Zuruecksetzen</button>
-                  <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Liste anlegen</button>
+                  <button class="sg-interaction-element sg-button sg-button--inactive sg-button--disabled sg-form-sections-card__action" type="button" disabled aria-disabled="true">Zuruecksetzen</button>
+                  <button class="sg-interaction-element sg-button sg-button--process sg-button--process-inactive sg-button--disabled sg-form-sections-card__action" type="submit" disabled aria-disabled="true">Liste anlegen</button>
                 </div>
               </footer>
             </form>