Releases: alphagov/govuk_elements
V3.1.3
v3.1.2
Guidance Changes
- Use h2 for error summary headings in form examples (#510)
- Use aria-disabled to make disabled buttons compatible with older screen readers (JAWS 15 and below) (#532)
- Change error summary ARIA role to "alert" (#511)
- Reflect form validation error in page title (#509)
- Remove "Example service name" from the confirmation page example (#549)
- Remove tabindex attribute from the
mainelement (#534) - Use the details polyfill from frontend toolkit (#562)
Build Changes
- Update documentation to reference correct asset paths (#531)
- Replace postinstall script with Heroku's postbuild script (#530)
- Switch to Heroku deploying on successful CI run rather than triggering it from Travis (#559)
- Ensure documentation styles don't override examples (#548)
Dependencies
v3.1.0
3.1.0
- Split the list of partials imported by GOV.UK elements into two further files - elements and frontend-toolkit.
This supports npm-sass, where the frontend toolkit dependencies are imported separately (PR #489). - Add a new class
.body-textfor use inside legends, for text to accompany radio buttons or checkboxes - either 'select one', or 'select all that apply'.
Ensure legends or elements within legends have margins in webkit browsers (PR #484). - Move the breadcrumb so it sits outside the main element (PR #478)
- Constrain error summary boxes to 2/3 of the page width (PR #477)
- Remove the right padding from the last column of items in a table.
Remove color set for table headers and cells, to allow users to change colour settings (PR #482 - Align table captions to the left (PR #476).
- Add guidance for use of table captions (PR #488).
- Fix unnecessary float and width 100% for
.form-sectionand.form-group(PR #487). - Fix incorrect margin above the last panel in a group (PR #498).
- Add guidance for the mininum text size to be used with the highlight box on confimation boxes (PR #481).
- Update govuk_template_jinja to 0.22.0 (PR #493).
v3.0.3
v3.0.2
v3.0.1
GOV.UK elements v3.0.1
Use govuk_frontend_toolkit 5.1.2 (PR #425).
In 5.1.2, show-hide-content.js is updated to work with new .multiple-choice custom radio buttons and checkboxes, released in GOV.UK elements 3.0.0.
You'll need this update if you have radios or checkboxes that toggle hidden content using the
data-targetattribute.
Table cells using tabular-numbers are now 19px, to match the recommended body copy size (PR #424).
v3.0.0
GOV.UK elements v3.0.0
This release includes two breaking changes, you'll need to amend your markup if you're using the GOV.UK elements styles for form validation and for custom radio buttons and checkboxes.
Breaking changes to form validation (#PR 405)
This adds two new classes: .form-group-error and .form-control-error, and removes the old .error class. This lets specific controls within a group be accurately marked as having errors. For example, this allows parts of a date entry to be marked rather than the whole section.
To upgrade, you’ll need to change any occurrences of .error that were applied to form groups to be .form-group-error, and then add .form-control-error to the failing input inside.
Radio buttons and checkboxes have new markup that doesn’t need JavaScript (PR #406)
Previously the radio buttons and checkboxes relied on selection-buttons.js (from govuk_frontend_toolkit) to work. By reworking the markup (see examples) we’ve been able remove this requirement.
To upgrade, you’ll need to change your markup to match the new pattern. Once that has been done you’ll be able to stop including selection-buttons.js and remove the GOVUK.SelectionButtons constructor from your JavaScript.
The look and feel remains the same barring some tweaks to the focus weight. Accessibility and device compatibility remains the same as the previous version.
Fixes and improvements included in this release: