Sync styleguide 2026.05.18.1

This commit is contained in:
2026-06-24 14:06:43 +02:00
parent 311ff21a34
commit 1b6b3b05ef
5 changed files with 2 additions and 9 deletions
@@ -92,7 +92,6 @@
<thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck in der Komponente</th></tr></thead> <thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck in der Komponente</th></tr></thead>
<tbody> <tbody>
<tr><td>surface-content-group-box</td><td>color-transparent</td><td>Transparente Fläche der Wrapper-Component.</td></tr> <tr><td>surface-content-group-box</td><td>color-transparent</td><td>Transparente Fläche der Wrapper-Component.</td></tr>
<tr><td>border-content-group-box</td><td>color-white</td><td>Temporärer Prüfrahmen für die visuelle Kontrolle der Component-Erstellung.</td></tr>
<tr><td>layout-content-group-box-gap</td><td>spacing-large</td><td>Vertikaler Abstand zwischen den direkten Abschnitts-Containern innerhalb der Wrapper-Component.</td></tr> <tr><td>layout-content-group-box-gap</td><td>spacing-large</td><td>Vertikaler Abstand zwischen den direkten Abschnitts-Containern innerhalb der Wrapper-Component.</td></tr>
<tr><td>layout-content-group-box-margin-block</td><td>calc(var(--spacing-large) * 0.5)</td><td>Oberer und unterer Außenabstand der Wrapper-Component.</td></tr> <tr><td>layout-content-group-box-margin-block</td><td>calc(var(--spacing-large) * 0.5)</td><td>Oberer und unterer Außenabstand der Wrapper-Component.</td></tr>
</tbody> </tbody>
@@ -4,7 +4,6 @@
.sg-content-group-box { .sg-content-group-box {
--surface-content-group-box: var(--color-transparent); --surface-content-group-box: var(--color-transparent);
--border-content-group-box: var(--color-white);
--layout-content-group-box-gap: var(--spacing-large); --layout-content-group-box-gap: var(--spacing-large);
--layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5); --layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5);
display: flex; display: flex;
@@ -12,7 +11,6 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: var(--layout-content-group-box-margin-block) 0; margin: var(--layout-content-group-box-margin-block) 0;
border: 1px solid var(--border-content-group-box);
background: var(--surface-content-group-box); background: var(--surface-content-group-box);
gap: var(--layout-content-group-box-gap); gap: var(--layout-content-group-box-gap);
} }
-2
View File
@@ -4546,7 +4546,6 @@ main {
.sg-content-group-box { .sg-content-group-box {
--surface-content-group-box: var(--color-transparent); --surface-content-group-box: var(--color-transparent);
--border-content-group-box: var(--color-white);
--layout-content-group-box-gap: var(--spacing-large); --layout-content-group-box-gap: var(--spacing-large);
--layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5); --layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5);
display: flex; display: flex;
@@ -4554,7 +4553,6 @@ main {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: var(--layout-content-group-box-margin-block) 0; margin: var(--layout-content-group-box-margin-block) 0;
border: 1px solid var(--border-content-group-box);
background: var(--surface-content-group-box); background: var(--surface-content-group-box);
gap: var(--layout-content-group-box-gap); gap: var(--layout-content-group-box-gap);
} }
+2 -2
View File
@@ -1,7 +1,7 @@
{ {
"styleguideVersion": "2026.05.18.1", "styleguideVersion": "2026.05.18.1",
"styleguideCommit": "733c9c0", "styleguideCommit": "cf64ce0",
"syncedAtUtc": "2026-06-24T10:11:55Z", "syncedAtUtc": "2026-06-24T12:06:43Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide" "mirroredDocsPath": "docs/styleguide"
} }
-2
View File
@@ -4546,7 +4546,6 @@ main {
.sg-content-group-box { .sg-content-group-box {
--surface-content-group-box: var(--color-transparent); --surface-content-group-box: var(--color-transparent);
--border-content-group-box: var(--color-white);
--layout-content-group-box-gap: var(--spacing-large); --layout-content-group-box-gap: var(--spacing-large);
--layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5); --layout-content-group-box-margin-block: calc(var(--spacing-large) * 0.5);
display: flex; display: flex;
@@ -4554,7 +4553,6 @@ main {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
margin: var(--layout-content-group-box-margin-block) 0; margin: var(--layout-content-group-box-margin-block) 0;
border: 1px solid var(--border-content-group-box);
background: var(--surface-content-group-box); background: var(--surface-content-group-box);
gap: var(--layout-content-group-box-gap); gap: var(--layout-content-group-box-gap);
} }