feat(PageFooter): paginavoettekst met 4-koloms grid en inverse colorScheme#162
Merged
jeffreylauwers merged 9 commits intomainfrom Apr 17, 2026
Merged
feat(PageFooter): paginavoettekst met 4-koloms grid en inverse colorScheme#162jeffreylauwers merged 9 commits intomainfrom
jeffreylauwers merged 9 commits intomainfrom
Conversation
…cheme (#161) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- secondarySlot krijgt de paragraaf, contentSlot vier navigatielinks
- padding-block verhoogd naar {dsn.space.block.6xl} (64px)
- slot-gap token toegevoegd ({dsn.space.block.xl}) als row-gap op het grid
- WithSecondarySlot story verwijderd (overbodig na slot-herindeling)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Zet ook --dsn-logo-color-label op de inverse achtergrondkleur zodat het doorkijkje-effect correct werkt. Zelfde patroon als PageHeader inverse. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- PageFooter.docs.mdx: React/HTML code voorbeelden bijgewerkt naar huidige slot-indeling (secondarySlot + contentSlot + linksSlot) - PageFooter.docs.md: tokentabel bijgewerkt (slot-gap toegevoegd, padding-block naar 6xl); best-practices secondarySlot gecorrigeerd; accessibility slot-nummering gecorrigeerd - docs/03-components.md: PageFooter entry toegevoegd aan Navigation Components; telling 5 -> 6; datum bijgewerkt naar 17 april 2026 - docs/changelog.md: versie 5.26.0 toegevoegd Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…eader Twee opties: radio buttons zijn duidelijker dan een select (beide opties direct zichtbaar). Gelijktrekken met PageFooter.stories.tsx. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ories to both - PageHeader: add 8 i18n props (menuButtonLabel, searchButtonLabel, closeButtonLabel, searchInputPlaceholder, searchInputAriaLabel, searchSubmitLabel, primaryNavAriaLabel, secondaryNavAriaLabel) with Dutch defaults so RTL stories can render in Arabic - PageHeader stories: update DefaultRTL and CompactRTL with full Arabic label set - PageFooter stories: add DefaultRTL story with Arabic content in all slots Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
`dsn-page-footer__empty-slot` was misleidend: het is het secondarySlot, niet een "leeg slot". Hernoemd naar `dsn-page-footer__secondary` in CSS, React component, stories, docs.md en docs.mdx. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…nele render
secondarySlot wordt alleen gerenderd als het meegegeven wordt.
Dit verwijdert de behoefte aan een speciale BEM-klasse en de
CSS :empty { display: none } hack.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Vervangt logoSlot/secondarySlot/contentSlot/linksSlot door slot1–slot4. De component legt niet vast wat erin gaat — dat bepaalt de implementatie. Bijgewerkt in component, tests, stories en documentatie. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #161
Summary
PageFootercomponent metaccent-1achtergrond, dikkeborder-block-start(4px) en een responsive 4-koloms gridpage-footer.json: background-color, border, padding en logo max-block-sizedefaulteninversecolorScheme; inverse overschrijft tekst-, link- en logokleuren voor voldoende contrastforwardRef<HTMLElement>) met props:logoSlot,secondarySlot,contentSlot,linksSlot,colorSchemeindex.ts,Introduction.mdxbijgewerktTest plan
pnpm test— alle 1342 tests groenpnpm --filter storybook exec tsc --noEmit— 0 foutenpnpm lint— 0 fouten🤖 Generated with Claude Code