Commit 27bb047e authored by Ken Hawkins's avatar Ken Hawkins
Browse files

Component release 20211122-01

parent bda47682
Pipeline #215989 passed with stages
in 11 minutes and 38 seconds
{
"version": "1.0.0-alpha.7",
"version": "1.0.0-alpha.8",
"name": "@visual-framework/vf-boilerplate-page",
"description": "vf-boilerplate-page component",
"homepage": "https://stable.visual-framework.dev/",
......
{
"version": "2.0.0-alpha.4",
"version": "2.0.0-alpha.5",
"name": "@visual-framework/vf-button",
"description": "vf-button component",
"homepage": "https://stable.visual-framework.dev/",
......
{
"version": "2.6.2",
"version": "2.7.0",
"name": "@visual-framework/vf-card",
"description": "vf-card component",
"homepage": "https://stable.visual-framework.dev",
......
{
"version": "1.4.3",
"version": "1.4.4",
"name": "@visual-framework/vf-componenet-rollup",
"description": "vf-componenet-rollup component",
"homepage": "https://stable.visual-framework.dev",
......
{
"version": "1.6.4",
"version": "1.6.5",
"name": "@visual-framework/vf-content",
"description": "vf-content component",
"homepage": "https://stable.visual-framework.dev/",
......@@ -19,7 +19,7 @@
"@visual-framework/vf-badge": "^2.0.0",
"@visual-framework/vf-blockquote": "^1.2.0",
"@visual-framework/vf-box": "^2.4.0",
"@visual-framework/vf-button": "^2.0.0-alpha.2",
"@visual-framework/vf-button": "^2.0.0-alpha.5",
"@visual-framework/vf-divider": "^2.0.1",
"@visual-framework/vf-figure": "^1.3.0",
"@visual-framework/vf-form": "^2.0.0-alpha.2",
......
{
"name": "@visual-framework/vf-design-tokens",
"version": "3.6.2",
"version": "3.6.3",
"description": "A collection of design tokens for consumption across projects and products",
"main": "index.js",
"scripts": {
......
{
"version": "3.0.0",
"version": "3.0.1",
"name": "@visual-framework/vf-header",
"description": "vf-header component",
"homepage": "https://stable.visual-framework.dev/",
......
{
"version": "1.0.0-alpha.0",
"version": "1.0.0-alpha.1",
"name": "@visual-framework/vf-mega-menu",
"description": "vf-mega-menu component",
"homepage": "",
......
### 3.0.0-rc.1
### 3.0.0-rc.0
* Introduces `vf-navigation--on-this-page`.
* Removes `vf-navigation--additional`.
......
{
"version": "3.0.0-beta.2",
"version": "3.0.0-rc.0",
"name": "@visual-framework/vf-navigation",
"description": "vf-navigation component",
"homepage": "https://stable.visual-framework.dev/",
......
{
"version": "0.1.26",
"version": "0.1.27",
"name": "@visual-framework/vf-sass-starter",
"description": "vf-sass-starter component",
"homepage": "https://stable.visual-framework.dev",
......@@ -20,7 +20,7 @@
"component"
],
"dependencies": {
"@visual-framework/vf-design-tokens": "^3.6.2",
"@visual-framework/vf-design-tokens": "^3.6.3",
"@visual-framework/vf-font-plex-mono": "^1.1.1",
"@visual-framework/vf-font-plex-sans": "^1.1.1",
"@visual-framework/vf-sass-config": "^2.7.0",
......
### 1.0.0-alpha.1
* A line of what is new in your component.
* Use sentence styling.
* Keep your notes, short and punchy.
* End your sentences with periods.
* https://github.com/visual-framework/vf-core/issues/1286
* Link to any related issues or discussions, such as the above.
* Introduce CSS-based smooth scroll component.
{
"version": "1.0.0-alpha.0",
"version": "1.0.0-alpha.1",
"name": "@visual-framework/vf-smooth-scroll",
"description": "vf-smooth-scroll component",
"homepage": "",
......
{
"name": "@visual-framework/vf-component-library",
"version": "1.1.15",
"version": "1.1.16",
"description": "Generate a static-html site of Visual Framework 2.0 components and docs.",
"main": "index.js",
"scripts": {
......
......@@ -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.3",
// vfVersionPrefix: "",
vfVersion: "v2.5.4",
vfVersionPrefix: "",
sections: {
about: {
url: "/about",
......
......@@ -16,16 +16,13 @@ templateEngineOverride: njk
{% if subtitle %}
<div class="vf-lede">{{subtitle | markdown | safe | replace("<p>", "<span class='vf-content'>") | replace("</p>", "</span>") }}</div>
{% endif %}
<p class="vf-summary__date">{{ date | dateDisplay }}</p>
</div>
</section>
<main class="embl-grid embl-grid--has-centered-content">
<div></div>
<div class="vf-content">
<p class="vf-summary__date">
{{ date | dateDisplay }}
</p>
<div class="vf-content | vf-stack vf-stack--400">
{{ content | safe }}
</div>
</main>
---
title: Rollup release 2.5.4
subtitle: This rollup release brings interactivity improvements to ease navigation around VF-powered pages and sites.
date: 2021-11-22 20:10:29
version: 2.5.4
tags:
- posts
- changelog
layout: layouts/post.njk
---
{%- import "component-release-links.njk" as releaseLinks -%}
{% render '@vf-navigation', {
"heading": "On this page",
"classModifier": "on-this-page",
"activateJavascript": true,
"navigation": [
{
"text": "Overview",
"navigation_href": "#overview",
"currentSection": true
},
{
"text": "Features",
"navigation_href": "#features"
},
{
"text": "Refinements",
"navigation_href": "#refinements"
}
]
} %}
{% markdown %}
<span class="" id="overview"></span>Following the [25 October 2021 release](../2021-10-25-component-updates/), this release continues work on improving the quality of life for user interaction; highlights include:
- A new "on this page" component (`vf-navigation--on-this-page`)
- Smooth scrolling for anchor links (`vf-smooth-scroll`)
- A mega menu to speed deep page and lateral navigation (`vf-mega-menu`)
You'll see all three of these used on the VF's component library.
Note: the vf-mega-menu is in particularly early stage of development (`alpha.1`) and is subject to much change — feedback welcome!
You'll also find a few bug fixes and optimisations. Read on for more!
---
As always, you can [join the conversation on Slack](https://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ).
{% endmarkdown %}
{% 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/>
### Features <a href="#features" id="features"></a>
{{ releaseLinks.notes("vf-mega-menu", "1.0.0-alpha.1", "2fdff722c95210f2aa6afb20d5dc49985b7b7af2") }}
* Creates a mega menu.
* https://github.com/visual-framework/vf-core/issues/1718
{{ releaseLinks.notes("vf-smooth-scroll", "1.0.0-alpha.1", "acb0d66db846fcb9a7c96304d1422b7a8612e96c") }}
* Introduce CSS-based smooth scroll component.
{{ releaseLinks.notes("vf-navigation", "3.0.0-rc.0", "7f83795b0b2bb25386a11804909f8c0be70bb43b") }}
* Introduces `vf-navigation--on-this-page`.
* Removes `vf-navigation--additional`.
* https://github.com/visual-framework/vf-core/issues/1623
### Refinements <a href="#refinements" id="refinements"></a>
{{ releaseLinks.notes("vf-button", "2.0.0-alpha.5", "6f0f44676bd5be11fb0e20f1482537d96bbb8513") }}
* Readme formatting fixes.
* Style import fixes for experimental angular support.
{{ releaseLinks.notes("vf-card", "2.7.0", "6f0f44676bd5be11fb0e20f1482537d96bbb8513") }}
* Updates `vf-stack` custom properties to work nicely with `vf-stack` version 3.
{{ releaseLinks.notesTool("vf-design-tokens", "3.6.3", "7f83795b0b2bb25386a11804909f8c0be70bb43b") }}
* Fix documentation for sassFunction interactive-color
* https://github.com/visual-framework/vf-core/pull/1711
{{ releaseLinks.notes("vf-header", "3.0.1", "7f83795b0b2bb25386a11804909f8c0be70bb43b") }}
* Removes usage of deleted `vf-navigation--additional` variant.
{{ releaseLinks.notes("vf-componenet-rollup", "1.4.4", "2fdff722c95210f2aa6afb20d5dc49985b7b7af2") }}
* Add vf-mega-menu Sass and JS.
* https://github.com/visual-framework/vf-core/issues/1718
{{ releaseLinks.notes("vf-component-library", "1.1.16", "21066c56e55dd813ac674a853e4ecb31c961cf84") }}
* Utilise new `vf-navigation--on-this-page`.
* Update project boilerplate links at https://stable.visual-framework.dev/building/
{% endmarkdown %}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment