Add notifications sizing tokens and group-card variant rule

This commit is contained in:
2026-06-01 17:24:18 +02:00
parent 12f16b9813
commit 236d9cf1f2
3 changed files with 22 additions and 3 deletions
+8
View File
@@ -54,6 +54,14 @@
<tr><td>layout-object-group-card-max-width</td><td>dimension-object-group-card-max-width</td><td>Maximalbreite der einzelnen Karten im Pattern Object Group Card.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Notifications</h3>
<table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead><tbody>
<tr><td>layout-notifications-card-flex-basis</td><td>layout-object-card-min-width</td><td>Flex-Basis der Notification Card im Notifications-Pattern; gilt auch in der dokumentierten Variante innerhalb von <code>.sg-group-card</code>.</td></tr>
<tr><td>layout-notifications-card-min-width</td><td>layout-object-card-min-width</td><td>Mindestbreite der Notification Card im Notifications-Pattern; verhindert zu frühes Schrumpfen bei Viewport-Änderungen.</td></tr>
<tr><td>layout-notifications-card-max-width</td><td>layout-object-card-max-width</td><td>Maximalbreite der Notification Card im Notifications-Pattern; begrenzt Wachstum konsistent zur Object-Card-Breite.</td></tr>
<tr><td>layout-notifications-text-segment-fixed-height</td><td>150px</td><td>Fixe Desktop-Höhe des ersten Text-Segments im Notifications-Pattern; auf Mobile wird die Höhe auf auto gesetzt.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Company Card</h3>
<table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead><tbody>
<tr><td>text-company-card-data-negative</td><td>chart-value-negative</td><td>Textfarbe für negative Kennzahlenwerte im Data-Columns-Segment der Company Card.</td></tr>