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.

v5.5.0

New

• Footer: allows customising the legal_summary
• Input: Replace the required attribute on inputs with aria-required
• Page form: Introducing a new .cads-page-form class to be used mainly for form pages.
• Search: Add autocomplete="off" to search field
• Section links: Add new custom_content slot and deprecate use of standard content block, use slots for whole API.
• Tables: adding responsive_headers optional argument. It defaults to true and toggles the responsive stacking functionality.
• SCSS: Allows nav link colours to be customised using dedicated language variables.
• SCSS: Adds a new cads-grid-col-width function which allows us to get the percentage width for a given number of grid columns.
• SCSS: Add a new cads-prose-direct-descendants class which scopes prose styles to direct descendants using the > child combinator selector
• SCSS: Add .cads-visually-hidden class as alias to .cads-sr-only to match Sass mixin name.
• Engine: Fix label being assigned as checkbox attribute in Ruby 3+
• Engine: Haml is no longer a dependency of the Rails engine. All component templates now use ERB internally. This doesn't affect the ability to use Haml in app code. If you were unintentionally relying on haml-rails being present in your app you will need to add it to your project Gemfile.
• Engine: Add support for ViewComponent 3. The citizens_advice_components engine now supports both ViewComponent 2 and 3.
• Engine: Bundle Welsh translations for core date formats. The rails-i18n gem historically provided these but the cy locale was removed in 7.0.6 due to lack of support

Bugfixes

• Header: Fix error if header javascript is initialised when no search form is present
• Footer: Fix borders when using minimal footer
• Greedy nav: use theme colour for the background, not the brand colour
• Notice banner: when the content spreads over multiple lines, then the label remains vertically centred against the content.
• On this page: Fix css columns overflow bug with expandable on this-page elements.

v5.5.0-alpha.7

31 August 2023

Bugfixes

• Notice banner: when the content spreads over multiple lines, then the label remains vertically centred against the content.

v5.5.0-alpha.6

New

• Tables: adding responsive_headers optional argument. It defaults to true and toggles the responsive stacking functionality.