In addition to new design tokens for interactive foreground and background colours, we've refreshed the guidance on the component creation process and technicalities.

Read below for details on the changes in each component.

Our next release will bring an overhaul to the component previews.

As always, you can join the conversation on Slack.

This releases 2.5.2 to the CDN

https://assets.emblstatic.net/vf/v2.5.2/css/styles.css
https://assets.emblstatic.net/vf/v2.5.2/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.

Refinements

vf-design-tokens 3.6.2 npm git diff

• Add interactive-color tokens.
  • https://github.com/visual-framework/vf-core/issues/1688

vf-dropdown 1.0.0-alpha.4 npm git diff

• Use new interactive colour token.
  • https://github.com/visual-framework/vf-core/issues/1688

vf-sass-config 2.6.2 npm git diff

• Add map to interactive-color sass map
  • https://github.com/visual-framework/vf-core/issues/1688

vf-table 1.2.0-rc.3 npm git diff

• Use new interactive colour token.
  • https://github.com/visual-framework/vf-core/issues/1688

vf-tabs VERSIONHERE npm git diff

• Use new interactive colour token.
  • https://github.com/visual-framework/vf-core/issues/1688

Bug fixes

vf-location-nearest 1.0.2 npm git diff

• Remove unneeded console.log.

vf-tabs 2.0.2 npm git diff

• Prevent hijacking of scroll when focusing tabs.
  • https://github.com/visual-framework/vf-core/pull/1696

vf-section-header 1.5.3 npm git diff

• Bug: following 1.5.2, ensures that links are always style correctly.