gitea_admin/erp_naurua
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sync styleguide 2026.05.18.2

Browse Source
This commit is contained in:
gitea_admin committed 2026-09-25 13:10:50 +02:00
1 parent 732068ad9c
commit 85834a0498
6 files changed
+54 -54
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/styleguide/semantic-tokens-components.html
+1 -1
View File
@@ -224,7 +224,7 @@
<tr><td>text-help-icon</td><td>color-font-dark</td><td>Textfarbe im Help-Icon.</td></tr> <tr><td>text-help-icon</td><td>color-font-dark</td><td>Textfarbe im Help-Icon.</td></tr>
<tr><td>text-help-panel</td><td>color-font-dark</td><td>Textfarbe im Help-Panel.</td></tr> <tr><td>text-help-panel</td><td>color-font-dark</td><td>Textfarbe im Help-Panel.</td></tr>
<tr><td>layout-help-panel-width</td><td>calc(interaction-height * 8)</td><td>Standardbreite des Help-Panels.</td></tr> <tr><td>layout-help-panel-width</td><td>calc(interaction-height * 8)</td><td>Standardbreite des Help-Panels.</td></tr>
<tr><td>surface-tooltip</td><td>color-light-grey</td><td>Fläche der generischen Tooltip-Sprechblase.</td></tr> <tr><td>surface-tooltip</td><td>color-white</td><td>Fläche der generischen Tooltip-Sprechblase.</td></tr>
<tr><td>text-tooltip</td><td>color-font-dark</td><td>Textfarbe der generischen Tooltip-Sprechblase.</td></tr> <tr><td>text-tooltip</td><td>color-font-dark</td><td>Textfarbe der generischen Tooltip-Sprechblase.</td></tr>
<tr><td>layout-tooltip-width</td><td>calc(interaction-height * 8)</td><td>Standardbreite der generischen Tooltip-Sprechblase.</td></tr> <tr><td>layout-tooltip-width</td><td>calc(interaction-height * 8)</td><td>Standardbreite der generischen Tooltip-Sprechblase.</td></tr>
<tr><td>radius-tooltip</td><td>radius-interaction</td><td>Radius der generischen Tooltip-Sprechblase.</td></tr> <tr><td>radius-tooltip</td><td>radius-interaction</td><td>Radius der generischen Tooltip-Sprechblase.</td></tr>
docs/styleguide/styles/01-foundations.css
+1 -1
View File
@@ -64,7 +64,7 @@
--surface-menu-panel-portal: var(--color-light-grey); --surface-menu-panel-portal: var(--color-light-grey);
--surface-help-icon: var(--color-medium-grey); --surface-help-icon: var(--color-medium-grey);
--surface-help-panel: var(--color-light-grey); --surface-help-panel: var(--color-light-grey);
--surface-tooltip: var(--color-light-grey); --surface-tooltip: var(--color-white);
--surface-pulldown-panel: var(--color-light-grey); --surface-pulldown-panel: var(--color-light-grey);
--surface-activatable-remove: var(--surface-control-default); --surface-activatable-remove: var(--surface-control-default);
--surface-slider-track: var(--color-medium-grey); --surface-slider-track: var(--color-medium-grey);
docs/styleguide/styles/10-components-interactive-elements.css
+16 -16
View File
@@ -1295,33 +1295,33 @@
} }
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }
@@ -1336,33 +1336,33 @@
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }
public/assets/styleguide.upstream.css
+17 -17
View File
@@ -64,7 +64,7 @@
--surface-menu-panel-portal: var(--color-light-grey); --surface-menu-panel-portal: var(--color-light-grey);
--surface-help-icon: var(--color-medium-grey); --surface-help-icon: var(--color-medium-grey);
--surface-help-panel: var(--color-light-grey); --surface-help-panel: var(--color-light-grey);
--surface-tooltip: var(--color-light-grey); --surface-tooltip: var(--color-white);
--surface-pulldown-panel: var(--color-light-grey); --surface-pulldown-panel: var(--color-light-grey);
--surface-activatable-remove: var(--surface-control-default); --surface-activatable-remove: var(--surface-control-default);
--surface-slider-track: var(--color-medium-grey); --surface-slider-track: var(--color-medium-grey);
@@ -1820,33 +1820,33 @@ section + section {
} }
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }
@@ -1861,33 +1861,33 @@ section + section {
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }
public/assets/styleguide.upstream.meta.json
+2 -2
View File
@@ -1,7 +1,7 @@
{ {
"styleguideVersion": "2026.05.18.2", "styleguideVersion": "2026.05.18.2",
"styleguideCommit": "519ed6b", "styleguideCommit": "4edff9e",
"syncedAtUtc": "2026-09-24T11:09:21Z", "syncedAtUtc": "2026-09-25T11:10:49Z",
"sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
"mirroredDocsPath": "docs/styleguide" "mirroredDocsPath": "docs/styleguide"
} }
public/assets/styles.css
+17 -17
View File
@@ -64,7 +64,7 @@
--surface-menu-panel-portal: var(--color-light-grey); --surface-menu-panel-portal: var(--color-light-grey);
--surface-help-icon: var(--color-medium-grey); --surface-help-icon: var(--color-medium-grey);
--surface-help-panel: var(--color-light-grey); --surface-help-panel: var(--color-light-grey);
--surface-tooltip: var(--color-light-grey); --surface-tooltip: var(--color-white);
--surface-pulldown-panel: var(--color-light-grey); --surface-pulldown-panel: var(--color-light-grey);
--surface-activatable-remove: var(--surface-control-default); --surface-activatable-remove: var(--surface-control-default);
--surface-slider-track: var(--color-medium-grey); --surface-slider-track: var(--color-medium-grey);
@@ -1820,33 +1820,33 @@ section + section {
} }
.sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: 50%; left: 50%;
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before {
top: 50%; top: 50%;
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }
@@ -1861,33 +1861,33 @@ section + section {
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="bottom"]::before {
top: calc(var(--spacing-small) * -1); top: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: 0 var(--spacing-small) var(--spacing-small); border-width: 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent var(--surface-tooltip); border-color: transparent transparent var(--surface-tooltip);
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="top"]::before {
bottom: calc(var(--spacing-small) * -1); bottom: calc(var(--spacing-small) * -2);
left: var(--tooltip-arrow-offset); left: var(--tooltip-arrow-offset);
border-width: var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: var(--surface-tooltip) transparent transparent; border-color: var(--surface-tooltip) transparent transparent;
transform: translateX(-50%); transform: translateX(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="left"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
right: calc(var(--spacing-small) * -1); right: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-width: calc(var(--spacing-small) * 2) 0 calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2);
border-color: transparent transparent transparent var(--surface-tooltip); border-color: transparent transparent transparent var(--surface-tooltip);
transform: translateY(-50%); transform: translateY(-50%);
} }
.sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before { .sg-tooltip-panel[data-tooltip-portal="true"][data-tooltip-placement="right"]::before {
top: var(--tooltip-arrow-offset); top: var(--tooltip-arrow-offset);
left: calc(var(--spacing-small) * -1); left: calc(var(--spacing-small) * -2);
border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-width: calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) calc(var(--spacing-small) * 2) 0;
border-color: transparent var(--surface-tooltip) transparent transparent; border-color: transparent var(--surface-tooltip) transparent transparent;
transform: translateY(-50%); transform: translateY(-50%);
} }