From 6ccfdb0fb513b9edefbaae58e57e8c8b8f09916b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 24 Jun 2026 10:50:03 +0200 Subject: [PATCH] Sync styleguide 2026.05.18.1 --- .../components/public-page-components.html | 15 +++++++++ .../patterns/public-page-patterns.html | 31 ++++++++++++++----- .../semantic-tokens-components.html | 3 ++ .../44-components-public-page-components.css | 11 +++++++ .../45-patterns-public-page-patterns.css | 4 --- public/assets/styleguide.upstream.css | 15 ++++++--- public/assets/styleguide.upstream.meta.json | 4 +-- public/assets/styles.css | 15 ++++++--- 8 files changed, 76 insertions(+), 22 deletions(-) diff --git a/docs/styleguide/components/public-page-components.html b/docs/styleguide/components/public-page-components.html index 810ad25..f83d81e 100644 --- a/docs/styleguide/components/public-page-components.html +++ b/docs/styleguide/components/public-page-components.html @@ -50,6 +50,21 @@ + +
+

Component: Picture Full Width

+ +
+ Platzhalterbild für die Picture Full Width Component +
+
diff --git a/docs/styleguide/patterns/public-page-patterns.html b/docs/styleguide/patterns/public-page-patterns.html index 9d510ea..51aaddb 100644 --- a/docs/styleguide/patterns/public-page-patterns.html +++ b/docs/styleguide/patterns/public-page-patterns.html @@ -58,11 +58,11 @@

pattern: CTA box right

-
-
-
-
-

+

+
+
+
+

Jetzt passende Inhalte entdecken und direkt mit dem nächsten Schritt starten.

@@ -72,10 +72,25 @@
-
-
+
- + + +

pattern: picture full width

+ +
+
+ Platzhalterbild für die Picture Full Width Component +
+
+ diff --git a/docs/styleguide/semantic-tokens-components.html b/docs/styleguide/semantic-tokens-components.html index 8d43537..285a135 100644 --- a/docs/styleguide/semantic-tokens-components.html +++ b/docs/styleguide/semantic-tokens-components.html @@ -119,6 +119,9 @@ layout-call-to-action-card-content-gapspacing-largeAbstand zwischen Text und Button. + +

Picture Full Width

+

Keine zusätzlichen semantischen Tokens erforderlich. Die Komponente ist strukturell und bezieht sich mit width: 100% auf den umgebenden Container, mit height: auto und display: block für das Bild-Element.

diff --git a/docs/styleguide/styles/44-components-public-page-components.css b/docs/styleguide/styles/44-components-public-page-components.css index a4ff2bc..4a2a85b 100644 --- a/docs/styleguide/styles/44-components-public-page-components.css +++ b/docs/styleguide/styles/44-components-public-page-components.css @@ -67,6 +67,17 @@ justify-content: flex-end; } +.sg-call-to-action-card--align-right { + margin-left: auto; +} + +.sg-picture-full-width { + display: block; + width: 100%; + max-width: 100%; + height: auto; +} + .sg-page-public-page-components .sg-preview-area { display: flex; flex-direction: column; diff --git a/docs/styleguide/styles/45-patterns-public-page-patterns.css b/docs/styleguide/styles/45-patterns-public-page-patterns.css index 5155dfe..51379b3 100644 --- a/docs/styleguide/styles/45-patterns-public-page-patterns.css +++ b/docs/styleguide/styles/45-patterns-public-page-patterns.css @@ -11,7 +11,3 @@ .sg-page-public-page-patterns .sg-text-block--align-right { margin-left: auto; } - -.sg-call-to-action-card--align-right { - margin-left: auto; -} diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index b478b10..55c4a79 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -4577,6 +4577,17 @@ main { justify-content: flex-end; } +.sg-call-to-action-card--align-right { + margin-left: auto; +} + +.sg-picture-full-width { + display: block; + width: 100%; + max-width: 100%; + height: auto; +} + .sg-page-public-page-components .sg-preview-area { display: flex; flex-direction: column; @@ -4604,7 +4615,3 @@ main { margin-left: auto; } -.sg-call-to-action-card--align-right { - margin-left: auto; -} - diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index 82f5d93..9e3a7c0 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": "8a3688c", - "syncedAtUtc": "2026-06-24T08:39:48Z", + "styleguideCommit": "749b787", + "syncedAtUtc": "2026-06-24T08:50:03Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index b478b10..55c4a79 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -4577,6 +4577,17 @@ main { justify-content: flex-end; } +.sg-call-to-action-card--align-right { + margin-left: auto; +} + +.sg-picture-full-width { + display: block; + width: 100%; + max-width: 100%; + height: auto; +} + .sg-page-public-page-components .sg-preview-area { display: flex; flex-direction: column; @@ -4604,7 +4615,3 @@ main { margin-left: auto; } -.sg-call-to-action-card--align-right { - margin-left: auto; -} -