Skip to content

Releases: citizensadvice/design-system

v4.0.4

18 Mar 13:44
f2f50a8
Compare
Choose a tag to compare

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

26 Feb 13:01
5487e0e
Compare
Choose a tag to compare

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

04 Feb 14:35
Compare
Choose a tag to compare

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

21 Jan 13:37
Compare
Choose a tag to compare

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

14 Jan 15:47
25feae0
Compare
Choose a tag to compare

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
  • 🔗 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 the link 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

06 Jan 10:53
Compare
Choose a tag to compare
v4.0.0-alpha.4 Pre-release
Pre-release

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

18 Dec 11:27
34e72b6
Compare
Choose a tag to compare
v4.0.0-alpha.3 Pre-release
Pre-release

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 the link 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

14 Dec 15:42
7dc34f0
Compare
Choose a tag to compare
v4.0.0-alpha.2 Pre-release
Pre-release

Bugfixes

  • 🌎 Navigation: Fix visited link colour in global nav

v3.2.0

03 Dec 14:10
b1ec81b
Compare
Choose a tag to compare

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 and summary

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

26 Nov 12:52
Compare
Choose a tag to compare
v3.2.0-alpha.0 Pre-release
Pre-release

New

  • Footer: Logo link can be set by haml template locals
  • Header: Logo link can be set by haml template local