From 5abb9f357f453bdbe6712d49b21216137d5a98c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 20 Aug 2026 11:38:09 +0200
Subject: [PATCH] Sync styleguide 2026.05.18.1

---
 .../styles/10-components-interactive-elements.css      | 10 ++++++++--
 public/assets/styleguide.upstream.css                  | 10 ++++++++--
 public/assets/styleguide.upstream.meta.json            |  4 ++--
 public/assets/styles.css                               | 10 ++++++++--
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/docs/styleguide/styles/10-components-interactive-elements.css b/docs/styleguide/styles/10-components-interactive-elements.css
index 88602fe..95ca3e0 100644
--- a/docs/styleguide/styles/10-components-interactive-elements.css
+++ b/docs/styleguide/styles/10-components-interactive-elements.css
@@ -401,13 +401,18 @@
       margin-right: var(--spacing-large);
     }
 
-    .sg-labeled-input-row .sg-input-single-line,
-    .sg-labeled-input-row .sg-input-multi-line {
+    .sg-labeled-input-row .sg-input-single-line {
       width: 100%;
       min-width: 0;
       max-width: var(--layout-form-input-field-max-width);
     }
 
+    .sg-labeled-input-row .sg-input-multi-line {
+      width: min(100%, var(--layout-input-field-max-width));
+      min-width: 0;
+      max-width: var(--layout-input-field-max-width);
+    }
+
     .sg-input-validation-stack {
       display: flex;
       flex: 1 1 auto;
@@ -478,6 +483,7 @@
 
     .sg-input-multi-line {
       box-sizing: border-box;
+      width: min(100%, var(--layout-input-field-max-width));
       min-height: calc(var(--interaction-height) * 2.75);
       padding: var(--interaction-padding-vertical) var(--interaction-padding-horizontal);
       border: var(--border-control);
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 630b40a..ca62a58 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -913,13 +913,18 @@ section + section {
       margin-right: var(--spacing-large);
     }
 
-    .sg-labeled-input-row .sg-input-single-line,
-    .sg-labeled-input-row .sg-input-multi-line {
+    .sg-labeled-input-row .sg-input-single-line {
       width: 100%;
       min-width: 0;
       max-width: var(--layout-form-input-field-max-width);
     }
 
+    .sg-labeled-input-row .sg-input-multi-line {
+      width: min(100%, var(--layout-input-field-max-width));
+      min-width: 0;
+      max-width: var(--layout-input-field-max-width);
+    }
+
     .sg-input-validation-stack {
       display: flex;
       flex: 1 1 auto;
@@ -990,6 +995,7 @@ section + section {
 
     .sg-input-multi-line {
       box-sizing: border-box;
+      width: min(100%, var(--layout-input-field-max-width));
       min-height: calc(var(--interaction-height) * 2.75);
       padding: var(--interaction-padding-vertical) var(--interaction-padding-horizontal);
       border: var(--border-control);
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 4595e92..760b81b 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "2147ea0",
-  "syncedAtUtc": "2026-08-20T09:32:38Z",
+  "styleguideCommit": "a7dd199",
+  "syncedAtUtc": "2026-08-20T09:38:09Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 630b40a..ca62a58 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -913,13 +913,18 @@ section + section {
       margin-right: var(--spacing-large);
     }
 
-    .sg-labeled-input-row .sg-input-single-line,
-    .sg-labeled-input-row .sg-input-multi-line {
+    .sg-labeled-input-row .sg-input-single-line {
       width: 100%;
       min-width: 0;
       max-width: var(--layout-form-input-field-max-width);
     }
 
+    .sg-labeled-input-row .sg-input-multi-line {
+      width: min(100%, var(--layout-input-field-max-width));
+      min-width: 0;
+      max-width: var(--layout-input-field-max-width);
+    }
+
     .sg-input-validation-stack {
       display: flex;
       flex: 1 1 auto;
@@ -990,6 +995,7 @@ section + section {
 
     .sg-input-multi-line {
       box-sizing: border-box;
+      width: min(100%, var(--layout-input-field-max-width));
       min-height: calc(var(--interaction-height) * 2.75);
       padding: var(--interaction-padding-vertical) var(--interaction-padding-horizontal);
       border: var(--border-control);