From 8272f7d437a62be2249f4e426d5cb189aa561694 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 24 Jun 2026 10:23:57 +0200 Subject: [PATCH] Sync styleguide 2026.05.18.1 --- .../components/public-page-components.html | 68 ++++++------- docs/styleguide/foundations.html | 2 +- .../patterns/public-page-patterns.html | 98 ++++++++++--------- .../semantic-tokens-components.html | 2 +- docs/styleguide/styles/01-foundations.css | 2 +- public/assets/styleguide.upstream.css | 2 +- public/assets/styleguide.upstream.meta.json | 4 +- public/assets/styles.css | 2 +- 8 files changed, 92 insertions(+), 88 deletions(-) diff --git a/docs/styleguide/components/public-page-components.html b/docs/styleguide/components/public-page-components.html index 6750862..810ad25 100644 --- a/docs/styleguide/components/public-page-components.html +++ b/docs/styleguide/components/public-page-components.html @@ -10,45 +10,47 @@

Components – Public Page Components

-
-

Component: Content Group Box

+
+
+

Component: Content Group Box

-
-
-
-
- -
-

Component: Public Page Content left

- -
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu -

+
+
-
-
+
-
-

Component: Call to action Card

+
+

Component: Public Page Content left

-
-
-
-

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

+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillu

- -
- -
-
-
-
+ +
+ +
+

Component: Call to action Card

+ +
+
+
+

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

+ +
+ +
+
+
+
+
+ diff --git a/docs/styleguide/foundations.html b/docs/styleguide/foundations.html index ec863ee..de1d158 100644 --- a/docs/styleguide/foundations.html +++ b/docs/styleguide/foundations.html @@ -157,7 +157,7 @@ object-card-height600pxFixe Höhe der Object Card im Desktop-Layout (u. a. für Company Card). content-card-margin-top-desktop100pxOberer Außenabstand der Content Card auf Desktop. content-card-margin-top-mobile1remOberer Außenabstand der Content Card auf Mobile; entspricht spacing-large. - public-content-width60vwStandardbreite für wiederverwendbare Public-Content-Wrapper innerhalb der durch das jeweilige Page-Layout begrenzten Breite. + public-content-width60%Standardbreite für wiederverwendbare Public-Content-Wrapper innerhalb der durch das jeweilige Page-Layout begrenzten Breite. object-group-card-min-width450pxMindestbreite der Group Card im Pattern Object Group Card. object-group-card-max-width650pxMaximale Breite der Group Card im Pattern Object Group Card. object-group-card-height700pxFixe Desktop-Höhe der Group Card im Pattern Object Group Card. diff --git a/docs/styleguide/patterns/public-page-patterns.html b/docs/styleguide/patterns/public-page-patterns.html index 92908e1..9d510ea 100644 --- a/docs/styleguide/patterns/public-page-patterns.html +++ b/docs/styleguide/patterns/public-page-patterns.html @@ -10,71 +10,73 @@

Patterns – Public Page Patterns

-
-

pattern: Public Page Content left

+
+
+

pattern: Public Page Content left

-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa. -

+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa. +

+
-
-

pattern: Public Page Content right

+

pattern: Public Page Content right

-
-
-
-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa. -

+
+
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Praesent eget sem vel lacus luctus blandit eu in massa. +

+
-
-

pattern: CTA box left

+

pattern: CTA box left

-
-
-
-
-

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

+
+
+
+
+

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

-
- +
+ +
-
-
+
+
-
-

pattern: CTA box right

+

pattern: CTA box right

-
-
-
-
-

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

+
+
+
+
+

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

-
- +
+ +
-
-
+
+
-
-
+
+ diff --git a/docs/styleguide/semantic-tokens-components.html b/docs/styleguide/semantic-tokens-components.html index a2a6a53..8d43537 100644 --- a/docs/styleguide/semantic-tokens-components.html +++ b/docs/styleguide/semantic-tokens-components.html @@ -104,7 +104,7 @@ surface-text-blockcolor-transparentTransparente Fläche des Textblocks. text-text-blockcolor-font-lightStandard-Textfarbe des Textblocks. - layout-text-block-widthdimension-public-content-widthBreite des Textblocks im Viewport. + layout-text-block-widthdimension-public-content-widthBreite des Textblocks im Page-Layout. diff --git a/docs/styleguide/styles/01-foundations.css b/docs/styleguide/styles/01-foundations.css index c4c3209..a80af5e 100644 --- a/docs/styleguide/styles/01-foundations.css +++ b/docs/styleguide/styles/01-foundations.css @@ -284,7 +284,7 @@ --dimension-input-field-desktop-width: 400px; --dimension-input-field-max-width: 600px; --dimension-search-field-width: 15.3rem; - --dimension-public-content-width: 60vw; + --dimension-public-content-width: 60%; --dimension-layer-pulldown-panel: 40; --dimension-multiselect-pulldown-panel-desktop-width: 500px; --dimension-options-row-mode-toggle-width: 7rem; diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index f07dc74..ae73b72 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -284,7 +284,7 @@ --dimension-input-field-desktop-width: 400px; --dimension-input-field-max-width: 600px; --dimension-search-field-width: 15.3rem; - --dimension-public-content-width: 60vw; + --dimension-public-content-width: 60%; --dimension-layer-pulldown-panel: 40; --dimension-multiselect-pulldown-panel-desktop-width: 500px; --dimension-options-row-mode-toggle-width: 7rem; diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index bc05570..16e54db 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": "547fe0c", - "syncedAtUtc": "2026-06-24T08:09:17Z", + "styleguideCommit": "39ed647", + "syncedAtUtc": "2026-06-24T08:23:57Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index f07dc74..ae73b72 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -284,7 +284,7 @@ --dimension-input-field-desktop-width: 400px; --dimension-input-field-max-width: 600px; --dimension-search-field-width: 15.3rem; - --dimension-public-content-width: 60vw; + --dimension-public-content-width: 60%; --dimension-layer-pulldown-panel: 40; --dimension-multiselect-pulldown-panel-desktop-width: 500px; --dimension-options-row-mode-toggle-width: 7rem;