From 2a559393eacad45b430f00428dfc7e12647d7fd9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 23 Jun 2026 09:45:03 +0200
Subject: [PATCH] Sync styleguide 2026.05.18.1

---
 docs/styleguide/components/interactive-elements.html          | 2 +-
 docs/styleguide/styles/10-components-interactive-elements.css | 2 +-
 docs/styleguide/styles/25-patterns-form-sections.css          | 2 +-
 public/assets/styleguide.upstream.css                         | 4 ++--
 public/assets/styleguide.upstream.meta.json                   | 4 ++--
 public/assets/styles.css                                      | 4 ++--
 6 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/styleguide/components/interactive-elements.html b/docs/styleguide/components/interactive-elements.html
index 53e178c..b979055 100644
--- a/docs/styleguide/components/interactive-elements.html
+++ b/docs/styleguide/components/interactive-elements.html
@@ -537,7 +537,7 @@
       <div class="sg-state-example">
         <p class="sg-state-example__label sg-table-label">form-invalid</p>
         <div class="sg-input-validation-stack sg-input-validation-stack--checkbox-invalid">
-          <label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="default">
+          <label class="sg-checkbox-field-option" data-component="checkbox-field" data-component-state="default">
             <button class="sg-checkbox-field" type="button" role="checkbox" aria-checked="false" aria-label="Standard Checkbox mit Validierung" aria-invalid="true" aria-describedby="checkbox-invalid-feedback">
               <span class="sg-checkbox-field__mark" aria-hidden="true">✓</span>
             </button>
diff --git a/docs/styleguide/styles/10-components-interactive-elements.css b/docs/styleguide/styles/10-components-interactive-elements.css
index c38db4d..6d45551 100644
--- a/docs/styleguide/styles/10-components-interactive-elements.css
+++ b/docs/styleguide/styles/10-components-interactive-elements.css
@@ -442,7 +442,7 @@
     }
 
     #component-checkbox-field .sg-input-validation-stack--checkbox-invalid {
-      gap: calc(var(--spacing-small) / 4);
+      gap: 0;
     }
 
     .sg-input-multi-line {
diff --git a/docs/styleguide/styles/25-patterns-form-sections.css b/docs/styleguide/styles/25-patterns-form-sections.css
index 94d43a7..c47a14c 100644
--- a/docs/styleguide/styles/25-patterns-form-sections.css
+++ b/docs/styleguide/styles/25-patterns-form-sections.css
@@ -41,7 +41,7 @@
 }
 
 .sg-form-sections-card__chapter + .sg-form-sections-card__chapter {
-  margin-top: var(--spacing-large);
+  margin-top: calc(var(--spacing-large) * 2);
 }
 
 .sg-form-sections-card__chapter-title,
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 096baf5..455a160 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -932,7 +932,7 @@ section + section {
     }
 
     #component-checkbox-field .sg-input-validation-stack--checkbox-invalid {
-      gap: calc(var(--spacing-small) / 4);
+      gap: 0;
     }
 
     .sg-input-multi-line {
@@ -2513,7 +2513,7 @@ section + section {
 }
 
 .sg-form-sections-card__chapter + .sg-form-sections-card__chapter {
-  margin-top: var(--spacing-large);
+  margin-top: calc(var(--spacing-large) * 2);
 }
 
 .sg-form-sections-card__chapter-title,
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 164b065..7d9e06f 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": "1f478a8",
-  "syncedAtUtc": "2026-06-22T16:24:15Z",
+  "styleguideCommit": "636f6cf",
+  "syncedAtUtc": "2026-06-23T07:45:02Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 096baf5..455a160 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -932,7 +932,7 @@ section + section {
     }
 
     #component-checkbox-field .sg-input-validation-stack--checkbox-invalid {
-      gap: calc(var(--spacing-small) / 4);
+      gap: 0;
     }
 
     .sg-input-multi-line {
@@ -2513,7 +2513,7 @@ section + section {
 }
 
 .sg-form-sections-card__chapter + .sg-form-sections-card__chapter {
-  margin-top: var(--spacing-large);
+  margin-top: calc(var(--spacing-large) * 2);
 }
 
 .sg-form-sections-card__chapter-title,