From 0c04caeb670dd1e06b7d8837a226440184dcbf9d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Tue, 22 Sep 2026 11:50:21 +0200 Subject: [PATCH] Sync styleguide 2026.05.18.2 --- docs/styleguide/VERSION | 2 +- docs/styleguide/foundations.html | 16 ++++++++++++++++ docs/styleguide/styles/01-foundations.css | 1 + docs/styleguide/styles/40-components-cards.css | 10 +++++----- public/assets/styleguide.upstream.css | 11 ++++++----- public/assets/styleguide.upstream.meta.json | 6 +++--- public/assets/styles.css | 11 ++++++----- 7 files changed, 38 insertions(+), 19 deletions(-) diff --git a/docs/styleguide/VERSION b/docs/styleguide/VERSION index b2580f2..07737af 100644 --- a/docs/styleguide/VERSION +++ b/docs/styleguide/VERSION @@ -1 +1 @@ -2026.05.18.1 +2026.05.18.2 diff --git a/docs/styleguide/foundations.html b/docs/styleguide/foundations.html index daad5d9..f51a503 100644 --- a/docs/styleguide/foundations.html +++ b/docs/styleguide/foundations.html @@ -46,6 +46,22 @@ +
+

Card Semantic Tokens

+ + + + + + + + + + + +
NameWertVerwendung
text-card-signalfont-lightWeiße Schrift auf allen farbigen Signal-Segmenten, unabhängig vom übergeordneten Card-Kontext.
+
+

States

diff --git a/docs/styleguide/styles/01-foundations.css b/docs/styleguide/styles/01-foundations.css index cd79b50..e43b72e 100644 --- a/docs/styleguide/styles/01-foundations.css +++ b/docs/styleguide/styles/01-foundations.css @@ -38,6 +38,7 @@ --surface-card-header-muted: var(--color-darkbrown); --divider-card-segment: var(--color-white); --text-card-header: var(--color-font-light); + --text-card-signal: var(--color-font-light); --text-card-body: var(--color-font-dark); --text-card-transparent: var(--color-font-light); --layout-card-body-content-justify: flex-start; diff --git a/docs/styleguide/styles/40-components-cards.css b/docs/styleguide/styles/40-components-cards.css index 49b2014..cadc588 100644 --- a/docs/styleguide/styles/40-components-cards.css +++ b/docs/styleguide/styles/40-components-cards.css @@ -136,27 +136,27 @@ .sg-card-segment--signal-red { background: var(--color-signal-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green { background: var(--color-signal-green); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-light { background: var(--color-signal-green-light); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-red { background: var(--color-signal-green-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-yellow { background: var(--color-signal-yellow); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--gray { diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index 4eac539..9338753 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -38,6 +38,7 @@ --surface-card-header-muted: var(--color-darkbrown); --divider-card-segment: var(--color-white); --text-card-header: var(--color-font-light); + --text-card-signal: var(--color-font-light); --text-card-body: var(--color-font-dark); --text-card-transparent: var(--color-font-light); --layout-card-body-content-justify: flex-start; @@ -4392,27 +4393,27 @@ main { .sg-card-segment--signal-red { background: var(--color-signal-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green { background: var(--color-signal-green); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-light { background: var(--color-signal-green-light); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-red { background: var(--color-signal-green-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-yellow { background: var(--color-signal-yellow); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--gray { diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index 6f5f9bb..8c9a926 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": "4e4474e", - "syncedAtUtc": "2026-09-22T07:55:02Z", + "styleguideVersion": "2026.05.18.2", + "styleguideCommit": "08bf51e", + "syncedAtUtc": "2026-09-22T09:50:21Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index 4eac539..9338753 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -38,6 +38,7 @@ --surface-card-header-muted: var(--color-darkbrown); --divider-card-segment: var(--color-white); --text-card-header: var(--color-font-light); + --text-card-signal: var(--color-font-light); --text-card-body: var(--color-font-dark); --text-card-transparent: var(--color-font-light); --layout-card-body-content-justify: flex-start; @@ -4392,27 +4393,27 @@ main { .sg-card-segment--signal-red { background: var(--color-signal-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green { background: var(--color-signal-green); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-light { background: var(--color-signal-green-light); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-green-red { background: var(--color-signal-green-red); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--signal-yellow { background: var(--color-signal-yellow); - color: var(--text-card-header); + color: var(--text-card-signal); } .sg-card-segment--gray {