canonical/vanilla-framework (vanilla-framework)
### [`v4.0.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.0.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.15.1...v4.0.0)
#### 🍦 New in Vanilla 4.0
Vanilla 4.0 introduces elements of new style used for current rebranding of Canonical's brochure websites, including typography changes (utilising new variable Ubuntu font), wider grid width, some updated colours, and updates to any related components.
The most important changes include:
- updated typography of headings
- grid width increased to 80 rem
- some new components that help to build brochure sites in new style (horizontal rule, sections, new shorthand grid variants)
#### 🚀 Migrating to Vanilla 4.0
We treat Vanilla 4.0 as an interim release that includes elements of new branding, but keep the support for old style of components as well to allow for easier and more granular migration on our biggest websites. Therefore, there are no significant breaking changes or removed components.
But because of quite significant visual changes introduced by updated typography and wider grid, it is recommended to properly QA templates and pages, especially if there are any custom styles built on top of Vanilla.
You can [check our migration guide](https://vanillaframework.io/docs/migration-guide-to-v4) for more details.
#### 🔗 Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
#### 📝 Change log
- Typography changes by [@lyubomir-popov](https://togithub.com/lyubomir-popov) [@ClementChaumel](https://togithub.com/ClementChaumel) in [#4734](https://togithub.com/canonical/vanilla-framework/issues/4734)
- Align prefix for stepped list [@ClementChaumel](https://togithub.com/ClementChaumel) [@bartaz](https://togithub.com/bartaz) in [#4735](https://togithub.com/canonical/vanilla-framework/issues/4735)
- Fix alignment of heading icon [@bartaz](https://togithub.com/bartaz) in [#4736](https://togithub.com/canonical/vanilla-framework/issues/4736)
- Update small screens font sizes [@lyubomir-popov](https://togithub.com/lyubomir-popov) in [#4740](https://togithub.com/canonical/vanilla-framework/issues/4740)
- Revert logo font size to match logo sizing by [@bartaz](https://togithub.com/bartaz) in [#4756](https://togithub.com/canonical/vanilla-framework/issues/4756)
- chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) in [https://github.com/canonical/vanilla-framework/pull/4754](https://togithub.com/canonical/vanilla-framework/pull/4754)
- Update rule-highlight pattern to use to appropriate class by [@petesfrench](https://togithub.com/petesfrench) in [https://github.com/canonical/vanilla-framework/pull/4759](https://togithub.com/canonical/vanilla-framework/pull/4759)
- Paper background by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4763](https://togithub.com/canonical/vanilla-framework/pull/4763)
- Add paper colour variable by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4772](https://togithub.com/canonical/vanilla-framework/pull/4772)
- Implement white strips for paper background by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4773](https://togithub.com/canonical/vanilla-framework/pull/4773)
- Migration docs 4.0 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4774](https://togithub.com/canonical/vanilla-framework/pull/4774)
- Merged with latest Vanilla 3.15.1
- Update typography docs for Vanilla 4.0 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4780](https://togithub.com/canonical/vanilla-framework/pull/4780)
- Add utility to limit max width of text lists by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4781](https://togithub.com/canonical/vanilla-framework/pull/4781)
- Update text colour to 000 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4786](https://togithub.com/canonical/vanilla-framework/pull/4786)
- Add teal accent colour by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4799](https://togithub.com/canonical/vanilla-framework/pull/4799)
- Darker rule component by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4801](https://togithub.com/canonical/vanilla-framework/pull/4801)
- Links on dark by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4805](https://togithub.com/canonical/vanilla-framework/pull/4805)
- Remove rounded corners by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4810](https://togithub.com/canonical/vanilla-framework/pull/4810)
- Ubuntu font 0.869 and old style numerals by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4812](https://togithub.com/canonical/vanilla-framework/pull/4812)
- Update muted heading by [@lyubomir-popov](https://togithub.com/lyubomir-popov) in [https://github.com/canonical/vanilla-framework/pull/4807](https://togithub.com/canonical/vanilla-framework/pull/4807)
- Change ticks in lists to grey by [@ClementChaumel](https://togithub.com/ClementChaumel) in [https://github.com/canonical/vanilla-framework/pull/4792](https://togithub.com/canonical/vanilla-framework/pull/4792)
- Use is-dark class name for consistency by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4819](https://togithub.com/canonical/vanilla-framework/pull/4819)
- Make sure logo tag background is not configurable by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4821](https://togithub.com/canonical/vanilla-framework/pull/4821)
- Update section component by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4823](https://togithub.com/canonical/vanilla-framework/pull/4823)
- Merge Vanilla 4.0 feature branch by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4751](https://togithub.com/canonical/vanilla-framework/pull/4751)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.15.1...v4.0.0
### [`v3.15.1`](https://togithub.com/canonical/vanilla-framework/releases/tag/v3.15.1)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.15.0...v3.15.1)
#### 👋 The last release of Vanilla v3
With focus on new major release of Vanilla 4.0 this 3.15.1 is likely the last release of Vanilla v3 line. We may release some hot-fixes if any serious bugs are found, but no new features or maintenance updates are planned for v3 anymore.
#### Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
#### New in Vanilla v3.15.1
##### 🐛 Bug Fixes
- Reduce form input width - 10em to 8em by [@Jim-Dillon](https://togithub.com/Jim-Dillon) ([#4798](https://togithub.com/canonical/vanilla-framework/issues/4798))
##### 🔨 Maintenance
- Breadcrumbs - chevrons to slashes by [@Jim-Dillon](https://togithub.com/Jim-Dillon) ([#4811](https://togithub.com/canonical/vanilla-framework/issues/4811))
- Use ps5 registry by [@nottrobin](https://togithub.com/nottrobin) ([#4804](https://togithub.com/canonical/vanilla-framework/issues/4804))
- Migrate to Percy CLI by [@bartaz](https://togithub.com/bartaz) ([#4795](https://togithub.com/canonical/vanilla-framework/issues/4795))
#### New Contributors
- [@Jim-Dillon](https://togithub.com/Jim-Dillon) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4798](https://togithub.com/canonical/vanilla-framework/pull/4798)
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.15.0...v3.15.1
### [`v3.15.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v3.15.0)
[Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.14.0...v3.15.0)
#### Getting Vanilla Framework
Install with NPM: https://www.npmjs.com/package/vanilla-framework
Visit the documentation at https://vanillaframework.io/docs
#### New in Vanilla v3.15.0
#### 🚀 Features
- Add sliding nav on mobile by [@ClementChaumel](https://togithub.com/ClementChaumel) ([#4767](https://togithub.com/canonical/vanilla-framework/issues/4767))
#### 📝 Documentation
- Update rule-highlight pattern to use to appropriate class by [@petesfrench](https://togithub.com/petesfrench) ([#4759](https://togithub.com/canonical/vanilla-framework/issues/4759))
#### 🔨 Maintenance
- chore(deps): update dependency canonicalwebteam.discourse to v5.4.2 by [@renovate](https://togithub.com/renovate) ([#4778](https://togithub.com/canonical/vanilla-framework/issues/4778))
- chore(deps): update dependency postcss-cli to v10 by [@renovate](https://togithub.com/renovate) ([#4776](https://togithub.com/canonical/vanilla-framework/issues/4776))
- chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4775](https://togithub.com/canonical/vanilla-framework/issues/4775))
- Add paper colour variable by [@bartaz](https://togithub.com/bartaz) ([#4772](https://togithub.com/canonical/vanilla-framework/issues/4772))
- chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4754](https://togithub.com/canonical/vanilla-framework/issues/4754))
**Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.14.0...v3.15.0
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
[ ] If you want to rebase/retry this PR, check this box
This PR has been generated by Mend Renovate. View repository job log here.
This PR contains the following updates:
3.14.0->4.0.0Release Notes
canonical/vanilla-framework (vanilla-framework)
### [`v4.0.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v4.0.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.15.1...v4.0.0) #### 🍦 New in Vanilla 4.0 Vanilla 4.0 introduces elements of new style used for current rebranding of Canonical's brochure websites, including typography changes (utilising new variable Ubuntu font), wider grid width, some updated colours, and updates to any related components. The most important changes include: - updated typography of headings - grid width increased to 80 rem - some new components that help to build brochure sites in new style (horizontal rule, sections, new shorthand grid variants) #### 🚀 Migrating to Vanilla 4.0 We treat Vanilla 4.0 as an interim release that includes elements of new branding, but keep the support for old style of components as well to allow for easier and more granular migration on our biggest websites. Therefore, there are no significant breaking changes or removed components. But because of quite significant visual changes introduced by updated typography and wider grid, it is recommended to properly QA templates and pages, especially if there are any custom styles built on top of Vanilla. You can [check our migration guide](https://vanillaframework.io/docs/migration-guide-to-v4) for more details. #### 🔗 Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs #### 📝 Change log - Typography changes by [@lyubomir-popov](https://togithub.com/lyubomir-popov) [@ClementChaumel](https://togithub.com/ClementChaumel) in [#4734](https://togithub.com/canonical/vanilla-framework/issues/4734) - Align prefix for stepped list [@ClementChaumel](https://togithub.com/ClementChaumel) [@bartaz](https://togithub.com/bartaz) in [#4735](https://togithub.com/canonical/vanilla-framework/issues/4735) - Fix alignment of heading icon [@bartaz](https://togithub.com/bartaz) in [#4736](https://togithub.com/canonical/vanilla-framework/issues/4736) - Update small screens font sizes [@lyubomir-popov](https://togithub.com/lyubomir-popov) in [#4740](https://togithub.com/canonical/vanilla-framework/issues/4740) - Revert logo font size to match logo sizing by [@bartaz](https://togithub.com/bartaz) in [#4756](https://togithub.com/canonical/vanilla-framework/issues/4756) - chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) in [https://github.com/canonical/vanilla-framework/pull/4754](https://togithub.com/canonical/vanilla-framework/pull/4754) - Update rule-highlight pattern to use to appropriate class by [@petesfrench](https://togithub.com/petesfrench) in [https://github.com/canonical/vanilla-framework/pull/4759](https://togithub.com/canonical/vanilla-framework/pull/4759) - Paper background by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4763](https://togithub.com/canonical/vanilla-framework/pull/4763) - Add paper colour variable by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4772](https://togithub.com/canonical/vanilla-framework/pull/4772) - Implement white strips for paper background by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4773](https://togithub.com/canonical/vanilla-framework/pull/4773) - Migration docs 4.0 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4774](https://togithub.com/canonical/vanilla-framework/pull/4774) - Merged with latest Vanilla 3.15.1 - Update typography docs for Vanilla 4.0 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4780](https://togithub.com/canonical/vanilla-framework/pull/4780) - Add utility to limit max width of text lists by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4781](https://togithub.com/canonical/vanilla-framework/pull/4781) - Update text colour to 000 by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4786](https://togithub.com/canonical/vanilla-framework/pull/4786) - Add teal accent colour by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4799](https://togithub.com/canonical/vanilla-framework/pull/4799) - Darker rule component by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4801](https://togithub.com/canonical/vanilla-framework/pull/4801) - Links on dark by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4805](https://togithub.com/canonical/vanilla-framework/pull/4805) - Remove rounded corners by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4810](https://togithub.com/canonical/vanilla-framework/pull/4810) - Ubuntu font 0.869 and old style numerals by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4812](https://togithub.com/canonical/vanilla-framework/pull/4812) - Update muted heading by [@lyubomir-popov](https://togithub.com/lyubomir-popov) in [https://github.com/canonical/vanilla-framework/pull/4807](https://togithub.com/canonical/vanilla-framework/pull/4807) - Change ticks in lists to grey by [@ClementChaumel](https://togithub.com/ClementChaumel) in [https://github.com/canonical/vanilla-framework/pull/4792](https://togithub.com/canonical/vanilla-framework/pull/4792) - Use is-dark class name for consistency by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4819](https://togithub.com/canonical/vanilla-framework/pull/4819) - Make sure logo tag background is not configurable by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4821](https://togithub.com/canonical/vanilla-framework/pull/4821) - Update section component by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4823](https://togithub.com/canonical/vanilla-framework/pull/4823) - Merge Vanilla 4.0 feature branch by [@bartaz](https://togithub.com/bartaz) in [https://github.com/canonical/vanilla-framework/pull/4751](https://togithub.com/canonical/vanilla-framework/pull/4751) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.15.1...v4.0.0 ### [`v3.15.1`](https://togithub.com/canonical/vanilla-framework/releases/tag/v3.15.1) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.15.0...v3.15.1) #### 👋 The last release of Vanilla v3 With focus on new major release of Vanilla 4.0 this 3.15.1 is likely the last release of Vanilla v3 line. We may release some hot-fixes if any serious bugs are found, but no new features or maintenance updates are planned for v3 anymore. #### Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs #### New in Vanilla v3.15.1 ##### 🐛 Bug Fixes - Reduce form input width - 10em to 8em by [@Jim-Dillon](https://togithub.com/Jim-Dillon) ([#4798](https://togithub.com/canonical/vanilla-framework/issues/4798)) ##### 🔨 Maintenance - Breadcrumbs - chevrons to slashes by [@Jim-Dillon](https://togithub.com/Jim-Dillon) ([#4811](https://togithub.com/canonical/vanilla-framework/issues/4811)) - Use ps5 registry by [@nottrobin](https://togithub.com/nottrobin) ([#4804](https://togithub.com/canonical/vanilla-framework/issues/4804)) - Migrate to Percy CLI by [@bartaz](https://togithub.com/bartaz) ([#4795](https://togithub.com/canonical/vanilla-framework/issues/4795)) #### New Contributors - [@Jim-Dillon](https://togithub.com/Jim-Dillon) made their first contribution in [https://github.com/canonical/vanilla-framework/pull/4798](https://togithub.com/canonical/vanilla-framework/pull/4798) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.15.0...v3.15.1 ### [`v3.15.0`](https://togithub.com/canonical/vanilla-framework/releases/tag/v3.15.0) [Compare Source](https://togithub.com/canonical/vanilla-framework/compare/v3.14.0...v3.15.0) #### Getting Vanilla Framework Install with NPM: https://www.npmjs.com/package/vanilla-framework Visit the documentation at https://vanillaframework.io/docs #### New in Vanilla v3.15.0 #### 🚀 Features - Add sliding nav on mobile by [@ClementChaumel](https://togithub.com/ClementChaumel) ([#4767](https://togithub.com/canonical/vanilla-framework/issues/4767)) #### 📝 Documentation - Update rule-highlight pattern to use to appropriate class by [@petesfrench](https://togithub.com/petesfrench) ([#4759](https://togithub.com/canonical/vanilla-framework/issues/4759)) #### 🔨 Maintenance - chore(deps): update dependency canonicalwebteam.discourse to v5.4.2 by [@renovate](https://togithub.com/renovate) ([#4778](https://togithub.com/canonical/vanilla-framework/issues/4778)) - chore(deps): update dependency postcss-cli to v10 by [@renovate](https://togithub.com/renovate) ([#4776](https://togithub.com/canonical/vanilla-framework/issues/4776)) - chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4775](https://togithub.com/canonical/vanilla-framework/issues/4775)) - Add paper colour variable by [@bartaz](https://togithub.com/bartaz) ([#4772](https://togithub.com/canonical/vanilla-framework/issues/4772)) - chore(deps): update all non-major dependencies by [@renovate](https://togithub.com/renovate) ([#4754](https://togithub.com/canonical/vanilla-framework/issues/4754)) **Full Changelog**: https://github.com/canonical/vanilla-framework/compare/v3.14.0...v3.15.0Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Mend Renovate. View repository job log here.