Note: We're not following semantic versioning yet, we are going to talk about this soon.
Breaking changes:
- Removed an (undocumented) modifier
govuk-c-radio__item--inline
which made radio buttons inline, in favour of a new block-level modifiergovuk-c-radios--inline
which will automatically make all the radio buttons within that block inline. (PR #607)
New features:
- Add
govuk-main-wrapper--l
a variant of the main page wrapper to use when a design does not include back links, breadcrumbs or phase banners (PR #602)
Internal:
-
Update check script for new components and tweak docs (PR #589)
-
Listen for development server on different port for tests (PR #622)
-
Fix date-input default example (PR #623)
-
Ensure we're testing error-messages in date-input (PR #625)
-
Explain npm link (PR #624)
Breaking changes:
- The error summary component now has a default bottom margin (PR #583)
- Nest components correctly (PR #584)
Fixes:
- Make section break line 1px instead of 2px (PR #585)
New features:
- Add footer component (PR #569)
Internal:
- Update pre-release step to check for new components (PR #574)
- Ensure render function does not have undefined object (PR #587)
- Fix components relying on global builds (PR #588)
Breaking changes:
- The colour variable
$govuk-fuschia
has been replaced with a new variable with the correct spelling ($govuk-fuchsia
) – thanks to @charlesrt for reporting. (PR #571)
New features:
- The input macro now accepts a
type
which allows you to override the default type="text" (PR #568)
Fixes:
- The transparent outline has been removed from the button, as it already has a transparent border which is visible when overriding colours in the browser (PR #552)
- Redundant duplication on the start button variant has been removed as it is inherited from the main .govuk-c-button class (PR #552)
- A fix to remove a black border from buttons in IE7 has been removed as we are not targeting IE7 for GOV.UK Frontend (PR #552)
- The date input component now sets
type="number"
andpattern="[0-9]*"
to match the previous implementation in Elements (PR #568)
Internal:
- The logic to determine button text colour automatically has been removed and replaced with a new variable $govuk-button-text-colour (PR #552)
- The button component now uses the focusable mixin (PR #552)
- The button component Sass has been restructured so that e.g. pseudo-selectors are consistently nested within their parents (PR #552)
- Fixes for the release process (PR #567)
- Add HTML5-shiv to review app (PR #575)
Breaking changes:
- Namespace existing mixins and functions ( PR #557)
- The class
.govuk-section-break__visible
has been renamed to.govuk-section-break--visible
as it is a modifier, not an element. (PR #547) - Simplify
src/
folder structure, remove tree and string manipulations from gulp tasks (PR #545)
New features:
- A new variable
$govuk-input-border-colour
has been introduced to define the border colour for inputs. The Input, Select and Textarea components have been updated to use it. (PR #551)
Fixes:
-
Removes media query display on body from compiled CSS (PR #560)
-
Fieldset legends now correctly use 'full black' text colour when printed (PR #544)
-
Radio and Checkbox components now explicitly use currentColor for their borders, rather than relying on inheriting it (PR #551)
Internal:
- The 'prose scope' has been updated to extend only placeholder classes. The corresponding classes the prose scope extends have been updated to provide a placeholder class and separately create the concrete class. This allows us to be specific about which occurrences of the class are meant to be extended. (PR #550)
- The sass-lint config has been updated to prevent the use of
@extend
with concrete classes. (PR #550) - Release process has been streamlined with fewer steps (PR #553)
- Update
govuk-section-break__visible
new class namegovuk-section-break--visible
in the review app's Typography page. (PR #566)
Breaking changes:
- Remove Cookie-banner and Previous-next components (PR #488, PR #523)
- Remove unused colours from the 'applied' colour palette:
(PR #525)
$govuk-panel-colour
$govuk-canvas-colour
$govuk-highlight-colour
$govuk-page-colour
$govuk-discovery-colour
$govuk-alpha-colour
$govuk-beta-colour
$govuk-live-colour
$govuk-error-background
$govuk-proposition-border
$govuk-proposition-active-nav
$govuk-footer-background
$govuk-footer-border-top
$govuk-footer-link
$govuk-footer-link-hover
$govuk-footer-text
- Rename
$govuk-button-colour-darken-15
to$govuk-button-shadow-colour
to avoid tying it to a particular colour. (PR #525)
New features:
- Button hover colour now has a semantic Sass name: $govuk-button-hover-colour (PR #406)
- A new link variant has been added which removes the visited state, for cases where distinguishing between visited and unvisited links is not helpful (PR #446)
- The responsive spacing and typography mixins will now throw an error if you try to use them with anything other than a spacing or font map respectively. (PR #447)
- Add thematic break to typography and prose scope. This class is added to an
<hr>
, adds margin (xl, l and m). There is also an option to make the<hr>
border visible or invisible. (PR #483)
Fixes:
- Remove double margin from Date input component (PR #451)
- Add top margin for nested lists (PR #464)
- Remove regular font weight from link styles (PR #469)
- Remove redundant 'govuk-c-border' div from the details component (PR #481)
- Add
govuk-c-select--error
modifier class to the select component instead of relying ongovuk-c-input--error
(PR #506) - Allow error message and hint text to be passed to a select component without requiring a label parameter (PR #506)
- Define size of inputs etc in
px
rather thanem
. (PR #491) - Remove scope=row attribute from non-th elements (PR 527)
- Form components and fieldset now include
govuk-o-form-group
that sets left border for errors and a bottom margin. Add example of form errors to preview app (PR #591)
Internal:
- Replace Mocha/Chai with Jest, re-enable task tests, add back-link component. Special thanks to @htmlandbacon and @tyom for sharing their approaches. (PR #455)
- Add example of nested lists to typography and prose scope in review app (PR #464)
- Add tests for tag component (PR #457)
- Add tests for button component (PR #461)
- Add tests for breadcrumbs component (PR #461)
- Add tests for details component (PR #480)
- Add tests for warning text component (PR #479)
- Add tests for table component (PR #472)
- Add tests for error-summary component (PR #489)
- Add tests for radios component (PR #476)
- Add tests for input component (PR #478)
- Add tests for date-input component (PR #495)
- Add tests for textarea component (PR #497)
- Add tests for panel component (PR #500)
- Add tests for skip-link component (PR #498)
- Add tests for file-upload component (PR #504)
- Add tests for error-message component (PR #507)
- Add tests for phase-banner component (PR #505)
- Add tests for label component component (PR #508)
- Add tests for fieldset component (PR #509)
- Add tests for select component (PR #506)
- Add tests for checkboxes component (PR #513)
- Add tests to make sure the examples pages render without errors #523
- Add correct links to the guidance in the Design System in component READMEs (PR #528)
Breaking changes:
- The link styles in the core layer no longer style
a
elements directly, but instead provide agovuk-link
class which you will need to apply to links individually. (PR #427) - The link component has been removed from Frontend as the link styles have been moved to the core (PR #431)
- Rename
legal-text
argument accepted bylegal-text
component totext
(PR #431) - Rename
legal-text
component towarning-text
(PR #431)
New features:
- The prose scope has been extended to style links, which means links within the
scope do not need the
govuk-link
class applied. (PR #427) - The muted link variant from the link component is now available as a core
class (
govuk-link--muted
). (PR #427)
Fixes:
- The error summary component allows users to pass HTML for an entry in the list again. (PR #428)
- Error list entries in the error summary component no longer get wrapped in
links when no
href
is provided. (PR #428) - Remove redundant 'resets' for link print styles (PR #427)
- The back link, breadcrumbs, error summary, previous / next and skip link components have been updated to include explicit link styling, as they previously relied on the global link styles. (PR #427)
- Adjust
warning-text
icon by 1px for New Transport
Internal:
- Add prose scope example (PR #429)
- Links within the review app and the examples have been updated to use the
govuk-link
class. (PR #427) - Improve documentation around publishing (PR #430)
- Improve documentation around contributing (PR #433)
- Remove readme content from review app (PR #482)
Skipped 0.0.20-alpha due to difficulties with publishing.
Breaking changes:
- Rename ‘govuk-body-lede’ to ‘govuk-body-lead’. (PR #405)
- Pluralise radio component (PR #388)
- Pluralise checkbox component (PR #384)
New features:
- Add
width
classes, which were based onform-control
classes that were specific to form control in Elements. (PR #413)
Fixes:
- Make buttons 40px high including box shadow (PR #416)
- Fix focus outline style in Chrome and Safari (PR #414)
- Remove contributors list from template, fix template markup and update README files (PR #403)
- Generate breadcrumb chevrons using pseudo-elements (PR #407)
- Fix undefined classes in date input macro (PR #410)
- Add documentation for typography helpers / core, simplify syntax (PR #400)
- Add adjacent styles for headings after lists (PR #408)
- Allow line height to be overridden in typography helpers (PR #404)