Tags: comicrelief/component-library
Tags
feat: New Footer component (#767) * Moves existing social icons into 'circled' folder, adds 'standard' non bordered social icons * Adds the new Footer component, shared animations, and refactors Social Icons to allow both footer styles * Adds extra grey colour * Correct social icon grey name * Allows LogoContainer to change position, and styles, when in mobile view * Allows Social Icons to change position and style in mobile view * fix: More styling tweaks * fix: Further style tweaks * Change references to 'Email signup' to instead be 'Newsletter signup' * Lint * Validates newsletter email address with Yup * Allows newsletter email to be nullable, so that error is not shown if user clicks in and out * Rename old footer to FooterLegacy, so that new Footer can take the name * CSS tweaks * Allows emailSignUp to be shown/hidden, fixes broken example of legacy footer * More CSS tweaks to accommodate the varied behaviour of the logos * Lint * Lint * Cleanup of the very untidy LogosContainer styled component * Tidyup * Lint * Color updates * Test and snapshot updates * Improvement to icon spacing - an issue was spotted where the StyledItem container was smaller than its parent owing to right margin settings. * Where default props are given, moves them to the bottom of the props lists. * Separates EmailSignUp's styled components into their own file * Updates breakpoint references to use the new '2026' breakpoint definitions * Removes disabled prop/condition from the Email Signup button, the FE will handle this instead * Remove unnecessary prop descriptions * For footer examples, import data from its own file rather than list out within the example .md file. * Defaults the copyright text to show the current year. Allows it to be overridden, if supplied via prop. * Adds underlined hover states to the footer links * Places test objects of links lists into the dev data file * Reverts a previous decision to rename Footer to FooterLegacy. This old footer will continue to keep the name, and restyled footer will be called FooterNew for now. * Snapshot updates * Snapshot updates * Snapshot updates * Make use of new fontHelper * Remove unused import * Snapshot update * Change size and rotation of logo * Amend positioning of logos container for desktop view * Soften animation * Remove isRequired constraints from props * Lint * Increase top padding, as the footer needs to sit underneath the main content * Snapshot update * Corrects fontConfig of input field * Snapshot update
feat: ENG-4394 - font style updates (#766) * feat: font style updates * Less chaotic rule layout * Add new lineHeight function * Update existing fontsize mappings, add new lineheights * Asset base styles, remove dupe in CL template * Test out new proscribed styles, pre-function * Layout new function * Tidyup old stuff, update snaps * Update snaps * Remove lineHeights function, not needed now * Commit * Snap updates, tweaking helper * Update h3,h4 font family * Allow prop overrides, update snaps, improve example * Remove default sizing * Update examples * Update font imports * Add weights * Add transforms * Restore old fontSizes * Handle inputs * Tidyup * Update snaps gpo * Remove unused import * Remove unncess diff * Improve default lineheights * Add in ugly edgecase rules again * Update breakpoint obj * Fix example markdown typo * Comment typo
PreviousNext