Component release 20210621-01

components/embl-breadcrumbs-lookup/package.json

 {
-  "version": "1.1.0",
+  "version": "1.1.1",
   "name": "@visual-framework/embl-breadcrumbs-lookup",
   "description": "embl-breadcrumbs-lookup component",
   "homepage": "http://www.embl.org/guidelines/visual-framework/dev-docs/",

components/vf-card/package.json

 {
-  "version": "2.5.7",
+  "version": "2.5.8",
   "name": "@visual-framework/vf-card",
   "description": "vf-card component",
   "homepage": "https://stable.visual-framework.dev",

components/vf-code-example/package.json

 {
-  "version": "1.2.1",
+  "version": "1.2.2",
   "name": "@visual-framework/vf-code-example",
   "description": "vf-code-example component",
   "homepage": "https://stable.visual-framework.dev/",

components/vf-content/package.json

 {
-  "version": "1.5.6",
+  "version": "1.6.0",
   "name": "@visual-framework/vf-content",
   "description": "vf-content component",
   "homepage": "https://stable.visual-framework.dev/",

components/vf-sass-config/package.json

 {
-  "version": "2.5.3",
+  "version": "2.5.4",
   "name": "@visual-framework/vf-sass-config",
   "description": "vf-sass-config",
   "homepage": "https://stable.visual-framework.dev/",

components/vf-sass-starter/package.json

 {
-  "version": "0.1.20",
+  "version": "0.1.21",
   "name": "@visual-framework/vf-sass-starter",
   "description": "vf-sass-starter component",
   "homepage": "https://stable.visual-framework.dev",
@@ -23,7 +23,7 @@
     "@visual-framework/vf-design-tokens": "^3.4.1",
     "@visual-framework/vf-font-plex-mono": "^1.1.1",
     "@visual-framework/vf-font-plex-sans": "^1.1.1",
-    "@visual-framework/vf-sass-config": "^2.5.3",
+    "@visual-framework/vf-sass-config": "^2.5.4",
     "@visual-framework/vf-sass-utilities": "^1.0.1",
     "@visual-framework/vf-utility-classes": "^2.0.0"
   },

components/vf-search-client-side/package.json

 {
-  "version": "2.0.0-alpha.0",
+  "version": "2.0.0-alpha.1",
   "name": "@visual-framework/vf-search-client-side",
   "description": "vf-search-client-side component",
   "homepage": "",

components/vf-summary/package.json

 {
-  "version": "1.5.0",
+  "version": "1.5.1",
   "name": "@visual-framework/vf-summary",
   "description": "vf-summary component",
   "homepage": "https://stable.visual-framework.dev/",

components/vf-tabs/package.json

 {
-  "version": "2.0.0",
+  "version": "2.0.1",
   "name": "@visual-framework/vf-tabs",
   "description": "vf-tabs component",
   "homepage": "https://stable.visual-framework.dev/",

tools/vf-component-library/package.json

 {
   "name": "@visual-framework/vf-component-library",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "Generate a static-html site of Visual Framework 2.0 components and docs.",
   "main": "index.js",
   "scripts": {
@@ -26,7 +26,7 @@
   "dependencies": {
     "@11ty/eleventy": "0.12.1",
     "@visual-framework/vf-config": "1.0.1-alpha.0",
-    "@visual-framework/vf-core": "^2.2.27",
+    "@visual-framework/vf-core": "^2.2.29",
     "@visual-framework/vf-extensions": "1.0.0-rc.1",
     "html-minifier": "4.0.0",
     "node-html-parser": "3.3.5",

tools/vf-component-library/src/site/_data/siteConfig.js

@@ -12,11 +12,11 @@ module.exports = {
   buildTime: DateTime.fromISO(new Date().toISOString()),
   // vfVersion: global.vfVersion,
   // use this when NOT tagging a release
-  vfVersion: "develop",
-  vfVersionPrefix: "dev.",
+  // vfVersion: "develop",
+  // vfVersionPrefix: "dev.",
   // use this when tagging a release
-  // vfVersion: "v2.5.0-beta.2",
-  // vfVersionPrefix: "",
+  vfVersion: "v2.5.0-beta.3",
+  vfVersionPrefix: "",
   sections: {
     about: {
       url: "/about",

tools/vf-component-library/src/site/updates/2021-06-21-component-updates.njk

+---
+title: Rollup release 2.5.0-beta.3
+subtitle: As we move forward towards a more visually and technically consistent 2.5.0 rollup release. Beta 3 brings bug fixes and and improvement to documentation and accessibility.
+date: 2021-06-21 15:20:29
+version: 2.5.0-beta.3
+tags:
+  - posts
+  - changelog
+layout: layouts/post.njk
+---
+
+{% markdown %}
+
+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.
+
+{% endmarkdown %}
+
+{% set context = {
+  "component_modifier": "vf-links__list--easy",
+  "title": "On this page",
+  "svg": true,
+  "list": [
+    {
+      "text": "Notable improvements",
+      "link_list_href": "#improvements"
+    },
+    {
+      "text": "Documentation and accessibility",
+      "link_list_href": "#documentation"
+    },
+    {
+      "text": "Bug fixes",
+      "link_list_href": "#bugs"
+    }
+  ]
+}
+%}
+{% include blocks.links_list %}
+
+
+{% macro notes(component='vf-xxx', componentVersion='9.9.9', commitId='0123456789') %}
+
+#### [{{component}}](https://latest.visual-framework.dev/components/{{component}}/) <span class="vf-badge vf-badge--secondary">{{ componentVersion }}</span> <a href="https://www.npmjs.com/package/@visual-framework/{{component}}/v/{{componentVersion}}" class="vf-badge vf-badge--secondary">npm</a> <a href="https://github.com/visual-framework/vf-core/commit/{{commitId}}" class="vf-badge vf-badge--secondary">git diff</a>
+
+{% endmacro %}
+
+{% macro notesTool(component='vf-xxx', componentVersion='9.9.9', commitId='0123456789') %}
+<!-- Tools don't have pages in the component library -->
+
+#### [{{component}}](https://github.com/visual-framework/vf-core/tree/develop/tools/{{component}}/#readme) <span class="vf-badge vf-badge--secondary">{{ componentVersion }}</span> <a href="https://www.npmjs.com/package/@visual-framework/{{component}}/v/{{componentVersion}}" class="vf-badge vf-badge--secondary">npm</a> <a href="https://github.com/visual-framework/vf-core/commit/{{commitId}}" class="vf-badge vf-badge--secondary">git diff</a>
+
+{% endmacro %}
+
+{% macro componentLink(component='vf-xxx') %}[{{component}}](https://latest.visual-framework.dev/components/{{component}}/){% endmacro %}
+{# endmacros ---/ #}
+
+{% markdown %}
+
+<section class="vf-u-fullbleed vf-u-background-color-ui--grey--light"><br/>
+<article class="vf-box vf-box-theme--primary vf-box--easy">
+<h3 class="vf-box__heading">
+This releases {{version}} to the CDN
+</h3>
+<div class="vf-box__text">
+
+[`https://assets.emblstatic.net/vf/v{{version}}/css/styles.css`](https://assets.emblstatic.net/vf/v{{version}}/css/styles.css) <br/>
+[`https://assets.emblstatic.net/vf/v{{version}}/scripts/scripts.js`](https://assets.emblstatic.net/vf/v{{version}}/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]({{ '/building' | url }}).
+
+{#- don't forget to add the latest version to /tools/vf-component-library/src/site/_data/siteConfig.js -#}
+
+</div>
+</article><br/>
+</section>
+
+<br/>
+
+### Notable improvements <a href="#improvements" id="improvements"></a>
+
+{{ notes("vf-content", "1.6.0", "cf627d23e5f53acf23a465d8ee4865a7324ae2a8") }}
+
+* 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
+
+{{ notes("vf-figure", "1.5.7", "103a719ec144b4148d25d4eacfb5cc6d6f2fde8b") }}
+
+* 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 <a href="#documentation" id="documentation"></a>
+
+{{ notes("vf-card", "2.5.8", "6a6513b093d4e888e51c72832ac8306a96851283") }}
+
+* Documentation: clarity on using card vs summary components.
+    * https://github.com/visual-framework/vf-core/issues/1592
+
+{{ notes("vf-summary", "1.5.1", "6a6513b093d4e888e51c72832ac8306a96851283") }}
+
+* Documentation: clarity on using card vs summary components.
+    * https://github.com/visual-framework/vf-core/issues/1592
+
+{{ notes("vf-search-client-side", "2.0.0-alpha.1", "bdbd0eecb53b971457bead7f2054d6097cecb00a") }}
+
+* Accessibility: add `search_client_id` to configure `label` `for` and `input` `name` attributes.
+
+### Bug fixes <a href="#bugs" id="bugs"></a>
+
+{{ notes("embl-breadcrumbs-lookup", "1.1.1", "8d0beabc2958c4c83411a42ffd955b9bcaf4f1b0") }}
+
+* Fix: Breadcrumbs repeat if init method is repeatedly called on same page.
+    * https://github.com/visual-framework/vf-core/issues/1593
+
+{{ notes("vf-code-example", "1.2.2", "cf627d23e5f53acf23a465d8ee4865a7324ae2a8") }}
+
+* Add a bottom margin to `vf-code-example__pre`
+    * https://github.com/visual-framework/vf-core/pull/1589
+
+
+{{ notes("vf-sass-config", "2.5.4", "103a719ec144b4148d25d4eacfb5cc6d6f2fde8b") }}
+
+* Darken and increase figure text size
+    * https://github.com/visual-framework/vf-core/issues/1582
+
+{{ notesTool("vf-core", "2.2.28", "879337aacdba5328aa41fb4059e91784b99f09e7") }}
+
+* 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
+
+{{ notes("vf-tabs", "2.0.1", "339256917e5c26546e8f10bff68a95a0d18e1049") }}
+
+* Bug: Add missing `@import 'vf-global-variables';` to generate standalone `vf-tabs.css`.
+    * https://github.com/visual-framework/vf-core/pull/1581
+
+{% endmarkdown %}

tools/vf-core/package.json

 {
   "name": "@visual-framework/vf-core",
-  "version": "2.2.28",
+  "version": "2.2.29",
   "description": "Common dependencies for the Visual Framework 2.0.",
   "engines": {
     "node": ">=12.0.0"
@@ -32,7 +32,7 @@
     "@visual-framework/vf-component-generator": "^1.1.5",
     "@visual-framework/vf-component-initialization": "^1.1.6",
     "@visual-framework/vf-frctl-extensions": "^1.0.1",
-    "@visual-framework/vf-sass-compilation": "^1.1.11",
+    "@visual-framework/vf-sass-compilation": "^1.1.12",
     "chalk": "^4.0.0",
     "del": "^6.0.0",
     "fast-glob": "^3.1.0",

tools/vf-sass-compilation/package.json

 {
   "name": "@visual-framework/vf-sass-compilation",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "Build the Sass for Visual Framework 2.0 projects.",
   "main": "index.js",
   "scripts": {