DonateLink
, useProminentLink
instead
Search
buttonless
andplaceholder
propsSite
name
prop
Hero
look and feelProminentLink
to default to the brand colourSignpostLink
chevron wrapping on small viewports
Code
componentImage
ratio
prop
ContentsMenu
,ProminentBlockQuote
andProminentTeaser
look and feelBlockQuote
,Teaser
andProminentTeaser
to consumeImage
Hero
spacing
Command
toTrigger
ContentsMenu
items
prop to accept nesteditems
rather thanlevel
Hero
to explicitly accepttitle
andlede
props
Confirmation
componentDetails
componentImage
componentVideo
component
BackLink
,BlockQuote
,Callouts
,Caption
,Cite
,CurrencyInput
,Details
,DonateLink
,ErrorSummary
,Fact
,Field
,Fieldset
,Form
,Hint
,Label
,Pagination
,ProminentBlockQuote
,ProminentCallout
,ProminentLink
,PullQuote
,StartLink
,Subheading
,Switch
,Switches
,Teasers
,TextArea
,TextInput
,Title
,Topic
andTrigger
spacingBackLink
touch target sizeHeader
andSubmit
HTML semantics
ContentsMenu
content being hidden on short viewportsHeader
error whenSearch
isn't passed as prop
SignpostLinks
as theSignpostLink
component should be used singularly
postcss.config.js
to disable autoprefixer’s IE11grid
support, use manual grid fallbacks insteadPromo
toTeaser
Promos
toTeasers
ProminentPromo
toProminentTeaser
ContentsMenu
,ErrorSummary
,ProminentTeaser
, andTeaser
title
props to beheading
BlockQuote
andProminentBlockQuote
name
prop to be requiredHeader
search
prop to be of typenode
DownloadLink
componentCallout
componentProminentCallout
component
- focus state colour to improve contrast
- line heights on the type scale to improve readability
- horizontal scroll bar regression
BlockQuote
,Command
,ContentsMenu
,CurrencyInput
andSubmit
look and feel to align with the developing Barnardo's look and feelCite
,Fact
,Hint
,Link
,ProminentBlockQuote
andTopic
colour contrast accessibilityBreadcrumbs
,ContentsMenu
,Footer
,Menu
,Search
andSignpostLink
hit size accessibilitySignpostLink
wrapping on smaller viewportsSite
scrolling behaviour to reduce motion
Layout
to no longer consumeSite
, use them independently instead
NumberedList
componentSite
prop -description
Breadcrumbs
indent when wrapped onto multiple linesLink
to useGatsbyLink
for internal linksHeader
,Menu
andSearch
look and feel to align with the developing Barnardo’s look and feelFooter
look and feel to distinguish it fromSection
Quote
, use eitherPullQuote
orBlockQuote
instead
- All
to
props were renamedhref
Label
id
prop was renamedhtmlFor
AttentionGrabbingLink
was renamedProminentLink
AttentionGrabbingPromo
was renamedProminentPromo
- Consistent focus state to all interactive elements
- Support for
Search
andMenu
withinHeader
SkipLink
to allow keyboard users to skip to the main content
- Line heights of larger type scale sizes
BackLink
arrow styleBreadcrumbs
chervon colour contrastCheckBoxes
andRadioButtons
click area sizeContentsMenu
lack of stickiness and missing "In this section:" textCurrencyInput
prefix styleDateInput
label associationFact
,Promo
,ProminentPromo
andSearch
HTML semantics for screen readersField
lack of margin topHeader
horizontal scroll bar and logo link screen reader announcementLayout
to contrain the maximum widthMenu
keyboard accessibility on wider viewport sizes
Initial release.