diff --git a/packages/ui/PROJEKT.md b/packages/ui/PROJEKT.md index 71d834ead..9e266508c 100644 --- a/packages/ui/PROJEKT.md +++ b/packages/ui/PROJEKT.md @@ -1656,7 +1656,7 @@ Bei der Migration werden: | 2026-02-08 | **OsButton: outline primary** | Grüner Rahmen + grüner Text + hellgrüner Hintergrund-Tint (rgba(25,122,49,0.18)) | | 2026-02-08 | **OsButton: ghost primary** | Transparenter Hintergrund, grüner Text, Hover füllt grün, Active dunkler | | 2026-02-08 | **OsButton: Focus Style** | `focus:outline-dashed focus:outline-1` statt ring (wie base-button) | -| 2026-02-08 | **OsButton: Active State** | `active:bg-[var(--color-*-hover)]` für dunkleren Hintergrund beim Drücken | +| 2026-02-08 | **OsButton: Active State** | active:bg-[var(--color-VARIANT-hover)] für dunkleren Hintergrund beim Drücken | | 2026-02-08 | **Visuelle Validierung** | Tracking-Tabelle in PROJEKT.md für manuelle Button-Vergleiche (4/16 validiert) | | 2026-02-08 | **Storybook Grayscale Theme** | Vollständige CSS-Variablen: default, active-states, contrast-inverse | | 2026-02-08 | **Tailwind Source Filter** | `@import "tailwindcss" source(none)` - verhindert Markdown-Scanning | diff --git a/packages/ui/src/components/OsIcon/OsIcon.visual.spec.ts b/packages/ui/src/components/OsIcon/OsIcon.visual.spec.ts index f1d141a23..fbd395a54 100644 --- a/packages/ui/src/components/OsIcon/OsIcon.visual.spec.ts +++ b/packages/ui/src/components/OsIcon/OsIcon.visual.spec.ts @@ -56,7 +56,9 @@ test.describe('OsIcon visual regression', () => { await root.waitFor() await waitForFonts(page) - await expect(root.locator('.grid')).toHaveScreenshot('all-icons.png') + await expect(root.locator('.grid')).toHaveScreenshot('all-icons.png', { + maxDiffPixelRatio: 0, + }) await checkA11y(page) }) diff --git a/packages/ui/src/components/OsIcon/__screenshots__/chromium/all-icons.png b/packages/ui/src/components/OsIcon/__screenshots__/chromium/all-icons.png index 87cc91ac8..0abeb6229 100644 Binary files a/packages/ui/src/components/OsIcon/__screenshots__/chromium/all-icons.png and b/packages/ui/src/components/OsIcon/__screenshots__/chromium/all-icons.png differ diff --git a/packages/ui/src/ocelot/icons/OcelotIcons.visual.spec.ts b/packages/ui/src/ocelot/icons/OcelotIcons.visual.spec.ts index 7721cdcc6..f9569d983 100644 --- a/packages/ui/src/ocelot/icons/OcelotIcons.visual.spec.ts +++ b/packages/ui/src/ocelot/icons/OcelotIcons.visual.spec.ts @@ -66,7 +66,9 @@ test.describe('OcelotIcons visual regression', () => { await root.waitFor() await waitForFonts(page) - await expect(root.locator('[data-testid="icon-gallery"]')).toHaveScreenshot('all-icons.png') + await expect(root.locator('[data-testid="icon-gallery"]')).toHaveScreenshot('all-icons.png', { + maxDiffPixelRatio: 0, + }) await checkA11y(page) }) diff --git a/packages/ui/src/ocelot/icons/__screenshots__/chromium/all-icons.png b/packages/ui/src/ocelot/icons/__screenshots__/chromium/all-icons.png index 1fb0b31a6..76caed616 100644 Binary files a/packages/ui/src/ocelot/icons/__screenshots__/chromium/all-icons.png and b/packages/ui/src/ocelot/icons/__screenshots__/chromium/all-icons.png differ