In addition to a number of minor fixes, this rollup release introduces a number of small but syntax breaking changes for vf-button, vf-badge and a revised vf-tree.

You'll also find a visually refreshed vf-tabs along with many bug fixes and minor improvements to this component library interface.

Read on for more.

This releases 2.5.0-beta.1 to the CDN

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

Features

vf-badge 2.0.0 npm git diff

• Makes the badges match the naming convention of the vf-button.
• Makes the badges match the styling of the vf-button.
• Removes any old deprecated variants and tidies up the code.
• Migration instructions:
  • If you were using the "Outline Primary" variant you should use the "Secondary" variant now. This replaces the classes of vf-badge--primary and vf-badge--outline with vf-badge--secondary.
  • If you were using the "Default" variant you should use the "Tertiary" variant now. This adds the class vf-badge--tertiary.

vf-button 2.0.0-alpha.0 npm git diff

• Removes deprecated code.
• Turns the primary, secondary, tertiary into actual things - rather than aliases.
• Migration instructions:
  • If you were using the "Outline Primary" variant you should use the "Secondary" variant now. This replaces the classes of vf-button--primary and vf-button--outline with vf-badge--secondary.

vf-tabs 2.0.0 npm git diff

• Updates the styling to match the design direction.
• This is a no-code-change update. It has been marked as visually breaking due to the major design change.
• https://github.com/visual-framework/vf-core/pull/1551

vf-tree 2.0.0-alpha.0 npm git diff

• makes it cleaner.
• changes how selected and expanded are styled.
• makes the text link full width.
• still allows for the button icon to show/hide.

Notable improvements

vf-blockquote 1.2.0 npm git diff

• adds context if statement to make it useable in vf-11ty.
• adds cite element.
• adds vf-stack.
• kept `` so it shouldn't break

vf-pagination 1.1.0 npm git diff

• reduces the amount of variants to 'start again'.
• centres the default variant

vf-summary 1.5.0 npm git diff

• Adds individual context yml/njk code per file.

vf-button 1.4.4 npm git diff

• Added link theme button variant. This variant is similar to link style.

Bug fixes and optimisations

vf-badge 2.0.1 npm git diff

• Correct "secondry" typo.

embl-content-hub-loader 1.1.0 npm git diff

• Adds overrides for more permutations of where the vf-global header lives.

vf-banner 1.8.0 npm git diff

• Adds overrides for more permutations of where the vf-global header lives

vf-table 1.2.0-rc.1 npm git diff

• restyles the arrows on sortable tables

vf-card 2.5.6 npm git diff

• Fixes issue with modifiers
  • https://github.com/visual-framework/vf-core/issues/1523

embl-breadcrumbs-lookup 1.1.0 npm git diff

• Remove diacritics for name processing into people page URLs.
• Correct "breadcumbs" typos.
• Finish conversion of emblGetTaxonomy into a standalone function and export it.

vf-analytics-google 1.0.4 npm git diff

• Fix an issue on ipmeta.io tracking in riskCheck function where input is undefined.