You'll find improvements to vf-content typography spacing, vf-figure type and assorted improvements to guidance and documentation on when to use which components.

Read on for more.

This releases 2.5.0-beta.3 to the CDN

https://assets.emblstatic.net/vf/v2.5.0-beta.3/css/styles.css
https://assets.emblstatic.net/vf/v2.5.0-beta.3/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-content 1.6.0 npm git diff

• Use vf-spacing tokens for heading margins.
• Reduce bottom margin on headings to be more consistent with overall typography, design kit.
• https://github.com/visual-framework/vf-core/pull/1589

vf-figure 1.5.7 npm git diff

• Darken and increase figure text size
  • https://github.com/visual-framework/vf-core/issues/1582
• Figures take a responsive and centered layout, which is most typical.
  • https://github.com/visual-framework/vf-core/issues/1583

Documentation and accessibility

vf-card 2.5.8 npm git diff

• Documentation: clarity on using card vs summary components.
  • https://github.com/visual-framework/vf-core/issues/1592

vf-summary 1.5.1 npm git diff

• Documentation: clarity on using card vs summary components.
  • https://github.com/visual-framework/vf-core/issues/1592

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

• Accessibility: add search_client_id to configure label for and input name attributes.

Bug fixes

embl-breadcrumbs-lookup 1.1.1 npm git diff

• Fix: Breadcrumbs repeat if init method is repeatedly called on same page.
  • https://github.com/visual-framework/vf-core/issues/1593

vf-code-example 1.2.2 npm git diff

• Add a bottom margin to vf-code-example__pre
  • https://github.com/visual-framework/vf-core/pull/1589

vf-sass-config 2.5.4 npm git diff

• Darken and increase figure text size
  • https://github.com/visual-framework/vf-core/issues/1582

vf-core 2.2.28 npm git diff

• Pin marked dependency to 2.0.7, as 2.1.0 breaks support in node 12.
  • https://github.com/visual-framework/vf-core/pull/1590

vf-tabs 2.0.1 npm git diff

• Bug: Add missing @import 'vf-global-variables'; to generate standalone vf-tabs.css.
  • https://github.com/visual-framework/vf-core/pull/1581