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 + + + + Name + Wert + Verwendung + + + + 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 {