Sync styleguide 2026.05.18.1

This commit is contained in:
2026-06-11 11:20:37 +02:00
parent 5009e5ff3b
commit ebe0e59efc
7 changed files with 154 additions and 103 deletions
+29
View File
@@ -860,6 +860,35 @@ section + section {
max-width: var(--layout-form-input-field-max-width);
}
.sg-input-validation-stack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: var(--spacing-small);
min-width: 0;
max-width: var(--layout-form-input-field-max-width);
}
.sg-input-validation-stack .sg-input-single-line,
.sg-input-validation-stack .sg-input-multi-line {
width: 100%;
min-width: 0;
max-width: 100%;
}
.sg-form-validation-text {
margin: 0;
color: var(--text-vsf-list-card-limit-note);
font-family: var(--font-family-base);
font-size: var(--font-size-small);
line-height: var(--line-height-base);
}
.sg-input-single-line[aria-invalid="true"],
.sg-input-multi-line[aria-invalid="true"] {
box-shadow: 0 0 0 1px var(--color-signal-red) inset;
}
.sg-labeled-input-row:has(.sg-input-multi-line) {
align-items: flex-start;
}
+2 -2
View File
@@ -1,7 +1,7 @@
{
"styleguideVersion": "2026.05.18.1",
"styleguideCommit": "8b7d5ef",
"syncedAtUtc": "2026-06-11T05:57:07Z",
"styleguideCommit": "436eb55",
"syncedAtUtc": "2026-06-11T09:20:37Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide"
}
+29
View File
@@ -860,6 +860,35 @@ section + section {
max-width: var(--layout-form-input-field-max-width);
}
.sg-input-validation-stack {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: var(--spacing-small);
min-width: 0;
max-width: var(--layout-form-input-field-max-width);
}
.sg-input-validation-stack .sg-input-single-line,
.sg-input-validation-stack .sg-input-multi-line {
width: 100%;
min-width: 0;
max-width: 100%;
}
.sg-form-validation-text {
margin: 0;
color: var(--text-vsf-list-card-limit-note);
font-family: var(--font-family-base);
font-size: var(--font-size-small);
line-height: var(--line-height-base);
}
.sg-input-single-line[aria-invalid="true"],
.sg-input-multi-line[aria-invalid="true"] {
box-shadow: 0 0 0 1px var(--color-signal-red) inset;
}
.sg-labeled-input-row:has(.sg-input-multi-line) {
align-items: flex-start;
}