Skip to content

GOV.UK Frontend release v0.0.27-alpha

Pre-release
Pre-release
Compare
Choose a tag to compare
@hannalaakso hannalaakso released this 12 Apr 12:28
61fc16e

0.0.27-alpha (Breaking release)

Breaking changes:

  • Removed an (undocumented) modifier govuk-c-radio__item--inline which made
    radio buttons inline, in favour of a new block-level modifier
    govuk-c-radios--inline which will automatically make all the radio buttons
    within that block inline.
    (PR #607)

  • Prefix $global-images variable
    (PR #615)

  • Simplified how we build stylesheets that target old versions of IE:

    • Removed styles that target IE6 and IE7
    • Replaced IE mixins with a simpler version for targeting IE8 specifically
      without having to specify versions
    • Add a new tool mixin to easily exclude styles when targeting IE8
    • Automatically set $mq-responsive based on the value of the $govuk-is-ie8
      variable.

    If you are building an IE8 stylesheet for your application you'll need to
    update it to reference the new variable $govuk-is-ie8 – see the README for
    details.
    (PR #631)

  • Rename captionSize table argument to captionClasses (PR #643)

Fixes:

  • Link styles, as well as links within the back-link, breadcrumbs, button,
    error summary, footer and skip link components defend against the
    a:link:focus selector in GOV.UK Template, which was overriding focussed
    links to always use the dark blue link colour for text.
    (PR #609)
  • Fix table captions to allow heading classes
    (PR #633)

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)
  • Added a new .govuk-link--text-colour modifier to make links use the same
    colour as the text.
    (PR #609)
  • Introduce new mixins for link styles (muted links, text links) and update
    the existing link classes to use them
    (PR #609)
  • Introduce a new 'compatibility' mixin and settings to allow us to selectively
    include styles that 'counter' styles from the existing products
    (e.g. GOV.UK Template)
    (PR #609)
  • The back link, breadcrumbs and skip link have been updated to use the
    text style link mixin
    (PR #609)
  • Add limited width inputs
    (PR #626)
  • Add details polyfill. This is automatically initialised in the main JS. (PR #610)
  • Add button polyfill. This is automatically initialised in the main JS. #572)

Note: Our JavaScript work is ongoing. In the next release of GOV.UK Frontend both of our script will be modularised and split into common functions. This will allow you to use the polyfills in your bundler/build pipeline. For this reason, you might want to wait until the next release before adding these polyfill scripts into your project.

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)

  • Make Sass imports less broad
    (PR #617)

  • Update project README with user research findings (PR #617)

  • Update component READMEs to use import statement (PR #615)

  • Use promisify util instead of manual method (PR #639)