Releases: citizensadvice/design-system
Releases · citizensadvice/design-system
v4.0.4
v4.0.4
Mar. 18, 2021
Bugfixes
- 👤 Header: open/close search button title is now translated correctly
- 🍩 Settings: created additional colour variables to allow extra header theming
New
- 🎯 Targeted content: Option to remove the close button.
Chores
- 🗣️ Remove unused callout.js module
- 🧂 Remove deprecated tables.js module
v4.0.3
Feb. 26, 2021
Bugfixes
🧭 Navigation: Fixed border colour of active nav buttons
🎯 Targeted content: +/- icons are vertically centred
🎯 Targeted content: will now scroll back to targeted content on close
🔗 Link Buttons: pointer is now displayed on hover
v4.0.2
New
- 🎯 Targeted content: you can now specify the heading level of the title element
- 🧂 Tables: Responsive tables no longer require javascript!
Bugfixes
- 🥖 Breadcrumbs: Layout adjustments when viewed on small screen
- 🔗 Link Buttons: fixed a visual bug with focus styling
- 🗣️ Callouts: add styles for variable heading levels
- 🎯 Targeted content: applies adjacent header margin correctly
- 🌎 Navigation: tabbing off last item in the dropdown closes the dropdown
- 📰 Print styles updated
v4.0.1
New
- 👤 Header links: support for no javascript added
Bugfixes
- 🌎 Navigation: More / Close arrow correction
- 🌎 Navigation: More dropdoen menu appears in device gesture control flow
- 🔗 Pagination links: Apply focus state to active page
v4.0.0
v4.0.0
Jan. 14, 2021
Breaking changes
- 💥 Remove related content styles from the design system (NP-1152)
- 🗣️ Callouts: New badge and modifier classes
- Modifier classes use BEM style, e.g.
cads-callout--adviser
vs.cads-callout-adviser
- Variants now use new
cads-badge
element for labels
- Modifier classes use BEM style, e.g.
- 🔗 Pagination links: Now have flex layout, fixes spacing between each item. All pagination list items require a
cads-paging__item
class.
New
- 📛 Badges: New
cads-badge
element used in callouts and targeted content - 🍞 Breadcrumbs: New layout - chevrons at the front for increased legibility, layout bugs fixed (NP-1425)
- 🗣️ Callouts: Support callouts within callouts
- ⚽️ Footer: Update copyright year in footer (NP-1338)
- 📋 Footer Feedback: add a class to allow selection of footer feedback link
- 🔗 Header: Links in the header now accept a
current_site
boolean in thelink
object to render a span instead of a link - 🔗 Links: added external link styling. Links within cads-prose are styled automatically (NP-1382)
- 🌎 Navigation: Header links are now added to the 'More' dropdown and no-js support (NP-1235)
- 🎯 Targeted content: New adviser specific variant
Bugfixes
- 🥾 Footer: Correct spelling of policy research
- 🌎 Navigation: Fix visited link colour in global nav
- ⬜ Tables: Give tables an explicit white background to allow them to be used against darker backgrounds
- 🌎: Navigation: Padding, spacing and mobile design improvements (NP-1026)
- 🎯 Targeted content: Design updates to targeted content button styles
- 🤕 Header: Search reveal button now has correct focus highlight. (NP-1330)
- 🏈 Footer: Use the grid to control footer alignment. (NP-1318)
Docs
- 📇 Contact Details: documentation updated (NP-1028)
v4.0.0-alpha.4
New:
- 🎯 Targeted content: New adviser specific variant
- 🗣️ Callouts: Support callouts within callouts
Bugfixes:
- ⬜ Tables: Give tables an explicit white background to allow them to be used against darker backgrounds
v4.0.0-alpha.3
Bugfixes
- 🌎: Navigation: Padding, spacing and mobile design improvements (NP-1026)
New
- 📋 Footer Feedback: add a class to allow selection of footer feedback link
- 🔗 Header: Links in the header now accept a
current_site
boolean in thelink
object to render a span instead of a link
Docs
- 📇 Contact Details: documentation updated (NP-1028)
Breaking changes
- 🔗 Pagination links: Now have flex layout, fixes spacing between each item. All pagination list items require a
cads-paging__item
class.
v4.0.0-alpha.2
Bugfixes
- 🌎 Navigation: Fix visited link colour in global nav
v3.2.0
New
- 🍞 Breadcrumbs: added
.cads-breadcrumb-wrapper
to be used when breadcrumbs are used outside of the grid. - 👞 Footer: Logo link can be set by haml template locals
- 👤 Header: Logo link can be set by haml template locals (NP-1188)
- 🎯 Targeted content: Now uses accessible disclosure pattern instead of
details
andsummary
Bugfixes:
- Buttons: Limit transition to just the
background
property to avoid unwanted transition animations (NP-1372) - Breadcrumbs: add
display: inline-block
to individual crumbs. Fixes additional space after each breadcrumb (NP-1186) - Breadcrumbs: Remove redundant
title
attribute, duplicated link text (NP-1277)
v3.2.0-alpha.0
New
- Footer: Logo link can be set by haml template locals
- Header: Logo link can be set by haml template local