From d0079aa5f7a3d94fdc63f652eb7cb284119be359 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Mon, 21 Sep 2026 14:42:55 +0200 Subject: [PATCH] Sync styleguide 2026.05.18.1 --- .../10-components-interactive-elements.css | 16 ++++++++-------- public/assets/styleguide.upstream.css | 16 ++++++++-------- public/assets/styleguide.upstream.meta.json | 4 ++-- public/assets/styles.css | 16 ++++++++-------- 4 files changed, 26 insertions(+), 26 deletions(-) diff --git a/docs/styleguide/styles/10-components-interactive-elements.css b/docs/styleguide/styles/10-components-interactive-elements.css index c72b000..29f655b 100644 --- a/docs/styleguide/styles/10-components-interactive-elements.css +++ b/docs/styleguide/styles/10-components-interactive-elements.css @@ -1297,33 +1297,33 @@ } .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { - top: calc(var(--spacing-small) / -2); + top: calc(var(--spacing-small) * -1); left: 50%; - border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + border-width: 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent var(--surface-tooltip); transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { - bottom: calc(var(--spacing-small) / -2); + bottom: calc(var(--spacing-small) * -1); left: 50%; - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + border-width: var(--spacing-small) var(--spacing-small) 0; border-color: var(--surface-tooltip) transparent transparent; transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { top: 50%; - right: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + right: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent transparent var(--surface-tooltip); transform: translateY(-50%); } .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { top: 50%; - left: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + left: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-color: transparent var(--surface-tooltip) transparent transparent; transform: translateY(-50%); } diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css index e457843..adb9bbb 100644 --- a/public/assets/styleguide.upstream.css +++ b/public/assets/styleguide.upstream.css @@ -1822,33 +1822,33 @@ section + section { } .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { - top: calc(var(--spacing-small) / -2); + top: calc(var(--spacing-small) * -1); left: 50%; - border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + border-width: 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent var(--surface-tooltip); transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { - bottom: calc(var(--spacing-small) / -2); + bottom: calc(var(--spacing-small) * -1); left: 50%; - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + border-width: var(--spacing-small) var(--spacing-small) 0; border-color: var(--surface-tooltip) transparent transparent; transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { top: 50%; - right: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + right: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent transparent var(--surface-tooltip); transform: translateY(-50%); } .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { top: 50%; - left: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + left: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-color: transparent var(--surface-tooltip) transparent transparent; transform: translateY(-50%); } diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json index 67c92d7..a851b7c 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": "5b86185", - "syncedAtUtc": "2026-09-21T12:28:47Z", + "styleguideCommit": "944d791", + "syncedAtUtc": "2026-09-21T12:42:55Z", "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide", "mirroredDocsPath": "docs/styleguide" } diff --git a/public/assets/styles.css b/public/assets/styles.css index e457843..adb9bbb 100644 --- a/public/assets/styles.css +++ b/public/assets/styles.css @@ -1822,33 +1822,33 @@ section + section { } .sg-tooltip-wrap[data-tooltip-placement="bottom"] .sg-tooltip-panel::before { - top: calc(var(--spacing-small) / -2); + top: calc(var(--spacing-small) * -1); left: 50%; - border-width: 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + border-width: 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent var(--surface-tooltip); transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="top"] .sg-tooltip-panel::before { - bottom: calc(var(--spacing-small) / -2); + bottom: calc(var(--spacing-small) * -1); left: 50%; - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + border-width: var(--spacing-small) var(--spacing-small) 0; border-color: var(--surface-tooltip) transparent transparent; transform: translateX(-50%); } .sg-tooltip-wrap[data-tooltip-placement="left"] .sg-tooltip-panel::before { top: 50%; - right: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) 0 calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2); + right: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small); border-color: transparent transparent transparent var(--surface-tooltip); transform: translateY(-50%); } .sg-tooltip-wrap[data-tooltip-placement="right"] .sg-tooltip-panel::before { top: 50%; - left: calc(var(--spacing-small) / -2); - border-width: calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) calc(var(--spacing-small) / 2) 0; + left: calc(var(--spacing-small) * -1); + border-width: var(--spacing-small) var(--spacing-small) var(--spacing-small) 0; border-color: transparent var(--surface-tooltip) transparent transparent; transform: translateY(-50%); }