The presentation of design token information has been improved, grouping the range of tokens into sizing, typography and thematic colours. You'll be able to more easily access the values and Sass maps.

You'll also find improvements to vf-breadcrumbs and more flexibility with vf-search-client-side.

For our next beta, we aim to improve the colour of typography by moving to an off-black. We'll also begin to focus on improving navigation patterns, including the footer. With those done we hope to release rollup 2.5.0 in July.

Read on for more.

This releases 2.5.0-beta.4 to the CDN

https://assets.emblstatic.net/vf/v2.5.0-beta.4/css/styles.css
https://assets.emblstatic.net/vf/v2.5.0-beta.4/scripts/scripts.js

As a reminder, the rollup CSS and JS are compilations of many independently versioned components and is likely to contain changes that may disrupt the look of your site. We advise testing. Even better is to build your own CSS rollup from the npm sources, you can find a guide here.

Notable improvements

vf-design-tokens 3.5.0 npm git diff

• Generate json for theme colours.
• Display theme colours in component library.
• Deprecates old primary, secondary, tertiary themes in favour of vf-color__brand and interactive, text colours.
• Remove extraneous $ prefix in spacing sass variable token (this only affected a double $$ in generated documentation).

vf-sass-config 2.6.0 npm git diff

• Changes mixin set-type to use the primary colour (off black) by default
• Adds functions and imports for:
  • vf-color__text.custom-properties.scss
  • vf-color__buttons.custom-properties.scss
  • vf-color__brand.custom-properties.scss
• Prepare to deprecate vf-themes.custom-properties.scss

vf-search-client-side 2.0.0-alpha.2 npm git diff

• Add customisable URL prefix search_client_destination_prefix.
• Cleans up typos.
  • https://github.com/visual-framework/vf-core/pull/1602

embl-breadcrumbs-lookup 1.2.0 npm git diff

• Improve breadcrumb behaviour to correctly show the active page.
• More robust detection of current url by trying with and without a trailing /
• If the active facet (breadcrumb) is the current url, don't link it
  • https://github.com/visual-framework/vf-core/issues/1604

Bug fixes

vf-breadcrumbs 2.0.4 npm git diff

• Bug: Final breadcrumb should never have an arrow.

vf-card 2.5.9 npm git diff

• Bug: correct a missing space in Nunjucks template.
  • https://github.com/visual-framework/vf-core/pull/1603

vf-extensions 1.0.0 npm git diff

• Bug: in gulp-build-search-index ensure body is a string for striptags.
  • https://github.com/visual-framework/vf-core/pull/1601