Skip to content

Commit a67ccfb

Browse files
khawkins98khawkins98
committed
Component release 20211014-01
1 parent 0459997 commit a67ccfb

File tree

14 files changed

+139
-18
lines changed

14 files changed

+139
-18
lines changed

‎PUBLISHING.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -35,10 +35,10 @@ A reference guide on how to do releases of the VF [monorepo](https://www.toptal.
3535
### 4. Post-release
3636

3737
1. commit and push changes to the `develop` branch
38-
- commit message in a format of: `Component release 20210705-01`
38+
- commit message in a format of: `Component release 20211014-01`
3939
1. add a tag
4040
- see last tag `git describe --abbrev=0 --tags`
41-
- add a semantic versioned tag `git tag -a v2.5.0-beta.5 -m 'Release of precompiled CSS, JS, assets'`
41+
- add a semantic versioned tag `git tag -a v2.5.2-beta.5 -m 'Release of precompiled CSS, JS, assets'`
4242
- Why like this?
4343
- We do not add tags per individual component version. However, Lerna needs a named tag to see what has changed. With our method we get one tag per release bundle and avoid tag spamming in the release history.
4444
- Trigger a deploy to the CDN (i.e. `v2.5.0`) https://assets.emblstatic.net/vf/v2.4.10/css/styles.css

‎components/vf-design-tokens/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@visual-framework/vf-design-tokens",
3-
"version": "3.6.1",
3+
"version": "3.6.2",
44
"description": "A collection of design tokens for consumption across projects and products",
55
"main": "index.js",
66
"scripts": {

‎components/vf-dropdown/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "1.0.0-alpha.3",
2+
"version": "1.0.0-alpha.4",
33
"name": "@visual-framework/vf-dropdown",
44
"description": "vf-dropdown component",
55
"homepage": "",

‎components/vf-location-nearest/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "1.0.1",
2+
"version": "1.0.2",
33
"name": "@visual-framework/vf-location-nearest",
44
"description": "vf-location-nearest component",
55
"homepage": "",

‎components/vf-sass-config/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "2.6.1",
2+
"version": "2.6.2",
33
"name": "@visual-framework/vf-sass-config",
44
"description": "vf-sass-config",
55
"homepage": "https://stable.visual-framework.dev/",

‎components/vf-sass-starter/package.json

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "0.1.24",
2+
"version": "0.1.25",
33
"name": "@visual-framework/vf-sass-starter",
44
"description": "vf-sass-starter component",
55
"homepage": "https://stable.visual-framework.dev",
@@ -20,10 +20,10 @@
2020
"component"
2121
],
2222
"dependencies": {
23-
"@visual-framework/vf-design-tokens": "^3.6.1",
23+
"@visual-framework/vf-design-tokens": "^3.6.2",
2424
"@visual-framework/vf-font-plex-mono": "^1.1.1",
2525
"@visual-framework/vf-font-plex-sans": "^1.1.1",
26-
"@visual-framework/vf-sass-config": "^2.6.1",
26+
"@visual-framework/vf-sass-config": "^2.6.2",
2727
"@visual-framework/vf-sass-utilities": "^1.0.1",
2828
"@visual-framework/vf-utility-classes": "^2.0.0"
2929
},

‎components/vf-section-header/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "1.5.2",
2+
"version": "1.5.3",
33
"name": "@visual-framework/vf-section-header",
44
"description": "vf-section-header component",
55
"homepage": "https://stable.visual-framework.dev/",

‎components/vf-table/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "1.2.0-rc.2",
2+
"version": "1.2.0-rc.3",
33
"name": "@visual-framework/vf-table",
44
"description": "vf-table component",
55
"homepage": "https://stable.visual-framework.dev",

‎components/vf-tabs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"version": "2.0.1",
2+
"version": "2.0.2",
33
"name": "@visual-framework/vf-tabs",
44
"description": "vf-tabs component",
55
"homepage": "https://stable.visual-framework.dev/",

‎tools/vf-component-library/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@visual-framework/vf-component-library",
3-
"version": "1.1.13",
3+
"version": "1.1.14",
44
"description": "Generate a static-html site of Visual Framework 2.0 components and docs.",
55
"main": "index.js",
66
"scripts": {

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

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ module.exports = {
1515
// vfVersion: "develop",
1616
// vfVersionPrefix: "dev.",
1717
// use this when tagging a release
18-
vfVersion: "v2.5.1",
18+
vfVersion: "v2.5.2",
1919
vfVersionPrefix: "",
2020
sections: {
2121
about: {

‎tools/vf-component-library/src/site/_includes/layouts/post.njk

+2-3
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,15 @@ pageClass: posts
44
templateEngineOverride: njk
55
---
66

7-
{% include "navigation.njk" %}
7+
{# {% include "navigation.njk" %} #}
88

99
{#- Use this template for individual items of content. -#}
1010

1111
{# <p class="date">
1212
Posted as an example, on <time datetime="{{ date }}">{{ date | dateDisplay }}</time>
1313
</p> #}
1414

15-
<section class="vf-intro | embl-grid embl-grid--has-centered-content">
16-
<div></div>
15+
<section class="vf-intro">
1716
<div>
1817
<h1 class="vf-intro__heading">{{title}}</h1>
1918
{% if subtitle %}

‎tools/vf-component-library/src/site/design-tokens/theming.njk

+1-1
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ layout: layouts/base.njk
4848
{% render '@vf-section-header', {
4949
"section_title": "Interactive",
5050
"href": "https://github.com/visual-framework/vf-core/blob/develop/components/vf-design-tokens/dist/sass/maps/vf-color__interactive.map.scss",
51-
"id": "text"
51+
"id": "interactive"
5252
} %}
5353
<article class="vf-grid vf-grid__col-2">
5454
{% for item in tokens.interactive.properties %}

‎tools/vf-component-library/src/site/updates/2021-10-14-component-updates.njk

+122
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
---
2+
title: Rollup release 2.5.2
3+
subtitle: This release brings a bug fixes, new design tokens and improved documentation.
4+
date: 2021-10-14 22:10:29
5+
version: 2.5.2
6+
tags:
7+
- posts
8+
- changelog
9+
layout: layouts/post.njk
10+
---
11+
12+
{% markdown %}
13+
14+
In addition to [new design tokens for interactive foreground and background colours](/design-tokens/theming/#interactive), we've refreshed the [guidance on the component creation process and technicalities](/guidance/creating-components/).
15+
16+
Read below for details on the changes in each component.
17+
18+
Our next release will [bring an overhaul to the component previews](https://github.com/visual-framework/vf-core/pull/1689).
19+
20+
As always, you can [join the conversation on Slack](https://join.slack.com/t/visual-framework/shared_invite/enQtNDAxNzY0NDg4NTY0LWFhMjEwNGY3ZTk3NWYxNWVjOWQ1ZWE4YjViZmY1YjBkMDQxMTNlNjQ0N2ZiMTQ1ZTZiMGM4NjU5Y2E0MjM3ZGQ).
21+
22+
{% endmarkdown %}
23+
24+
{% set context = {
25+
"component_modifier": "vf-links__list--easy",
26+
"title": "On this page",
27+
"svg": true,
28+
"list": [
29+
{
30+
"text": "Refinements",
31+
"link_list_href": "#refinements"
32+
},
33+
{
34+
"text": "Bug fixes",
35+
"link_list_href": "#bugs"
36+
}
37+
]
38+
}
39+
%}
40+
{% include blocks.links_list %}
41+
42+
{% macro notes(component='vf-xxx', componentVersion='9.9.9', commitId='0123456789') %}
43+
44+
#### [{{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>
45+
46+
{% endmacro %}
47+
48+
{% macro notesTool(component='vf-xxx', componentVersion='9.9.9', commitId='0123456789') %}
49+
<!-- Tools don't have pages in the component library -->
50+
51+
#### [{{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>
52+
53+
{% endmacro %}
54+
55+
{% macro componentLink(component='vf-xxx') %}[{{component}}](https://latest.visual-framework.dev/components/{{component}}/){% endmacro %}
56+
{# endmacros ---/ #}
57+
58+
{% markdown %}
59+
60+
<section class="vf-u-fullbleed vf-u-background-color-ui--grey--light"><br/>
61+
<article class="vf-box vf-box-theme--primary vf-box--easy">
62+
<h3 class="vf-box__heading">
63+
This releases {{version}} to the CDN
64+
</h3>
65+
<div class="vf-box__text">
66+
67+
[`https://assets.emblstatic.net/vf/v{{version}}/css/styles.css`](https://assets.emblstatic.net/vf/v{{version}}/css/styles.css) <br/>
68+
[`https://assets.emblstatic.net/vf/v{{version}}/scripts/scripts.js`](https://assets.emblstatic.net/vf/v{{version}}/scripts/scripts.js)
69+
70+
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 }}).
71+
72+
{#- don't forget to add the latest version to /tools/vf-component-library/src/site/_data/siteConfig.js -#}
73+
74+
</div>
75+
</article><br/>
76+
</section>
77+
78+
<br/>
79+
80+
### Refinements <a href="#refinements" id="refinements"></a>
81+
82+
{{ notes("vf-design-tokens", "3.6.2", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
83+
84+
* Add `interactive-color` tokens.
85+
* https://github.com/visual-framework/vf-core/issues/1688
86+
87+
{{ notes("vf-dropdown", "1.0.0-alpha.4", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
88+
89+
* Use new interactive colour token.
90+
* https://github.com/visual-framework/vf-core/issues/1688
91+
92+
{{ notes("vf-sass-config", "2.6.2", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
93+
94+
* Add map to `interactive-color` sass map
95+
* https://github.com/visual-framework/vf-core/issues/1688
96+
97+
{{ notes("vf-table", "1.2.0-rc.3", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
98+
* Use new interactive colour token.
99+
* https://github.com/visual-framework/vf-core/issues/1688
100+
101+
{{ notes("vf-tabs", "VERSIONHERE", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
102+
103+
* Use new interactive colour token.
104+
* https://github.com/visual-framework/vf-core/issues/1688
105+
106+
### Bug fixes <a href="#bugs" id="bugs"></a>
107+
108+
{{ notes("vf-location-nearest", "1.0.2", "0459997ca19e5d000edeb9a80b4041180e61a2fe") }}
109+
110+
* Remove unneeded `console.log`.
111+
112+
{{ notes("vf-tabs", "2.0.2", "0459997ca19e5d000edeb9a80b4041180e61a2fe") }}
113+
114+
* Prevent hijacking of scroll when focusing tabs.
115+
* https://github.com/visual-framework/vf-core/pull/1696
116+
117+
{{ notes("vf-section-header", "1.5.3", "63c3bec9fe233120497f6ba33a9dc292a53185c0") }}
118+
119+
* Bug: following 1.5.2, ensures that links are always style correctly.
120+
121+
122+
{% endmarkdown %}

0 commit comments

Comments
 (0)