From 063c8a678d88de9ee58d7e105ad83157cba0127b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 11:05:15 +0200
Subject: [PATCH] Add typography bullet list component

---
 components/typography.html          |  5 +++++
 styles/43-components-typography.css | 13 +++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/components/typography.html b/components/typography.html
index 5e6b8b0..44908c3 100644
--- a/components/typography.html
+++ b/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>
diff --git a/styles/43-components-typography.css b/styles/43-components-typography.css
index c8f8855..496dbd2 100644
--- a/styles/43-components-typography.css
+++ b/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);
+}