Skip to content

v3.0.0

Latest
Latest
Compare
Choose a tag to compare
@kbayliss kbayliss released this 29 Jul 13:58
v3.0.0
6e21a14

What's changed

Developer

  • Guidance on how to update govuk-frontend [#80]

Pinned packages updated

  • govuk-frontend from 3.13.0 (possibly) to 5.4.1 [#80]

Removed

Several CSS classes/mixins have been removed/renamed in this release, some of
which are vendor changes in govuk-frontend.

Unfortunately, the initial release of tbxforms customised the styles from
govuk-frontend without documentation - including which version was used as a
base. As a result, it's hard to distinguish between variables/mixins we
added which have now been removed and those which GDS have removed over time.

However, variables which have now been removed from our _variables.scss are:

  • $tbxforms-border-colour-conditional (no longer configurable; now using GDS' $tbxforms-border-colour) [#80]
  • $tbxforms-border-width-conditional (no longer configurable; now using GDS' $tbxforms-border-width) [#80]
  • $tbxforms-weight--bold (use $tbxforms-font-weight-bold instead) [#80]
  • $tbxforms-weight--normal (use $tbxforms-font-weight-regular instead) [#80]
  • $tbxforms-grid (no longer configurable; now using GDS' default spacing) [#80]
  • $tbxforms-spacer (no longer configurable; now using GDS' default spacing) [#80]
  • $tbxforms-in-field-spacer (no longer configurable; now using GDS' default spacing) [#80]
  • $tbxforms-form-group-spacer (no longer configurable; now using GDS' default spacing) [#80]
  • $tbxforms-base-font-size (use $tbxforms-typography-scale instead) [#80]
  • $tbxforms-base-line-height (use $tbxforms-typography-scale instead) [#80]
  • $tbxforms-font-sizes (use $tbxforms-typography-scale instead) [#80]

Full Changelog: v2.1.0...v3.0.0

Upgrade considerations

A lot of styling has been updated

This release includes a lot of updates to styles as the govuk-frontend has been updated from 3.13.0 (possibly) to 5.4.1. You should notice minor changes in your projects, though you may not need to make any updates.

Remove unused CSS variables

If you use any of the variables listed above, you should remove/update those references. Suggestions have been added for the closest alternative where applicable/possible.

Hint text for fields now uses a block-level element

Hint text for fields used to use a <span> element, though this differs from what GDS use themselves. As a result, this version changes this so hint text for fields now uses a <p> element.

This allows GDS' styles for hint text to be applied correctly.

Assets 2
Loading