Sync styleguide 2026.05.18.1

docs/styleguide/components/typography.html

@@ -18,6 +18,11 @@
       <h1 class="sg-heading-h1" data-component-part="heading-h1">H1 Überschrift</h1>
       <h2 class="sg-heading-h2" data-component-part="heading-h2">H2 Überschrift</h2>
       <p class="sg-body" data-component-part="body-text">Body / Fließtext</p>
+      <ul class="sg-bullet-list" data-component-part="bullet-list">
+        <li>Bullet List Eintrag 1</li>
+        <li>Bullet List Eintrag 2</li>
+        <li>Bullet List Eintrag 3</li>
+      </ul>
       <p class="sg-strong" data-component-part="strong-text">Strong / hervorgehobener Text</p>
       <p class="sg-section-title" data-component-part="section-title">Section Title</p>
       <p class="sg-bar-label" data-component-part="bar-label">Bar Label</p>

docs/styleguide/styles/43-components-typography.css

@@ -15,3 +15,16 @@
   color: var(--text-typography-preview);
   margin-top: 0;
 }
+
+.sg-bullet-list {
+  margin: 0;
+  padding-inline-start: var(--spacing-large);
+  color: var(--text-typography-preview);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+}
+
+.sg-bullet-list li + li {
+  margin-top: var(--spacing-small);
+}

docs/styleguide/styles/44-components-public-page-components.css

@@ -31,6 +31,10 @@
   color: var(--text-text-block);
 }
 
+.sg-text-block--align-right {
+  margin-left: auto;
+}
+
 .sg-text-block .sg-body {
   margin: 0;
   color: var(--text-text-block);

docs/styleguide/styles/45-patterns-public-page-patterns.css

@@ -7,7 +7,3 @@
   flex-direction: column;
   width: 100%;
 }
-
-.sg-page-public-page-patterns .sg-text-block--align-right {
-  margin-left: auto;
-}

public/assets/styleguide.upstream.css

@@ -4508,6 +4508,19 @@ main {
   margin-top: 0;
 }
 
+.sg-bullet-list {
+  margin: 0;
+  padding-inline-start: var(--spacing-large);
+  color: var(--text-typography-preview);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+}
+
+.sg-bullet-list li + li {
+  margin-top: var(--spacing-small);
+}
+
 /* ========================================================= */
 /* Components: Public Page Components                        */
 /* ========================================================= */
@@ -4541,6 +4554,10 @@ main {
   color: var(--text-text-block);
 }
 
+.sg-text-block--align-right {
+  margin-left: auto;
+}
+
 .sg-text-block .sg-body {
   margin: 0;
   color: var(--text-text-block);
@@ -4611,7 +4628,3 @@ main {
   width: 100%;
 }
 
-.sg-page-public-page-patterns .sg-text-block--align-right {
-  margin-left: auto;
-}
-

public/assets/styleguide.upstream.meta.json

@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "749b787",
+  "styleguideCommit": "f334722",
-  "syncedAtUtc": "2026-06-24T08:50:03Z",
+  "syncedAtUtc": "2026-06-24T09:18:21Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }

public/assets/styles.css

@@ -4508,6 +4508,19 @@ main {
   margin-top: 0;
 }
 
+.sg-bullet-list {
+  margin: 0;
+  padding-inline-start: var(--spacing-large);
+  color: var(--text-typography-preview);
+  font-family: var(--font-family-base);
+  font-size: var(--font-size-base);
+  line-height: var(--line-height-base);
+}
+
+.sg-bullet-list li + li {
+  margin-top: var(--spacing-small);
+}
+
 /* ========================================================= */
 /* Components: Public Page Components                        */
 /* ========================================================= */
@@ -4541,6 +4554,10 @@ main {
   color: var(--text-text-block);
 }
 
+.sg-text-block--align-right {
+  margin-left: auto;
+}
+
 .sg-text-block .sg-body {
   margin: 0;
   color: var(--text-text-block);
@@ -4611,7 +4628,3 @@ main {
   width: 100%;
 }
 
-.sg-page-public-page-patterns .sg-text-block--align-right {
-  margin-left: auto;
-}
-