v45.0.0

Footer — Breaking Changes

1. FooterListContainer — variant prop removed

The variant prop (column1 | column2 | column3 | column4) has been removed. The Footer no longer uses a CSS Grid layout with named areas, column placement is handled automatically using flexbox.

Before:

<Footer>
    <FooterListContainer variant="column1">
        <FooterList>...</FooterList>
    </FooterListContainer>
    <FooterListContainer variant="column2">
        <FooterList>...</FooterList>
    </FooterListContainer>
    <FooterListContainer variant="column4">
        <FooterSocialList>...</FooterSocialList>
        <FooterCountryList currentCountry="GB" omit />
    </FooterListContainer>
</Footer>

After:

<Footer>
    <FooterListContainer>
        <FooterList>...</FooterList>
        <FooterList>...</FooterList>
        ...
        <Stack flexDirection="column">
            <FooterCountryList currentCountry="GB" omit />
        </Stack>
    </FooterListContainer>
 
    <FooterSocialList>...</FooterSocialList>
</Footer>

2. Multiple FooterListContainer instances replaced by one

Where you previously used separate FooterListContainer per column, you should now use a single FooterListContainer containing all FooterList children. The component handles wrapping and spacing internally.

3. FooterSocialList moves outside FooterListContainer

FooterSocialList (and its FooterSocialLink children) should now be a direct child of Footer, not nested inside a FooterListContainer.

4. StyledListContainer removed from @krakentech/coral-design/recipes

If you were importing StyledListContainer or listContainerParts directly from @krakentech/coral-design/recipes, remove those imports — they no longer exist.

- import { StyledListContainer, listContainerParts } from '@krakentech/coral-design/recipes';