v6.4.1

v6.4.1

10 February 2025

Fix

• Make breakpoints configurable by products

v6.4.0

New

• Add page_heading option to input fields, allowing users to make an input label a page heading.

• Improvements to summary list component:

  • Improves default spacing around component
  • Accounts for paragraph elements within rows
  • Rails interface accepts a new hide_empty_rows option to control whether rows with blank values are shown

• Add the ability to have text in a footer column

• New greedy navigation implementation

  For backwards compatibility the old greedy navigation entrypoint will continue to work but will be removed in a future version. The existing code should look something like this:

  import greedyNav from '@citizensadvice/design-system/lib/greedy-nav/index';
  greedyNav.init();

  To switch to the new entrypoint update your application to use the following code:

  import { initNavigation } from "@citizensadvice/design-system"
  initNavigation();

Fix

• Improves screen reader experience when interacting with checkbox and radio groups in an error state

v6.3.0

What's Changed

• Add license to gemspec by @davidrapson in #3538
• Update supported Ruby and Rails versions by @davidrapson in #3544

Full Changelog: v6.2.0...v6.3.0

v6.2.0

New

• Grid: updated grid on large viewports, changing the gutter from 40px to 32px

v6.1.0

New

• Header: allow lang attribute in the header links slot

Fix

• Footer: add default aria label fallback when no custom feedback link title is specified

v6.0.0

Breaking changes

• Remove a number of deprecations from the view components.
  • Remove deprecated callout title attribute
  • Remove deprecated feedback_url from footer
  • Remove deprecated content slot from section links
• Remove compiled CSS from distributed package: We historically bundled a compiled version of the CSS as lib.css in the distributed package. The intent was to provide an option for projects not using SCSS for styles. However no projects use this method of distributing the styles and font-loading was broken when using the compiled version of the styles so we've made the decision to remove this method of distribution.

New

• Summary list component

• Provides two new configuration option when using the SCSS styles:

  • $cads-font-path to provide a custom path to control font loading in your application
  • $cads-enable-icon-font to enable or disable the legacy icon font (defaults to true)

• Consistent javascript module imports: Allow all modules to be imported using a consistent interface, either via:

  import { initModuleA, initModuleB } from "@citizensadvice/design-system

  Or directly via:

  import { initMyModule } from "@citizensadvice/design-system/lib/my-module"

  For backwards compatibility all existing entrypoints are still supported but may be removed in future versions.

Fix

• Make grid configurable by products
• The new office address is now the default in the footer component and the old address has been removed.

v5.8.1

Fix

• Footer component: commonise legal summary fallback text

v5.8.0

New

• Remove support for end-of-life Ruby 3.0.x versions
• Targeted content: changed icon from plus/minus to chevron
• Removes the icon from external links
• Footer component: Updated fallback legal summary to automatically reflect the new registered office on moving day

v5.7.0

New

• Include Rails 7.1 in supported version
• Remove Rails 6.0 from supported versions
• Remove support for Ruby 2.7
• Callout: Deprecate title attribute; replace with more general attributes
• Inputs: added optional id attribute
• Selects: remove unused (but required) type attribute

v5.6.0

New

• Date input component: Adds a new date input component.
• Select: Adds a new 'Select' component.